/* WP Multi Formular – Admin CSS v2.0 */ :root{--wmf-primary:#2271b1;--wmf-primary-h:#135e96;--wmf-error:#d63638;--wmf-border:#dcdcde;--wmf-radius:4px;--wmf-shadow:0 1px 4px rgba(0,0,0,.1);} .wmf-admin-wrap{max-width:1400px;} .wmf-page-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;} .wmf-badge{font-size:11px;font-weight:600;padding:2px 8px;border-radius:10px;background:#e8f0fb;color:var(--wmf-primary);vertical-align:middle;} .wmf-sc-copy,.wmf-sc-badge{font-size:12px;font-family:monospace;background:#f6f7f7;border:1px solid var(--wmf-border);border-radius:3px;padding:3px 8px;cursor:pointer;display:inline-block;transition:background .15s;} .wmf-sc-copy:hover,.wmf-sc-badge:hover{background:#e0e0e0;} .wmf-row-actions .button{margin-right:4px;} .wmf-btn-delete{color:var(--wmf-error)!important;border-color:var(--wmf-error)!important;} .wmf-btn-delete:hover{background:#fef2f2!important;} .wmf-empty-state{text-align:center;padding:60px 20px;background:#fff;border:1px solid var(--wmf-border);border-radius:var(--wmf-radius);margin-top:20px;} .wmf-empty-icon{font-size:56px;color:#c3c4c7;display:block;margin-bottom:12px;} /* Builder */ .wmf-form-title-row{display:flex;gap:10px;align-items:center;margin:14px 0;} .wmf-title-input{flex:1;font-size:21px;font-weight:600;padding:8px 12px;border:2px solid var(--wmf-border);border-radius:var(--wmf-radius);box-sizing:border-box;max-width:600px;} .wmf-title-input:focus{border-color:var(--wmf-primary);outline:none;} .wmf-builder-layout{display:grid;grid-template-columns:210px 1fr 275px;gap:14px;align-items:start;} .wmf-palette{background:#fff;border:1px solid var(--wmf-border);border-radius:var(--wmf-radius);padding:12px;position:sticky;top:32px;max-height:calc(100vh - 100px);overflow-y:auto;} .wmf-palette-search{width:100%;box-sizing:border-box;padding:6px 8px;border:1px solid #c3c4c7;border-radius:3px;font-size:13px;margin-bottom:10px;} .wmf-palette-cat-title{font-size:11px;text-transform:uppercase;color:#a7aaad;margin:10px 0 5px;display:flex;align-items:center;gap:5px;} .wmf-palette-cat-title .dashicons{font-size:14px;width:14px;height:14px;} .wmf-palette-item{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:3px;background:#f6f7f7;border:1px solid #e0e0e0;cursor:grab;font-size:13px;user-select:none;transition:background .1s,border-color .1s;margin-bottom:4px;} .wmf-palette-item:hover{background:#e8f0fb;border-color:var(--wmf-primary);color:var(--wmf-primary);} .wmf-palette-item .dashicons{font-size:15px;width:15px;height:15px;flex-shrink:0;} .wmf-palette-item.wmf-hidden{display:none;} .wmf-canvas-col{display:flex;flex-direction:column;gap:10px;} .wmf-canvas{min-height:420px;background:#fff;border:2px dashed #c3c4c7;border-radius:var(--wmf-radius);padding:14px;transition:border-color .2s;} .wmf-canvas.drag-over{border-color:var(--wmf-primary);background:#f0f6fc;} .wmf-canvas-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#a7aaad;text-align:center;} .wmf-canvas-empty.wmf-hidden{display:none;} .wmf-field-list{display:flex;flex-direction:column;gap:6px;} .wmf-canvas-field{display:flex;align-items:center;gap:8px;background:#f6f7f7;border:1.5px solid var(--wmf-border);border-radius:var(--wmf-radius);padding:9px 11px;cursor:pointer;transition:border-color .15s,background .15s;} .wmf-canvas-field:hover{border-color:var(--wmf-primary);background:#f0f6fc;} .wmf-canvas-field.wmf-active{border-color:var(--wmf-primary);background:#e8f0fb;box-shadow:0 0 0 2px rgba(34,113,177,.2);} .wmf-drag-handle{cursor:grab;color:#a7aaad;font-size:18px;flex-shrink:0;} .wmf-drag-handle:hover{color:var(--wmf-primary);} .wmf-field-type-icon{color:#646970;flex-shrink:0;} .wmf-field-label{flex:1;font-size:13px;font-weight:500;} .wmf-field-type-badge{font-size:10px;color:#a7aaad;} .wmf-field-req-mark{color:var(--wmf-error);font-size:13px;} .wmf-step-badge{font-size:10px;background:#e8f0fb;color:var(--wmf-primary);padding:1px 6px;border-radius:8px;} .wmf-step-select{font-size:11px;border:1px solid #c3c4c7;border-radius:3px;padding:1px 4px;background:#fff;color:#646970;cursor:pointer;flex-shrink:0;} .wmf-field-del{background:none;border:none;cursor:pointer;color:#a7aaad;padding:2px 4px;border-radius:3px;font-size:15px;transition:color .1s,background .1s;} .wmf-field-del:hover{color:var(--wmf-error);background:#fef2f2;} .wmf-canvas-field.ui-sortable-helper{box-shadow:var(--wmf-shadow);opacity:.9;} .wmf-canvas-field.ui-sortable-placeholder{background:#e8f0fb;border:2px dashed var(--wmf-primary);visibility:visible!important;} .wmf-canvas-footer{display:flex;gap:8px;padding:12px 14px;background:#fff;border:1px solid var(--wmf-border);border-radius:var(--wmf-radius);position:sticky;bottom:12px;box-shadow:var(--wmf-shadow);} .wmf-settings-col{position:sticky;top:32px;max-height:calc(100vh - 100px);overflow-y:auto;} .wmf-panel{background:#fff;border:1px solid var(--wmf-border);border-radius:var(--wmf-radius);margin-bottom:10px;overflow:hidden;} .wmf-panel-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#f6f7f7;border-bottom:1px solid var(--wmf-border);font-size:13px;font-weight:600;} .wmf-panel-close{background:none;border:none;cursor:pointer;color:#a7aaad;font-size:16px;padding:0;} .wmf-panel-close:hover{color:var(--wmf-error);} .wmf-panel-body{padding:14px;} .wmf-panel-foot{padding:10px 14px;border-top:1px solid var(--wmf-border);} .wmf-loading-msg{color:#a7aaad;font-style:italic;font-size:13px;} .wmf-tabs{display:flex;border-bottom:1px solid var(--wmf-border);background:#f6f7f7;} .wmf-tab{background:none;border:none;padding:9px 13px;font-size:12px;cursor:pointer;border-bottom:2px solid transparent;color:#646970;margin-bottom:-1px;font-weight:500;} .wmf-tab:hover{color:var(--wmf-primary);} .wmf-tab.active{color:var(--wmf-primary);border-bottom-color:var(--wmf-primary);font-weight:600;background:#fff;} .wmf-tab-pane{display:none;padding:14px;} .wmf-tab-pane.active{display:block;} .wmf-sg{margin-bottom:12px;} .wmf-sg label{display:block;font-size:12px;font-weight:600;color:#1d2327;margin-bottom:4px;} .wmf-sg-head{font-size:11px;text-transform:uppercase;color:#a7aaad;font-weight:600;margin-bottom:8px!important;} .wmf-sg input[type=text],.wmf-sg input[type=email],.wmf-sg input[type=url],.wmf-sg input[type=number],.wmf-sg textarea,.wmf-sg select{width:100%;box-sizing:border-box;} .wmf-field-setting{margin-bottom:10px;} .wmf-field-setting label{display:block;font-size:12px;font-weight:600;margin-bottom:3px;color:#1d2327;} .wmf-field-setting input[type=text],.wmf-field-setting input[type=number],.wmf-field-setting textarea,.wmf-field-setting select{width:100%;box-sizing:border-box;} .wmf-field-inline label{display:flex!important;align-items:center;gap:6px;font-weight:normal!important;font-size:13px;cursor:pointer;} .wmf-settings-sep{border:none;border-top:1px solid var(--wmf-border);margin:12px 0;} .wmf-hint{font-size:10px;color:#a7aaad;font-weight:normal;} .wmf-rule-row{display:flex;gap:5px;margin-bottom:6px;align-items:center;} .wmf-rule-row select,.wmf-rule-row input{flex:1;font-size:12px;} .wmf-rule-remove{background:none;border:none;color:var(--wmf-error);cursor:pointer;font-size:15px;flex-shrink:0;padding:0 4px;} .wmf-add-rule{font-size:12px;margin-top:4px;} .wmf-conditional-rules{margin-top:10px;padding:10px;background:#f9f9f9;border-radius:3px;border:1px solid var(--wmf-border);} .wmf-opts-list{margin-bottom:8px;} .wmf-opt-row{display:flex;gap:5px;align-items:center;margin-bottom:5px;} .wmf-opt-row input{flex:1;font-size:12px;} .wmf-opt-del{background:none;border:none;color:var(--wmf-error);cursor:pointer;font-size:15px;flex-shrink:0;} .wmf-add-opt{font-size:12px;} .wmf-submissions-wrap{margin-top:14px;} .wmf-submissions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;} .wmf-status{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;} .wmf-status-neu{background:#e8f0fb;color:var(--wmf-primary);} .wmf-status-gelesen{background:#f0fdf4;color:#166534;} .wmf-status-archiviert{background:#f6f7f7;color:#646970;} #wmf-preview-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:99999;overflow-y:auto;padding:20px;} .wmf-preview-inner{max-width:700px;margin:20px auto;background:#fff;border-radius:8px;padding:32px;position:relative;} /* Integrations */ .wmf-integrations-widget .mode-group{margin:0 0 1em;} .wmf-buttongroup{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px;} .wmf-buttongroup input[type=radio]{position:absolute;opacity:0;width:0;height:0;} .wmf-buttongroup label span{display:inline-block;padding:4px 12px;border:1px solid #8c8f94;border-radius:3px;cursor:pointer;background:#f6f7f7;font-size:13px;line-height:2;} .wmf-buttongroup input[type=radio]:checked+span{background:var(--wmf-primary);border-color:var(--wmf-primary);color:#fff;} .wmf-service-integration{display:none;} .wmf-stripe-block,.wmf-paypal-block{display:none;} #wmf-service-stripe[data-active-mode=live] .wmf-stripe-block-live,#wmf-service-stripe[data-active-mode=test] .wmf-stripe-block-test,#wmf-service-paypal[data-active-mode=live] .wmf-paypal-block-live,#wmf-service-paypal[data-active-mode=sandbox] .wmf-paypal-block-sandbox{display:block;} #wmf-int-widget-recaptcha .has-service-selection[data-active-service=recaptcha] #wmf-service-recaptcha,#wmf-int-widget-recaptcha .has-service-selection[data-active-service=recaptchav3] #wmf-service-recaptchav3{display:block;} #wmf-integration-toolbar{margin-bottom:15px;} #wmf-integration-toolbar .media-toolbar-secondary{float:left;margin-top:11px;} #wmf-no-integrations-found{color:#646970;font-size:16px;text-align:center;padding:60px 0;display:none;} #wmf-integrations-results-wrap.no-results #wmf-no-integrations-found{display:block;} #wmf-integrations-results{display:none;} #wmf-integrations-results .postbox-container{width:25%;padding:0 8px;box-sizing:border-box;float:left;} .wmf-integrations-widget{box-sizing:border-box;} .wmf-integrations-widget .handle-actions{display:none;} .wmf-integrations-widget.closed .inside,.wmf-integrations-widget.closed br.clear{display:block;} @media(max-width:1200px){.wmf-builder-layout{grid-template-columns:190px 1fr 250px;}} @media(max-width:960px){.wmf-builder-layout{grid-template-columns:1fr;}.wmf-palette,.wmf-settings-col{position:static;max-height:none;}} @media(max-width:799px){#wmf-integrations-results .postbox-container{width:100%;}} /* ============================================================ EINREICHUNGEN – LISTE ============================================================ */ .wmf-submissions-wrap { margin-top:16px; } .wmf-subs-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; } .wmf-subs-title { margin:0; font-size:18px; display:flex; align-items:center; gap:10px; } .wmf-subs-count { display:inline-flex; align-items:center; justify-content:center; min-width:24px; height:24px; background:#2271b1; color:#fff; border-radius:12px; font-size:12px; font-weight:700; padding:0 7px; } .wmf-subs-filter-bar { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px; margin-bottom:12px; border-bottom:1px solid #dcdcde; padding-bottom:12px; } .wmf-status-tabs { display:flex; gap:0; } .wmf-status-tab { padding:6px 14px; text-decoration:none; color:#646970; border:1px solid transparent; border-bottom:none; font-size:13px; } .wmf-status-tab:hover { color:#2271b1; } .wmf-status-tab.current { color:#1d2327; background:#fff; border-color:#dcdcde; border-bottom-color:#fff; font-weight:600; margin-bottom:-1px; z-index:1; position:relative; } .wmf-status-tab .count { color:#a7aaad; font-size:11px; } .wmf-subs-search { display:flex; gap:6px; align-items:center; } .wmf-search-input { padding:6px 10px; border:1px solid #c3c4c7; border-radius:3px; font-size:13px; width:220px; } .wmf-table-wrap { overflow-x:auto; } .wmf-submissions-table { min-width:600px; } .wmf-submissions-table .wmf-col-id { width:55px; } .wmf-submissions-table .wmf-col-date { width:130px; white-space:nowrap; } .wmf-submissions-table .wmf-col-status { width:130px; } .wmf-submissions-table .wmf-col-actions{ width:160px; white-space:nowrap; } .wmf-sub-row a { text-decoration:none; color:inherit; } .wmf-sub-row a:hover { color:#2271b1; } .wmf-sub-new td { font-weight:600; } .wmf-sub-id-link { font-weight:700; color:#2271b1!important; } .wmf-time { display:block; font-size:11px; color:#a7aaad; } .wmf-status-select { border:none; background:transparent; font-size:12px; font-weight:600; cursor:pointer; padding:3px 6px; border-radius:10px; } .wmf-status-select.wmf-status-neu { background:#e8f0fb; color:#2271b1; } .wmf-status-select.wmf-status-gelesen { background:#f0fdf4; color:#166534; } .wmf-status-select.wmf-status-archiviert { background:#f6f7f7; color:#646970; } .wmf-status-form { display:inline; } .wmf-col-actions .button { margin-right:3px; font-size:11px; } .wmf-pagination { display:flex; align-items:center; gap:10px; margin-top:16px; } .wmf-page-info { font-size:13px; color:#646970; } .wmf-empty-submissions { text-align:center; padding:60px 20px; color:#646970; } /* ============================================================ EINREICHUNGEN – DETAILANSICHT ============================================================ */ .wmf-submission-detail { max-width:900px; } .wmf-detail-nav { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; } .wmf-detail-nav-arrows { display:flex; gap:6px; } .wmf-detail-meta-card { display:grid; grid-template-columns:repeat(auto-fill, minmax(180px,1fr)); gap:1px; background:#dcdcde; border:1px solid #dcdcde; border-radius:4px; overflow:hidden; margin-bottom:24px; } .wmf-detail-meta-item { background:#fff; padding:14px 16px; } .wmf-detail-meta-label { font-size:11px; text-transform:uppercase; color:#a7aaad; font-weight:600; display:block; margin-bottom:4px; } .wmf-detail-meta-value { font-size:14px; font-weight:600; color:#1d2327; } .wmf-detail-meta-actions { display:flex; align-items:center; gap:8px; flex-wrap:wrap; grid-column: span 2; } .wmf-detail-fields { background:#fff; border:1px solid #dcdcde; border-radius:4px; overflow:hidden; margin-bottom:20px; } .wmf-detail-section-title { margin:0; padding:14px 20px; font-size:14px; background:#f6f7f7; border-bottom:1px solid #dcdcde; } .wmf-detail-fields-grid { padding:8px 0; } .wmf-detail-field { display:grid; grid-template-columns:220px 1fr; border-bottom:1px solid #f0f0f1; min-height:48px; } .wmf-detail-field:last-child { border-bottom:none; } .wmf-detail-field-label { padding:14px 20px; background:#f6f7f7; font-weight:600; font-size:13px; color:#1d2327; display:flex; flex-direction:column; gap:3px; border-right:1px solid #dcdcde; } .wmf-detail-field-type { font-size:10px; text-transform:uppercase; color:#a7aaad; font-weight:normal; } .wmf-detail-field-value { padding:14px 20px; font-size:14px; color:#1d2327; word-break:break-word; } .wmf-val-text { white-space:pre-wrap; } .wmf-val-textarea{ white-space:pre-wrap; line-height:1.6; } .wmf-val-list { margin:0; padding-left:18px; } .wmf-val-list li { margin-bottom:3px; } .wmf-val-stars { display:flex; align-items:center; gap:4px; } .wmf-val-files { display:flex; flex-wrap:wrap; gap:10px; align-items:flex-start; } .wmf-val-file-img img { border-radius:4px; border:1px solid #dcdcde; } .wmf-val-file-link { display:inline-flex; align-items:center; gap:5px; padding:4px 10px; background:#f6f7f7; border:1px solid #dcdcde; border-radius:3px; text-decoration:none; font-size:13px; } .wmf-val-file-link:hover { background:#e8f0fb; border-color:#2271b1; } .wmf-empty-value { color:#a7aaad; font-style:italic; font-size:13px; } .wmf-detail-technical { margin-top:8px; background:#fff; border:1px solid #dcdcde; border-radius:4px; } .wmf-detail-technical summary { padding:12px 16px; cursor:pointer; font-size:13px; color:#646970; user-select:none; } .wmf-detail-technical summary:hover { color:#2271b1; } .wmf-detail-technical table { margin:0 16px 16px; width:calc(100% - 32px); } .wmf-detail-technical th { width:160px; font-weight:600; background:#f6f7f7; padding:8px 12px; font-size:12px; } .wmf-detail-technical td { padding:8px 12px; font-size:13px; word-break:break-all; } @media(max-width:700px) { .wmf-detail-field { grid-template-columns:1fr; } .wmf-detail-field-label { border-right:none; border-bottom:1px solid #dcdcde; padding-bottom:8px; } .wmf-detail-meta-card { grid-template-columns:1fr 1fr; } }