/* ERZEUGT aus static-site/cms-klassisch.html durch
   tools/build-cms-neu.js. Nicht von Hand aendern.
   Grundlage fuer css/cms-neu.css. */
    /* Halbfett statt fett - bold ist schwer zu lesen. */
    b,strong,th{font-weight:600}
  html,body{overflow-x:hidden;max-width:100vw}
  :root {
    --c-m-bg: #faf9f6;
    --c-m-pri: #1e463a;
    --c-m-pri-light: #f0f4f1;
    --c-m-sec: #bd8b5c;
    --c-m-sec-light: #f7f3ed;
    --c-m-text: #1f2521;
    --c-m-muted: #5c6660;
  }
  body {
    background: var(--c-m-bg);
    color: var(--c-m-text);
  }
  html[data-theme="dark"]{color-scheme:dark;--c-m-bg:#12171a;--c-m-pri:#5cb85f;--c-m-pri-light:#1e2a20;--c-m-sec:#c79b6c;--c-m-sec-light:#241d12;--c-m-text:#e6eae8;--c-m-muted:#9aa6a0}
  #dl-theme-toggle{position:fixed;left:16px;bottom:16px;z-index:9998;width:44px;height:44px;border-radius:50%;border:1px solid rgba(128,128,128,.3);background:var(--c-m-card,#fff);color:var(--c-m-text);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.25);padding:0}
  html[data-theme="dark"]{--c-m-card:#1b2228}
  .cms-help-result{background:#fff;border:1px solid #e5e7eb;border-left:4px solid #1b5e20;border-radius:8px;padding:10px 14px;margin-bottom:8px;cursor:pointer;transition:box-shadow .15s}
  .cms-help-result:hover{box-shadow:0 2px 8px rgba(0,0,0,.1)}
  html[data-theme="dark"] .cms-help-result{background:#1b2228;border-color:#2a333a;color:var(--c-m-text)}
  html[data-theme="dark"] .cms-card,html[data-theme="dark"] .cms-modal,html[data-theme="dark"] .cms-confirm-box,html[data-theme="dark"] .cms-login-box,html[data-theme="dark"] .cms-meal,html[data-theme="dark"] .cms-akt-row,html[data-theme="dark"] .cms-ang-item{background:#1b2228;border-color:#2a333a;color:var(--c-m-text)}
  html[data-theme="dark"] .cms-input,html[data-theme="dark"] .cms-hours-time,html[data-theme="dark"] .rte-editor,html[data-theme="dark"] .cms-rte-editor,html[data-theme="dark"] .cms-login-box input{background:#12171a;color:var(--c-m-text);border-color:#2a333a}
  html[data-theme="dark"] .cms-modal-header,html[data-theme="dark"] .cms-modal-footer{background:#161c20;border-color:#2a333a}
  html[data-theme="dark"] .cms-tabs{border-bottom-color:#2a333a}
  html[data-theme="dark"] .cms-btn-gray{background:#20272d;color:var(--c-m-text);border-color:#2a333a}
  html[data-theme="dark"] .cms-news-tbl th{background:#161c20;border-color:#2a333a}
  html[data-theme="dark"] .cms-news-tbl td{border-color:#2a333a}
  html[data-theme="dark"] .cms-news-tbl tbody tr:nth-child(even){background:#161c20}
  html[data-theme="dark"] .cms-news-tbl tbody tr:hover{background:#1e2a20}
  html[data-theme="dark"] .cms-art-dd{background:#1b2228;border-color:#2a333a}
  html[data-theme="dark"] .cms-art-opt{border-color:#2a333a}
  html[data-theme="dark"] .cms-art-opt:hover{background:#1e2a20}
  html[data-theme="dark"] .cms-art-opt-name{color:var(--c-m-text)}
  html[data-theme="dark"] .cms-ang-toggle:hover{background:#1e2a20}
  /* Admin: statische helle #f9fafb-Config-/Hinweis-Boxen (JS-Inline) im Dark Mode.
     Gescoped auf Modals/Karten/Social – Flyer-Vorschau-Thumbs (.cms-wp-thumb) bleiben hell. */
  html[data-theme="dark"] .cms-modal [style*="background:#f9fafb"]:not(.cms-wp-thumb),
  html[data-theme="dark"] .cms-card [style*="background:#f9fafb"]:not(.cms-wp-thumb),
  html[data-theme="dark"] #cms-panel-social [style*="background:#f9fafb"]:not(.cms-wp-thumb){background:#161c20 !important;border-color:#2a333a !important}
  html[data-theme="dark"] .cms-modal [style*="color:#1f2937"],
  html[data-theme="dark"] .cms-modal [style*="color:#374151"],
  html[data-theme="dark"] .cms-card [style*="color:#1f2937"]{color:var(--c-m-text) !important}
  @media (forced-colors: active){.cms-card,.cms-btn,.cms-input,.cms-modal,.cms-tab{border:1px solid CanvasText}}
  .cms-wrap{font-family:"Segoe UI",system-ui,-apple-system,sans-serif;max-width:1000px;margin:0 auto;padding:16px;box-sizing:border-box}
  .cms-wrap input,.cms-wrap textarea,.cms-wrap select,.cms-wrap button,.cms-modal input,.cms-modal textarea,.cms-modal select,.cms-modal button,.cms-modal-bg input,.cms-modal-bg textarea,.cms-modal-bg select,.cms-modal-bg button,.cms-btn,.cms-input{font-family:"Segoe UI",system-ui,-apple-system,sans-serif}
  .cms-tabs-wrap{margin-bottom:20px}
  .cms-tabs{display:flex;gap:4px;border-bottom:2px solid #e5e7eb;flex-wrap:wrap}
  .cms-tab{padding:10px 18px;font-size:13px;font-weight:600;color:var(--c-m-muted);border:none;background:none;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all 0.15s ease-in-out;text-transform:uppercase;letter-spacing:0.5px;white-space:nowrap;flex-shrink:0}
  .cms-tab.active{color:var(--c-m-pri);border-bottom-color:var(--c-m-pri)}
  .cms-tab:hover{color:var(--c-m-pri)}
  .cms-card{background:#fff;border:1px solid rgba(0,0,0,0.04);border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.02);margin-bottom:12px}
  .cms-card-header{padding:12px 16px;font-weight:600;font-size:13px;color:#fff;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:0.5px;background:var(--c-m-pri)!important}
  .cms-card-body{padding:14px 16px}
  .cms-btn{padding:8px 16px;border-radius:8px;font-size:12px;font-weight:600;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all 0.15s ease-in-out;text-transform:uppercase;letter-spacing:0.3px}
  .cms-btn-primary{background:var(--c-m-pri);color:#fff}.cms-btn-primary:hover{background:#15352c}
  .cms-btn-sm{padding:5px 10px;font-size:11px;border-radius:6px}
  .cms-btn-danger{background:#fdf2f2;color:var(--m-red,#a8242a)}.cms-btn-danger:hover{background:#fce8e8}
  .cms-btn-trash{width:28px;height:28px;padding:0;border-radius:6px;border:1px solid #fca5a5;background:#fff5f5;color:#a8242a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.15s}
  .cms-btn-trash:hover{background:#ffe4e6;border-color:#fda4af}
  .cms-btn-trash svg{width:14px;height:14px;fill:currentColor}
  .cms-btn-gray{background:#ffffff;color:var(--c-m-text);border:1px solid #e5e7eb;box-shadow:0 2px 6px rgba(0,0,0,0.02)}.cms-btn-gray:hover{background:var(--c-m-pri-light,#f0f4f1);border-color:var(--c-m-pri)}
  .cms-btn[disabled]{opacity:.6;cursor:not-allowed;pointer-events:none}
  @keyframes cms-spin{to{transform:rotate(360deg)}}
  .cms-btn .cms-btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:cms-spin .6s linear infinite;margin-right:2px}
  .cms-rte-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;width:28px;height:28px;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;justify-content:center;font-family:inherit;transition:all 0.12s}
  .cms-rte-btn:hover{background:var(--c-m-pri-light);border-color:var(--c-m-pri)}
  .cms-input{width:100%;padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-family:inherit;background:#fff;transition:all 0.15s;color:var(--c-m-text)}
  .cms-input::placeholder{color:#a1a1aa}
  .cms-input:focus{outline:none;border-color:var(--c-m-pri);box-shadow:0 0 0 3px rgba(30,70,58,0.12)}
  .cms-grid{display:grid;grid-template-columns:repeat(5,minmax(180px,1fr));gap:12px}
  .cms-meal{border:1px solid rgba(0,0,0,0.04);border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.015)}
  .cms-meal-hdr{padding:10px 14px;color:#fff;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:0.5px;background:var(--c-m-pri)!important}
  .cms-meal-body{padding:10px 14px;min-height:60px}
  .cms-meal-item{font-size:12px;color:var(--c-m-text);padding:6px 0;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;border-bottom:1px solid rgba(0,0,0,0.03)}
  .cms-meal-item:last-child {border-bottom:none}
  .cms-meal-item .price{color:var(--c-m-pri);font-weight:600;font-size:12px;white-space:nowrap}
  .cms-meal-actions{display:none;gap:4px;margin-top:6px}
  .cms-meal:hover .cms-meal-actions{display:flex}
  .cms-meal-actions .cms-btn-trash{margin-left:auto}
  .cms-empty{text-align:center;padding:40px;color:var(--c-m-muted);font-size:13px;font-weight:600}
  .cms-flex{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .cms-between{justify-content:space-between}
  .cms-mb{margin-bottom:16px}
  .cms-toast{position:fixed;top:80px;right:16px;z-index:9999;padding:10px 16px;border-radius:10px;color:#fff;font-size:13px;font-weight:600;box-shadow:0 8px 24px rgba(0,0,0,.12);animation:cmsFadeIn .3s}
  .cms-confirm-overlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.45);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:cmsFadeIn .2s}
  .cms-confirm-box{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.25);max-width:380px;width:calc(100% - 32px);overflow:hidden;animation:cmsSlideUp .25s ease-out}
  .cms-confirm-icon{text-align:center;padding:24px 24px 8px;font-size:40px}
  .cms-confirm-msg{padding:0 24px 20px;text-align:center;font-size:14px;line-height:1.5;color:#1f2937;white-space:pre-line;word-break:break-word}
  .cms-confirm-btns{display:flex;border-top:1px solid #e5e7eb}
  .cms-confirm-btns button{flex:1;padding:14px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}
  .cms-confirm-btn-cancel{background:#f9fafb;color:#6b7280;border-right:1px solid #e5e7eb!important}
  .cms-confirm-btn-cancel:hover{background:#f3f4f6}
  .cms-confirm-btn-ok{background:#fff;color:#a51d2d}
  .cms-confirm-btn-ok:hover{background:#fef2f2}
  .cms-confirm-btn-ok.cms-confirm-warn{color:#dc2626}
  @keyframes cmsSlideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
  .cms-btn-wa{background:#25D366;color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:0.3px}
  .cms-btn-wa:hover{background:#1da851}
  .cms-btn-wa svg{width:14px;height:14px;fill:#fff}
  .cms-btn-preview{background:#6b7280;color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:0.3px}
  .cms-btn-preview:hover{background:#4b5563}
  .cms-btn-preview svg{width:14px;height:14px;fill:#fff}
  @keyframes cmsFadeIn{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}
  .cms-modal-bg{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(26,34,30,0.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9998;display:flex;align-items:center;justify-content:center;padding:20px}
  .cms-modal{background:#fff;border-radius:16px;box-shadow:0 24px 64px rgba(0,0,0,.15);width:100%;max-width:1000px;max-height:92vh;display:flex;flex-direction:column;overflow-y:auto;padding:24px;animation:cmsFadeIn .2s;font-family:inherit;border:1px solid rgba(0,0,0,0.03)}
  .cms-modal h3{font-size:16px;font-weight:600;margin:0 0 16px;color:var(--c-m-pri);letter-spacing:-.2px;text-transform:uppercase;letter-spacing:0.5px}
  .cms-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0;box-sizing:border-box}
  .cms-modal-header h3{margin:0;font-size:15px}
  .cms-modal-footer{display:flex;gap:8px;justify-content:flex-end;padding:14px 20px;border-top:1px solid #e5e7eb;flex-shrink:0;box-sizing:border-box;flex-wrap:wrap}
  .cms-modal-close{position:absolute;top:10px;right:12px;background:none;border:none;font-size:22px;cursor:pointer;color:#6b7280;line-height:1;padding:4px 8px;z-index:10;border-radius:6px;transition:all 0.15s}
  .cms-modal-close:hover{background:var(--c-m-pri-light);color:var(--c-m-text)}
  .cms-btn-save{background:var(--c-m-pri);color:#fff;font-weight:600}.cms-btn-save:hover{background:#15352c}
  .cms-btn-del{background:#dc2626;color:#fff;font-weight:600}.cms-btn-del:hover{background:#b91c1c}
  .cms-hours-row{display:flex;align-items:center;gap:8px;padding:8px 16px;flex-wrap:wrap;border-bottom:1px solid #f3f4f6}
  .cms-hours-row:last-child{border-bottom:none}
  .cms-hours-day{width:32px;font-weight:600;font-size:12px;color:var(--c-m-text)}
  .cms-hours-time{padding:6px 10px;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;width:120px;font-family:inherit;background:#fff;transition:all 0.12s}
  .cms-hours-time:focus{outline:none;border-color:var(--c-m-pri);box-shadow:0 0 0 3px rgba(30,70,58,0.1)}
  .cms-hours-label{font-size:11px;color:var(--c-m-muted);font-weight:600}
  .cms-hours-top{display:flex;align-items:center;gap:8px}
  .cms-hours-times{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .cms-hours-block{display:flex;align-items:center;gap:4px}
  .cms-akt-row{background:#fff;border:1px solid rgba(0,0,0,0.03);border-radius:12px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;box-shadow:0 2px 6px rgba(0,0,0,0.015)}
  .cms-akt-row:hover{box-shadow:0 4px 12px rgba(0,0,0,.03)}
  .cms-akt-info{min-width:0}
  .cms-akt-title{font-weight:600;font-size:13px;color:var(--c-m-text);margin-bottom:2px}
  .cms-akt-meta{font-size:11px;color:var(--c-m-muted);letter-spacing:.2px;font-weight:600}
  .cms-akt-btns{display:flex;gap:4px;flex-shrink:0}
  .cms-akt-btns .cms-btn-trash{margin-left:10px}
  .cms-ang-meta{font-size:12px;color:var(--c-m-muted);margin-top:3px;font-weight:600}
  .cms-ang-items{padding:10px 12px 14px;display:flex;flex-direction:column;gap:8px;overflow:hidden;transition:max-height .3s ease,padding .3s ease}
  .cms-ang-items.collapsed{max-height:0!important;padding-top:0;padding-bottom:0}
  .cms-ang-toggle{cursor:pointer;user-select:none;transition:background .15s}
  .cms-ang-toggle:hover{background:#f9fafb}
  .cms-ang-chevron{display:inline-block;transition:transform .3s ease;font-size:14px;color:#9ca3af;margin-left:6px}
  .cms-ang-chevron.collapsed{transform:rotate(-90deg)}
  .cms-ang-item{border:1px solid #e5e7eb;border-radius:9px;background:#fff;padding:8px 10px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'name price' 'old old';column-gap:12px;row-gap:2px}
  .cms-ang-name{grid-area:name;font-size:13px;font-weight:600;color:var(--c-m-text);line-height:1.25}
  .cms-ang-price{grid-area:price;font-size:13px;font-weight:600;color:var(--c-m-pri);white-space:nowrap}
  .cms-ang-old{grid-area:old;font-size:11px;color:var(--c-m-muted);font-weight:500}
  .cms-akt-header-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-bottom:16px;align-items:end}
  .cms-akt-header-grid label{display:block;font-size:10px;font-weight:600;color:var(--c-m-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
  .cms-akt-header-grid .cms-input{width:100%;box-sizing:border-box}
  .cms-ang-row{background:var(--c-m-pri-light);border:1px solid rgba(30,70,58,0.08);border-left:3px solid var(--c-m-pri);border-radius:10px;padding:6px 8px 6px 8px;margin-bottom:6px;position:relative;flex-shrink:0;transition:box-shadow .15s;overflow:visible}
  .cms-ang-row:hover{box-shadow:0 4px 12px rgba(30,70,58,.08)}
  .cms-ang-row-num{position:absolute;top:-8px;left:10px;background:var(--c-m-pri);color:#fff;font-size:9px;font-weight:600;padding:2px 8px;border-radius:8px;line-height:12px;letter-spacing:.3px;text-transform:uppercase}
  .cms-ang-drag{position:absolute;top:50%;left:-2px;transform:translateY(-50%);cursor:grab;color:#b0b8c1;font-size:16px;line-height:1;padding:4px 2px;user-select:none;transition:color .15s}
  .cms-ang-drag:hover{color:var(--c-m-pri)}
  .cms-ang-row[draggable="true"]:active .cms-ang-drag{cursor:grabbing}
  .cms-ang-row-close{position:absolute;top:2px;right:4px;background:none;border:none;color:#a1a1aa;cursor:pointer;font-size:15px;line-height:1;transition:color .15s;z-index:1}
  .cms-ang-row-close:hover{color:var(--m-red)}
  .cms-ang-fields{display:grid;grid-template-columns:auto minmax(180px, 2.5fr) minmax(120px, 1.5fr) 60px 60px 120px;align-items:center;gap:8px;width:100%}
  .cms-ang-fields > *{min-width:0;box-sizing:border-box}
  .cms-ang-fields .cms-input{padding:4px 6px;font-size:12px;height:30px;width:100%;box-sizing:border-box}
  .cms-ang-fields .cms-art-wrap{width:100%;min-width:0}
  .cms-ang-fields [data-f="details"]{width:100%;min-width:0}
  .cms-ang-fields .cms-price{text-align:right;width:100%}
  .cms-ang-fields [data-f="artikelnummer"]{font-size:11px;width:100%}
  .cms-ang-row-img{display:flex;align-items:center;gap:4px;flex-shrink:0}
  .cms-ang-row-img input{flex:1}
  .cms-ang-img-row{display:flex;align-items:center;gap:8px;margin-top:6px}
  .cms-ang-img-btn{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:11px;color:var(--c-m-muted);background:#fff;border:1px dashed #d1d5db;border-radius:6px;cursor:pointer;transition:all .15s}
  .cms-ang-img-btn:hover{border-color:var(--c-m-pri);color:var(--c-m-pri)}
  .cms-ang-img-btn svg{width:14px;height:14px;fill:currentColor}
  .cms-ang-img-preview{width:48px;height:36px;object-fit:contain;border-radius:4px;border:1px solid #e5e7eb;background:#fff}
  .cms-ang-img-remove{font-size:14px;color:#9ca3af;cursor:pointer;line-height:1;padding:2px}
  .cms-ang-img-remove:hover{color:#ef4444}
  .cms-ang-fields-2{display:none}
  .cms-news-tbl{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;max-width:860px}
  .cms-news-tbl th{text-align:left;font-size:10px;font-weight:600;color:var(--c-m-muted);padding:8px 10px;border-bottom:2px solid #e5e7eb;text-transform:uppercase;letter-spacing:.5px;background:#f9fafb}
  .cms-news-tbl td{padding:10px 10px;border-bottom:1px solid #e5e7eb;vertical-align:middle}
  .cms-news-tbl tbody tr{transition:background .1s}
  .cms-news-tbl tbody tr:nth-child(even){background:#fafbfc}
  .cms-news-tbl tbody tr:hover{background:var(--c-m-pri-light)}
  .cms-news-date{font-size:11px;color:var(--c-m-muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}
  .cms-news-title{font-weight:600;color:var(--c-m-text);font-size:13px;line-height:1.35}
  .cms-news-desc{font-size:11px;color:var(--c-m-muted);line-height:1.3;margin-top:2px;font-weight:500}
  .cms-news-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;background:#fecaca;color:#7f1d1d;white-space:nowrap;display:inline-block;text-transform:uppercase;letter-spacing:0.3px}
  .cms-news-badge.active{background:#dcfce7;color:#166534}
  .cms-news-actions{text-align:right;white-space:nowrap}
  @media(max-width:767px){.cms-news-act-col{display:none}.cms-news-tbl tbody tr:active{background:#dcfce7}}
  .cms-news-abtn{background:#ffffff;border:1px solid #d1d5db;cursor:pointer;font-size:12px;padding:4px 8px;border-radius:6px;transition:all .12s;margin-left:2px;color:var(--c-m-text);font-weight:600}
  .cms-news-abtn:hover{background:var(--c-m-pri-light);border-color:var(--c-m-pri)}
  .cms-news-del:hover{background:#fdf2f2;border-color:#fca5a5;color:var(--m-red)}
  .cms-news-lbl{font-size:10px;font-weight:600;color:var(--c-m-muted);display:block;margin:12px 0 4px;text-transform:uppercase;letter-spacing:.5px}
  .cms-rte-toolbar{display:flex;gap:2px;padding:4px 6px;background:#f9fafb;border:1px solid #e5e7eb;border-bottom:none;border-radius:8px 8px 0 0;flex-wrap:wrap}
  .cms-subtab{padding:8px 18px;font-size:12px;font-weight:600;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;color:var(--c-m-muted);text-transform:uppercase;letter-spacing:0.5px;transition:all 0.15s}
  .cms-subtab.active{color:var(--c-m-pri);border-bottom-color:var(--c-m-pri)}
  .cms-subtab:hover{color:var(--c-m-pri)}
  .cms-rte-editor{border:1px solid #e5e7eb;border-radius:0 0 8px 8px;min-height:160px;max-height:300px;overflow-y:auto;padding:10px 12px;font-size:13px;line-height:1.5;color:#1f2937;outline:none;background:#fff;font-family:'Segoe UI',system-ui,-apple-system,sans-serif}
  .cms-rte-editor:focus{border-color:#22c55e;box-shadow:0 0 0 2px rgba(34,197,94,.15)}
  .cms-rte-editor img{max-width:100%;height:auto;border-radius:4px;margin:6px 0}
  .cms-news-img-row{display:flex;align-items:center;gap:8px;margin-top:4px}
  .cms-news-img-preview{width:80px;height:60px;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb}
  .cms-art-wrap{position:relative;width:100%;min-width:0;overflow:visible}
  .cms-art-wrap .cms-input{width:100%;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}
  .cms-meal-grid{overflow:visible}
  .cms-meal-grid>*{min-width:0;box-sizing:border-box}
  .cms-art-input{position:relative}
  .cms-art-dd{display:none;position:fixed;z-index:99999;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.18);max-height:50vh;min-height:0;overflow-y:auto;font-family:"Segoe UI",system-ui,-apple-system,sans-serif;min-width:280px}
  .cms-art-dd.open{display:block}
  .cms-art-opt{padding:10px 14px;cursor:pointer;border-bottom:1px solid #f3f4f6;font-size:13px;font-family:"Segoe UI",system-ui,-apple-system,sans-serif;transition:background .12s;display:flex;align-items:center;gap:8px}
  .cms-art-opt:last-child{border-bottom:none}
  .cms-art-opt:hover{background:#f0fdf4}
  .cms-art-opt-del{margin-left:auto;flex-shrink:0;width:22px;height:22px;border-radius:50%;border:none;background:#fee2e2;color:#dc2626;font-size:14px;line-height:22px;text-align:center;cursor:pointer;opacity:.6;transition:opacity .15s}
  .cms-art-opt-del:hover{opacity:1;background:#fecaca}
  .cms-art-opt-name{font-weight:600;color:#1f2937;font-family:"Segoe UI",system-ui,-apple-system,sans-serif}
  .cms-art-opt-meta{font-size:11px;color:#6b7280;font-family:"Segoe UI",system-ui,-apple-system,sans-serif;margin-top:2px}
  .cms-art-spinner{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#16a34a;font-size:12px;display:none}
  .cms-art-spinner.on{display:inline}
  .cms-week-nav{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
  .cms-week-btn{width:30px;height:30px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0}
  .cms-week-btn:hover{background:#f3f4f6}
  .cms-week-quick{padding:3px 8px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;font-size:11px;font-weight:600;color:#4b5563;white-space:nowrap;flex-shrink:0}
  .cms-week-quick:hover{background:#f0fdf4;border-color:#16a34a;color:#16a34a}
  .cms-week-quick.active{background:#16a34a;border-color:#16a34a;color:#fff}
  .cms-wp-preview-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:8px}
  .cms-wp-preview-grid-home{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cms-wp-preview{border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;padding:6px;display:flex;flex-direction:column;gap:6px;transition:.15s all}
  .cms-wp-preview:hover{border-color:#16a34a;box-shadow:0 2px 8px rgba(22,163,74,.14)}
  .cms-wp-preview.active{border-color:#16a34a;box-shadow:0 0 0 2px rgba(22,163,74,.18) inset}
  .cms-wp-preview-name{font-size:10px;font-weight:600;color:#374151;line-height:1.2;text-align:center}
  .cms-wp-thumb{height:56px;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;position:relative;background:#fff}
  .cms-wp-thumb-h{height:10px}
  .cms-wp-thumb-b{padding:3px 4px;display:flex;flex-direction:column;gap:3px}
  .cms-wp-thumb-line{height:4px;background:#d1d5db;border-radius:3px}
  .cms-wp-thumb-line.s{width:55%}
  .cms-wp-thumb-line.m{width:75%}
  .cms-wp-thumb-line.l{width:92%}
  .cms-wp-thumb-classic .cms-wp-thumb-h{background:linear-gradient(90deg,#5ea88a,#4a8e73)}
  .cms-wp-thumb-min .cms-wp-thumb-h{background:#f3f4f6}
  .cms-wp-thumb-min .cms-wp-thumb-b{gap:2px}
  .cms-wp-thumb-dark{background:#0f172a;border-color:#334155}
  .cms-wp-thumb-dark .cms-wp-thumb-h{background:linear-gradient(90deg,#0ea5e9,#0369a1)}
  .cms-wp-thumb-dark .cms-wp-thumb-line{background:#475569}
  .cms-wp-thumb-organic{background:#f6efe1;border-color:#ddcfbc}
  .cms-wp-thumb-organic .cms-wp-thumb-h{background:#efe3cf}
  .cms-wp-thumb-organic .cms-wp-thumb-line{background:#c8b89e}
  .cms-wp-thumb-poster .cms-wp-thumb-h{background:linear-gradient(90deg,#ef4444,#ea580c)}
  .cms-wp-thumb-poster .cms-wp-thumb-b{display:grid;grid-template-columns:1fr 1fr;gap:3px}
  .cms-wp-thumb-poster .cms-wp-thumb-line{width:100%}
  .cms-wp-thumb-mag{background:#f5f3ff;border-color:#ddd6fe}
  .cms-wp-thumb-mag .cms-wp-thumb-h{background:linear-gradient(90deg,#8b5cf6,#6366f1)}
  .cms-wp-thumb-mag .cms-wp-thumb-b{display:grid;grid-template-columns:1.2fr .8fr;gap:3px}
  .cms-wp-thumb-mag .cms-wp-thumb-line{width:100%}
  .cms-wp-thumb-time{background:#eef2ff;border-color:#c7d2fe}
  .cms-wp-thumb-time .cms-wp-thumb-h{background:linear-gradient(90deg,#2563eb,#1d4ed8)}
  .cms-wp-thumb-time .cms-wp-thumb-b{position:relative;padding-left:10px}
  .cms-wp-thumb-time .cms-wp-thumb-b:before{content:'';position:absolute;left:4px;top:2px;bottom:2px;width:2px;background:#93c5fd;border-radius:2px}
  .cms-wp-thumb-chip{background:#ecfeff;border-color:#a5f3fc}
  .cms-wp-thumb-chip .cms-wp-thumb-h{background:linear-gradient(90deg,#0891b2,#0e7490)}
  .cms-wp-thumb-chip .cms-wp-thumb-b{display:flex;flex-direction:row;flex-wrap:wrap;gap:3px;padding:4px}
  .cms-wp-thumb-chip .cms-wp-thumb-line{height:8px;width:42%;border-radius:999px;background:#67e8f9}
  .cms-wp-thumb-bento{background:#fff7ed;border-color:#fed7aa}
  .cms-wp-thumb-bento .cms-wp-thumb-h{background:linear-gradient(90deg,#f97316,#ea580c)}
  .cms-wp-thumb-bento .cms-wp-thumb-b{display:grid;grid-template-columns:1fr 1fr;gap:3px}
  .cms-wp-thumb-bento .cms-wp-thumb-line{height:10px;width:100%;border-radius:4px;background:#fdba74}
  .cms-wp-thumb-rail{background:#ecfeff;border-color:#a5f3fc}
  .cms-wp-thumb-rail .cms-wp-thumb-h{background:linear-gradient(90deg,#0e7490,#155e75)}
  .cms-wp-thumb-rail .cms-wp-thumb-b{position:relative;padding-left:11px}
  .cms-wp-thumb-rail .cms-wp-thumb-b:before{content:'';position:absolute;left:5px;top:3px;bottom:3px;width:2px;background:#22d3ee;border-radius:2px}
  .cms-wp-thumb-rail .cms-wp-thumb-line{height:5px;background:#99f6e4}
  .cms-wp-thumb-news{background:#fafaf9;border-color:#e7e5e4}
  .cms-wp-thumb-news .cms-wp-thumb-h{background:linear-gradient(90deg,#57534e,#78716c)}
  .cms-wp-thumb-news .cms-wp-thumb-b{display:grid;grid-template-columns:1fr 1fr;gap:4px}
  .cms-wp-thumb-news .cms-wp-thumb-line{height:4px;width:100%;background:#a8a29e}
  .cms-wp-thumb-flyermag{background:#eef4ea;border-color:#d7e5d5}
  .cms-wp-thumb-flyermag .cms-wp-thumb-h{background:linear-gradient(90deg,#95a98e,#7f9478)}
  .cms-wp-thumb-flyermag .cms-wp-thumb-b{position:relative;padding:4px}
  .cms-wp-thumb-flyermag .cms-wp-thumb-b:before{content:'';position:absolute;left:4px;top:4px;width:30px;height:30px;border-radius:50%;background:#dfeadd;border:1px solid #c7d8c5}
  .cms-wp-thumb-flyermag .cms-wp-thumb-line{height:5px;background:#9aae93;width:60%;margin-left:auto;border-radius:6px}
  .cms-savings-preview{margin-top:10px;padding:10px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}
  .cms-savings-preview-title{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
  .cms-savings-preview-canvas{width:100%;height:auto;display:block;border:1px solid #f3f4f6;border-radius:8px;background:linear-gradient(180deg,#fff,#fafafa)}
  #cms-panel-cfg .cms-card{margin-bottom:8px}
  #cms-panel-cfg .cms-card-header{padding:9px 12px;font-size:13px}
  #cms-panel-cfg .cms-card-body{padding:10px 12px}
  #cms-panel-cfg .cms-card-body label{font-size:11.5px!important;line-height:1.25}
  #cms-panel-cfg .cms-card-body .cms-input{padding:6px 10px;font-size:12px;border-radius:6px}
  #cms-panel-cfg .cms-card-body input[type="color"]{height:24px!important}
  #cms-panel-cfg .cms-card-body input[type="range"]{height:16px}
  #cms-panel-cfg .cms-btn-sm{padding:3px 8px;font-size:11px}
  #cms-panel-cfg .cms-wp-preview{padding:4px;gap:4px}
  #cms-panel-cfg .cms-wp-thumb{height:48px}
  #cms-panel-cfg .cms-wp-preview-name{font-size:9px}
  #cms-panel-cfg .cms-savings-preview{padding:8px;margin-top:8px}
  #cms-panel-cfg .cms-savings-preview-canvas{max-height:72px}
  #cms-panel-cfg .cms-subtab{padding:6px 12px!important;font-size:12px!important}
  #cms-panel-cfg p[style*="font-size:12px"]{font-size:11px!important;line-height:1.35!important;margin-bottom:10px!important}
  #cms-panel-cfg [style*="grid-template-columns:1fr 1fr;gap:12px"]{gap:10px!important}
  #cms-panel-cfg .cms-card[style*="margin-top:14px"],
  #cms-panel-cfg .cms-card[style*="margin-top:12px"]{margin-top:8px!important}
  #cms-panel-cfg .cms-card-body[style*="flex-direction:column;gap:10px"]{gap:7px!important}
  #cms-panel-cfg .cms-card-body label[style*="font-size:12px"]{margin-bottom:1px}
  #cms-panel-cfg .cms-card-body [style*="margin-top:6px"]{margin-top:4px!important}
  #cms-panel-cfg .cms-card-body [style*="margin-top:16px"]{margin-top:10px!important}
  #cms-panel-cfg .cms-card-body [style*="margin-top:14px"]{margin-top:8px!important}
  #cms-panel-cfg .cms-card-body [style*="display:flex;align-items:center;gap:8px"]{gap:6px!important}
  #cms-panel-cfg .cms-card-body span[id$='-val']{font-size:12px!important;min-width:36px!important}
  #cms-panel-cfg.cms-compact-on .cms-card-header{padding:7px 10px;font-size:12px}
  #cms-panel-cfg.cms-compact-on .cms-card-body{padding:8px 10px}
  #cms-panel-cfg.cms-compact-on .cms-card-body label{font-size:11px!important;line-height:1.2}
  #cms-panel-cfg.cms-compact-on .cms-card-body .cms-input{padding:5px 8px;font-size:11.5px}
  #cms-panel-cfg.cms-compact-on .cms-card-body input[type="color"]{height:20px!important}
  #cms-panel-cfg.cms-compact-on .cms-card-body input[type="range"]{height:14px}
  #cms-panel-cfg.cms-compact-on .cms-wp-preview{padding:3px;gap:3px}
  #cms-panel-cfg.cms-compact-on .cms-wp-thumb{height:42px}
  #cms-panel-cfg.cms-compact-on .cms-wp-preview-name{font-size:8.5px}
  #cms-panel-cfg.cms-compact-on .cms-savings-preview{padding:6px}
  #cms-panel-cfg.cms-compact-on .cms-savings-preview-canvas{max-height:60px}
  .feat-slider{background:#e5e7eb !important}
  .feat-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.25s;box-shadow:0 1px 3px rgba(0,0,0,.2)}
  .feat-slider:after{position:absolute;content:"AUS";font-size:8px;font-weight:600;color:#fff;right:6px;top:50%;transform:translateY(-50%);letter-spacing:.3px}
  input:checked+.feat-slider{background:#22c55e !important}
  input:checked+.feat-slider:after{content:"AN";right:auto;left:7px}
  input:checked+.feat-slider:before{transform:translateX(22px)}
  .cms-switch{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#6b7280;user-select:none;cursor:pointer}
  .cms-switch input{margin:0}
  @media(max-width:960px){.cms-grid{grid-template-columns:repeat(3,1fr)}.cms-hours-row{flex-wrap:wrap}}
  @media(max-width:960px){.cms-wp-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cms-wp-preview-grid-home{grid-template-columns:repeat(3,minmax(0,1fr))}}
  @media(max-width:640px){.cms-grid{grid-template-columns:1fr 1fr}}
  @media(max-width:640px){.cms-wp-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cms-wp-preview-grid-home{grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media(max-width:480px){.cms-grid{grid-template-columns:1fr}}
  /* ── Config sub-tab 2-col grid, stack on mobile ── */
  .cms-cfg-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  @media(max-width:700px){.cms-cfg-grid{grid-template-columns:1fr}}
  @media(max-width:500px){.cms-subtab{padding:8px 10px!important;font-size:12px!important}}
  /* ── Section Nav (Plakat/Flyer/Gemeinsam) ── */
  .cfg-section-btn{transition:all .15s ease}
  .cfg-section-btn:hover{color:var(--c-m-pri)!important;background:#f0fdf4}
  .cfg-section-btn.active{color:var(--c-m-pri)!important;border-bottom-color:var(--c-m-pri)!important}
  @media(max-width:500px){
    .cfg-section-btn{padding:6px 8px!important;font-size:10px!important;letter-spacing:0!important}
    .cfg-section-nav{gap:0!important}
  }
  /* ── Arrow-cross anchor control ── */
  .anchor-cross{display:inline-grid;grid-template-columns:32px 32px 32px;grid-template-rows:32px 32px 32px;gap:2px;user-select:none}
  .anchor-cross button{width:32px;height:32px;border:1px solid #d1d5db;border-radius:6px;background:#f9fafb;cursor:pointer;font-size:16px;line-height:1;padding:0;color:#374151;display:flex;align-items:center;justify-content:center;transition:background .1s}
  .anchor-cross button:hover{background:#e5e7eb}
  .anchor-cross button:active{background:#d1d5db}
  .anchor-cross .ac-center{background:#fff;border-color:#e5e7eb;cursor:default;font-size:11px;font-weight:600;color:#9ca3af}
  .anchor-cross .ac-center:hover{background:#fff}
  .anchor-pad{display:flex;align-items:center;gap:12px}
  .anchor-vals{font-size:11px;color:#6b7280;line-height:1.6}
  /* ── Split-Panel: Settings left (scrollable), Live-Preview right (fixed) ── */
  .cfg-split{display:flex;gap:16px;align-items:stretch;height:calc(100vh - 260px);min-height:400px}
  .cfg-split-left{flex:1;min-width:0;overflow-y:auto;padding-right:4px}
  .cfg-split-right{width:320px;flex-shrink:0;overflow-y:auto}
  .cfg-split-right .cfg-lp-inner{border:1px solid #e5e7eb;border-radius:10px;background:#fff;padding:10px;box-shadow:0 2px 8px rgba(0,0,0,.08);position:sticky;top:0}
  .cfg-split-right .cfg-lp-inner img{max-width:100%;border-radius:6px;cursor:pointer}
  @media(max-width:900px){
    .cfg-split{flex-direction:column;height:auto;min-height:0}
    .cfg-split-left{overflow-y:visible;padding-right:0}
    .cfg-split-right{width:100%;overflow-y:visible}
    .cfg-split-right .cfg-lp-inner{position:static}
  }
  /* ── Mobile: Aktionen-Liste ── */
  @media(max-width:600px){
    .cms-akt-row{flex-direction:column;align-items:stretch;gap:6px}
    .cms-akt-btns{flex-wrap:wrap;justify-content:flex-start}
    .cms-akt-meta{display:block;margin-left:0!important;margin-top:2px}
    /* ── Mobile: Aktion Modal ── */
    .cms-modal{padding:16px 12px;max-width:100%!important}
    .cms-modal-bg{padding:8px}
    .cms-modal .cms-akt-header-grid{grid-template-columns:1fr!important;gap:8px!important}
    /* ── Mobile: Artikel-Felder hochauflösend & benutzbar ── */
    .cms-ang-fields {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 10px !important;
      width: 100% !important;
    }
    .cms-ang-fields .cms-ang-row-img {
      grid-column: 1 / -1 !important;
      display: flex !important;
      align-items: center !important;
      gap: 12px !important;
      background: rgba(30,70,58,0.04) !important;
      padding: 6px 10px !important;
      border-radius: 8px !important;
      width: 100% !important;
      box-sizing: border-box !important;
    }
    .cms-ang-fields .cms-art-wrap {
      grid-column: 1 / -1 !important;
      width: 100% !important;
    }
    .cms-ang-fields .cms-art-input {
      font-size: 14px !important;
      height: 38px !important;
      padding: 6px 12px !important;
    }
    .cms-ang-fields [data-f="details"] {
      grid-column: 1 / -1 !important;
      font-size: 13px !important;
      height: 36px !important;
      padding: 6px 10px !important;
    }
    .cms-ang-fields [data-f="preis"] {
      grid-column: 1 / 2 !important;
      font-size: 13px !important;
      height: 36px !important;
      text-align: left !important;
      padding: 6px 10px !important;
    }
    .cms-ang-fields [data-f="statt_preis"] {
      grid-column: 2 / 3 !important;
      font-size: 13px !important;
      height: 36px !important;
      text-align: left !important;
      padding: 6px 10px !important;
    }
    .cms-ang-fields [data-f="artikelnummer"] {
      grid-column: 1 / -1 !important;
      font-size: 12px !important;
      height: 34px !important;
      padding: 6px 10px !important;
    }
    .cms-ang-row{padding:14px 10px 10px 10px !important}
    .cms-ang-img-row{flex-wrap:wrap}
    /* ── Mobile: Tabs ── */
    .cms-tabs{gap:2px}
    .cms-tab{padding:6px 8px;font-size:11px}
    .cms-tab[style*="margin-left:auto"]{margin-left:0!important}
    /* ── Mobile: Flex header ── */
    .cms-flex.cms-between{flex-direction:column;align-items:flex-start;gap:8px}
    /* ── Mobile: Wochenplan button bar ── */
    .cms-flex.cms-between>div[style*="display:flex"]{flex-wrap:wrap;gap:6px!important}
    .cms-btn-preview,.cms-btn-wa{padding:6px 10px;font-size:12px}
    .cms-btn-wa svg,.cms-btn-preview svg{width:14px;height:14px}
    .cms-week-nav{gap:4px}
    .cms-week-quick{padding:3px 6px;font-size:10px}
    /* ── Mobile: Öffnungszeiten ── */
    .cms-hours-row{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 12px}
    .cms-hours-row .cms-hours-day{width:auto;font-size:14px;font-weight:600}
    .cms-hours-top{display:flex;align-items:center;gap:8px;width:100%}
    .cms-hours-times{display:flex;flex-direction:column;gap:4px;width:100%}
    .cms-hours-block{display:flex;align-items:center;gap:4px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:4px 8px;width:100%}
    .cms-hours-block .cms-hours-label{min-width:28px;font-weight:600;color:#6b7280;font-size:12px}
    .cms-hours-time{width:100px;font-size:12px;padding:4px 6px}
    /* ── Mobile: Meal modal grid ── */
    .cms-modal .cms-meal-grid{grid-template-columns:1fr!important}
    /* ── Mobile: Back button ── */
    div[style*="position: absolute"][style*="top: 18px"]{position:static!important;padding:8px 12px!important}
    div[style*="position: absolute"][style*="top: 18px"] a{font-size:12px!important;padding:5px 12px!important}
    /* ── Mobile: CMS header ── */
    .cms-wrap{padding:8px!important}
    .cms-wrap>.cms-flex.cms-between.cms-mb{gap:4px}
    .cms-wrap>.cms-flex.cms-between.cms-mb h2{font-size:14px!important}
  }
  /* ── Mobile: Social Media Tab ── */
  @media(max-width:600px){
    /* Sub-tabs */
    #cms-panel-social .k-filter-btn[id^="social-subtab"]{padding:7px 4px!important;font-size:11px!important}
    /* Katalog: add-form stacks vertically */
    #social-panel-katalog .cms-card-body>div:first-child{flex-direction:column!important;gap:8px!important}
    #social-panel-katalog .cms-card-body>div:first-child>div{width:100%!important;min-width:0!important;flex:none!important}
    #social-panel-katalog .cms-card-body>div:first-child>button{width:100%!important;padding:10px!important;font-size:13px!important}
    #soc-kat-paste-zone{padding:10px!important}
    #soc-kat-paste-hint{font-size:11px!important}
    /* Katalog table: convert to stacked cards on mobile */
    #soc-kat-list table{display:block!important}
    #soc-kat-list table tr.soc-kat-item{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px!important;padding:10px!important;border-bottom:1px solid #f3f4f6!important}
    #soc-kat-list table tr.soc-kat-item td{display:block!important;padding:2px!important;border:none!important;width:auto!important}
    #soc-kat-list table tr.soc-kat-item td:first-child{flex-shrink:0}
    #soc-kat-list table tr.soc-kat-item td:nth-child(2){flex:1;min-width:0;font-size:14px!important}
    #soc-kat-list table tr.soc-kat-item td:nth-child(2) span{font-size:14px!important}
    #soc-kat-list table tr.soc-kat-item td:nth-child(3){font-size:13px!important}
    #soc-kat-list table tr.soc-kat-item td:nth-child(4){display:flex!important;gap:8px!important}
    #soc-kat-list table tr.soc-kat-item td:nth-child(4) button{padding:6px 12px!important;font-size:13px!important}
    /* Edit row on mobile */
    #soc-kat-list table tr.soc-kat-edit-tr{display:block!important}
    #soc-kat-list table tr.soc-kat-edit-tr td{display:block!important;padding:10px!important}
    /* Inline edit row */
    .soc-kat-edit-row{flex-direction:column!important;gap:6px!important;padding:10px!important}
    .soc-kat-edit-row input,.soc-kat-edit-row select{width:100%!important;font-size:14px!important;padding:8px!important;box-sizing:border-box!important}
    .soc-kat-edit-btns{display:flex;gap:6px;width:100%}
    .soc-kat-edit-btns button{flex:1!important;padding:8px!important;font-size:12px!important}
    /* Post-Builder: thumbnail focus for paste */
    .soc-pick-thumb:focus{outline:2px solid #2563eb;outline-offset:1px;border-radius:4px}
    /* Post-Builder: canvas */
    #soc-post-canvas,#soc-post-canvas-meal{max-width:100%!important;height:auto!important}
    /* Post-Builder: titel + text */
    #soc-post-titel,#soc-post-text{font-size:14px!important;padding:10px!important}
    /* Post-Builder: share buttons stack */
    .soc-share-bar{flex-direction:column!important;gap:8px!important}
    .soc-share-bar .cms-btn,.soc-share-bar button{width:100%!important;min-width:0!important;padding:14px!important;font-size:14px!important;justify-content:center;box-sizing:border-box!important}
    /* Free-entry form */
    #soc-free-form>div:first-child{flex-direction:column!important;gap:8px!important}
    #soc-free-form>div:first-child>div{width:100%!important;min-width:0!important;flex:none!important}
    #soc-free-form input,#soc-free-form select{font-size:14px!important;padding:8px 10px!important}
    #soc-free-form>div:nth-child(2){flex-wrap:wrap!important}
    #soc-free-form>div:nth-child(2) button{flex:1!important;padding:10px!important;font-size:13px!important}
    /* Mittagessen meals: bigger touch targets */
    .soc-post-wp{width:22px!important;height:22px!important}
    .soc-post-wp+span,.soc-post-wp~span{font-size:13px!important}
    /* Pick grid – mobile card layout */
    #soc-pick-grid{max-height:50vh!important;-webkit-overflow-scrolling:touch;padding:6px!important}
    #soc-pick-grid .soc-pick-row{padding:10px!important;gap:10px!important;min-height:auto!important;align-items:flex-start!important;border-radius:10px!important;margin-bottom:4px!important}
    #soc-pick-grid .soc-pick-row input[type=checkbox]{width:24px!important;height:24px!important;margin-top:6px!important}
    #soc-pick-grid .soc-pick-thumb-wrap{width:48px!important;height:48px!important}
    #soc-pick-grid .soc-pick-thumb img,#soc-pick-grid .soc-pick-thumb>div{width:48px!important;height:48px!important;border-radius:8px!important}
    #soc-pick-grid .soc-pick-cam{width:26px!important;height:26px!important;font-size:14px!important;bottom:-4px!important;right:-4px!important}
    #soc-pick-grid .soc-pick-name{font-size:14px!important;line-height:1.35!important}
    #soc-pick-grid .soc-pick-ab{min-height:32px!important;font-size:12px!important;padding:4px 8px!important}
    /* Cat chips larger touch targets */
    .soc-cat-chip{padding:8px 14px!important;font-size:12px!important;min-height:36px!important}
    /* Selected tags */
    #soc-pick-selected{padding:10px!important}
    #soc-pick-tags span{font-size:12px!important;padding:4px 10px!important}
    /* Search */
    #soc-pick-search{font-size:15px!important;padding:12px 14px!important}
    /* Free items */
    .soc-free-item{padding:8px 10px!important;gap:8px!important;flex-wrap:wrap!important}
    .soc-free-item span{font-size:13px!important}
    .soc-free-item button{padding:4px 10px!important;font-size:16px!important;min-width:36px!important;min-height:36px!important}
    /* Verlauf */
    #soc-verlauf-list .cms-card{margin-bottom:12px}
  }
  /* Touch-friendly defaults for Social section */
  #cms-panel-social input[type="checkbox"]{min-width:18px;min-height:18px}
  #cms-panel-social label{-webkit-tap-highlight-color:transparent}

  .cms-login-box{max-width:360px;margin:80px auto;padding:32px;background:#fff;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.12);text-align:center}
  .cms-login-box h2{font-size:20px;font-weight:600;color:#1f2937;margin:0 0 4px}
  .cms-login-box p{font-size:13px;color:#6b7280;margin:0 0 20px}
  .cms-login-box input{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;margin-bottom:12px;box-sizing:border-box}
  .cms-login-box input:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.15)}
  .cms-login-box .cms-btn-login{width:100%;padding:10px;background:#16a34a;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}
  .cms-login-box .cms-btn-login:hover{background:#15803d}
  .cms-login-err{color:#ef4444;font-size:12px;margin-top:-8px;margin-bottom:8px;display:none}
  .cms-pw-wrap{position:relative}
  .cms-pw-wrap input{padding-right:40px}
  .cms-pw-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#9ca3af;font-size:18px;padding:4px;line-height:1}

  /* ═══ Kiosk-Social-UI (k-*) – nur im Social-Panel ═══ */
  #cms-panel-social{--c-green:var(--dl-green-action,#2e7d4f);--c-border:#e5e7eb;--c-muted:#6b7280;--c-text:#1f2937;--touch-min:56px}
  /* Order cards (collapsible steps) */
  #cms-panel-social .k-order{background:#fff;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.06);margin-bottom:6px;overflow:hidden;border-left:4px solid transparent;position:relative;transition:transform .2s ease}
  #cms-panel-social .k-order-hdr{display:flex;align-items:center;gap:6px 8px;padding:10px 12px;cursor:pointer;user-select:none;min-height:44px;flex-wrap:wrap}
  #cms-panel-social .k-order-hdr:active{background:#f9fafb}
  #cms-panel-social .k-order-hdr .k-oc-arrow{font-size:10px;color:var(--c-muted);transition:transform .2s;flex-shrink:0;width:18px;text-align:center}
  #cms-panel-social .k-order.oc-collapsed .k-oc-arrow{transform:rotate(-90deg)}
  #cms-panel-social .k-order.oc-collapsed .k-order-body{display:none}
  #cms-panel-social .k-order-hdr .k-oc-name{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:60px;flex:1 1 auto;max-width:none}
  #cms-panel-social .k-order-hdr .k-oc-actions{display:flex;gap:6px;align-items:center;flex-shrink:0;margin-left:auto}
  #cms-panel-social .k-order-hdr .k-oc-actions .k-btn{min-height:40px;min-width:40px;padding:6px 14px;font-size:13px;border-radius:8px;gap:5px}
  #cms-panel-social .k-order-body{display:flex;align-items:stretch;border-top:1px solid var(--c-border)}
  /* Buttons */
  #cms-panel-social .k-btn{min-height:var(--touch-min);min-width:var(--touch-min);padding:8px 18px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .1s;white-space:nowrap}
  #cms-panel-social .k-btn:active{transform:scale(.96)}
  #cms-panel-social .k-btn-confirm{background:var(--c-green);color:#fff}
  #cms-panel-social .k-btn-sm{min-height:38px;padding:6px 14px;font-size:13px;border-radius:8px}
  #cms-panel-social .k-btn-outline{background:#fff;color:var(--c-text);border:1.5px solid var(--c-border)}
  #cms-panel-social .k-btn-outline:hover{border-color:var(--c-green);color:var(--c-green)}
  /* Filter tabs (sub-tabs) */
  #cms-panel-social .k-filter-bar{display:flex;gap:0;border-bottom:2px solid var(--c-border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#fff}
  #cms-panel-social .k-filter-bar::-webkit-scrollbar{display:none}
  #cms-panel-social .k-filter-btn{padding:10px 16px;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;border-radius:0;background:none;font-size:14px;font-weight:600;cursor:pointer;text-align:center;transition:all .15s;white-space:nowrap;color:var(--c-muted);display:flex;align-items:center;gap:6px;flex:0 0 auto}
  #cms-panel-social .k-filter-btn:hover{color:var(--c-text)}
  #cms-panel-social .k-filter-btn:active{transform:none}
  #cms-panel-social .k-filter-btn.active{border-bottom-color:var(--c-green);color:#fff !important;background:var(--c-green);border-radius:8px 8px 0 0}
  /* Fields */
  #cms-panel-social .k-field{margin-bottom:16px}
  #cms-panel-social .k-field label{font-size:13px;font-weight:600;color:var(--c-muted);margin-bottom:6px;display:block}
  #cms-panel-social .k-field input,#cms-panel-social .k-field textarea,#cms-panel-social .k-field select{width:100%;padding:14px 16px;border:2px solid var(--c-border);border-radius:12px;font-size:16px;font-family:inherit;outline:none}
  #cms-panel-social .k-field input:focus,#cms-panel-social .k-field textarea:focus,#cms-panel-social .k-field select:focus{border-color:var(--c-green)}
  #cms-panel-social .k-field textarea{resize:vertical;min-height:60px}
  #cms-panel-social .k-field select{background:#fff;appearance:auto}
  /* Katalog split container – mobile-first defaults */
  #soc-kat-split-container{display:flex;flex-direction:column;gap:14px}
  #soc-kat-col-left,#soc-kat-col-right{width:100%}

  /* Social Split-View Desktop (scrollendes Dokument – ohne Full-Height/overflow) */
  @media(min-width:900px){
    #cms-panel-social #soc-desk-bar{display:block!important}
    #cms-panel-social #soc-desk-tabs{display:block!important}
    #social-panel-post{display:flex;flex-wrap:wrap;gap:0 16px;align-items:flex-start}
    #soc-desk-bar,#soc-desk-tabs{flex-basis:100%}
    #soc-col-left{flex:1.2;min-width:0}
    #soc-col-right{flex:1;min-width:0;position:sticky;top:0;align-self:flex-start}
    /* Show unified green step headers as section titles on desktop */
    #soc-col-left .k-order-hdr,#soc-col-right .k-order-hdr{cursor:default}
    #soc-col-left .k-order-hdr .k-oc-arrow,#soc-col-right .k-order-hdr .k-oc-arrow{display:none!important}
    #soc-col-left .k-order{margin-bottom:12px!important}
    #soc-col-left .k-order-body{display:block!important}
    #soc-col-left .k-order.oc-collapsed .k-order-body{display:block!important}
    /* Hide Heute/Morgen in Step 1 on desktop (moved to action bar) */
    #soc-day-section{display:none!important}
    /* Right column: keep card look, bodies always open */
    #soc-col-right .k-order{margin-bottom:12px!important}
    #soc-col-right .k-order-body{display:block!important}
    #soc-col-right{padding:0;background:transparent;border:none}
    /* Hide Step 4 entirely on desktop (all actions in action bar) */
    #soc-step-4{display:none!important}
    /* Hide posts in right column on desktop (shown in left col tab) */
    #soc-col-right #soc-today-posts{display:none!important}
    #soc-col-right #soc-post-status{display:none!important}
    /* Hide preview update button on desktop (auto-updates) */
    #soc-col-right button[onclick*="socialGenPreview"]{display:none!important}
    /* Product grid 2-col */
    #soc-pick-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:4px;max-height:none!important;overflow-y:visible!important}
    #soc-post-footer{flex-basis:100%}
    /* Katalog Split-View Desktop */
    #soc-kat-split-container{display:flex;flex-direction:row;gap:20px;align-items:flex-start;width:100%}
    #soc-kat-col-left{flex:1.1;min-width:0;position:sticky;top:10px}
    #soc-kat-col-right{flex:1.4;min-width:0}
    #soc-kat-list table tr{transition:all 0.15s ease-in-out}
    #soc-kat-list table tr:hover{background-color:var(--c-m-pri-light)!important}
    #soc-kat-list table img{transition:transform 0.15s ease-in-out,box-shadow 0.15s ease-in-out}
    #soc-kat-list table img:hover{transform:scale(1.1);box-shadow:0 4px 10px rgba(0,0,0,0.12)}
  }