:root{--bg:#070914;--surface:#111525;--surface2:#171d31;--border:rgba(255,255,255,.09);--text:#f5f7fb;--muted:#9aa5bd;--primary:#8b5cf6;--primary2:#22d3ee;--success:#32d583;--warn:#fdb022;--danger:#f97066;--shadow:0 24px 70px rgba(0,0,0,.34);--radius:22px}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at top left,rgba(139,92,246,.24),transparent 32%),radial-gradient(circle at 80% 5%,rgba(34,211,238,.18),transparent 28%),var(--bg);color:var(--text)}a{color:inherit}.admin-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr}.admin-sidebar{position:sticky;top:0;height:100vh;padding:24px;background:rgba(8,11,24,.82);border-right:1px solid var(--border);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:22px;margin-bottom:30px}.brand span:not(.brand-mark){display:block;font-size:12px;color:var(--muted);letter-spacing:.16em;text-transform:uppercase}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 18px 45px rgba(139,92,246,.35)}.admin-nav{display:grid;gap:6px}.admin-nav a{padding:12px 14px;border-radius:14px;color:var(--muted);text-decoration:none;transition:.18s ease}.admin-nav a:hover,.admin-nav a.active{background:rgba(255,255,255,.08);color:var(--text)}.nav-group{margin:18px 8px 6px;color:#69738d;font-size:11px;text-transform:uppercase;letter-spacing:.14em}.admin-main{padding:24px;min-width:0}.admin-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;margin-bottom:22px;background:rgba(17,21,37,.78);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(16px)}.admin-topbar strong{font-size:18px}.admin-topbar small{display:block;color:var(--muted);margin-top:3px}.top-actions{display:flex;align-items:center;gap:12px;color:var(--muted)}.top-actions a{color:var(--text);text-decoration:none}.status-pill,.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.06);font-size:12px}.dashboard-hero,.panel-card,.form-card,.admin-card{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.04));border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.dashboard-hero{display:flex;justify-content:space-between;gap:24px;padding:32px;margin-bottom:22px;overflow:hidden}.dashboard-hero h1{font-size:38px;line-height:1.04;margin:6px 0 10px}.dashboard-hero p{color:var(--muted);max-width:720px}.eyebrow{color:var(--primary2)!important;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;margin:0}.hero-card{min-width:230px;padding:22px;border-radius:20px;background:rgba(0,0,0,.2);border:1px solid var(--border)}.hero-card span,.admin-card span{display:block;color:var(--muted);font-size:13px}.hero-card strong,.admin-card strong{display:block;font-size:24px;margin:8px 0}.hero-card small,.admin-card small,.muted{color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.card-grid.large{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-card{padding:20px;min-height:132px}.admin-card p{color:var(--muted);line-height:1.55}.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.panel-card{padding:22px}.panel-head,.section-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.panel-head h2,.section-head h1{margin:0}.panel-head a{color:var(--primary2);text-decoration:none}.check-list{display:grid;gap:10px}.check-row{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px;border-radius:14px;background:rgba(0,0,0,.15);border:1px solid rgba(255,255,255,.06)}.dot{width:10px;height:10px;border-radius:999px;background:var(--muted)}.dot.ok{background:var(--success)}.dot.warn{background:var(--warn)}.dot.fail{background:var(--danger)}.todo-list{display:grid;gap:12px}.todo-list div{padding:13px;border-radius:14px;background:rgba(255,255,255,.05)}.todo-list span{display:block;color:var(--muted);margin-top:4px}.page-section{max-width:1180px}.form-card{display:grid;gap:16px;padding:24px;max-width:760px}.form-card label{display:grid;gap:7px;font-weight:800}.form-card label span{font-weight:500;color:var(--muted);font-size:13px}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:14px;padding:13px 14px;background:rgba(0,0,0,.22);color:var(--text);outline:none}input:focus,textarea:focus{border-color:rgba(139,92,246,.7);box-shadow:0 0 0 4px rgba(139,92,246,.15)}.btn-primary{justify-self:start;border:0;border-radius:15px;padding:13px 18px;background:linear-gradient(135deg,var(--primary),var(--primary2));color:white;font-weight:900;cursor:pointer}.notice{padding:14px 16px;border-radius:16px;margin-bottom:18px;border:1px solid var(--border)}.notice.success{background:rgba(50,213,131,.12);color:#d1fadf}.notice.error{background:rgba(249,112,102,.12);color:#fee4e2}.table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--border);color:var(--muted)}.admin-table th{color:var(--text)}.extension-card{min-height:180px}@media(max-width:1100px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto}.card-grid,.card-grid.large,.two-col{grid-template-columns:1fr 1fr}.dashboard-hero{flex-direction:column}}@media(max-width:720px){.admin-main{padding:14px}.admin-sidebar{padding:16px}.card-grid,.card-grid.large,.two-col{grid-template-columns:1fr}.admin-topbar{align-items:flex-start;flex-direction:column}.dashboard-hero h1{font-size:30px}.top-actions{flex-wrap:wrap}}

/* Phase 1.3.1: polished login + safer card value wrapping */
.login-page{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 8% 12%,rgba(139,92,246,.32),transparent 34%),radial-gradient(circle at 88% 12%,rgba(34,211,238,.22),transparent 30%),linear-gradient(135deg,#090a16 0%,#090d1b 54%,#061927 100%)}
.login-shell{width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:22px;align-items:stretch}
.login-panel,.login-sidecard{border:1px solid var(--border);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045));box-shadow:0 34px 100px rgba(0,0,0,.46);backdrop-filter:blur(18px)}
.login-panel{padding:34px;min-height:520px;display:flex;flex-direction:column;justify-content:center}
.login-brand-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:36px}.brand.compact{margin:0}.brand.compact .brand-mark{width:38px;height:38px;border-radius:14px}.login-copy h1{font-size:44px;line-height:1;margin:8px 0 12px}.login-copy p:not(.eyebrow){max-width:560px;color:var(--muted);line-height:1.65}.login-form{display:grid;gap:16px;margin-top:24px}.login-form label{display:grid;gap:8px;color:var(--text);font-weight:800}.login-form input{min-height:50px;background:rgba(2,6,23,.58)}.login-submit{width:100%;justify-self:stretch;margin-top:4px;min-height:52px;font-size:15px}.login-sidecard{padding:30px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative}.login-sidecard:before{content:"";position:absolute;inset:auto -80px -90px auto;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(34,211,238,.22),transparent 70%)}.login-sidecard h2{font-size:34px;margin:8px 0 12px}.login-sidecard p:not(.eyebrow){color:var(--muted);line-height:1.6}.login-mini-grid{display:grid;grid-template-columns:1fr auto;gap:10px 16px;margin-top:28px;padding:18px;border-radius:20px;background:rgba(0,0,0,.22);border:1px solid var(--border)}.login-mini-grid span{color:var(--muted)}.login-mini-grid strong{color:var(--text)}
.admin-card{overflow:hidden}.admin-card strong{max-width:100%;overflow-wrap:anywhere;word-break:break-word;line-height:1.18}.card-grid .admin-card strong{font-size:clamp(18px,1.4vw,24px)}
@media(max-width:980px){.login-shell{grid-template-columns:1fr}.login-sidecard{display:none}.login-panel{min-height:auto}.login-copy h1{font-size:36px}}
@media(max-width:540px){.login-page{padding:14px}.login-panel{padding:22px;border-radius:24px}.login-brand-row{align-items:flex-start;flex-direction:column}.login-copy h1{font-size:31px}}


/* Phase 1.4: license/domain, security and notifications */
.status-pill.ok,.badge.ok{border-color:rgba(50,213,131,.35);background:rgba(50,213,131,.12);color:#d1fadf}.status-pill.warn,.badge.warn{border-color:rgba(253,176,34,.35);background:rgba(253,176,34,.12);color:#fef0c7}.status-pill.fail,.badge.fail{border-color:rgba(249,112,102,.35);background:rgba(249,112,102,.12);color:#fee4e2}.domain-status{padding:18px;border-radius:18px;border:1px solid var(--border);background:rgba(255,255,255,.05);margin-bottom:16px}.domain-status.ok{border-color:rgba(50,213,131,.3);background:rgba(50,213,131,.08)}.domain-status.warn{border-color:rgba(253,176,34,.3);background:rgba(253,176,34,.08)}.domain-status.fail{border-color:rgba(249,112,102,.3);background:rgba(249,112,102,.08)}.domain-status p{color:var(--muted);line-height:1.55;margin:8px 0 0}.mini-list{display:grid;gap:10px}.mini-list div{padding:13px;border-radius:14px;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.06)}.mini-list span{display:block;color:var(--muted);font-size:13px}.mini-list strong{display:block;margin-top:5px;overflow-wrap:anywhere}.mt{margin-top:18px}.notification-list{display:grid;gap:12px}.notification-item{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:flex-start;padding:14px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(0,0,0,.16)}.notification-item p{margin:5px 0;color:var(--muted);line-height:1.55}.notification-item small{color:var(--muted)}

/* Phase 1.5: extension registry */
.extensions-page code{padding:3px 7px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);color:#dbeafe}.extension-summary{margin-bottom:16px}.extension-intro{display:grid;grid-template-columns:1fr 360px;gap:18px;align-items:center;margin-bottom:18px}.extension-intro p{color:var(--muted);line-height:1.65}.mini-list.compact{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.extension-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.extension-grid{align-items:stretch}.registry-card{display:flex;flex-direction:column;gap:12px;min-height:310px}.extension-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.extension-type{color:var(--primary2)!important;text-transform:uppercase;letter-spacing:.14em;font-size:11px!important;font-weight:900}.registry-card p{margin:0;min-height:52px}.extension-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:auto}.extension-meta div{padding:10px;border-radius:12px;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.06);min-width:0}.extension-meta span{font-size:11px!important;color:var(--muted)!important}.extension-meta b{display:block;margin-top:4px;overflow-wrap:anywhere}.extension-badges{display:flex;flex-wrap:wrap;gap:8px}.extension-actions{display:flex;gap:10px;margin-top:2px}.extension-actions button{border:1px solid var(--border);border-radius:13px;padding:10px 12px;background:rgba(255,255,255,.06);color:var(--muted);cursor:not-allowed}.badge.fail{border-color:rgba(249,112,102,.35);background:rgba(249,112,102,.12);color:#fee4e2}@media(max-width:1000px){.extension-intro{grid-template-columns:1fr}.mini-list.compact{grid-template-columns:1fr}}@media(max-width:720px){.extension-meta{grid-template-columns:1fr}.extension-actions{flex-direction:column}.extension-actions button{width:100%}}

/* Phase 1.6: scalable sidebar + theme registry */
.admin-sidebar{display:flex;flex-direction:column;overflow:hidden}.nav-tools{display:grid;gap:12px;margin-bottom:14px}.nav-search{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.055);padding:8px 10px}.nav-search span{color:var(--muted);font-weight:900}.nav-search input{border:0;background:transparent;padding:4px;color:var(--text);font-size:13px;box-shadow:none}.nav-pins{display:grid;grid-template-columns:1fr;gap:8px}.nav-pins a{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:rgba(255,255,255,.045);color:var(--muted);text-decoration:none;font-weight:800;font-size:13px}.nav-pins a.active{background:linear-gradient(135deg,rgba(139,92,246,.34),rgba(34,211,238,.16));color:var(--text);border-color:rgba(139,92,246,.38)}.admin-nav{overflow:auto;padding-right:4px;display:grid;gap:10px;scrollbar-width:thin}.admin-nav::-webkit-scrollbar{width:7px}.admin-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:99px}.nav-section{border:1px solid rgba(255,255,255,.07);border-radius:17px;background:rgba(255,255,255,.035);overflow:hidden}.nav-section summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 13px;color:var(--text);font-weight:900}.nav-section summary::-webkit-details-marker{display:none}.nav-section summary:after{content:"⌄";color:var(--muted);transition:transform .18s ease}.nav-section[open] summary:after{transform:rotate(180deg)}.nav-section summary b{font-size:10px;color:var(--primary2);letter-spacing:.12em;text-transform:uppercase}.nav-section a{margin:0 8px 8px 8px}.nav-section a[hidden],.nav-filter-empty{display:none!important}.nav-section a[aria-disabled="true"]{opacity:.55;pointer-events:none}.nav-section a em{font-style:normal;font-size:10px;margin-left:auto;padding:3px 7px;border-radius:99px;border:1px solid rgba(255,255,255,.08);color:var(--muted)}.sidebar-foot{margin-top:14px;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.16);display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}.sidebar-foot strong{color:var(--text)}
.theme-engine-card{display:grid;grid-template-columns:1fr 430px;gap:18px;align-items:center;margin-bottom:18px}.theme-engine-card p{color:var(--muted);line-height:1.65}.theme-card{display:flex;flex-direction:column;gap:12px;min-height:420px}.theme-card.active-theme{border-color:rgba(50,213,131,.45);box-shadow:0 24px 80px rgba(50,213,131,.08)}.theme-preview{height:132px;border-radius:22px;border:1px solid rgba(255,255,255,.1);padding:14px;display:grid;grid-template-columns:1.3fr .7fr;gap:10px;overflow:hidden;background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(34,211,238,.12))}.theme-preview div{border-radius:14px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.11)}.theme-preview div:first-child{grid-row:span 2}.theme-preview-nova{background:linear-gradient(135deg,#172554,#0f766e)}.theme-preview-aura{background:linear-gradient(135deg,#581c87,#be185d)}.theme-preview-obsidian{background:linear-gradient(135deg,#020617,#312e81)}.theme-preview-origin{background:linear-gradient(135deg,#1f2937,#475569)}.theme-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.theme-card-head strong{font-size:28px}.theme-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px}.theme-meta div{padding:10px;border-radius:12px;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.06)}.theme-meta span{font-size:11px!important;color:var(--muted)!important}.theme-meta b{display:block;margin-top:4px;overflow-wrap:anywhere}.theme-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}.theme-actions .btn-primary{justify-self:auto}.theme-actions button{border:1px solid var(--border);border-radius:13px;padding:10px 12px;background:rgba(255,255,255,.06);color:var(--muted)}.theme-actions button:not(:disabled){cursor:pointer;color:var(--text)}.theme-actions button:disabled{cursor:not-allowed;opacity:.7}.theme-actions .btn-primary:disabled{background:rgba(50,213,131,.16);border:1px solid rgba(50,213,131,.32);color:#d1fadf}.admin-nav>a{display:none}@media(max-width:1100px){.admin-sidebar{overflow:visible}.admin-nav{max-height:none;overflow:visible}.theme-engine-card{grid-template-columns:1fr}}@media(max-width:720px){.nav-pins{grid-template-columns:1fr}.theme-meta{grid-template-columns:1fr}.theme-actions{flex-direction:column}.theme-actions button{width:100%}.theme-preview{height:110px}.theme-card-head{flex-direction:column}.theme-card-head strong{font-size:24px}}

/* Phase 1.7: frontend preview / ThemeRenderer links */
.theme-actions a.btn-ghost{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--border);border-radius:13px;padding:10px 12px;background:rgba(255,255,255,.06);color:var(--text);font-weight:800}.theme-actions a.btn-ghost:hover{border-color:rgba(34,211,238,.35);background:rgba(34,211,238,.1)}.nav-pins a[target="_blank"]:after,.nav-section a[target="_blank"]:after{content:"↗";font-size:11px;color:var(--muted);margin-left:auto}.theme-engine-card .mini-list a{color:var(--primary2);text-decoration:none}.theme-engine-card .mini-list a:hover{text-decoration:underline}


/* Phase 1.7.1: consistent theme action buttons */
.theme-actions{align-items:center}
.theme-actions .theme-action-btn,
.theme-actions button,
.theme-actions a.btn-ghost{
    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border:1px solid var(--border);
    border-radius:13px;
    padding:10px 14px;
    background:rgba(255,255,255,.06);
    color:var(--text);
    text-decoration:none!important;
    font-weight:900;
    line-height:1;
    white-space:nowrap;
    appearance:none;
    -webkit-appearance:none;
}
.theme-actions .btn-primary,
.theme-actions button.btn-primary{
    border:0;
    background:linear-gradient(135deg,var(--primary),var(--primary2));
    color:#fff;
}
.theme-actions .btn-primary:disabled,
.theme-actions button.btn-primary:disabled{
    border:1px solid rgba(50,213,131,.32);
    background:rgba(50,213,131,.16);
    color:#d1fadf;
}
.theme-actions a.btn-ghost:hover{
    border-color:rgba(34,211,238,.38);
    background:rgba(34,211,238,.12);
    color:#fff;
}
.theme-actions button:disabled:not(.btn-primary){
    color:var(--muted);
    opacity:.72;
    cursor:not-allowed;
}
@media(max-width:720px){
    .theme-actions .theme-action-btn,
    .theme-actions button,
    .theme-actions a.btn-ghost{width:100%}
}


/* Phase 1.7.2: harden sidebar link layout after theme button styles */
.admin-nav .nav-section > a{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    width:calc(100% - 16px);
    min-height:38px;
    padding:9px 12px;
    line-height:1.25;
    text-decoration:none;
    white-space:normal;
}
.admin-nav .nav-section > a em{
    flex:0 0 auto;
    margin-left:8px;
}
.admin-nav .nav-section > a[target="_blank"]:after{
    flex:0 0 auto;
}
.admin-nav .nav-section > a.active{
    display:flex!important;
}


/* Phase 1.8 Navigation Builder */
.navigation-page .builder-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px}.field-grid{display:grid;gap:14px}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.toggle-card{display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(255,255,255,.035);color:var(--muted);font-weight:800}.toggle-card.inline{display:inline-flex;margin-top:14px}.toggle-card input{accent-color:#28d7ff}.nav-preview-card .mini-browser{display:grid;grid-template-columns:46px 1fr 1fr 1fr;gap:8px;align-items:center;margin:18px 0;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:linear-gradient(135deg,rgba(91,108,255,.18),rgba(24,213,255,.1))}.mini-browser div{width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,#7c5cff,#18d5ff)}.mini-browser span{height:28px;border-radius:999px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;font-weight:900}.clean-list{margin:14px 0 0;padding-left:18px;color:var(--muted);line-height:1.8}.card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.nav-items-table{display:grid;gap:10px}.nav-row{display:grid;grid-template-columns:72px minmax(140px,1fr) minmax(180px,1.4fr) 190px;gap:10px;align-items:center}.nav-row.nav-row-advanced{grid-template-columns:64px minmax(120px,.8fr) minmax(150px,.8fr) minmax(170px,1fr) minmax(150px,.8fr) minmax(150px,.8fr)}.nav-row.nav-head{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:950;padding:0 8px}.nav-row input,.nav-row select,.field-grid input,.field-grid select,.panel-card textarea{width:100%;min-height:44px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(5,8,22,.7);color:#fff;padding:11px 12px;outline:none}.panel-card textarea{resize:vertical}.mini-check{display:flex;align-items:center;justify-content:center}.mini-check input{position:absolute;opacity:0}.mini-check span{width:38px;height:24px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);position:relative}.mini-check span:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#9ca3af;transition:.18s}.mini-check input:checked+span{background:rgba(34,197,94,.18);border-color:rgba(34,197,94,.35)}.mini-check input:checked+span:after{left:17px;background:#22c55e}.sticky-save-bar{position:sticky;bottom:14px;z-index:4;margin-top:18px;padding:14px 16px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(12,14,28,.86);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 22px 80px rgba(0,0,0,.28)}.sticky-save-bar div{display:flex;flex-direction:column;gap:2px}.sticky-save-bar span{color:var(--muted);font-size:13px}@media(max-width:1100px){.navigation-page .builder-grid,.field-grid.two{grid-template-columns:1fr}.nav-row{grid-template-columns:54px 1fr}.nav-row.nav-head{display:none}.nav-row select,.nav-row input[name="item_url[]"]{grid-column:2}}@media(max-width:680px){.toggle-grid{grid-template-columns:1fr}.sticky-save-bar{align-items:stretch;flex-direction:column}.sticky-save-bar .btn-primary{width:100%}}

.link-type-card strong{font-size:20px}.link-type-card p{min-height:84px}.nav-row input[readonly]{opacity:.72;border-style:dashed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--border);border-radius:14px;padding:11px 14px;background:rgba(255,255,255,.06);color:var(--text);font-weight:900}.btn-secondary:hover{border-color:rgba(34,211,238,.35);background:rgba(34,211,238,.1)}
@media(max-width:1100px){.nav-row.nav-row-advanced{grid-template-columns:54px 1fr}.nav-row.nav-row-advanced select,.nav-row.nav-row-advanced input[name="item_link_target[]"],.nav-row.nav-row-advanced input[name="item_url[]"]{grid-column:2}}


/* FIX-0011: Sidebar-Klicks von Formular-/Builderflächen isolieren */
.admin-sidebar{z-index:80;isolation:isolate;overflow-y:auto;overflow-x:hidden}
.admin-main{position:relative;z-index:1;min-width:0}
.admin-sidebar a,.admin-sidebar summary{position:relative;z-index:3}
.admin-nav .nav-section > a{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;max-width:100%!important;float:none!important;clear:both!important;white-space:normal!important;text-decoration:none!important}
.admin-nav .nav-section > a em{flex:0 0 auto;margin-left:auto}
.nav-pins a{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;text-decoration:none!important}
.nav-builder-form{position:relative;z-index:1}
.nav-builder-form .panel-card,.nav-builder-form .sticky-save-bar{max-width:100%}
.link-picker-page .panel-card [aria-disabled="true"],.link-picker-page .btn-disabled{cursor:not-allowed;opacity:.55}


/* Phase 2.0 SEO & Analytics */
.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.card-title-row h2,.card-title-row h3{margin:0}
.admin-card.wide{grid-column:1/-1}
.admin-card.soft{background:rgba(255,255,255,.035)}
.form-grid.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.admin-form label{display:flex;flex-direction:column;gap:7px;font-weight:700;color:#fff}
.admin-form small,.muted{color:#aeb8d6;font-weight:500;line-height:1.55}
.admin-form input,.admin-form textarea,.admin-form select{width:100%;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:#070916;color:#fff;padding:13px 14px;font:inherit;outline:none}
.admin-form textarea{resize:vertical}
.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
.toggle-grid label{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:14px;flex-direction:row;align-items:center;color:#dce5ff}
.toggle-grid input{width:auto;accent-color:#21d6ff}
.info-box{background:rgba(33,214,255,.07);border:1px solid rgba(33,214,255,.18);border-radius:18px;padding:14px;color:#dce5ff}
.status-list{display:grid;gap:10px}
.status-row{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035)}
.status-row small{grid-column:1/-1;color:#aeb8d6}
.status-row.ok{border-color:rgba(39,214,134,.28)}
.status-row.warn{border-color:rgba(245,178,66,.32)}
.status-row.fail{border-color:rgba(255,91,122,.32)}
.badge.prepared{border-color:rgba(33,214,255,.32);color:#6fe6ff}
.badge.planned{border-color:rgba(245,178,66,.34);color:#ffd28a}
.badge.registry{border-color:rgba(157,111,255,.35);color:#c9b8ff}
@media (max-width:900px){.form-grid.two,.toggle-grid{grid-template-columns:1fr}.status-row{grid-template-columns:1fr}}

/* FIX-0012: Admin buttons must never fall back to browser default styling. */
button.btn, a.btn, .admin-form button[type="submit"]{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border:1px solid var(--border);border-radius:15px;padding:12px 16px;background:rgba(255,255,255,.07);color:var(--text);font-weight:900;line-height:1;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.18);transition:border-color .16s ease, background .16s ease, transform .16s ease;}
button.btn:hover, a.btn:hover, .admin-form button[type="submit"]:hover{border-color:rgba(34,211,238,.35);background:rgba(34,211,238,.1);transform:translateY(-1px);}
button.btn.primary, a.btn.primary, .admin-form button.btn-primary[type="submit"]{border:0;background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;}
button.btn:disabled, a.btn[aria-disabled="true"], .admin-form button[type="submit"]:disabled{opacity:.58;cursor:not-allowed;transform:none;}


/* Phase 2.1 Navigation Builder */
.card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.nav-row.nav-row-advanced{grid-template-columns:64px minmax(120px,.75fr) minmax(150px,.75fr) minmax(170px,1fr) minmax(150px,.8fr) minmax(145px,.8fr) 46px}
.nav-row.footer-row{grid-template-columns:64px minmax(160px,.9fr) minmax(160px,.8fr) minmax(200px,1fr) minmax(160px,.8fr) 46px}
.nav-builder-row{padding:6px;border-radius:18px;transition:background .16s ease,border-color .16s ease}
.nav-builder-row:hover{background:rgba(255,255,255,.025)}
.btn.secondary{border:1px solid var(--border);background:rgba(255,255,255,.07);color:var(--text)}
.btn.secondary:hover{border-color:rgba(34,211,238,.35);background:rgba(34,211,238,.1)}
.btn.icon{width:42px;height:42px;padding:0;border-radius:14px;font-size:22px;line-height:1}
.btn.danger{border-color:rgba(249,112,102,.24);background:rgba(249,112,102,.09);color:#ffc1bd}
.btn.danger:hover{border-color:rgba(249,112,102,.42);background:rgba(249,112,102,.15)}
.mt-sm{margin-top:12px}.footer-link-table{margin-top:18px}
.footer-links{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:16px}.footer-links a{color:inherit;opacity:.82;text-decoration:none}.footer-links a:hover{opacity:1;text-decoration:underline}
@media(max-width:1180px){.nav-row.nav-row-advanced,.nav-row.footer-row{grid-template-columns:54px 1fr}.nav-row.nav-row-advanced > *, .nav-row.footer-row > *{grid-column:2}.nav-row.nav-row-advanced > .mini-check,.nav-row.footer-row > .mini-check{grid-column:1}.nav-row.nav-head{display:none}.nav-row .btn.icon{grid-column:2;justify-self:start}.card-actions{justify-content:flex-start}}

/* Phase 2.1.1: robust Navigation-Builder interactions and scalable sidebar */
.admin-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}
.admin-sidebar{height:100vh;max-height:100vh;display:flex;flex-direction:column;gap:14px;overflow:hidden;padding:24px 18px 18px}
.admin-sidebar .brand{flex:0 0 auto;margin-bottom:8px}
.nav-tools{flex:0 0 auto;display:grid;gap:10px}
.admin-nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:6px;display:grid;align-content:start;gap:10px;scrollbar-width:thin;scrollbar-color:rgba(34,211,238,.35) rgba(255,255,255,.04)}
.admin-nav::-webkit-scrollbar{width:8px}
.admin-nav::-webkit-scrollbar-track{background:rgba(255,255,255,.035);border-radius:999px}
.admin-nav::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(139,92,246,.55),rgba(34,211,238,.45));border-radius:999px}
.sidebar-foot{flex:0 0 auto;margin-top:0}
.nav-section{flex:0 0 auto}
.nav-section summary{position:sticky;top:0;z-index:2;background:linear-gradient(180deg,rgba(20,24,42,.98),rgba(20,24,42,.9));backdrop-filter:blur(12px)}
.nav-section[open]{box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.nav-section a{min-height:36px}
.admin-main{min-width:0;overflow-x:hidden}
.nav-builder-form [data-add-nav-row],.nav-builder-form [data-add-footer-row],.nav-builder-form [data-remove-row]{position:relative;z-index:2}
.nav-builder-row.row-added{animation:rowPulse .65s ease-out}
@keyframes rowPulse{0%{background:rgba(34,211,238,.16);box-shadow:0 0 0 1px rgba(34,211,238,.22)}100%{background:transparent;box-shadow:none}}
@media(max-width:900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto;max-height:none}.admin-nav{max-height:52vh}.admin-main{padding-top:0}}


/* Phase 2.1.2: Toggle order fix, full-sidebar scrolling and non-sticky save bar */
.admin-sidebar{height:100vh;max-height:100vh;overflow-y:auto;overflow-x:hidden;display:block;scrollbar-width:thin;scrollbar-color:rgba(34,211,238,.35) rgba(255,255,255,.04)}
.admin-sidebar::-webkit-scrollbar{width:8px}
.admin-sidebar::-webkit-scrollbar-track{background:rgba(255,255,255,.035);border-radius:999px}
.admin-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(139,92,246,.55),rgba(34,211,238,.45));border-radius:999px}
.admin-sidebar .brand,.nav-tools,.sidebar-foot{position:relative;z-index:2}
.admin-nav{overflow:visible;max-height:none;min-height:auto;display:grid;gap:10px;padding-right:0}
.nav-section summary{position:relative;top:auto}
.sidebar-foot{margin-top:14px;margin-bottom:4px}
.mini-check input[type=hidden]{position:absolute!important;opacity:0!important;pointer-events:none!important;width:0!important;height:0!important;padding:0!important;border:0!important}
.mini-check input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}
.mini-check input[type=checkbox]:focus+span{box-shadow:0 0 0 4px rgba(34,211,238,.14)}
.mini-check input[type=checkbox]:checked+span{background:rgba(34,197,94,.18);border-color:rgba(34,197,94,.35)}
.mini-check input[type=checkbox]:checked+span:after{left:17px;background:#22c55e}
.sticky-save-bar{position:static;bottom:auto;z-index:auto;margin-top:18px}
@media(max-width:900px){.admin-sidebar{height:auto;max-height:none}.admin-nav{max-height:none;overflow:visible}}

/* Phase 2.3: Analytics filter and event overview */
.inline-filter-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}
.inline-filter-form label{display:grid;gap:7px;font-weight:900;color:var(--text)}
.inline-filter-form select{min-height:44px}.mt-sm{margin-top:10px}.value-cell{max-width:280px;overflow-wrap:anywhere;color:var(--muted)}
@media(max-width:900px){.inline-filter-form{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.inline-filter-form{grid-template-columns:1fr}}

/* Phase 2.4 analytics dashboard */
.analytics-dashboard-card{margin-bottom:22px}.dashboard-kpis .admin-card strong{font-variant-numeric:tabular-nums}.dashboard-analytics-grid{margin-bottom:22px}.metric-list{display:grid;gap:10px}.metric-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 14px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(0,0,0,.16)}.metric-row span{color:var(--muted)}.metric-row strong{font-size:18px;color:var(--text);font-variant-numeric:tabular-nums}.text-break{overflow-wrap:anywhere;word-break:break-word}.device-bars{display:grid;gap:13px}.device-row{display:grid;gap:7px}.device-row-head{display:flex;justify-content:space-between;gap:12px;color:var(--muted)}.device-row-head strong{color:var(--text);font-variant-numeric:tabular-nums}.device-bar{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;border:1px solid rgba(255,255,255,.06)}.device-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--primary2));min-width:0}.analytics-kpis{margin:16px 0 0}.admin-card.soft{background:rgba(0,0,0,.14);box-shadow:none}.mt-sm{margin-top:10px}@media(max-width:920px){.dashboard-analytics-grid{grid-template-columns:1fr}.analytics-dashboard-card .card-title-row{align-items:flex-start;flex-direction:column}.analytics-kpis{grid-template-columns:1fr 1fr}}@media(max-width:620px){.analytics-kpis{grid-template-columns:1fr}.metric-row{grid-template-columns:1fr}.metric-row strong{justify-self:start}}

/* Phase 2.5: modular dashboard widget registry */
.dashboard-widget-registry{margin-bottom:22px}
.widget-group-list{display:grid;gap:16px;margin-top:16px}
.widget-group-card{border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(0,0,0,.12);padding:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.widget-group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.widget-group-head h3{margin:0 0 4px;font-size:18px}.widget-group-head p{margin:0;color:var(--muted);line-height:1.45}
.widget-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.widget-metric{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.035);padding:14px;display:grid;gap:6px;min-height:116px}
.widget-metric span{color:var(--muted);font-size:13px;font-weight:800}.widget-metric strong{font-size:24px;color:var(--text);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.widget-metric small{color:#aeb8d6;line-height:1.45}
.widget-metric.active{border-color:rgba(34,211,238,.16)}.widget-metric.prepared{border-color:rgba(139,92,246,.2)}.widget-metric.planned{border-color:rgba(245,178,66,.22)}.widget-metric.warning{border-color:rgba(249,112,102,.26);background:rgba(249,112,102,.055)}
@media(max-width:1180px){.widget-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.widget-group-head{flex-direction:column}.widget-metric-grid{grid-template-columns:1fr}}

/* Phase 2.6 - Extension settings */
.extension-actions .btn,
.section-head .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 16px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.12);
    background: linear-gradient(135deg, rgba(124,92,255,.22), rgba(30,211,255,.14));
    color: var(--text, #fff);
    font-weight: 800;
    text-decoration: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.extension-actions .btn.secondary,
.section-head .btn.secondary {
    background: rgba(255,255,255,.07);
}
.extension-settings-page .panel-grid.two {
    align-items: start;
}
.extension-field {
    margin-bottom: 16px;
}
.extension-field textarea {
    min-height: 112px;
    resize: vertical;
}
.extension-field.check-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 18px;
    background: rgba(255,255,255,.045);
}
.extension-field.check-card input {
    width: 18px;
    height: 18px;
    accent-color: #25d7ff;
}
.extension-field.check-card span {
    display: grid;
    gap: 4px;
}
.extension-field.check-card small {
    color: var(--muted, #9fb2d9);
}
.panel-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
}
@media (max-width: 900px) {
    .panel-card-head { flex-direction: column; }
}


/* Phase 2.7 - Permission registry */
.permissions-page .panel-card{margin-bottom:18px}
.permission-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.permission-role-card{border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.035);padding:16px;display:grid;gap:9px}
.permission-role-card h3{margin:0;font-size:20px}.permission-role-card p{margin:0;color:var(--muted);line-height:1.55}.permission-role-card code,.permission-row code{display:inline-flex;width:max-content;max-width:100%;overflow-wrap:anywhere;border-radius:10px;padding:5px 8px;background:rgba(0,0,0,.22);color:#bfe8ff;border:1px solid rgba(34,211,238,.14)}
.permission-list{display:grid;gap:10px}.permission-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.035);padding:13px 14px}.permission-row strong{display:block;margin-bottom:6px}.permission-intro{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:center}.badge.planned{border-color:rgba(245,178,66,.34);color:#ffd28a;background:rgba(245,178,66,.08)}
.extension-toolbar{align-items:center}.extension-toolbar .btn.secondary{margin-left:auto}
@media(max-width:1050px){.permission-role-grid{grid-template-columns:1fr 1fr}.permission-intro{grid-template-columns:1fr}.permission-row{align-items:flex-start;flex-direction:column}.extension-toolbar .btn.secondary{margin-left:0}}
@media(max-width:680px){.permission-role-grid{grid-template-columns:1fr}}

/* Phase 2.8: Rollen-Rechte-Matrix */
.role-card-actions{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}.btn.primary,.btn.secondary,.btn.ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;padding:11px 14px;text-decoration:none;font-weight:900;border:1px solid var(--border);cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;border:0}.btn.secondary{background:rgba(255,255,255,.07);color:var(--text)}.btn.ghost{background:rgba(0,0,0,.16);color:var(--muted)}.btn.primary:hover,.btn.secondary:hover,.btn.ghost:hover{transform:translateY(-1px);border-color:rgba(34,211,238,.35)}.role-matrix-form{display:grid;gap:18px}.role-matrix-toolbar{align-items:center}.matrix-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.permission-matrix{display:grid;gap:14px}.permission-group-card{border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(0,0,0,.14);overflow:hidden}.permission-group-card summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;cursor:pointer;font-weight:900}.permission-group-card summary span{text-transform:capitalize}.permission-group-card summary b{color:var(--muted);font-size:12px}.permission-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 16px 16px}.permission-check-row{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:flex-start;padding:13px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);cursor:pointer}.permission-check-row:hover{background:rgba(34,211,238,.07);border-color:rgba(34,211,238,.18)}.permission-check-row input{width:18px;height:18px;margin-top:2px;accent-color:var(--primary)}.permission-check-row strong{display:block;color:var(--text);line-height:1.25}.permission-check-row code{display:block;margin-top:5px;color:var(--primary2);font-size:12px;overflow-wrap:anywhere}.permission-check-row small{display:block;margin-top:5px;color:var(--muted)}.scroll-flow-actions{position:static!important;display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding-top:6px}.permissions-page .permission-role-card{display:flex;flex-direction:column}.permissions-page .permission-role-card .role-card-actions{margin-top:auto}@media(max-width:920px){.permission-check-grid{grid-template-columns:1fr}.role-matrix-toolbar{align-items:flex-start;flex-direction:column}.matrix-actions{justify-content:flex-start}}

/* Phase 2.9 - Benutzerverwaltung */
.users-page .filter-card{margin-bottom:18px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.users-table td,.users-table th{vertical-align:middle}.table-wrap{overflow:auto;border-radius:18px;border:1px solid rgba(255,255,255,.08)}.admin-table{width:100%;border-collapse:collapse;min-width:780px}.admin-table th,.admin-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.07);text-align:left}.admin-table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;background:rgba(255,255,255,.035)}.admin-table tr:hover td{background:rgba(34,211,238,.035)}.empty-state{padding:24px;border:1px dashed rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.035);display:grid;gap:10px;justify-items:start}.user-edit-form{display:grid;gap:22px}.form-note-card{border:1px solid rgba(34,211,238,.16);border-radius:18px;background:linear-gradient(135deg,rgba(34,211,238,.08),rgba(124,92,255,.06));padding:16px;align-self:stretch}.form-note-card p{margin:8px 0 0;color:var(--muted);line-height:1.55}.role-assignment-block{border-top:1px solid rgba(255,255,255,.08);padding-top:18px}.role-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.role-check-row{min-height:96px}.user-filter-form .form-actions{margin-top:14px}.badge.ok{border-color:rgba(55,214,153,.35);color:#9ff1cf;background:rgba(55,214,153,.09)}@media(max-width:1050px){.form-grid.three{grid-template-columns:1fr 1fr}.role-check-grid{grid-template-columns:1fr}}@media(max-width:720px){.form-grid.three{grid-template-columns:1fr}.section-head .btn{width:100%}.table-wrap{margin-inline:-2px}}

/* Phase 3.0: Pages / Content foundation */
.pages-page .section-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.filter-actions{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.form-grid.three{display:grid;grid-template-columns:1fr 220px auto;gap:16px;align-items:end}.table-wrap{width:100%;overflow-x:auto}.admin-table{width:100%;border-collapse:separate;border-spacing:0 10px}.admin-table th{padding:0 14px 8px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em;text-align:left}.admin-table td{padding:14px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);vertical-align:middle}.admin-table td:first-child{border-left:1px solid rgba(255,255,255,.08);border-radius:16px 0 0 16px}.admin-table td:last-child{border-right:1px solid rgba(255,255,255,.08);border-radius:0 16px 16px 0}.admin-table td small{display:block;color:var(--muted);margin-top:4px;line-height:1.45}.table-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.empty-state{display:grid;place-items:start;gap:10px;padding:28px;border:1px dashed rgba(255,255,255,.16);border-radius:22px;background:rgba(255,255,255,.025)}.empty-state strong{font-size:22px}.content-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}.page-edit-form label{display:grid;gap:7px;margin-bottom:14px;font-weight:800;color:var(--text)}.page-edit-form input,.page-edit-form textarea,.page-edit-form select,.filter-card input,.filter-card select{width:100%;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:#070916;color:#fff;padding:13px 14px;font:inherit;outline:none}.page-edit-form textarea{resize:vertical}.page-edit-form small,.filter-card small{color:var(--muted);font-weight:500;line-height:1.45}.editor-side{display:grid;gap:18px}.btn.full{width:100%;margin-top:8px}.pages-table code,.page-edit-form code{overflow-wrap:anywhere}.badge.hidden{border-color:rgba(245,178,66,.34);color:#ffd28a}@media(max-width:1100px){.content-editor-grid{grid-template-columns:1fr}.editor-side{grid-template-columns:1fr 1fr}}@media(max-width:760px){.form-grid.three{grid-template-columns:1fr}.editor-side{grid-template-columns:1fr}.table-actions{justify-content:flex-start}.admin-table td,.admin-table th{white-space:normal}}

/* Phase 3.1: pages/list polish + real page-link picker support */
.pages-table td.pages-actions-cell{display:table-cell;text-align:right;white-space:nowrap;min-width:330px;border-radius:0 16px 16px 0!important;background:rgba(255,255,255,.035)}
.pages-table .table-action-stack{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;width:100%}
.inline-form{display:inline-flex;margin:0;padding:0}.inline-form .btn{white-space:nowrap}.inline-badge{display:inline-flex;margin-left:10px;vertical-align:middle}.pages-table td:first-child{border-radius:16px 0 0 16px!important}.pages-table tr:hover td.pages-actions-cell{background:rgba(34,211,238,.035)}
.link-picker-page-list{display:grid;gap:10px;margin-top:14px}.link-picker-page-list>div{display:grid;grid-template-columns:minmax(160px,1fr) minmax(120px,.7fr) auto;gap:10px;align-items:center;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.035)}.link-picker-page-list code{color:var(--primary2);overflow-wrap:anywhere}.btn.ghost{background:rgba(255,255,255,.045);color:var(--muted)}
@media(max-width:980px){.pages-table td.pages-actions-cell{min-width:240px}.pages-table .table-action-stack{justify-content:flex-start}.link-picker-page-list>div{grid-template-columns:1fr}}

/* Phase 3.2 Studio section groundwork */
.studio-page .section-actions { display: flex; gap: .75rem; flex-wrap: wrap; align-items: center; justify-content: flex-end; }
.studio-section-list { display: grid; gap: 1rem; margin-top: 1rem; }
.studio-section-card { overflow: hidden; }
.studio-section-card .card-title-row { align-items: flex-start; gap: 1rem; }
.switch-line.compact { display: inline-flex; align-items: center; gap: .45rem; padding: .45rem .65rem; border: 1px solid rgba(255,255,255,.1); border-radius: 999px; background: rgba(255,255,255,.04); }
.switch-line.compact input[type="checkbox"] { accent-color: #22d3ee; width: 1rem; height: 1rem; }
.studio-sections-form .save-panel { display:flex; justify-content:space-between; align-items:center; gap:1rem; flex-wrap:wrap; }
.clean-actions .table-actions { text-align:right; }

/* Phase 3.2.1: Studio/list action edges + Admin logviewer */
.studio-page .admin-table-wrap.clean-actions,
.pages-page .admin-table-wrap.clean-actions{
    border-radius:22px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.018);
}
.studio-page .admin-table,
.pages-page .admin-table{border-spacing:0 10px;}
.studio-page .admin-table td:last-child,
.pages-page .admin-table td:last-child{
    border-radius:0 16px 16px 0!important;
    border-right:1px solid rgba(255,255,255,.08)!important;
    background:rgba(255,255,255,.035)!important;
}
.studio-page .table-actions,
.pages-page .table-actions{
    display:flex!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:8px!important;
    min-width:260px;
}
.studio-page .table-actions .btn,
.pages-page .table-actions .btn{white-space:nowrap;}
.logs-page{max-width:1380px}.log-table code{display:block;max-width:520px;white-space:pre-wrap;overflow-wrap:anywhere;color:#b8c0d8}.fatal-log-list{display:grid;gap:12px}.fatal-log-entry{border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(0,0,0,.18);overflow:hidden}.fatal-log-entry summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}.fatal-log-entry summary span{color:var(--muted);font-size:13px}.fatal-log-entry pre{margin:0;padding:16px;max-height:460px;overflow:auto;background:rgba(0,0,0,.28);color:#dbe4ff;font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.badge.error{border-color:rgba(249,112,102,.35);color:#fecaca;background:rgba(249,112,102,.1)}.badge.info{border-color:rgba(34,211,238,.35);color:#a5f3fc;background:rgba(34,211,238,.1)}.badge.warning,.badge.warn{border-color:rgba(253,176,34,.35);color:#fde68a;background:rgba(253,176,34,.1)}
@media(max-width:760px){.studio-page .table-actions,.pages-page .table-actions{justify-content:flex-start!important;min-width:0}.log-table code{max-width:none}}

/* Phase 3.2.2: Studio-Spalte, Studio-Statuskarten und Admin-Prioritätsnavigation stabilisieren */
.priority-pins{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
}
.priority-pins a{
    min-height:38px;
    padding:10px 11px;
    font-size:12px;
}
.priority-pins a:first-child,
.priority-pins a:last-child{
    grid-column:1 / -1;
}
.studio-status-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
    margin:20px 0 22px;
}
.studio-status-card{
    min-height:118px;
    padding:18px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.028));
    box-shadow:0 18px 50px rgba(0,0,0,.18);
    display:grid;
    align-content:start;
    gap:7px;
}
.studio-status-card span{
    color:var(--muted);
    font-size:12px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.studio-status-card strong{
    display:block;
    font-size:26px;
    line-height:1.05;
    color:var(--text);
    overflow-wrap:anywhere;
}
.studio-status-card small{
    color:#aeb8d6;
    line-height:1.45;
}
.studio-page .admin-table-wrap.clean-actions{
    overflow:visible;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.08);
    background:rgba(255,255,255,.018);
    padding:10px 12px;
}
.studio-page .admin-table{
    border-collapse:separate!important;
    border-spacing:0 10px!important;
    min-width:720px;
}
.studio-page .admin-table td{
    background:rgba(255,255,255,.035)!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.studio-page .admin-table td:first-child{
    border-left:1px solid rgba(255,255,255,.08)!important;
    border-radius:16px 0 0 16px!important;
}
.studio-page .admin-table td.studio-actions-cell{
    display:table-cell!important;
    text-align:right!important;
    min-width:300px;
    border-right:1px solid rgba(255,255,255,.08)!important;
    border-radius:0 16px 16px 0!important;
}
.studio-page .table-action-stack{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    gap:8px;
    width:100%;
    min-height:44px;
}
.studio-page .table-action-stack .btn{
    white-space:nowrap;
}
@media(max-width:1180px){
    .studio-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .priority-pins{grid-template-columns:1fr;}
    .priority-pins a:first-child,.priority-pins a:last-child{grid-column:auto;}
}
@media(max-width:760px){
    .studio-status-grid{grid-template-columns:1fr;}
    .studio-page .admin-table-wrap.clean-actions{overflow-x:auto;}
    .studio-page .table-action-stack{justify-content:flex-start;}
    .studio-page .admin-table td.studio-actions-cell{min-width:220px;}
}

/* Phase 3.2.3: Seiten-/Studio-Listen endgültig als saubere Row-Cards abschließen */
.pages-page .table-wrap,
.studio-page .admin-table-wrap.clean-actions{
    overflow-x:auto;
    border-radius:22px;
}
.pages-page .admin-table,
.studio-page .admin-table{
    border-collapse:separate!important;
    border-spacing:0 12px!important;
}
.pages-page .admin-table tbody tr,
.studio-page .admin-table tbody tr{
    position:relative;
}
.pages-page .admin-table tbody td,
.studio-page .admin-table tbody td{
    border:0!important;
    background:rgba(255,255,255,.038)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.085), inset 0 -1px 0 rgba(255,255,255,.085)!important;
    vertical-align:middle;
}
.pages-page .admin-table tbody td:first-child,
.studio-page .admin-table tbody td:first-child{
    border-radius:18px 0 0 18px!important;
    box-shadow:inset 1px 0 0 rgba(255,255,255,.085), inset 0 1px 0 rgba(255,255,255,.085), inset 0 -1px 0 rgba(255,255,255,.085)!important;
}
.pages-page .admin-table tbody td:last-child,
.studio-page .admin-table tbody td:last-child,
.pages-table td.pages-actions-cell,
.studio-page .admin-table td.studio-actions-cell{
    display:table-cell!important;
    border-radius:0 18px 18px 0!important;
    background:rgba(255,255,255,.038)!important;
    box-shadow:inset -1px 0 0 rgba(255,255,255,.085), inset 0 1px 0 rgba(255,255,255,.085), inset 0 -1px 0 rgba(255,255,255,.085)!important;
    overflow:hidden;
}
.pages-table td.pages-actions-cell,
.studio-page .admin-table td.studio-actions-cell{
    text-align:right!important;
    min-width:330px;
    padding-right:16px!important;
}
.pages-table .table-action-stack,
.studio-page .table-action-stack{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    flex-wrap:wrap!important;
    width:100%!important;
    min-height:48px;
    margin:0!important;
    padding:0!important;
}
.pages-page .admin-table tbody tr:hover td,
.studio-page .admin-table tbody tr:hover td{
    background:rgba(34,211,238,.045)!important;
}
.pages-page .admin-table thead th,
.studio-page .admin-table thead th{
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;
}
@media(max-width:980px){
    .pages-table td.pages-actions-cell,
    .studio-page .admin-table td.studio-actions-cell{min-width:240px;}
    .pages-table .table-action-stack,
    .studio-page .table-action-stack{justify-content:flex-start!important;}
}

/* Phase 3.3: Studio Inspector-Grundlage */
.studio-inspector-intro{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px}.inspector-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;min-width:min(520px,100%)}.inspector-mini-grid span{display:grid;place-items:center;min-height:44px;padding:10px;border-radius:14px;background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.18);color:#bff7ff;font-weight:900}.studio-inspector-card{padding:0;overflow:hidden}.studio-inspector-card>.card-title-row{padding:22px 22px 0}.studio-inspector-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;padding:18px 22px 22px}.studio-inspector-fields{display:grid;gap:14px}.inspector-group{padding:16px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.13)}.inspector-group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.inspector-group-head h3{margin:0;font-size:18px}.inspector-group-head span{color:var(--muted);font-size:13px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.visibility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0}.check-card{display:flex!important;align-items:center;gap:10px;padding:13px 14px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);font-weight:900}.check-card input[type="checkbox"]{width:auto;accent-color:#22d3ee}.studio-preview-card{position:sticky;top:18px;align-self:start;padding:16px;border-radius:20px;border:1px solid rgba(34,211,238,.18);background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(17,24,39,.74));box-shadow:0 24px 70px rgba(0,0,0,.26)}.preview-device-row{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px;color:var(--muted);font-size:12px}.preview-device-row strong{color:#fff}.preview-box{min-height:260px;display:flex;flex-direction:column;justify-content:center;padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at top left,rgba(139,92,246,.2),transparent 42%),rgba(255,255,255,.04)}.preview-box h3{font-size:26px;line-height:1.05;margin:8px 0 10px;overflow-wrap:anywhere}.preview-box p:not(.eyebrow){color:#bac7e4;line-height:1.55;margin:0}.preview-button{align-self:flex-start;margin-top:14px;border-radius:999px;padding:9px 12px;background:linear-gradient(135deg,var(--primary),var(--primary2));font-weight:900}.preview-hints{display:grid;gap:8px;margin-top:12px;color:var(--muted);font-size:12px}.preview-hints span{padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06)}.studio-inspector-page small{line-height:1.45}.studio-inspector-page textarea{resize:vertical}.studio-section-card.is-disabled{opacity:.78}.studio-section-card.is-mobile-hidden .preview-hints [data-mobile-hint]{color:#fed7aa;border-color:rgba(251,146,60,.25);background:rgba(251,146,60,.1)}@media(max-width:1180px){.studio-inspector-layout{grid-template-columns:1fr}.studio-preview-card{position:relative;top:auto}.inspector-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}}@media(max-width:760px){.form-grid.three,.visibility-grid{grid-template-columns:1fr}.studio-inspector-intro{flex-direction:column;align-items:stretch}.studio-inspector-card>.card-title-row,.studio-inspector-layout{padding-left:16px;padding-right:16px}.inspector-group-head{flex-direction:column}}

/* Phase 3.4 - Studio live preview foundation */
.studio-live-preview-panel {
  margin-bottom: 1.25rem;
  overflow: hidden;
}
.studio-preview-toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
.preview-toolbar-actions {
  display: flex;
  align-items: center;
  gap: .65rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.segmented-control {
  display: inline-flex;
  gap: .25rem;
  padding: .25rem;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 999px;
  background: rgba(7, 10, 24, .65);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.segmented-control button {
  border: 0;
  border-radius: 999px;
  padding: .65rem .9rem;
  color: var(--muted, #aeb8d6);
  background: transparent;
  font-weight: 800;
  cursor: pointer;
}
.segmented-control button.active,
.segmented-control button:hover {
  color: #fff;
  background: linear-gradient(135deg, rgba(129,112,255,.88), rgba(28,209,234,.78));
  box-shadow: 0 10px 24px rgba(38, 211, 238, .12);
}
.studio-preview-frame-wrap {
  width: 100%;
  margin: 0 auto;
  padding: .75rem;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(4, 7, 18, .85);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 24px 80px rgba(0,0,0,.28);
  transition: max-width .2s ease;
}
.studio-preview-frame-wrap.is-desktop { max-width: 100%; }
.studio-preview-frame-wrap.is-tablet { max-width: 820px; }
.studio-preview-frame-wrap.is-mobile { max-width: 430px; }
.studio-preview-frame-wrap iframe {
  width: 100%;
  min-height: 620px;
  display: block;
  border: 0;
  border-radius: 18px;
  background: #050712;
}
.preview-note-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .65rem;
  margin-top: .8rem;
}
.preview-note-grid span {
  border: 1px solid rgba(255,255,255,.09);
  background: rgba(255,255,255,.035);
  border-radius: 14px;
  padding: .7rem .85rem;
  color: var(--muted, #aeb8d6);
  font-weight: 800;
  font-size: .86rem;
}
@media (max-width: 900px) {
  .studio-preview-toolbar { flex-direction: column; }
  .preview-toolbar-actions { justify-content: flex-start; }
  .preview-note-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .studio-preview-frame-wrap iframe { min-height: 520px; }
}
@media (max-width: 560px) {
  .preview-note-grid { grid-template-columns: 1fr; }
  .segmented-control { width: 100%; }
  .segmented-control button { flex: 1; }
}

/* Phase 3.5 Studio polish */
.studio-card-actions{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;justify-content:flex-end}
.btn.tiny{min-height:34px;padding:.45rem .62rem;font-size:.86rem;line-height:1;border-radius:12px}
.studio-sections-form.has-unsaved-changes .save-panel{border-color:rgba(251,191,36,.32);box-shadow:0 0 0 1px rgba(251,191,36,.12),0 18px 50px rgba(0,0,0,.18)}
.studio-sections-form.has-unsaved-changes .save-panel h2::after{content:' · ungespeicherte Änderungen';color:#fbbf24;font-size:.9rem;font-weight:800}
.preview-note-grid [data-preview-status]{border-color:rgba(34,211,238,.22);background:rgba(34,211,238,.08);color:#c7fbff}
.studio-preview-frame-wrap iframe{background:#050712}
.studio-inspector-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.studio-inspector-card:focus-within{border-color:rgba(34,211,238,.28);box-shadow:0 0 0 1px rgba(34,211,238,.12),0 22px 70px rgba(0,0,0,.25)}
.studio-section-card.is-disabled .studio-preview-card{filter:saturate(.7);opacity:.72}
@media(max-width:760px){.studio-card-actions{justify-content:flex-start}.btn.tiny{min-height:32px}}


/* Phase 3.6 Studio Builder enhancements */
.studio-section-library{display:grid;gap:1rem;margin-bottom:1rem}
.library-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}
.section-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}
.section-template-card{appearance:none;text-align:left;cursor:pointer;border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:14px 15px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.035));color:var(--text);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:transform .16s ease,border-color .16s ease,background .16s ease}
.section-template-card:hover{transform:translateY(-2px);border-color:rgba(34,211,238,.28);background:linear-gradient(180deg,rgba(34,211,238,.11),rgba(139,92,246,.08))}
.section-template-card strong{display:block;font-size:1rem;margin-bottom:.35rem}
.section-template-card span{display:block;color:var(--muted);font-size:.86rem;line-height:1.45}
.section-status-row{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.55rem}
.status-pill.small{font-size:.72rem;padding:.28rem .55rem;border-radius:999px;border:1px solid rgba(34,211,238,.25);background:rgba(34,211,238,.08);color:#bff7ff;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
.status-pill.small.muted{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:var(--muted)}
.btn.tiny.danger{background:rgba(248,113,113,.12);border-color:rgba(248,113,113,.28);color:#fecaca}
.btn.tiny.danger:hover{background:rgba(248,113,113,.2);color:#fff}
.studio-section-card.row-added{animation:sectionAdded .45s ease both}
@keyframes sectionAdded{from{transform:translateY(12px);opacity:.2}to{transform:translateY(0);opacity:1}}
@media(max-width:1100px){.section-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.section-template-grid{grid-template-columns:1fr}.library-head{flex-direction:column}.library-head .btn{width:100%;justify-content:center}}

/* Phase 3.7 Studio UX refinement */
.studio-ux-commandbar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1rem;
  align-items:start;
  margin-bottom:1rem;
  border-color:rgba(34,211,238,.16);
  background:linear-gradient(135deg,rgba(34,211,238,.075),rgba(139,92,246,.075)),rgba(15,23,42,.72);
}
.studio-ux-main h2{margin:.15rem 0 .35rem}
.studio-ux-actions{display:flex;gap:.65rem;flex-wrap:wrap;justify-content:flex-end;align-items:center}
.studio-ux-actions .btn.active{background:rgba(34,211,238,.14);border-color:rgba(34,211,238,.34);color:#d9fbff}
.studio-section-navigator{grid-column:1/-1;display:flex;gap:.55rem;overflow:auto;padding:.25rem .05rem .35rem;scrollbar-width:thin}
.studio-nav-chip{appearance:none;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:var(--text);border-radius:16px;padding:.65rem .78rem;min-width:165px;text-align:left;cursor:pointer;display:grid;grid-template-columns:auto 1fr;grid-template-areas:'num type' 'num title';column-gap:.65rem;align-items:center;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.studio-nav-chip:hover{transform:translateY(-1px);border-color:rgba(34,211,238,.28);background:rgba(34,211,238,.08)}
.studio-nav-chip strong{grid-area:num;width:30px;height:30px;display:grid;place-items:center;border-radius:11px;background:rgba(34,211,238,.12);color:#bff7ff;font-size:.86rem}
.studio-nav-chip span{grid-area:type;font-weight:900;font-size:.86rem;color:#fff}
.studio-nav-chip em{grid-area:title;font-style:normal;color:var(--muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.studio-nav-chip.is-inactive{opacity:.68}
.studio-section-title-wrap{display:flex;align-items:flex-start;gap:.8rem;min-width:0}
.studio-drag-handle{width:34px;height:42px;border-radius:14px;border:1px dashed rgba(255,255,255,.16);display:grid;place-items:center;color:#7dd3fc;background:rgba(255,255,255,.035);font-weight:900;letter-spacing:-.12em;line-height:1;flex:0 0 auto;cursor:grab;user-select:none}
.studio-inspector-tabs{display:flex;gap:.45rem;flex-wrap:wrap;padding:0 22px 14px;border-bottom:1px solid rgba(255,255,255,.07)}
.studio-inspector-tabs button{appearance:none;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.04);color:var(--muted);font-weight:900;padding:.58rem .78rem;cursor:pointer}
.studio-inspector-tabs button.active,.studio-inspector-tabs button:hover{background:rgba(34,211,238,.12);border-color:rgba(34,211,238,.30);color:#d8fbff}
.studio-section-card[data-inspector-mode="structure"] [data-inspector-group]:not([data-inspector-group="structure"]),
.studio-section-card[data-inspector-mode="content"] [data-inspector-group]:not([data-inspector-group="content"]),
.studio-section-card[data-inspector-mode="action"] [data-inspector-group]:not([data-inspector-group="action"]),
.studio-section-card[data-inspector-mode="responsive"] [data-inspector-group]:not([data-inspector-group="responsive"]){display:none}
.studio-section-card[data-inspector-mode]:not([data-inspector-mode="all"]) .studio-inspector-layout{grid-template-columns:minmax(0,1fr) 320px}
.field-badge{display:inline-flex;margin-left:.45rem;padding:.18rem .46rem;border-radius:999px;background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.28);color:#ddd6fe;font-style:normal;font-size:.72rem;font-weight:900;vertical-align:middle}
.field-with-action{display:flex;gap:.55rem;align-items:center}
.field-with-action input{min-width:0;flex:1}
.studio-sections-form.is-compact-studio .studio-live-preview-panel,
.studio-sections-form.is-compact-studio .studio-inspector-intro{display:none}
.studio-sections-form.is-compact-studio .studio-inspector-layout{grid-template-columns:minmax(0,1fr)}
.studio-sections-form.is-compact-studio .studio-preview-card{display:none}
.studio-sections-form.is-compact-studio .inspector-group{padding:12px}
.studio-sections-form.is-compact-studio .studio-section-card>.card-title-row{padding-bottom:14px}
.studio-sections-form.is-compact-studio .studio-inspector-tabs{padding-bottom:12px}
.studio-section-card{scroll-margin-top:24px}
@media(max-width:980px){.studio-ux-commandbar{grid-template-columns:1fr}.studio-ux-actions{justify-content:flex-start}.studio-nav-chip{min-width:148px}.studio-inspector-tabs{padding-left:16px;padding-right:16px}}
@media(max-width:640px){.studio-ux-actions .btn{width:100%;justify-content:center}.field-with-action{flex-direction:column;align-items:stretch}.studio-section-title-wrap{width:100%}.studio-drag-handle{height:34px}.studio-nav-chip{min-width:138px}}

/* Phase 3.8 Media groundwork */
.media-page .media-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:18px;margin-bottom:18px}.media-upload-card label{display:grid;gap:7px;margin-bottom:14px;font-weight:800;color:var(--text)}.media-upload-card input,.media-filter-form input,.media-filter-form select{width:100%;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:#070916;color:#fff;padding:13px 14px;font:inherit;outline:none}.media-upload-card small{color:var(--muted);font-weight:500;line-height:1.45}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.media-card{border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.035));overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.22)}.media-thumb{aspect-ratio:16/11;background:rgba(0,0,0,.22);display:grid;place-items:center;color:var(--muted);font-weight:900}.media-thumb img{width:100%;height:100%;object-fit:cover;display:block}.media-card-body{padding:14px;display:grid;gap:7px}.media-card-body strong{overflow-wrap:anywhere}.media-card-body small,.media-meta{color:var(--muted);font-size:12px}.media-card-body code{display:block;max-width:100%;overflow-wrap:anywhere;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:7px 9px;background:rgba(0,0,0,.18);color:#c7d2fe;font-size:12px}.media-meta{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.field-with-action .btn.as-link{white-space:nowrap;text-decoration:none}@media(max-width:1200px){.media-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.media-page .media-layout{grid-template-columns:1fr}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.media-grid{grid-template-columns:1fr}}

/* Phase 3.9 Studio media picker */
.studio-media-modal[hidden]{display:none!important}
.has-studio-modal-open{overflow:hidden}
.studio-media-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:24px}
.studio-media-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.78);backdrop-filter:blur(10px)}
.studio-media-dialog{position:relative;width:min(1040px,100%);max-height:min(820px,88vh);overflow:auto;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(8,12,28,.98));box-shadow:0 28px 100px rgba(0,0,0,.5);padding:22px}
.studio-media-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}
.studio-media-dialog-head h2{margin:.15rem 0 .35rem}
.studio-media-picker-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.studio-media-option{appearance:none;border:1px solid rgba(255,255,255,.10);border-radius:20px;background:rgba(255,255,255,.045);color:var(--text);padding:0;text-align:left;overflow:hidden;cursor:pointer;box-shadow:0 14px 38px rgba(0,0,0,.20);transition:transform .16s ease,border-color .16s ease,background .16s ease}
.studio-media-option:hover,.studio-media-option:focus-visible{transform:translateY(-2px);border-color:rgba(34,211,238,.35);background:rgba(34,211,238,.08);outline:none}
.studio-media-option:disabled{opacity:.45;cursor:not-allowed;transform:none}
.studio-media-option-thumb{display:grid;place-items:center;aspect-ratio:16/10;background:rgba(0,0,0,.25);color:var(--muted);font-weight:900}
.studio-media-option-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.studio-media-option strong{display:block;padding:12px 12px 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.studio-media-option small{display:block;padding:0 12px 12px;color:var(--muted);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.media-picker-field{align-items:stretch}.media-picker-field .btn{white-space:nowrap}.studio-image-preview{margin-top:.65rem;border:1px dashed rgba(255,255,255,.14);border-radius:16px;min-height:86px;display:grid;place-items:center;background:rgba(0,0,0,.16);overflow:hidden;color:var(--muted);font-weight:800;font-size:.86rem}.studio-image-preview img{width:100%;max-height:170px;object-fit:cover;display:block}.empty-state.compact{padding:22px;border-radius:20px}.empty-state.compact .btn{margin-top:12px}
@media(max-width:1100px){.studio-media-picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.studio-media-modal{padding:12px}.studio-media-dialog{border-radius:22px;padding:16px}.studio-media-dialog-head{flex-direction:column}.studio-media-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-picker-field{flex-direction:column}.media-picker-field .btn{justify-content:center}}
@media(max-width:520px){.studio-media-picker-grid{grid-template-columns:1fr}}

/* Phase 4.0 rich editor foundation */
.rich-editor-field { gap: .65rem; }
.rich-editor-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  padding: .55rem;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 16px;
  background: rgba(15, 23, 42, .55);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.rich-editor-toolbar.compact { padding: .45rem; border-radius: 14px; }
.rich-editor-toolbar button {
  appearance: none;
  border: 1px solid rgba(148, 163, 184, .28);
  border-radius: 999px;
  background: rgba(255,255,255,.065);
  color: var(--admin-text, #e5e7eb);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .01em;
  padding: .42rem .72rem;
  cursor: pointer;
  transition: transform .15s ease, background .15s ease, border-color .15s ease;
}
.rich-editor-toolbar button:hover {
  transform: translateY(-1px);
  background: rgba(124, 58, 237, .18);
  border-color: rgba(167, 139, 250, .55);
}
.rich-editor-toolbar button:focus-visible {
  outline: 2px solid rgba(167, 139, 250, .8);
  outline-offset: 2px;
}
textarea[data-rich-editor] {
  min-height: 160px;
  font-family: inherit;
  line-height: 1.65;
}
textarea[data-rich-editor].rich-editor-active {
  border-color: rgba(167, 139, 250, .65);
  box-shadow: 0 0 0 4px rgba(124, 58, 237, .13);
}
.editor-format-note {
  display: flex;
  gap: .5rem;
  align-items: flex-start;
  margin-top: .65rem;
  padding: .7rem .85rem;
  border: 1px solid rgba(34, 197, 94, .25);
  background: rgba(34, 197, 94, .08);
  color: rgba(226, 232, 240, .9);
  border-radius: 16px;
  font-size: .86rem;
}
.editor-format-note strong { color: #bbf7d0; }

/* Phase 4.0.2 visual editor surface */
.rich-editor-source[hidden] { display: none !important; }
.rich-editor-surface {
  min-height: 160px;
  width: 100%;
  padding: .9rem 1rem;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 18px;
  background: rgba(2, 6, 23, .58);
  color: var(--admin-text, #f8fafc);
  line-height: 1.7;
  outline: none;
  overflow: auto;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
.rich-editor-surface:empty::before {
  content: attr(data-placeholder);
  color: rgba(148, 163, 184, .72);
}
.rich-editor-surface.rich-editor-active {
  border-color: rgba(167, 139, 250, .65);
  box-shadow: 0 0 0 4px rgba(124, 58, 237, .13), inset 0 1px 0 rgba(255,255,255,.035);
}
.rich-editor-surface p { margin: 0 0 .85rem; }
.rich-editor-surface p:last-child { margin-bottom: 0; }
.rich-editor-surface h2,
.rich-editor-surface h3,
.rich-editor-surface h4 { margin: 1rem 0 .55rem; line-height: 1.2; }
.rich-editor-surface ul,
.rich-editor-surface ol { margin: .75rem 0 .75rem 1.4rem; padding: 0; }
.rich-editor-surface li { margin: .25rem 0; }
.rich-editor-surface a { color: #22d3ee; font-weight: 800; }
.rich-editor-surface blockquote {
  margin: .9rem 0;
  padding: .75rem 1rem;
  border-left: 3px solid rgba(34, 211, 238, .65);
  background: rgba(34, 211, 238, .08);
  border-radius: 12px;
}
.rich-editor-mode-toggle {
  margin-left: auto;
  border-color: rgba(34, 211, 238, .45) !important;
  color: #67e8f9 !important;
}

/* Phase 4.1 editor refinement */
.rich-editor-enhanced .rich-editor-toolbar {
  align-items: center;
  gap: .5rem;
  background: linear-gradient(135deg, rgba(15, 23, 42, .82), rgba(30, 41, 59, .62));
}
.rich-editor-toolbar button[data-rich-command="link"],
.rich-editor-toolbar button[data-rich-command="media"] {
  border-color: rgba(34, 211, 238, .38);
  background: rgba(34, 211, 238, .08);
  color: #a5f3fc;
}
.rich-editor-toolbar button[data-rich-command="clear"] {
  border-color: rgba(248, 113, 113, .28);
  color: #fecaca;
}
.rich-editor-surface figure {
  margin: 1rem 0;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 18px;
  padding: .55rem;
  background: rgba(2, 6, 23, .35);
}
.rich-editor-surface img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 14px;
}
.rich-editor-modal[hidden] { display: none !important; }
.rich-editor-modal {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-items: center;
  padding: 24px;
}
.rich-editor-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 23, .72);
  backdrop-filter: blur(10px);
}
.rich-editor-modal-card {
  position: relative;
  width: min(760px, 100%);
  max-height: min(720px, 88vh);
  overflow: auto;
  border: 1px solid rgba(148, 163, 184, .22);
  border-radius: 26px;
  background: linear-gradient(145deg, rgba(16, 18, 34, .98), rgba(18, 31, 46, .96));
  color: var(--admin-text, #f8fafc);
  box-shadow: 0 34px 90px rgba(0,0,0,.55);
}
.rich-editor-modal-head {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: start;
  padding: 20px 22px;
  border-bottom: 1px solid rgba(148, 163, 184, .16);
}
.rich-editor-modal-head strong { display: block; font-size: 1.2rem; }
.rich-editor-modal-head span { display: block; color: var(--muted); margin-top: 4px; }
.rich-editor-modal-body { padding: 22px; }
.rich-editor-modal-section { display: grid; gap: 16px; }
.rich-editor-modal-section label { display: grid; gap: 7px; font-weight: 800; }
.rich-editor-modal-section input,
.rich-editor-modal-section select {
  width: 100%;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 15px;
  background: rgba(2, 6, 23, .58);
  color: #fff;
  padding: 12px 13px;
}
.rich-media-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(135px, 1fr));
  gap: 12px;
}
.rich-media-choice {
  appearance: none;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 18px;
  background: rgba(255,255,255,.045);
  color: var(--admin-text, #f8fafc);
  padding: 8px;
  text-align: left;
  cursor: pointer;
  display: grid;
  gap: 8px;
}
.rich-media-choice:hover { border-color: rgba(34, 211, 238, .45); transform: translateY(-1px); }
.rich-media-choice img { width: 100%; aspect-ratio: 1.3; object-fit: cover; border-radius: 13px; background: rgba(2,6,23,.5); }
.rich-media-choice span { font-size: .8rem; color: var(--muted); overflow-wrap: anywhere; }
.cms-rich-text figure { margin: 1rem 0; }
.cms-rich-text img { max-width: 100%; height: auto; border-radius: 16px; }
@media (max-width: 720px) {
  .rich-editor-modal { padding: 12px; }
  .rich-editor-modal-head { flex-direction: column; }
}

/* Phase 4.1.2: keep editor link/media tools separated and add media placement controls */
.rich-editor-modal-section[hidden],
[data-rich-media-empty][hidden] {
  display: none !important;
}
.rich-editor-media-intro {
  display: grid;
  gap: 4px;
  padding: 14px 16px;
  border: 1px solid rgba(34, 211, 238, .18);
  border-radius: 18px;
  background: rgba(34, 211, 238, .06);
}
.rich-editor-media-intro strong { font-size: 1rem; }
.rich-editor-media-intro span { color: var(--muted); line-height: 1.5; }
.rich-editor-media-settings { align-items: end; }
.rich-media-choice.is-selected {
  border-color: rgba(34, 211, 238, .85);
  box-shadow: 0 0 0 3px rgba(34, 211, 238, .12);
  background: rgba(34, 211, 238, .09);
}
.rich-editor-surface .cms-media,
.cms-rich-text .cms-media { margin: 1.1rem 0; }
.rich-editor-surface .cms-media img,
.cms-rich-text .cms-media img {
  max-width: 100%;
  height: auto;
  object-fit: contain;
  border-radius: 16px;
}
.rich-editor-surface .cms-media-align-left,
.cms-rich-text .cms-media-align-left {
  float: left;
  max-width: min(45%, 420px);
  margin: .35rem 1.25rem .85rem 0;
}
.rich-editor-surface .cms-media-align-right,
.cms-rich-text .cms-media-align-right {
  float: right;
  max-width: min(45%, 420px);
  margin: .35rem 0 .85rem 1.25rem;
}
.rich-editor-surface .cms-media-align-center,
.cms-rich-text .cms-media-align-center { text-align: center; }
.rich-editor-surface .cms-media-align-center img,
.cms-rich-text .cms-media-align-center img { margin-left: auto; margin-right: auto; }
.rich-editor-surface .cms-media-align-inline,
.cms-rich-text .cms-media-align-inline {
  display: inline-block;
  vertical-align: middle;
  margin: .2rem .45rem;
}
.rich-editor-surface .cms-media-align-inline img,
.cms-rich-text .cms-media-align-inline img {
  display: inline-block;
  max-height: 12rem;
  width: auto;
}
.rich-editor-surface .cms-media::after,
.cms-rich-text .cms-media::after { content: ""; display: table; clear: both; }
@media (max-width: 760px) {
  .rich-editor-surface .cms-media-align-left,
  .rich-editor-surface .cms-media-align-right,
  .cms-rich-text .cms-media-align-left,
  .cms-rich-text .cms-media-align-right {
    float: none;
    max-width: 100%;
    margin: 1rem 0;
  }
}

/* Phase 4.1.3 editor toolbar + rich text preview helpers */
.rich-editor-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: .45rem;
  align-items: center;
}
.rich-editor-toolbar button,
.rich-editor-toolbar select {
  min-height: 2.25rem;
  border-radius: .85rem;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: var(--admin-text, #fff);
  font-weight: 800;
  padding: .45rem .7rem;
}
.rich-editor-toolbar button:hover,
.rich-editor-toolbar select:hover {
  border-color: rgba(34,211,238,.55);
  background: rgba(34,211,238,.12);
}
.rich-editor-toolbar .toolbar-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.05rem;
  font-weight: 900;
}
.rich-editor-toolbar.compact button { padding-inline: .58rem; }
.rich-editor-toolbar.compact select { max-width: 6.4rem; }
.rich-editor-surface .cms-text-align-left { text-align: left; }
.rich-editor-surface .cms-text-align-center { text-align: center; }
.rich-editor-surface .cms-text-align-right { text-align: right; }
.rich-editor-surface .cms-text-align-justify { text-align: justify; }
.rich-editor-surface .cms-indent-1 { margin-left: 2rem; }
.rich-editor-surface .cms-indent-2 { margin-left: 4rem; }
.rich-editor-surface .cms-text-size-small { font-size: .9em; }
.rich-editor-surface .cms-text-size-base { font-size: 1em; }
.rich-editor-surface .cms-text-size-large { font-size: 1.25em; }
.rich-editor-surface .cms-text-size-xl { font-size: 1.7em; line-height: 1.2; font-weight: 800; }
.rich-editor-surface .cms-text-color-default { color: inherit; }
.rich-editor-surface .cms-text-color-muted { color: var(--admin-muted, #aab4d4); }
.rich-editor-surface .cms-text-color-accent { color: #22d3ee; }
.rich-editor-surface .cms-text-color-strong { color: #fff; font-weight: 800; }
.rich-editor-surface figure.cms-media { margin: 1rem 0; max-width: 100%; }
.rich-editor-surface figure.cms-media img { max-width: 100%; height: auto; object-fit: contain; border-radius: 1rem; }
.rich-editor-surface figure.cms-media-align-left { float: left; max-width: min(45%, 420px); margin: .35rem 1.25rem .8rem 0; }
.rich-editor-surface figure.cms-media-align-right { float: right; max-width: min(45%, 420px); margin: .35rem 0 .8rem 1.25rem; }
.rich-editor-surface figure.cms-media-align-center { text-align: center; }
.rich-editor-surface figure.cms-media-align-center img { margin-left: auto; margin-right: auto; }
.rich-editor-surface figure.cms-media-align-inline { display: inline-block; margin: .15rem .45rem; vertical-align: middle; }
.rich-editor-surface::after { content: ""; display: block; clear: both; }


/* Phase 4.2 - Studio Builder Workspace */
.studio-builder-modern{max-width:none!important;width:100%;}
.studio-builder-modern>.section-head{max-width:1380px;}
.studio-builder-modern .studio-sections-form{display:contents;}
.studio-builder-modern{display:grid;grid-template-columns:minmax(230px,280px) minmax(520px,1fr) minmax(420px,560px);gap:18px;align-items:start;}
.studio-builder-modern>.section-head{grid-column:1/-1;}
.studio-builder-modern .studio-live-preview-panel{grid-column:2;grid-row:2 / span 4;margin:0;position:sticky;top:18px;min-width:0;}
.studio-builder-modern .studio-ux-commandbar,.studio-builder-modern .studio-inspector-intro,.studio-builder-modern .studio-section-library{grid-column:1;min-width:0;}
.studio-builder-modern .studio-section-list{grid-column:3;grid-row:2 / span 4;margin:0;max-height:calc(100vh - 132px);overflow:auto;padding-right:8px;scrollbar-width:thin;}
.studio-builder-modern .studio-section-list::-webkit-scrollbar{width:8px}.studio-builder-modern .studio-section-list::-webkit-scrollbar-thumb{background:rgba(34,211,238,.22);border-radius:999px}
.studio-builder-modern .save-panel{grid-column:3;position:sticky;bottom:16px;z-index:20;margin:0;border-color:rgba(34,211,238,.22);background:linear-gradient(180deg,rgba(17,24,39,.94),rgba(7,10,24,.92));backdrop-filter:blur(18px);}
.studio-builder-modern .studio-media-modal{grid-column:1/-1;}
.studio-builder-modern .studio-preview-frame-wrap iframe{min-height:760px;}
.studio-builder-modern .studio-preview-toolbar{align-items:center;}
.studio-builder-modern .studio-preview-toolbar>div:first-child p:not(.eyebrow){max-width:680px;}
.studio-builder-modern .preview-note-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.studio-builder-modern .studio-ux-commandbar{position:sticky;top:18px;z-index:6;display:grid;grid-template-columns:1fr;gap:12px;padding:18px;}
.studio-builder-modern .studio-ux-actions{justify-content:flex-start;}
.studio-builder-modern .studio-ux-actions .btn{width:100%;justify-content:center;}
.studio-builder-modern .builder-save-hint{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:.45rem .7rem;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:var(--muted);font-size:.78rem;font-weight:900;}
.studio-builder-modern .has-unsaved-changes .builder-save-hint,.studio-builder-modern .studio-sections-form.has-unsaved-changes .builder-save-hint{color:#fbbf24;border-color:rgba(251,191,36,.28);background:rgba(251,191,36,.08);}
.studio-builder-modern .studio-inspector-intro{display:none;}
.studio-builder-modern .studio-section-library{padding:16px;}
.studio-builder-modern .library-head{display:grid;gap:10px;}
.studio-builder-modern .section-template-grid{grid-template-columns:1fr;}
.studio-builder-modern .section-template-card{padding:12px 13px;border-radius:16px;}
.studio-builder-modern .studio-section-card{border-color:rgba(255,255,255,.09);box-shadow:0 16px 46px rgba(0,0,0,.22);}
.studio-builder-modern .studio-section-card:not(.is-selected){background:rgba(255,255,255,.035);}
.studio-builder-modern .studio-section-card:not(.is-selected) .studio-inspector-tabs,.studio-builder-modern .studio-section-card:not(.is-selected) .studio-inspector-layout{display:none!important;}
.studio-builder-modern .studio-section-card:not(.is-selected)>.card-title-row{padding:16px;margin:0;align-items:center;}
.studio-builder-modern .studio-section-card:not(.is-selected) .studio-card-actions .btn:not([data-remove-section]),.studio-builder-modern .studio-section-card:not(.is-selected) .studio-card-actions .switch-line{display:none;}
.studio-builder-modern .studio-section-card.is-selected{border-color:rgba(34,211,238,.36);box-shadow:0 0 0 1px rgba(34,211,238,.18),0 24px 70px rgba(0,0,0,.32);}
.studio-builder-modern .studio-section-card.is-selected>.card-title-row{background:linear-gradient(135deg,rgba(34,211,238,.08),rgba(139,92,246,.08));padding-bottom:18px;}
.studio-builder-modern .studio-inspector-layout{grid-template-columns:1fr;gap:14px;}
.studio-builder-modern .studio-preview-card{display:none;}
.studio-builder-modern .studio-inspector-fields{gap:12px;}
.studio-builder-modern .inspector-group{padding:14px;border-radius:16px;}
.studio-builder-modern .form-grid.two,.studio-builder-modern .form-grid.three{grid-template-columns:1fr;}
.studio-builder-modern .visibility-grid{grid-template-columns:1fr;}
.studio-builder-modern .studio-section-navigator{display:grid;grid-template-columns:1fr;max-height:320px;overflow:auto;padding-right:5px;}
.studio-builder-modern .studio-nav-chip{min-width:0;width:100%;}
.studio-builder-modern .studio-nav-chip.is-current{border-color:rgba(34,211,238,.45);background:rgba(34,211,238,.12);}
.studio-builder-modern .studio-nav-chip.is-current strong{background:linear-gradient(135deg,var(--primary),var(--primary2));color:#fff;}
.studio-builder-modern .studio-card-actions{justify-content:flex-end;}
.studio-builder-modern .save-panel .btn.primary{min-width:190px;}
.studio-builder-modern .studio-builder-width-note{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.82rem;font-weight:800}
@media(max-width:1500px){.studio-builder-modern{grid-template-columns:minmax(210px,250px) minmax(470px,1fr) minmax(380px,500px);gap:14px}.studio-builder-modern .studio-preview-frame-wrap iframe{min-height:660px}}
@media(max-width:1180px){.studio-builder-modern{display:block}.studio-builder-modern .studio-live-preview-panel,.studio-builder-modern .studio-ux-commandbar,.studio-builder-modern .studio-section-list,.studio-builder-modern .save-panel{position:relative;top:auto;bottom:auto;max-height:none;margin-bottom:16px}.studio-builder-modern .studio-section-card:not(.is-selected) .studio-inspector-tabs,.studio-builder-modern .studio-section-card:not(.is-selected) .studio-inspector-layout{display:block!important}.studio-builder-modern .studio-card-actions .btn,.studio-builder-modern .studio-card-actions .switch-line{display:flex!important}.studio-builder-modern .studio-section-library{margin-bottom:16px}.studio-builder-modern .section-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.studio-builder-modern .form-grid.two,.studio-builder-modern .form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:720px){.studio-builder-modern .section-template-grid,.studio-builder-modern .form-grid.two,.studio-builder-modern .form-grid.three{grid-template-columns:1fr}.studio-builder-modern .save-panel{align-items:stretch}.studio-builder-modern .save-panel .btn.primary{width:100%;}.studio-builder-modern .preview-note-grid{grid-template-columns:1fr}}

/* Phase 4.3 - Studio toolbar and Section design controls */
.studio-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(255,255,255,.045)}
.studio-toolbar-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.studio-header-actions .btn{min-height:38px}.studio-header-actions .btn.primary{box-shadow:0 14px 34px rgba(34,211,238,.18)}
.studio-builder-modern .section-head{align-items:center}.studio-builder-modern .section-head>div:first-child{max-width:780px}.studio-builder-modern input[type="color"]{min-height:46px;padding:6px;background:rgba(0,0,0,.24);cursor:pointer}.studio-builder-modern input[type="number"]{appearance:textfield}.studio-builder-modern input[type="number"]::-webkit-inner-spin-button,.studio-builder-modern input[type="number"]::-webkit-outer-spin-button{margin:0;opacity:.5}.inspector-group[data-inspector-group="design"]{border-color:rgba(34,211,238,.14);background:linear-gradient(180deg,rgba(34,211,238,.055),rgba(139,92,246,.045))}.inspector-group[data-inspector-group="design"] .inspector-group-head h3:after{content:"neu";margin-left:8px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#67e8f9;border:1px solid rgba(34,211,238,.25);border-radius:999px;padding:3px 7px;background:rgba(34,211,238,.08)}
@media(max-width:980px){.studio-builder-modern .section-head{align-items:stretch;flex-direction:column}.studio-header-actions{justify-content:flex-start}.studio-toolbar-group{width:100%}.studio-header-actions .btn{flex:1 1 150px}}


/* Phase 4.3.2 - wider, less cramped Studio inspector */
.studio-builder-modern{grid-template-columns:minmax(230px,280px) minmax(500px,1fr) minmax(580px,800px);}
.studio-builder-modern .studio-section-list{padding-right:10px;}
.studio-builder-modern .studio-section-card.is-selected .studio-inspector-layout{grid-template-columns:1fr;}
.studio-builder-modern .studio-section-card.is-selected .studio-inspector-fields{width:100%;}
.studio-builder-modern .studio-section-card.is-selected .inspector-group{width:100%;}
.studio-builder-modern .studio-section-card.is-selected .form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr));}
.studio-builder-modern .studio-section-card.is-selected .form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));}
.studio-builder-modern .studio-section-card.is-selected .form-grid.three>label:only-child{grid-column:1/-1;}
.studio-builder-modern .studio-section-card.is-selected .form-grid.three label{min-width:0;}
.studio-builder-modern .studio-section-card.is-selected input,
.studio-builder-modern .studio-section-card.is-selected select,
.studio-builder-modern .studio-section-card.is-selected textarea,
.studio-builder-modern .studio-section-card.is-selected .rich-editor-surface{width:100%;}
@media(min-width:1700px){.studio-builder-modern{grid-template-columns:minmax(250px,300px) minmax(640px,1fr) minmax(700px,940px);}}
@media(max-width:1500px){.studio-builder-modern{grid-template-columns:minmax(210px,250px) minmax(430px,1fr) minmax(520px,700px);}}
@media(max-width:1180px){.studio-builder-modern .studio-section-card.is-selected .form-grid.two,.studio-builder-modern .studio-section-card.is-selected .form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.studio-builder-modern .studio-section-card.is-selected .form-grid.two,.studio-builder-modern .studio-section-card.is-selected .form-grid.three{grid-template-columns:1fr;}}

/* Phase 4.4 - Studio Autosave / Revisionen */
.builder-save-hint.autosave,
.preview-note-grid [data-autosave-status] {
  border-color: rgba(34, 211, 238, .35);
  background: rgba(34, 211, 238, .08);
  color: #b9f7ff;
}
.studio-revisions-panel {
  border-color: rgba(34, 211, 238, .22);
}
.studio-revision-list {
  display: grid;
  gap: .7rem;
  margin-top: 1rem;
}
.studio-revision-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .8rem .9rem;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 18px;
  background: rgba(8, 12, 26, .42);
}
.studio-revision-row strong {
  display: block;
  color: var(--admin-text, #fff);
  margin-bottom: .2rem;
}
.studio-revision-row span {
  display: block;
  color: var(--admin-muted, #aab3d1);
  font-size: .86rem;
}
.studio-revision-row form {
  margin: 0;
  flex: 0 0 auto;
}
@media (max-width: 760px) {
  .studio-revision-row {
    align-items: stretch;
    flex-direction: column;
  }
  .studio-revision-row form .btn {
    width: 100%;
  }
}

/* Phase 4.5 - Studio revision details */
.revision-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    flex-wrap: wrap;
}
.revision-actions form { margin: 0; }
.studio-revision-detail-page .content-grid.two {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}
.revision-section-list {
    display: grid;
    gap: .65rem;
}
.revision-section-card {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: .75rem;
    padding: .8rem .9rem;
    border: 1px solid rgba(148, 163, 184, .16);
    border-radius: 16px;
    background: rgba(15, 23, 42, .54);
}
.revision-section-card strong {
    display: block;
    color: #fff;
    margin-bottom: .2rem;
}
.revision-section-card small {
    color: var(--muted, #9ca3af);
}
.studio-revision-preview-card {
    margin-top: 1rem;
}
.revision-preview-frame {
    min-height: 520px;
}
.revision-preview-frame iframe {
    min-height: 520px;
}
@media (max-width: 1100px) {
    .studio-revision-detail-page .content-grid.two {
        grid-template-columns: 1fr;
    }
}

/* Phase 4.5.1 - Autosave sichtbar visualisieren */
.studio-autosave-visual {
  display: grid;
  grid-template-columns: auto minmax(220px, 1fr) auto minmax(180px, 260px);
  align-items: center;
  gap: .85rem;
  margin-top: .95rem;
  padding: .85rem;
  border: 1px solid rgba(34, 211, 238, .22);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(34, 211, 238, .08), rgba(124, 92, 255, .07));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.autosave-orb {
  width: 42px;
  height: 42px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: rgba(15, 23, 42, .85);
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 0 0 4px rgba(34, 211, 238, .06);
}
.autosave-orb span {
  width: 15px;
  height: 15px;
  border-radius: 999px;
  background: #22d3ee;
  box-shadow: 0 0 18px rgba(34, 211, 238, .75);
}
.studio-autosave-visual.is-waiting .autosave-orb span {
  background: #f59e0b;
  box-shadow: 0 0 18px rgba(245, 158, 11, .7);
  animation: autosavePulse 1.1s ease-in-out infinite;
}
.studio-autosave-visual.is-saving .autosave-orb span {
  background: #8b5cf6;
  box-shadow: 0 0 18px rgba(139, 92, 246, .75);
  animation: autosavePulse .65s ease-in-out infinite;
}
.studio-autosave-visual.is-saved .autosave-orb span {
  background: #22c55e;
  box-shadow: 0 0 18px rgba(34, 197, 94, .75);
}
.studio-autosave-visual.is-error .autosave-orb span {
  background: #fb7185;
  box-shadow: 0 0 18px rgba(251, 113, 133, .75);
}
@keyframes autosavePulse {
  0%,100% { transform: scale(.78); opacity: .7; }
  50% { transform: scale(1.15); opacity: 1; }
}
.autosave-copy strong,
.autosave-copy span,
.autosave-latest small,
.autosave-latest span { display: block; }
.autosave-copy strong { color: var(--admin-text, #fff); margin-bottom: .22rem; }
.autosave-copy span,
.autosave-latest small { color: var(--admin-muted, #aab3d1); font-size: .88rem; }
.autosave-progress {
  height: 7px;
  margin-top: .65rem;
  border-radius: 999px;
  overflow: hidden;
  background: rgba(255,255,255,.08);
}
.autosave-progress i {
  display: block;
  width: 0%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #7c5cff, #22d3ee);
  transition: width .25s ease;
}
.autosave-stats {
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.autosave-stats span,
.autosave-latest {
  min-width: 82px;
  padding: .55rem .65rem;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.09);
  background: rgba(5, 8, 20, .45);
}
.autosave-stats b {
  display: block;
  color: #fff;
  font-size: 1rem;
  line-height: 1.1;
}
.autosave-stats small { color: var(--admin-muted, #aab3d1); font-size: .72rem; }
.autosave-latest span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #dbeafe;
}
@media (max-width: 1180px) {
  .studio-autosave-visual { grid-template-columns: auto 1fr; }
  .autosave-stats, .autosave-latest { grid-column: 1 / -1; justify-content: flex-start; }
}
@media (max-width: 640px) {
  .studio-autosave-visual { grid-template-columns: 1fr; }
  .autosave-orb { display: none; }
}


/* Phase 4.5.2 - Studio Workspace Cleanup
   Ziel: Keine überlappenden UX-Karten, wichtige Aktionen dauerhaft sichtbar,
   Autosave/Revisionen geordnet in der linken Rail, Speicherbereich oben rechts. */
.studio-builder-modern{
    --studio-left: clamp(260px, 15vw, 320px);
    --studio-right: clamp(520px, 30vw, 760px);
    grid-template-columns: var(--studio-left) minmax(620px, 1fr) var(--studio-right) !important;
    grid-auto-rows: auto;
    gap: 18px !important;
    overflow: visible;
}
.studio-builder-modern>.section-head{
    grid-column: 1 / -1 !important;
    margin-bottom: 0;
}
.studio-builder-modern .studio-live-preview-panel{
    grid-column: 2 !important;
    grid-row: 2 / span 7 !important;
    min-width: 0;
    z-index: 1;
    position: sticky;
    top: 18px;
    align-self: start;
    max-height: calc(100vh - 36px);
    overflow: hidden;
}
.studio-builder-modern .studio-preview-frame-wrap{
    max-height: calc(100vh - 230px);
    overflow: auto;
}
.studio-builder-modern .studio-preview-frame-wrap iframe{
    min-height: 780px;
}
.studio-builder-modern .studio-ux-commandbar{
    grid-column: 1 !important;
    grid-row: 2 !important;
    position: sticky;
    top: 18px;
    z-index: 2;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    contain: layout paint;
    padding: 16px;
    border-color: rgba(34,211,238,.16);
    background: linear-gradient(180deg, rgba(17,24,39,.88), rgba(11,18,32,.82));
}
.studio-builder-modern .studio-ux-main h2{font-size:1.08rem;margin:.12rem 0 .35rem;line-height:1.15;}
.studio-builder-modern .studio-ux-main p{font-size:.84rem;line-height:1.45;}
.studio-builder-modern .studio-ux-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    width:100%;
}
.studio-builder-modern .studio-ux-actions .btn,
.studio-builder-modern .studio-ux-actions .builder-save-hint{
    width:100%;
    min-width:0;
}
.studio-builder-modern .studio-autosave-visual{
    grid-template-columns: auto minmax(0,1fr);
    gap: 10px;
    padding: 12px;
    margin-top: 10px;
    border-radius: 18px;
}
.studio-builder-modern .studio-autosave-visual .autosave-stats,
.studio-builder-modern .studio-autosave-visual .autosave-latest{
    grid-column: 1 / -1;
}
.studio-builder-modern .autosave-stats{
    grid-template-columns: repeat(3,minmax(0,1fr));
}
.studio-builder-modern .autosave-stats span,
.studio-builder-modern .autosave-latest{
    min-width:0;
    padding:9px;
}
.studio-builder-modern .autosave-copy span,
.studio-builder-modern .autosave-latest span{
    overflow-wrap:anywhere;
}
.studio-builder-modern .studio-section-navigator{
    max-height: 260px;
    overflow: auto;
    margin-top: 10px;
    padding-right: 4px;
}
.studio-builder-modern .studio-inspector-intro{display:none!important;}
.studio-builder-modern .studio-section-library{
    grid-column: 1 !important;
    grid-row: 3 !important;
    position: sticky;
    top: calc(18px + 360px);
    z-index: 1;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    padding: 15px;
    contain: layout paint;
}
.studio-builder-modern .studio-section-library .library-head{
    gap:8px;
}
.studio-builder-modern .studio-section-library .library-head h2,
.studio-builder-modern .studio-revisions-panel h2{
    font-size:1rem;
    line-height:1.18;
}
.studio-builder-modern .section-template-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
}
.studio-builder-modern .section-template-card{
    padding:10px 12px;
}
.studio-builder-modern .studio-revisions-panel{
    grid-column: 1 !important;
    grid-row: 4 !important;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    padding: 15px;
    border-color: rgba(34,211,238,.18);
    background: linear-gradient(180deg, rgba(17,24,39,.86), rgba(11,18,32,.78));
}
.studio-builder-modern .studio-revisions-panel .card-title-row{
    display:block;
    margin:0 0 10px;
}
.studio-builder-modern .studio-revisions-panel .muted{
    font-size:.82rem;
    line-height:1.45;
}
.studio-builder-modern .studio-revision-list{
    max-height: 290px;
    overflow: auto;
    padding-right:4px;
}
.studio-builder-modern .studio-revision-row{
    grid-template-columns: 1fr;
    gap:8px;
    padding:10px;
    border-radius:14px;
}
.studio-builder-modern .studio-revision-row .revision-actions{
    display:grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap:6px;
}
.studio-builder-modern .studio-revision-row .revision-actions .btn,
.studio-builder-modern .studio-revision-row .revision-actions button{
    width:100%;
    justify-content:center;
}
.studio-builder-modern .studio-revision-row .revision-actions form{
    grid-column: 1 / -1;
}
.studio-builder-modern .save-panel{
    grid-column: 3 !important;
    grid-row: 2 !important;
    position: sticky !important;
    top: 18px !important;
    bottom: auto !important;
    z-index: 5;
    margin:0 0 12px !important;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:12px;
    align-items:center;
    padding:14px 16px;
    border-color: rgba(34,211,238,.24);
    box-shadow: 0 18px 55px rgba(0,0,0,.32), 0 0 0 1px rgba(34,211,238,.08) inset;
    background: linear-gradient(135deg, rgba(15,23,42,.96), rgba(8,47,73,.82));
}
.studio-builder-modern .save-panel h2{
    margin:0 0 4px;
    font-size:1.04rem;
}
.studio-builder-modern .save-panel p{
    margin:0;
    font-size:.82rem;
    line-height:1.35;
}
.studio-builder-modern .save-panel .btn.primary{
    min-width: 190px;
}
.studio-builder-modern .studio-section-list{
    grid-column: 3 !important;
    grid-row: 3 / span 6 !important;
    max-height: calc(100vh - 132px);
    overflow: auto;
    padding-right:10px;
    margin:0;
}
.studio-builder-modern .studio-section-card.is-selected{
    scroll-margin-top: 86px;
}
.studio-builder-modern .studio-section-card.is-selected .inspector-group{
    border-radius:18px;
}
.studio-builder-modern .studio-card-actions{
    gap:8px;
}
.studio-builder-modern .studio-media-modal{
    grid-column: 1 / -1 !important;
    z-index: 200;
}
@media (min-width: 1800px){
    .studio-builder-modern{
        --studio-left: clamp(280px, 15vw, 340px);
        --studio-right: clamp(620px, 32vw, 860px);
    }
    .studio-builder-modern .studio-preview-frame-wrap iframe{min-height:840px;}
}
@media (max-width: 1450px){
    .studio-builder-modern{
        --studio-left: 250px;
        --studio-right: 500px;
        grid-template-columns: var(--studio-left) minmax(520px,1fr) var(--studio-right) !important;
    }
    .studio-builder-modern .save-panel{grid-template-columns:1fr;}
    .studio-builder-modern .save-panel .btn.primary{width:100%;}
}
@media (max-width: 1180px){
    .studio-builder-modern{display:block!important;}
    .studio-builder-modern .studio-live-preview-panel,
    .studio-builder-modern .studio-ux-commandbar,
    .studio-builder-modern .studio-section-library,
    .studio-builder-modern .studio-revisions-panel,
    .studio-builder-modern .studio-section-list,
    .studio-builder-modern .save-panel{
        position:relative!important;
        top:auto!important;
        max-height:none!important;
        margin-bottom:16px!important;
    }
    .studio-builder-modern .studio-preview-frame-wrap{max-height:none;}
    .studio-builder-modern .studio-revision-list,
    .studio-builder-modern .studio-section-navigator{max-height:none;}
}


/* Phase 4.5.3 - Studio Workspace: stabile 3-Spalten-Geometrie
   Ziel: Inspector bleibt im Blick, Preview überdehnt die Seite nicht, linke Rail und Speichern wirken geordnet. */
.page-section.studio-page.studio-builder-modern{
    max-width:none!important;
    width:100%!important;
}
.admin-main:has(.studio-builder-modern){
    overflow-x:hidden!important;
}
.studio-builder-modern{
    --studio-left: 248px;
    --studio-right: clamp(440px, 27vw, 620px);
    display:grid!important;
    grid-template-columns: var(--studio-left) minmax(460px,1fr) var(--studio-right)!important;
    gap:18px!important;
    align-items:start!important;
    width:100%!important;
    max-width:100%!important;
}
.studio-builder-modern .studio-live-preview-panel,
.studio-builder-modern .studio-section-list,
.studio-builder-modern .save-panel,
.studio-builder-modern .studio-ux-commandbar,
.studio-builder-modern .studio-section-library,
.studio-builder-modern .studio-revisions-panel{
    min-width:0!important;
    max-width:100%!important;
}
.studio-builder-modern .studio-live-preview-panel{
    grid-column:2!important;
    grid-row:2 / span 7!important;
    width:100%!important;
}
.studio-builder-modern .studio-preview-frame-wrap{
    width:100%!important;
    max-width:100%!important;
}
.studio-builder-modern .studio-preview-frame-wrap iframe{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
}
.studio-builder-modern .save-panel{
    grid-column:3!important;
    grid-row:2!important;
    width:100%!important;
}
.studio-builder-modern .studio-section-list{
    grid-column:3!important;
    grid-row:3 / span 7!important;
    width:100%!important;
    max-height:calc(100vh - 126px)!important;
}
.studio-builder-modern .studio-section-card{
    width:100%!important;
    overflow:hidden!important;
}
.studio-builder-modern .studio-section-card.is-selected .studio-inspector-layout,
.studio-builder-modern .studio-section-card.is-selected .inspector-group,
.studio-builder-modern .studio-section-card.is-selected .form-grid,
.studio-builder-modern .studio-section-card.is-selected .rich-editor-shell{
    width:100%!important;
    max-width:100%!important;
}
.studio-builder-modern .studio-section-card.is-selected .form-grid.two,
.studio-builder-modern .studio-section-card.is-selected .form-grid.three{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.studio-builder-modern .studio-section-card.is-selected input,
.studio-builder-modern .studio-section-card.is-selected select,
.studio-builder-modern .studio-section-card.is-selected textarea,
.studio-builder-modern .studio-section-card.is-selected .rich-editor-surface{
    min-width:0!important;
    width:100%!important;
}
.studio-builder-modern .studio-ux-commandbar{
    grid-column:1!important;
    grid-row:2!important;
}
.studio-builder-modern .studio-section-library{
    grid-column:1!important;
    grid-row:3!important;
    position:relative!important;
    top:auto!important;
}
.studio-builder-modern .studio-revisions-panel{
    grid-column:1!important;
    grid-row:4!important;
}
/* mittlere Breakpoints: linke Rail wird kompakter, Inspector bleibt sichtbar */
@media (max-width:1700px){
    .studio-builder-modern{
        --studio-left: 220px;
        --studio-right: 440px;
        grid-template-columns:var(--studio-left) minmax(420px,1fr) var(--studio-right)!important;
        gap:14px!important;
    }
    .studio-builder-modern .studio-preview-toolbar,
    .studio-builder-modern .preview-toolbar-actions{gap:8px;}
    .studio-builder-modern .studio-section-card.is-selected .form-grid.two,
    .studio-builder-modern .studio-section-card.is-selected .form-grid.three{
        grid-template-columns:1fr!important;
    }
}
/* wenn der Platz knapp wird: linke Rail oben als Arbeitsleiste, Preview + Inspector bleiben nebeneinander */
@media (max-width:1450px){
    .studio-builder-modern{
        grid-template-columns:minmax(0,1fr) minmax(420px,520px)!important;
    }
    .studio-builder-modern .studio-ux-commandbar,
    .studio-builder-modern .studio-section-library,
    .studio-builder-modern .studio-revisions-panel{
        grid-column:1 / -1!important;
        position:relative!important;
        top:auto!important;
    }
    .studio-builder-modern .studio-live-preview-panel{grid-column:1!important;grid-row:auto!important;}
    .studio-builder-modern .save-panel{grid-column:2!important;grid-row:auto!important;}
    .studio-builder-modern .studio-section-list{grid-column:2!important;grid-row:auto!important;}
    .studio-builder-modern .studio-section-navigator{max-height:170px!important;}
}
@media (max-width:1100px){
    .studio-builder-modern{display:block!important;}
    .studio-builder-modern .studio-live-preview-panel,
    .studio-builder-modern .studio-ux-commandbar,
    .studio-builder-modern .studio-section-library,
    .studio-builder-modern .studio-revisions-panel,
    .studio-builder-modern .studio-section-list,
    .studio-builder-modern .save-panel{
        position:relative!important;
        top:auto!important;
        max-height:none!important;
        margin-bottom:16px!important;
    }
}


/* Phase 4.5.4 - Studio Workspace Cleanup: Inspector nicht unter dem Canvas, Autosave schlanker, doppelten Speicherbereich vermeiden */
.page-section.studio-page.studio-builder-modern{
    --studio-left: clamp(236px, 13vw, 292px);
    --studio-right: clamp(480px, 30vw, 680px);
    grid-template-columns: var(--studio-left) minmax(560px, 1fr) var(--studio-right) !important;
    grid-auto-flow: row dense;
    gap: 16px !important;
}
/* Der linke primäre Speicherbutton bleibt. Der zusätzliche rechte Speicherblock nahm Platz weg und schob den Inspector nach unten. */
.studio-builder-modern .studio-save-panel-secondary{
    display:none !important;
}
.studio-builder-modern .studio-live-preview-panel{
    grid-column: 2 !important;
    grid-row: 2 / span 9 !important;
    align-self:start !important;
    position: sticky !important;
    top: 14px !important;
    max-height: calc(100vh - 28px) !important;
}
.studio-builder-modern .studio-section-list{
    grid-column: 3 !important;
    grid-row: 2 / span 9 !important;
    align-self:start !important;
    position: sticky !important;
    top: 14px !important;
    max-height: calc(100vh - 28px) !important;
    overflow: auto !important;
    padding-right: 8px !important;
}
.studio-builder-modern .studio-section-card.is-selected{
    margin-top:0 !important;
}
.studio-builder-modern .studio-section-card.is-selected>.card-title-row{
    position: sticky;
    top: 0;
    z-index: 4;
    backdrop-filter: blur(18px);
}
/* Linke Rail wird zu einer klaren Werkzeugleiste, damit sie nicht mehr chaotisch in die Arbeitsfläche wirkt. */
.studio-builder-modern .studio-ux-commandbar{
    position: sticky !important;
    top: 14px !important;
    padding: 14px !important;
    border-radius: 20px !important;
}
.studio-builder-modern .studio-ux-main p{
    margin-bottom: 10px;
}
.studio-builder-modern .studio-ux-actions{
    gap: 7px !important;
}
.studio-builder-modern .studio-ux-actions .btn.primary{
    box-shadow: 0 12px 28px rgba(34,211,238,.16);
}
/* Autosave-Karte schlanker und admin-konsistenter */
.studio-builder-modern .studio-autosave-visual{
    display:grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 11px !important;
    margin-top: 8px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, rgba(8,47,73,.42), rgba(15,23,42,.58)) !important;
    border: 1px solid rgba(34,211,238,.18) !important;
}
.studio-builder-modern .autosave-orb{
    width: 34px !important;
    height: 34px !important;
    align-self:start !important;
}
.studio-builder-modern .autosave-copy strong{
    font-size: .9rem !important;
    line-height: 1.15 !important;
}
.studio-builder-modern .autosave-copy span{
    font-size: .76rem !important;
    line-height: 1.35 !important;
}
.studio-builder-modern .autosave-progress{
    height: 6px !important;
    margin-top: 8px !important;
}
.studio-builder-modern .autosave-stats{
    grid-column: 1 / -1 !important;
    display:grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
}
.studio-builder-modern .autosave-stats span{
    padding: 7px 6px !important;
    border-radius: 12px !important;
}
.studio-builder-modern .autosave-stats b{
    font-size: .9rem !important;
}
.studio-builder-modern .autosave-stats small{
    font-size: .66rem !important;
}
.studio-builder-modern .autosave-latest{
    grid-column: 1 / -1 !important;
    padding: 8px 9px !important;
    border-radius: 12px !important;
}
.studio-builder-modern .autosave-latest small{
    font-size: .66rem !important;
}
.studio-builder-modern .autosave-latest span{
    font-size: .74rem !important;
}
/* Revisionen kompakter und besser im Blick */
.studio-builder-modern .studio-revisions-panel{
    grid-column: 1 !important;
    grid-row: 4 !important;
    padding: 13px !important;
    border-radius: 18px !important;
}
.studio-builder-modern .studio-revisions-panel .card-title-row h2{
    font-size: .98rem !important;
}
.studio-builder-modern .studio-revisions-panel .muted{
    font-size: .76rem !important;
}
.studio-builder-modern .studio-revision-list{
    max-height: 220px !important;
}
.studio-builder-modern .studio-revision-row{
    padding: 8px !important;
    gap: 6px !important;
}
.studio-builder-modern .studio-revision-row strong{
    font-size: .78rem !important;
}
.studio-builder-modern .studio-revision-row span{
    font-size: .68rem !important;
}
.studio-builder-modern .studio-revision-row .revision-actions{
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.studio-builder-modern .studio-revision-row .revision-actions form{
    grid-column:auto !important;
}
.studio-builder-modern .studio-revision-row .revision-actions .btn,
.studio-builder-modern .studio-revision-row .revision-actions button{
    min-height: 28px !important;
    padding: 5px 6px !important;
    font-size: .68rem !important;
}
/* Canvas behält Priorität, aber überschiebt den Inspector nicht */
.studio-builder-modern .studio-preview-frame-wrap{
    max-height: calc(100vh - 210px) !important;
    overflow: auto !important;
}
.studio-builder-modern .studio-preview-frame-wrap iframe{
    min-height: 720px !important;
}
/* In engeren Breiten: links oben als Toolbar, Preview + Inspector bleiben darunter sauber nebeneinander. */
@media (max-width: 1560px){
    .page-section.studio-page.studio-builder-modern{
        grid-template-columns: minmax(0, 1fr) minmax(430px, 560px) !important;
    }
    .studio-builder-modern .studio-ux-commandbar,
    .studio-builder-modern .studio-section-library,
    .studio-builder-modern .studio-revisions-panel{
        grid-column: 1 / -1 !important;
        position: relative !important;
        top: auto !important;
    }
    .studio-builder-modern .studio-ux-commandbar{
        display:grid !important;
        grid-template-columns: minmax(220px, .9fr) minmax(260px, 1.1fr) minmax(260px, 1fr) !important;
        align-items:start !important;
    }
    .studio-builder-modern .studio-autosave-visual{margin-top:0 !important;}
    .studio-builder-modern .studio-section-navigator{max-height: 130px !important;}
    .studio-builder-modern .studio-section-library{display:none !important;}
    .studio-builder-modern .studio-revisions-panel{display:none !important;}
    .studio-builder-modern .studio-live-preview-panel{grid-column:1 !important;grid-row:auto !important;position:sticky !important;top:14px !important;}
    .studio-builder-modern .studio-section-list{grid-column:2 !important;grid-row:auto !important;position:sticky !important;top:14px !important;}
}
@media (max-width: 1120px){
    .page-section.studio-page.studio-builder-modern{display:block !important;}
    .studio-builder-modern .studio-live-preview-panel,
    .studio-builder-modern .studio-section-list,
    .studio-builder-modern .studio-ux-commandbar,
    .studio-builder-modern .studio-revisions-panel,
    .studio-builder-modern .studio-section-library{
        position:relative !important;
        top:auto !important;
        max-height:none !important;
        margin-bottom:16px !important;
    }
    .studio-builder-modern .studio-ux-commandbar{display:block !important;}
    .studio-builder-modern .studio-section-library,
    .studio-builder-modern .studio-revisions-panel{display:block !important;}
}

/* Phase 4.5.5 - Studio Workspace polish
   - kein doppelter rechter Speicherblock
   - Inspector bleibt oben rechts sichtbar
   - Autosave/Revisionen schlanker und konsistenter
   - Geräteumschalter darf nicht durch 100%-Preview-Regeln überschrieben werden */
.studio-builder-modern{
    --studio-left: 250px;
    --studio-right: clamp(470px, 29vw, 680px);
    grid-template-columns: var(--studio-left) minmax(520px,1fr) var(--studio-right)!important;
    gap:18px!important;
}
.studio-builder-modern .studio-save-panel-secondary,
.studio-builder-modern > .save-panel,
.studio-builder-modern .save-panel.studio-save-panel-secondary{
    display:none!important;
}
.studio-builder-modern .studio-section-list{
    grid-column:3!important;
    grid-row:2 / span 8!important;
    align-self:start!important;
    max-height:calc(100vh - 88px)!important;
    overflow:auto!important;
    padding:0 10px 18px 0!important;
}
.studio-builder-modern .studio-section-card.is-selected{
    margin-top:0!important;
}
.studio-builder-modern .studio-section-card.is-selected>.card-title-row{
    position:sticky;
    top:0;
    z-index:4;
    backdrop-filter:blur(16px);
}
.studio-builder-modern .studio-live-preview-panel{
    grid-row:2 / span 8!important;
    max-height:calc(100vh - 88px)!important;
}
.studio-builder-modern .studio-preview-frame-wrap{
    margin-left:auto!important;
    margin-right:auto!important;
    transition:max-width .22s ease, width .22s ease;
}
.studio-builder-modern .studio-preview-frame-wrap.is-desktop{
    max-width:100%!important;
    width:100%!important;
}
.studio-builder-modern .studio-preview-frame-wrap.is-tablet{
    max-width:820px!important;
    width:100%!important;
}
.studio-builder-modern .studio-preview-frame-wrap.is-mobile{
    max-width:430px!important;
    width:100%!important;
}
.studio-builder-modern .studio-preview-frame-wrap iframe{
    width:100%!important;
    min-width:0!important;
}
.studio-builder-modern .preview-toolbar-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    flex-wrap:wrap;
}
.studio-builder-modern .segmented-control{
    flex:0 0 auto;
}

/* linke Rail als klare Control-Leiste */
.studio-builder-modern .studio-ux-commandbar{
    border-color:rgba(34,211,238,.18)!important;
    box-shadow:0 18px 50px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.04);
}
.studio-builder-modern .studio-ux-actions{
    gap:7px!important;
}
.studio-builder-modern .studio-ux-actions .builder-save-hint{
    font-size:.74rem!important;
    letter-spacing:.01em;
    min-height:30px!important;
    padding:.35rem .55rem!important;
}

/* Autosave: kompakter Status statt großer Block */
.studio-builder-modern .studio-autosave-visual{
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr)!important;
    gap:9px!important;
    padding:10px!important;
    margin-top:8px!important;
    border-radius:16px!important;
    background:linear-gradient(135deg,rgba(6,182,212,.09),rgba(59,130,246,.055))!important;
    border:1px solid rgba(34,211,238,.2)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
}
.studio-builder-modern .studio-autosave-visual .autosave-orb{
    width:34px!important;
    height:34px!important;
}
.studio-builder-modern .studio-autosave-visual .autosave-orb span{
    width:14px!important;
    height:14px!important;
}
.studio-builder-modern .autosave-copy strong{
    margin:0!important;
    font-size:.86rem!important;
    line-height:1.15!important;
}
.studio-builder-modern .autosave-copy span{
    margin-top:2px!important;
    font-size:.76rem!important;
    line-height:1.32!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.studio-builder-modern .autosave-progress{
    height:5px!important;
    margin-top:7px!important;
}
.studio-builder-modern .autosave-stats{
    grid-column:1 / -1!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;
}
.studio-builder-modern .autosave-stats span{
    min-height:42px!important;
    padding:7px!important;
    border-radius:12px!important;
    background:rgba(0,0,0,.18)!important;
}
.studio-builder-modern .autosave-stats b{
    font-size:.94rem!important;
    line-height:1!important;
}
.studio-builder-modern .autosave-stats small{
    font-size:.64rem!important;
}
.studio-builder-modern .autosave-latest{
    grid-column:1 / -1!important;
    min-height:0!important;
    padding:7px 8px!important;
    border-radius:12px!important;
    background:rgba(0,0,0,.15)!important;
}
.studio-builder-modern .autosave-latest small{
    display:inline!important;
    margin-right:5px;
    font-size:.66rem!important;
}
.studio-builder-modern .autosave-latest span{
    display:inline!important;
    font-size:.68rem!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:100%;
    vertical-align:bottom;
}

/* Revisionen: moderne kompakte Timeline statt gequetschter Buttons */
.studio-builder-modern .studio-revisions-panel{
    padding:12px!important;
    border-radius:18px!important;
    background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(8,13,28,.74))!important;
}
.studio-builder-modern .studio-revisions-panel .card-title-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px!important;
    align-items:start!important;
    margin-bottom:9px!important;
}
.studio-builder-modern .studio-revisions-panel h2{
    font-size:.95rem!important;
    margin:.05rem 0 .15rem!important;
}
.studio-builder-modern .studio-revisions-panel .muted{
    font-size:.72rem!important;
    line-height:1.35!important;
    display:-webkit-box!important;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.studio-builder-modern .studio-revision-list{
    max-height:260px!important;
    overflow:auto!important;
    display:grid!important;
    gap:7px!important;
    padding:0 4px 0 0!important;
}
.studio-builder-modern .studio-revision-row{
    position:relative;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:7px!important;
    padding:9px!important;
    border-radius:14px!important;
    background:rgba(255,255,255,.035)!important;
    border:1px solid rgba(255,255,255,.075)!important;
}
.studio-builder-modern .studio-revision-row:before{
    content:'';
    position:absolute;
    left:-1px;
    top:10px;
    bottom:10px;
    width:3px;
    border-radius:999px;
    background:linear-gradient(180deg,#22d3ee,#8b5cf6);
    opacity:.75;
}
.studio-builder-modern .studio-revision-row strong{
    display:block;
    font-size:.78rem!important;
    line-height:1.18!important;
    padding-left:5px;
}
.studio-builder-modern .studio-revision-row span{
    display:block;
    font-size:.68rem!important;
    line-height:1.25!important;
    color:var(--muted)!important;
    padding-left:5px;
    overflow-wrap:anywhere;
}
.studio-builder-modern .studio-revision-row .revision-actions{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:5px!important;
}
.studio-builder-modern .studio-revision-row .revision-actions form{
    grid-column:auto!important;
    margin:0!important;
}
.studio-builder-modern .studio-revision-row .revision-actions .btn,
.studio-builder-modern .studio-revision-row .revision-actions button{
    width:100%!important;
    min-height:28px!important;
    padding:.28rem .35rem!important;
    font-size:.64rem!important;
    border-radius:10px!important;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

@media (max-width:1700px){
    .studio-builder-modern{
        --studio-left: 230px;
        --studio-right: 460px;
        grid-template-columns:var(--studio-left) minmax(450px,1fr) var(--studio-right)!important;
    }
}
@media (max-width:1450px){
    .studio-builder-modern{
        grid-template-columns:minmax(0,1fr) minmax(430px,520px)!important;
    }
    .studio-builder-modern .studio-live-preview-panel{grid-column:1!important;}
    .studio-builder-modern .studio-section-list{grid-column:2!important;grid-row:auto!important;}
}

/* Phase 4.6 - Studio Section Overlay + fokussierter Inspector
   Ziel: Section-Bibliothek aus der linken Rail lösen, Inspector stärker fokussieren,
   weniger visuelles Rauschen durch kompakte nicht gewählte Sections. */
.studio-builder-modern{
    --studio-left: 250px;
    --studio-right: clamp(500px, 30vw, 720px);
}
.studio-builder-modern .studio-section-library-drawer{
    position:fixed!important;
    inset:92px max(24px, calc((100vw - min(1180px, 92vw)) / 2)) auto auto!important;
    width:min(720px, calc(100vw - 48px))!important;
    max-height:min(760px, calc(100vh - 128px))!important;
    overflow:auto!important;
    z-index:10020!important;
    transform:translateY(18px) scale(.985)!important;
    opacity:0!important;
    pointer-events:none!important;
    visibility:hidden!important;
    border-color:rgba(34,211,238,.28)!important;
    background:
        radial-gradient(circle at top left, rgba(34,211,238,.18), transparent 36%),
        linear-gradient(180deg, rgba(15,23,42,.98), rgba(5,10,24,.98))!important;
    box-shadow:0 34px 110px rgba(0,0,0,.68), 0 0 0 9999px rgba(2,6,23,.58)!important;
    transition:opacity .18s ease, transform .18s ease, visibility .18s ease!important;
}
.studio-builder-modern .studio-section-library-drawer.is-open{
    opacity:1!important;
    pointer-events:auto!important;
    visibility:visible!important;
    transform:translateY(0) scale(1)!important;
}
.studio-builder-modern .studio-section-library-drawer .library-head{
    position:sticky;
    top:0;
    z-index:2;
    padding-bottom:14px;
    margin-bottom:16px;
    background:linear-gradient(180deg, rgba(15,23,42,.98), rgba(15,23,42,.90));
    backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(255,255,255,.08);
}
.studio-builder-modern .studio-section-library-drawer .library-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    flex-wrap:wrap;
}
.studio-builder-modern .studio-section-library-drawer .section-template-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.studio-builder-modern .studio-section-library-drawer .section-template-card{
    min-height:112px;
}
.studio-builder-modern .studio-section-list{
    display:grid!important;
    gap:12px!important;
}
.studio-builder-modern .studio-section-card:not(.is-selected){
    padding:0!important;
    min-height:0!important;
    opacity:.84;
    border-color:rgba(255,255,255,.075)!important;
    background:linear-gradient(135deg, rgba(15,23,42,.72), rgba(8,13,28,.76))!important;
}
.studio-builder-modern .studio-section-card:not(.is-selected)>.card-title-row{
    padding:14px 16px!important;
    align-items:center!important;
}
.studio-builder-modern .studio-section-card:not(.is-selected) .studio-inspector-tabs,
.studio-builder-modern .studio-section-card:not(.is-selected) .studio-inspector-layout{
    display:none!important;
}
.studio-builder-modern .studio-section-card:not(.is-selected) .studio-card-actions .btn.tiny.secondary,
.studio-builder-modern .studio-section-card:not(.is-selected) .studio-card-actions label.switch-line{
    display:none!important;
}
.studio-builder-modern .studio-section-card:not(.is-selected) .studio-card-actions{
    gap:6px!important;
}
.studio-builder-modern .studio-section-card:not(.is-selected) .studio-card-actions .btn.tiny.danger{
    min-height:26px!important;
    padding:.24rem .5rem!important;
    font-size:.66rem!important;
}
.studio-builder-modern .studio-section-card.is-selected{
    border-color:rgba(34,211,238,.26)!important;
    box-shadow:0 22px 70px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.studio-builder-modern .studio-section-card.is-selected .studio-inspector-layout{
    grid-template-columns:minmax(0,1fr)!important;
}
.studio-builder-modern .studio-section-card.is-selected .studio-preview-card{
    display:none!important;
}
.studio-builder-modern .studio-inspector-fields{
    width:100%!important;
    max-width:none!important;
}
.studio-builder-modern .studio-section-card.is-selected .inspector-group{
    width:100%!important;
}
.studio-builder-modern .studio-section-card.is-selected .form-grid.two,
.studio-builder-modern .studio-section-card.is-selected .form-grid.three{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.studio-builder-modern .studio-section-navigator{
    max-height:250px!important;
    overflow:auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
}
.studio-builder-modern .studio-nav-chip{
    width:100%!important;
    min-width:0!important;
}
.studio-builder-modern .studio-nav-chip.is-current{
    border-color:rgba(34,211,238,.48)!important;
    background:linear-gradient(135deg, rgba(34,211,238,.16), rgba(124,92,255,.12))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.studio-builder-modern .studio-ux-actions [data-focus-section-library]{
    position:relative;
}
.studio-builder-modern .studio-ux-actions [data-focus-section-library]::after{
    content:'Overlay';
    margin-left:6px;
    padding:.12rem .38rem;
    border-radius:999px;
    background:rgba(34,211,238,.13);
    border:1px solid rgba(34,211,238,.25);
    color:#bff7ff;
    font-size:.62rem;
    font-weight:900;
}
@media(max-width:1280px){
    .studio-builder-modern .studio-section-library-drawer{inset:72px 16px auto 16px!important;width:auto!important;}
    .studio-builder-modern .studio-section-library-drawer .section-template-grid{grid-template-columns:1fr!important;}
    .studio-builder-modern .studio-section-card.is-selected .form-grid.two,
    .studio-builder-modern .studio-section-card.is-selected .form-grid.three{grid-template-columns:1fr!important;}
}

/* Phase 4.7 - umfangreichere Section-Bibliothek */
.section-library-controls{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:14px;align-items:end;margin:14px 0 18px}
.library-search span{display:block;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.library-search input{width:100%;border:1px solid rgba(255,255,255,.11);border-radius:16px;background:rgba(3,7,18,.62);color:var(--text);padding:12px 14px;font-weight:700;outline:none}
.library-search input:focus{border-color:rgba(34,211,238,.45);box-shadow:0 0 0 3px rgba(34,211,238,.1)}
.library-category-filter{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.library-category-filter button{appearance:none;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.055);color:var(--muted);padding:9px 12px;font-weight:900;cursor:pointer;font-size:.82rem}
.library-category-filter button.active,.library-category-filter button:hover{background:linear-gradient(135deg,rgba(139,92,246,.55),rgba(34,211,238,.45));border-color:rgba(34,211,238,.45);color:#fff}
.studio-builder-modern .studio-section-library-drawer .section-template-grid-rich{grid-template-columns:repeat(3,minmax(0,1fr));max-height:min(62vh,720px);overflow:auto;padding-right:4px}
.section-template-card.rich{position:relative;min-height:164px;display:flex;flex-direction:column;gap:9px}
.section-template-card.rich .section-template-topline{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:2px}
.section-template-card.rich em,.section-template-card.rich i{font-style:normal;font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:#67e8f9;font-weight:900;background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.16);border-radius:999px;padding:5px 8px;white-space:nowrap}
.section-template-card.rich i{color:var(--muted);background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08);max-width:120px;overflow:hidden;text-overflow:ellipsis}
.section-template-card.rich small{margin-top:auto;color:#fff;font-weight:900;border-radius:999px;background:linear-gradient(135deg,rgba(139,92,246,.7),rgba(34,211,238,.62));padding:8px 10px;display:inline-flex;width:max-content;box-shadow:0 10px 24px rgba(34,211,238,.12)}
.library-empty-state{border:1px dashed rgba(255,255,255,.16);border-radius:18px;padding:20px;color:var(--muted);text-align:center;background:rgba(255,255,255,.035)}
@media(max-width:1280px){.studio-builder-modern .studio-section-library-drawer .section-template-grid-rich{grid-template-columns:repeat(2,minmax(0,1fr))}.section-library-controls{grid-template-columns:1fr}.library-category-filter{justify-content:flex-start}}
@media(max-width:760px){.studio-builder-modern .studio-section-library-drawer .section-template-grid-rich{grid-template-columns:1fr}.section-template-card.rich{min-height:unset}}


/* Phase 4.7.1 - zentrale Versionsanzeige und robustere Settings-Gruppen */
.form-divider{display:flex;flex-direction:column;gap:.25rem;padding:1rem;border:1px solid rgba(255,255,255,.12);border-radius:1rem;background:rgba(8,16,32,.55);color:#e5ecff}
.form-divider span{color:#aab6d6;font-size:.9rem;line-height:1.45}
.section-template-card.is-filtered-out{display:none!important}

/* Phase 4.8 - section-specific inspector fields */
.section-specific-options .type-help-card{
  display:flex;flex-direction:column;gap:.25rem;padding:1rem;border:1px solid rgba(34,211,238,.22);border-radius:18px;background:rgba(9,20,36,.48);margin-bottom:1rem;
}
.section-specific-options .type-help-card strong{color:#fff;font-size:.95rem}
.section-specific-options .type-help-card span{color:var(--admin-muted,#a9b5d1);line-height:1.55}
.section-type-options[hidden]{display:none!important}
.section-type-options.is-active{display:block;margin-top:.75rem}
.section-type-options textarea{min-height:110px;font-family:inherit;line-height:1.45}
.section-specific-options .form-grid.three{align-items:start}
.studio-inspector-card .section-specific-options{border-color:rgba(34,211,238,.2)}

/* Phase 4.8.2 - komfortable section-spezifische Repeater */
.studio-rich-text-field[hidden]{display:none!important}
.specific-repeater-wide{grid-column:1/-1}
.specific-repeater-field{display:flex;flex-direction:column;gap:10px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(4,10,24,.42);padding:14px}
.specific-repeater-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.specific-repeater-head span{font-weight:900;color:#fff}
.specific-repeater-list{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow:auto;padding-right:4px}
.specific-repeater-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto auto;gap:8px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:linear-gradient(135deg,rgba(15,23,42,.78),rgba(8,14,28,.86));padding:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.specific-repeater-row.item-row{grid-template-columns:auto minmax(0,0.95fr) minmax(0,1.2fr) auto auto auto}
.specific-repeater-row input{width:100%;min-width:0;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(2,6,18,.72);color:var(--text);padding:10px 12px;font-weight:700;outline:none}
.specific-repeater-row input:focus{border-color:rgba(34,211,238,.45);box-shadow:0 0 0 3px rgba(34,211,238,.08)}
.repeater-drag{width:28px;height:28px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#67e8f9;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.18);cursor:grab;font-weight:900;letter-spacing:-.18em;padding-right:.15em}
.specific-repeater-row.is-dragging{opacity:.55;outline:2px solid rgba(34,211,238,.45);cursor:grabbing}
.specific-repeater-field small{color:var(--admin-muted,#a9b5d1);line-height:1.45}
@media(max-width:980px){
  .specific-repeater-row,.specific-repeater-row.item-row{grid-template-columns:auto minmax(0,1fr);align-items:stretch}
  .specific-repeater-row .btn{width:100%}
}


/* Phase 4.8.3 - Studio Overlay + linke Section-Auswahl stabilisieren
   Fix: Overlay nicht mehr von 1560px-Breakpoint verstecken, linke Rail sichtbar halten,
   Controls/Kategorien geordnet umbrechen und Scrollbereiche sauber begrenzen. */
.studio-builder-modern .studio-left-section-title{
  display:flex!important;
  flex-direction:column;
  gap:3px;
  padding:10px 12px;
  margin:2px 0 0;
  border:1px solid rgba(34,211,238,.16);
  border-radius:14px;
  background:linear-gradient(135deg,rgba(34,211,238,.075),rgba(139,92,246,.055));
}
.studio-builder-modern .studio-left-section-title strong{color:#fff;font-size:.9rem;line-height:1.1}
.studio-builder-modern .studio-left-section-title span{color:var(--muted);font-size:.72rem;line-height:1.35}
.studio-builder-modern .studio-section-navigator{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  max-height:clamp(180px,28vh,330px)!important;
  overflow:auto!important;
  padding:4px 4px 2px 0!important;
  margin-top:0!important;
}
.studio-builder-modern .studio-nav-chip{
  width:100%!important;
  min-width:0!important;
  border-radius:15px!important;
  padding:.62rem .7rem!important;
}
.studio-builder-modern .studio-nav-chip span,
.studio-builder-modern .studio-nav-chip em{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

@media (min-width:1181px) and (max-width:1560px){
  .page-section.studio-page.studio-builder-modern,
  .studio-builder-modern{
    display:grid!important;
    grid-template-columns:minmax(220px,260px) minmax(420px,1fr) minmax(430px,560px)!important;
    gap:14px!important;
    align-items:start!important;
  }
  .studio-builder-modern .studio-ux-commandbar{
    grid-column:1!important;
    grid-row:2!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    position:sticky!important;
    top:14px!important;
    max-height:calc(100vh - 28px)!important;
    overflow:auto!important;
  }
  .studio-builder-modern .studio-live-preview-panel{
    grid-column:2!important;
    grid-row:2 / span 9!important;
  }
  .studio-builder-modern .studio-section-list{
    grid-column:3!important;
    grid-row:2 / span 9!important;
  }
  .studio-builder-modern .studio-revisions-panel{
    grid-column:1!important;
    grid-row:3!important;
    display:block!important;
  }
}

.studio-builder-modern .studio-section-library-drawer{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  position:fixed!important;
  top:clamp(58px,7vh,92px)!important;
  right:clamp(14px,4vw,56px)!important;
  bottom:auto!important;
  left:auto!important;
  width:min(980px,calc(100vw - 32px))!important;
  max-height:calc(100vh - clamp(78px,10vh,126px))!important;
  overflow:hidden!important;
  padding:18px!important;
  border-radius:24px!important;
  z-index:10020!important;
  opacity:0!important;
  pointer-events:none!important;
  visibility:hidden!important;
  transform:translateY(12px) scale(.99)!important;
  border:1px solid rgba(34,211,238,.28)!important;
  background:radial-gradient(circle at 12% 0%,rgba(34,211,238,.17),transparent 34%),linear-gradient(180deg,rgba(13,21,38,.985),rgba(5,10,24,.985))!important;
  box-shadow:0 34px 110px rgba(0,0,0,.72),0 0 0 9999px rgba(2,6,23,.62)!important;
  contain:none!important;
}
.studio-builder-modern .studio-section-library-drawer.is-open{
  opacity:1!important;
  pointer-events:auto!important;
  visibility:visible!important;
  transform:translateY(0) scale(1)!important;
}
.studio-builder-modern .studio-section-library-drawer .library-head{
  flex:0 0 auto!important;
  position:relative!important;
  top:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:start!important;
  gap:14px!important;
  padding:0 0 14px!important;
  margin:0!important;
  border-bottom:1px solid rgba(255,255,255,.09)!important;
  background:transparent!important;
}
.studio-builder-modern .studio-section-library-drawer .library-head h2{font-size:1.28rem!important;margin:.1rem 0 .35rem!important}
.studio-builder-modern .studio-section-library-drawer .library-head .muted{max-width:760px!important;font-size:.88rem!important;line-height:1.45!important}
.studio-builder-modern .studio-section-library-drawer .section-library-controls{
  flex:0 0 auto!important;
  display:grid!important;
  grid-template-columns:minmax(230px,320px) minmax(0,1fr)!important;
  gap:12px!important;
  align-items:start!important;
  margin:0!important;
}
.studio-builder-modern .studio-section-library-drawer .library-category-filter{
  justify-content:flex-start!important;
  align-content:flex-start!important;
  max-height:96px!important;
  overflow:auto!important;
  padding:2px 4px 2px 0!important;
}
.studio-builder-modern .studio-section-library-drawer .library-category-filter button{
  white-space:nowrap!important;
  min-height:36px!important;
  padding:8px 11px!important;
}
.studio-builder-modern .studio-section-library-drawer .section-template-grid-rich{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:auto!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  padding:2px 6px 2px 0!important;
}
.studio-builder-modern .studio-section-library-drawer .section-template-card.rich{
  min-height:154px!important;
  max-width:100%!important;
  overflow:hidden!important;
  border-radius:18px!important;
}
.studio-builder-modern .studio-section-library-drawer .section-template-card.rich strong,
.studio-builder-modern .studio-section-library-drawer .section-template-card.rich span:not(.section-template-topline){
  overflow-wrap:anywhere!important;
}
.studio-builder-modern .studio-section-library-drawer .section-template-card.rich .section-template-topline{
  min-width:0!important;
}
.studio-builder-modern .studio-section-library-drawer .section-template-card.rich em,
.studio-builder-modern .studio-section-library-drawer .section-template-card.rich i{
  max-width:48%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.has-studio-library-open{overflow:hidden!important;}
@media(max-width:980px){
  .studio-builder-modern .studio-section-library-drawer{inset:16px!important;width:auto!important;max-height:calc(100vh - 32px)!important;border-radius:20px!important;}
  .studio-builder-modern .studio-section-library-drawer .library-head{grid-template-columns:1fr!important;}
  .studio-builder-modern .studio-section-library-drawer .library-actions .btn{width:100%;justify-content:center;}
  .studio-builder-modern .studio-section-library-drawer .section-library-controls{grid-template-columns:1fr!important;}
  .studio-builder-modern .studio-section-library-drawer .section-template-grid-rich{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:640px){
  .studio-builder-modern .studio-section-library-drawer .section-template-grid-rich{grid-template-columns:1fr!important;}
  .studio-builder-modern .studio-section-library-drawer .library-category-filter{max-height:130px!important;}
}

/* Phase 4.8.5 - Studio UX Rescue: klare Bedienung, Drawer-Navigator, Editor-Fokus */
.studio-floating-nav-button{
  display:none;
  position:fixed;
  left:14px;
  top:104px;
  z-index:10010;
  min-height:42px;
  padding:10px 14px;
  border:1px solid rgba(34,211,238,.32);
  border-radius:999px;
  background:linear-gradient(135deg,rgba(34,211,238,.92),rgba(124,92,255,.92));
  color:#fff;
  font-weight:950;
  letter-spacing:.01em;
  box-shadow:0 18px 42px rgba(0,0,0,.38),0 0 0 1px rgba(255,255,255,.08) inset;
  cursor:pointer;
}
.studio-builder-modern .studio-section-card[data-inspector-mode="structure"] [data-inspector-group]:not([data-inspector-group="structure"]),
.studio-builder-modern .studio-section-card[data-inspector-mode="design"] [data-inspector-group]:not([data-inspector-group="design"]),
.studio-builder-modern .studio-section-card[data-inspector-mode="content"] [data-inspector-group]:not([data-inspector-group="content"]),
.studio-builder-modern .studio-section-card[data-inspector-mode="specific"] [data-inspector-group]:not([data-inspector-group="specific"]),
.studio-builder-modern .studio-section-card[data-inspector-mode="action"] [data-inspector-group]:not([data-inspector-group="action"]),
.studio-builder-modern .studio-section-card[data-inspector-mode="responsive"] [data-inspector-group]:not([data-inspector-group="responsive"]){display:none!important;}
.studio-builder-modern .studio-section-card[data-inspector-mode="all"] [data-inspector-group],
.studio-builder-modern .studio-section-card:not([data-inspector-mode]) [data-inspector-group]{display:block;}
.studio-builder-modern .studio-inspector-tabs{
  position:sticky;
  top:0;
  z-index:7;
  padding:12px 14px;
  background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(15,23,42,.86));
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(16px);
}
.studio-builder-modern .studio-inspector-tabs button{position:relative;z-index:3;pointer-events:auto;cursor:pointer;}
.studio-builder-modern .studio-inspector-tabs button.active{box-shadow:0 0 0 1px rgba(34,211,238,.28),0 12px 28px rgba(34,211,238,.12);}
.studio-builder-modern .studio-section-card.is-selected input,
.studio-builder-modern .studio-section-card.is-selected textarea,
.studio-builder-modern .studio-section-card.is-selected select,
.studio-builder-modern .studio-section-card.is-selected button,
.studio-builder-modern .studio-section-card.is-selected [contenteditable="true"]{pointer-events:auto;}
.studio-builder-modern .studio-section-card.is-selected .rich-editor-surface,
.rich-editor-surface[data-rich-editor-surface]{position:relative;z-index:2;user-select:text;cursor:text;min-height:190px;outline:none;}
.studio-builder-modern .studio-section-card.is-selected .rich-editor-surface:focus{border-color:rgba(34,211,238,.42);box-shadow:0 0 0 3px rgba(34,211,238,.08),inset 0 1px 0 rgba(255,255,255,.04);}
.studio-builder-modern .studio-remove-section-btn{position:relative;z-index:6;isolation:isolate;}
.studio-builder-modern .studio-card-actions{position:relative;z-index:5;}
.studio-builder-modern .studio-section-navigator{scrollbar-width:thin;}
.studio-builder-modern .studio-section-navigator::-webkit-scrollbar{width:7px}.studio-builder-modern .studio-section-navigator::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(34,211,238,.28)}
.studio-builder-modern .studio-nav-chip{transition:transform .16s ease,border-color .16s ease,background .16s ease;}
.studio-builder-modern .studio-nav-chip:hover{transform:translateY(-1px);border-color:rgba(34,211,238,.38);}
.studio-builder-modern .studio-nav-chip.is-current{border-color:rgba(34,211,238,.55)!important;background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(124,92,255,.12))!important;box-shadow:0 12px 28px rgba(34,211,238,.09);}
.studio-builder-modern .studio-left-section-title{display:grid;gap:3px;padding:10px 12px;border:1px solid rgba(34,211,238,.16);border-radius:16px;background:rgba(34,211,238,.055);}
.studio-builder-modern .studio-left-section-title strong{color:#eafcff;}
.studio-builder-modern .studio-left-section-title span{font-size:.82rem;color:var(--muted,#aab3d1);line-height:1.35;}
.studio-builder-modern .studio-section-list{scroll-behavior:smooth;}
.studio-builder-modern .studio-section-card{scroll-margin-top:22px;}
.studio-builder-modern .studio-section-card.is-selected>.card-title-row{position:sticky;top:0;z-index:8;backdrop-filter:blur(14px);}
.studio-builder-modern .studio-section-card:not(.is-selected)>.card-title-row{cursor:pointer;}
.studio-builder-modern .studio-section-card:not(.is-selected) .studio-remove-section-btn{display:inline-flex!important;}
.studio-builder-modern .studio-section-card:not(.is-selected) .studio-card-actions{opacity:.9;}
.studio-builder-modern .studio-ux-actions .btn[data-focus-section-library]{background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(124,92,255,.16));border-color:rgba(34,211,238,.28);color:#eafcff;}
.studio-builder-modern .studio-section-library-drawer{isolation:isolate;}
.studio-builder-modern .studio-section-library-drawer .section-template-card.rich{cursor:pointer;}
.studio-builder-modern .studio-section-library-drawer .section-template-card.rich:hover{transform:translateY(-2px);border-color:rgba(34,211,238,.34);box-shadow:0 18px 44px rgba(0,0,0,.28);}
@media(max-width:1320px){
  .studio-builder-modern{grid-template-columns:minmax(500px,1fr) minmax(460px,620px)!important;}
  .studio-builder-modern .studio-live-preview-panel{grid-column:1!important;}
  .studio-builder-modern .studio-section-list{grid-column:2!important;}
  .studio-builder-modern .studio-ux-commandbar{position:fixed!important;left:14px!important;top:154px!important;width:min(310px,calc(100vw - 28px))!important;max-height:calc(100vh - 180px)!important;overflow:auto!important;z-index:10005!important;transform:translateX(calc(-100% - 24px))!important;opacity:0!important;pointer-events:none!important;transition:transform .22s ease,opacity .22s ease!important;border-color:rgba(34,211,238,.32)!important;box-shadow:0 30px 90px rgba(0,0,0,.55),0 0 0 9999px rgba(2,6,23,.34)!important;}
  .studio-builder-modern .studio-ux-commandbar.is-nav-open{transform:translateX(0)!important;opacity:1!important;pointer-events:auto!important;}
  .studio-floating-nav-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;}
  .studio-builder-modern.is-section-nav-open .studio-floating-nav-button{background:linear-gradient(135deg,rgba(124,92,255,.96),rgba(34,211,238,.96));}
}
@media(max-width:1180px){
  .studio-builder-modern{display:block!important;}
  .studio-builder-modern .studio-live-preview-panel,.studio-builder-modern .studio-section-list,.studio-builder-modern .save-panel{position:relative!important;top:auto!important;bottom:auto!important;max-height:none!important;margin-bottom:16px!important;}
  .studio-builder-modern .studio-section-list{overflow:visible!important;padding-right:0!important;}
  .studio-builder-modern .studio-section-card:not(.is-selected) .studio-inspector-tabs,.studio-builder-modern .studio-section-card:not(.is-selected) .studio-inspector-layout{display:none!important;}
}
@media(max-width:760px){
  .studio-floating-nav-button{top:auto;bottom:18px;left:14px;}
  .studio-builder-modern .studio-ux-commandbar{top:72px!important;max-height:calc(100vh - 104px)!important;}
  .studio-builder-modern .studio-section-card.is-selected>.card-title-row{position:relative;}
  .studio-builder-modern .studio-inspector-tabs{position:relative;overflow:auto;flex-wrap:nowrap;}
}

/* Phase 4.9.0 - Studio Workspace UX reset/override
   Ziel: Drei klar erkennbare Arbeitsbereiche, weniger Springen, sichtbare Struktur, stabile Aktionen. */
.page-section.studio-page.studio-builder-modern{
  --studio-nav-w: minmax(260px, 330px);
  --studio-preview-w: minmax(420px, 1fr);
  --studio-inspector-w: minmax(520px, 720px);
  display:grid!important;
  grid-template-columns:var(--studio-nav-w) var(--studio-preview-w) var(--studio-inspector-w)!important;
  grid-auto-rows:auto!important;
  gap:18px!important;
  align-items:start!important;
}
.studio-builder-modern>.section-head{grid-column:1 / -1!important;}
.studio-builder-modern .studio-live-preview-panel{
  grid-column:2!important;
  grid-row:2 / span 4!important;
  position:sticky!important;
  top:16px!important;
  max-height:calc(100vh - 32px)!important;
  overflow:hidden!important;
  min-width:0!important;
  border-color:rgba(34,211,238,.22)!important;
  background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(2,8,23,.86))!important;
}
.studio-builder-modern .studio-preview-toolbar{
  position:sticky;
  top:0;
  z-index:4;
  backdrop-filter:blur(16px);
}
.studio-builder-modern .studio-preview-frame-wrap{
  max-height:calc(100vh - 230px)!important;
  overflow:auto!important;
}
.studio-builder-modern .studio-sections-form{display:contents!important;}
.studio-builder-modern .studio-ux-commandbar{
  grid-column:1!important;
  grid-row:2!important;
  position:sticky!important;
  top:16px!important;
  max-height:calc(100vh - 32px)!important;
  overflow:auto!important;
  display:grid!important;
  gap:14px!important;
  padding:16px!important;
  border:1px solid rgba(34,211,238,.22)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(15,23,42,.94),rgba(8,13,29,.9))!important;
  box-shadow:0 24px 70px rgba(0,0,0,.32)!important;
}
.studio-builder-modern .studio-ux-main h2{font-size:20px;margin:.15rem 0 .35rem;}
.studio-builder-modern .studio-ux-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  align-items:stretch!important;
}
.studio-builder-modern .studio-ux-actions .btn{width:100%;justify-content:center;}
.studio-builder-modern .studio-left-section-title{
  display:block!important;
  padding:12px 12px 10px!important;
  border-radius:16px!important;
  background:rgba(34,211,238,.08)!important;
  border:1px solid rgba(34,211,238,.16)!important;
}
.studio-builder-modern .studio-left-section-title strong{display:block;color:#eaffff;font-size:14px;margin-bottom:4px;}
.studio-builder-modern .studio-left-section-title span{display:block;color:#a9c3e9;font-size:12px;line-height:1.45;}
.studio-builder-modern .studio-autosave-visual{
  grid-template-columns:auto 1fr!important;
  padding:12px!important;
  gap:10px!important;
  border-radius:18px!important;
}
.studio-builder-modern .autosave-stats,.studio-builder-modern .autosave-latest{grid-column:1 / -1;}
.studio-builder-modern .studio-section-navigator{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  max-height:none!important;
  overflow:visible!important;
}
.studio-builder-modern .studio-nav-chip{
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:34px 1fr!important;
  grid-template-areas:"num type" "num title"!important;
  align-items:center!important;
  gap:2px 10px!important;
  text-align:left!important;
  padding:10px 12px!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#dbeafe!important;
}
.studio-builder-modern .studio-nav-chip strong{grid-area:num;display:grid;place-items:center;width:30px;height:30px;border-radius:12px;background:rgba(34,211,238,.12);color:#67e8f9;}
.studio-builder-modern .studio-nav-chip span{grid-area:type;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:#c4d7ff;}
.studio-builder-modern .studio-nav-chip em{grid-area:title;font-style:normal;font-size:12px;color:#8fa5c8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.studio-builder-modern .studio-nav-chip.is-current{background:linear-gradient(135deg,rgba(34,211,238,.17),rgba(124,92,255,.13))!important;border-color:rgba(34,211,238,.45)!important;box-shadow:0 0 0 1px rgba(34,211,238,.12),0 14px 34px rgba(0,0,0,.22)!important;}
.studio-builder-modern .studio-nav-chip.is-inactive{opacity:.62;}
.studio-builder-modern .studio-inspector-intro{display:none!important;}
.studio-builder-modern .studio-section-list{
  grid-column:3!important;
  grid-row:2 / span 4!important;
  margin:0!important;
  max-height:calc(100vh - 32px)!important;
  overflow:auto!important;
  padding:0 10px 60px 0!important;
  scroll-behavior:smooth!important;
}
.studio-builder-modern .studio-section-card{
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  background:linear-gradient(180deg,rgba(15,23,42,.88),rgba(10,15,31,.84))!important;
  box-shadow:0 18px 54px rgba(0,0,0,.27)!important;
  scroll-margin-top:18px!important;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease, opacity .18s ease!important;
}
.studio-builder-modern .studio-section-card.is-removing{opacity:.35!important;transform:scale(.985)!important;pointer-events:none!important;}
.studio-builder-modern .studio-section-card:not(.is-selected){background:rgba(15,23,42,.68)!important;}
.studio-builder-modern .studio-section-card:not(.is-selected) .studio-inspector-tabs,
.studio-builder-modern .studio-section-card:not(.is-selected) .studio-inspector-layout{display:none!important;}
.studio-builder-modern .studio-section-card:not(.is-selected)>.card-title-row{
  padding:15px 16px!important;
  align-items:center!important;
  cursor:pointer!important;
}
.studio-builder-modern .studio-section-card:not(.is-selected) .studio-card-actions .btn.tiny.secondary,
.studio-builder-modern .studio-section-card:not(.is-selected) .studio-card-actions label.switch-line{display:none!important;}
.studio-builder-modern .studio-section-card:not(.is-selected) .studio-remove-section-btn{display:inline-flex!important;pointer-events:auto!important;position:relative!important;z-index:5!important;}
.studio-builder-modern .studio-section-card.is-selected{
  border-color:rgba(34,211,238,.38)!important;
  box-shadow:0 0 0 1px rgba(34,211,238,.14),0 28px 80px rgba(0,0,0,.38)!important;
}
.studio-builder-modern .studio-section-card.is-selected>.card-title-row{
  position:sticky!important;
  top:0!important;
  z-index:7!important;
  padding:18px 18px 16px!important;
  background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(124,92,255,.1)),rgba(15,23,42,.9)!important;
  backdrop-filter:blur(14px)!important;
}
.studio-builder-modern .studio-card-actions{display:flex!important;gap:8px!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;}
.studio-builder-modern .studio-card-actions .btn,.studio-builder-modern .studio-card-actions .switch-line{position:relative!important;z-index:8!important;}
.studio-builder-modern .studio-inspector-tabs{
  position:sticky!important;
  top:84px!important;
  z-index:6!important;
  display:flex!important;
  gap:8px!important;
  overflow:auto!important;
  padding:12px 18px!important;
  background:rgba(15,23,42,.92)!important;
  backdrop-filter:blur(14px)!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
  border-bottom:1px solid rgba(255,255,255,.07)!important;
}
.studio-builder-modern .studio-inspector-layout{grid-template-columns:1fr!important;padding:16px 18px 20px!important;}
.studio-builder-modern .studio-preview-card{display:none!important;}
.studio-builder-modern .inspector-group{background:rgba(2,6,23,.35)!important;border-color:rgba(255,255,255,.09)!important;}
.studio-builder-modern .form-grid.two,.studio-builder-modern .form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.studio-builder-modern .rich-editor-surface{
  min-height:190px!important;
  cursor:text!important;
  user-select:text!important;
  pointer-events:auto!important;
  caret-color:#67e8f9!important;
}
.studio-builder-modern .rich-editor-shell,.studio-builder-modern .rich-editor-field{position:relative;z-index:2;}
.studio-builder-modern .studio-section-library-drawer{
  position:fixed!important;
  inset:36px!important;
  z-index:10050!important;
  display:none!important;
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  max-height:calc(100vh - 72px)!important;
  overflow:hidden!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(2,6,23,.96))!important;
  box-shadow:0 40px 120px rgba(0,0,0,.72),0 0 0 9999px rgba(2,6,23,.66)!important;
}
.studio-builder-modern .studio-section-library-drawer.is-open{display:grid!important;}
.studio-builder-modern .section-library-controls{position:sticky;top:0;z-index:3;background:rgba(15,23,42,.96);padding-bottom:10px;}
.studio-builder-modern .section-template-grid-rich{overflow:auto!important;min-height:0!important;padding-right:8px!important;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;}
.studio-floating-nav-button{display:none!important;}
@media(max-width:1560px){
  .page-section.studio-page.studio-builder-modern{grid-template-columns:minmax(390px,1fr) minmax(500px,720px)!important;}
  .studio-builder-modern .studio-live-preview-panel{grid-column:1!important;}
  .studio-builder-modern .studio-section-list{grid-column:2!important;}
  .studio-builder-modern .studio-ux-commandbar{
    position:fixed!important;left:16px!important;top:96px!important;width:min(340px,calc(100vw - 32px))!important;max-height:calc(100vh - 120px)!important;z-index:10020!important;
    transform:translateX(calc(-100% - 28px))!important;opacity:0!important;pointer-events:none!important;transition:transform .22s ease,opacity .22s ease!important;
    box-shadow:0 34px 100px rgba(0,0,0,.62),0 0 0 9999px rgba(2,6,23,.36)!important;
  }
  .studio-builder-modern .studio-ux-commandbar.is-nav-open{transform:translateX(0)!important;opacity:1!important;pointer-events:auto!important;}
  .studio-floating-nav-button{display:inline-flex!important;position:fixed!important;left:16px!important;bottom:18px!important;z-index:10030!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(34,211,238,.38)!important;border-radius:999px!important;background:linear-gradient(135deg,rgba(124,92,255,.94),rgba(34,211,238,.94))!important;color:#fff!important;font-weight:1000!important;padding:12px 16px!important;box-shadow:0 20px 60px rgba(0,0,0,.45)!important;}
}
@media(max-width:1120px){
  .page-section.studio-page.studio-builder-modern{display:block!important;}
  .studio-builder-modern .studio-live-preview-panel,.studio-builder-modern .studio-section-list{position:relative!important;top:auto!important;max-height:none!important;margin-bottom:16px!important;overflow:visible!important;}
  .studio-builder-modern .studio-preview-frame-wrap{max-height:70vh!important;}
  .studio-builder-modern .form-grid.two,.studio-builder-modern .form-grid.three{grid-template-columns:1fr!important;}
  .studio-builder-modern .studio-section-card:not(.is-selected) .studio-inspector-tabs,
  .studio-builder-modern .studio-section-card:not(.is-selected) .studio-inspector-layout{display:block!important;}
  .studio-builder-modern .studio-section-card:not(.is-selected) .studio-card-actions .btn.tiny.secondary,
  .studio-builder-modern .studio-section-card:not(.is-selected) .studio-card-actions label.switch-line{display:flex!important;}
  .studio-builder-modern .studio-section-card.is-selected>.card-title-row,.studio-builder-modern .studio-inspector-tabs{position:relative!important;top:auto!important;}
}
@media(max-width:720px){
  .studio-builder-modern .studio-section-library-drawer{inset:10px!important;border-radius:22px!important;}
  .studio-builder-modern .studio-card-actions{justify-content:flex-start!important;}
  .studio-builder-modern .studio-section-card>.card-title-row{display:grid!important;grid-template-columns:1fr!important;}
}

/* Phase 5.0.0 - Studio Foundation Fix
   Fokus: echte Modal-Ebene, sichtbarer Navigator, weniger Formular-Chaos, erster Editor-Klick. */
.has-studio-library-open .admin-main{
  position:relative!important;
  z-index:20000!important;
  overflow:visible!important;
}
.has-studio-library-open .admin-sidebar{
  z-index:70!important;
}
.has-studio-library-open .studio-builder-modern .studio-section-library-drawer{
  z-index:21000!important;
}
.studio-builder-modern .studio-section-library-drawer{
  position:fixed!important;
  inset:28px!important;
  width:auto!important;
  max-width:none!important;
  max-height:calc(100vh - 56px)!important;
  display:none!important;
  grid-template-rows:auto auto minmax(0,1fr)!important;
  gap:16px!important;
  padding:22px!important;
  overflow:hidden!important;
  border-radius:30px!important;
  border:1px solid rgba(34,211,238,.34)!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(34,211,238,.20),transparent 34%),
    radial-gradient(circle at 88% 10%,rgba(139,92,246,.18),transparent 32%),
    linear-gradient(180deg,rgba(15,23,42,.985),rgba(2,6,23,.975))!important;
  box-shadow:0 44px 130px rgba(0,0,0,.78),0 0 0 9999px rgba(2,6,23,.72)!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  isolation:isolate!important;
}
.studio-builder-modern .studio-section-library-drawer.is-open{display:grid!important;}
.studio-builder-modern .studio-section-library-drawer .library-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:18px!important;
  align-items:start!important;
  margin:0!important;
  padding:0 0 16px!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  background:transparent!important;
  position:relative!important;
  top:auto!important;
}
.studio-builder-modern .studio-section-library-drawer .section-library-controls{
  display:grid!important;
  grid-template-columns:minmax(260px,360px) minmax(0,1fr)!important;
  gap:14px!important;
  margin:0!important;
  padding:0 0 12px!important;
  background:transparent!important;
}
.studio-builder-modern .studio-section-library-drawer .library-category-filter{
  max-height:104px!important;
  overflow:auto!important;
  justify-content:flex-start!important;
  align-content:flex-start!important;
}
.studio-builder-modern .studio-section-library-drawer .section-template-grid-rich{
  min-height:0!important;
  height:100%!important;
  overflow:auto!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;
  gap:14px!important;
  padding:2px 8px 2px 0!important;
}
.studio-builder-modern .studio-section-library-drawer .section-template-card.rich{
  min-height:170px!important;
  border-radius:20px!important;
  border-color:rgba(255,255,255,.11)!important;
  background:linear-gradient(180deg,rgba(30,41,59,.74),rgba(8,13,28,.86))!important;
}
.studio-builder-modern .studio-section-library-drawer .section-template-card.rich:hover,
.studio-builder-modern .studio-section-library-drawer .section-template-card.rich:focus-visible{
  transform:translateY(-2px)!important;
  border-color:rgba(34,211,238,.52)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.38),0 0 0 1px rgba(34,211,238,.12)!important;
}

/* Studio sichtbarer aufräumen: Kopfbereich kleiner, drei Zonen klarer, Inspector nicht als endloser Block. */
.page-section.studio-page.studio-builder-modern>.section-head{
  position:sticky;
  top:0;
  z-index:30;
  margin:-8px -2px 14px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(8,47,73,.80));
  backdrop-filter:blur(18px);
  box-shadow:0 18px 60px rgba(0,0,0,.28);
}
.page-section.studio-page.studio-builder-modern>.section-head h1{font-size:24px!important;line-height:1.05!important;margin:2px 0 4px!important;}
.page-section.studio-page.studio-builder-modern>.section-head p:not(.eyebrow){font-size:13px!important;line-height:1.4!important;max-width:720px!important;margin:0!important;}
.studio-builder-modern .studio-ux-commandbar::before,
.studio-builder-modern .studio-live-preview-panel::before,
.studio-builder-modern .studio-section-list::before{
  display:block;
  margin:0 0 10px;
  color:#67e8f9;
  font-size:11px;
  font-weight:1000;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.studio-builder-modern .studio-ux-commandbar::before{content:'1 · Struktur';}
.studio-builder-modern .studio-live-preview-panel::before{content:'2 · Canvas';}
.studio-builder-modern .studio-section-list::before{content:'3 · Inspector';position:sticky;top:0;z-index:9;padding:0 0 8px;background:linear-gradient(180deg,rgba(7,9,20,.98),rgba(7,9,20,.78));}
.studio-builder-modern .studio-ux-main p{display:none!important;}
.studio-builder-modern .studio-autosave-visual{display:none!important;}
.studio-builder-modern .studio-left-section-title span{display:none!important;}
.studio-builder-modern .studio-section-navigator{max-height:calc(100vh - 330px)!important;overflow:auto!important;padding-right:4px!important;}
.studio-builder-modern .studio-nav-chip{min-height:58px!important;}
.studio-builder-modern .studio-live-preview-panel .studio-preview-toolbar{padding-bottom:12px!important;margin-bottom:12px!important;}
.studio-builder-modern .studio-live-preview-panel .studio-preview-toolbar p:not(.eyebrow){display:none!important;}
.studio-builder-modern .studio-preview-frame-wrap{border-radius:20px!important;}
.studio-builder-modern .studio-section-card.is-selected>.card-title-row{top:0!important;}
.studio-builder-modern .studio-inspector-tabs{top:76px!important;}
.studio-builder-modern .studio-inspector-fields{gap:10px!important;}
.studio-builder-modern .inspector-group{padding:14px!important;}
.studio-builder-modern .inspector-group-head{margin-bottom:10px!important;}
.studio-builder-modern .inspector-group-head h3{font-size:17px!important;}
.studio-builder-modern .inspector-group label small{font-size:12px!important;color:#8fa5c8!important;}
.studio-builder-modern .rich-editor-surface[data-rich-editor-surface]{
  min-height:210px!important;
  cursor:text!important;
  user-select:text!important;
  -webkit-user-select:text!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
.studio-builder-modern .rich-editor-surface[data-rich-editor-surface]:focus{
  outline:none!important;
  border-color:rgba(34,211,238,.56)!important;
  box-shadow:0 0 0 3px rgba(34,211,238,.10), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
@media(max-width:1180px){
  .page-section.studio-page.studio-builder-modern>.section-head{position:relative;top:auto;}
  .studio-builder-modern .studio-section-library-drawer{inset:12px!important;max-height:calc(100vh - 24px)!important;border-radius:24px!important;}
  .studio-builder-modern .studio-section-library-drawer .library-head,
  .studio-builder-modern .studio-section-library-drawer .section-library-controls{grid-template-columns:1fr!important;}
}

/* Phase 5.0.1 - Studio Arbeitsbereich: verständlichere Labels, kompaktes Overlay, Autosave wieder sichtbar */
.page-section.studio-page.studio-builder-modern > .section-head .eyebrow,
.studio-builder-modern .studio-section-list::before,
.studio-builder-modern .studio-ux-commandbar::before,
.studio-builder-modern .studio-live-preview-panel::before{
  letter-spacing:.14em;
}
.studio-builder-modern .studio-section-list::before{
  content:'3 · Bearbeiten'!important;
  padding:10px 12px!important;
  margin:0 0 10px!important;
  border:1px solid rgba(34,211,238,.16)!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(34,211,238,.075),rgba(139,92,246,.055))!important;
}
.studio-builder-modern .studio-ux-commandbar::before{content:'1 · Seitenaufbau'!important;}
.studio-builder-modern .studio-live-preview-panel::before{content:'2 · Vorschau'!important;}
.studio-builder-modern .studio-section-list{
  scrollbar-gutter:stable;
}
.studio-builder-modern .studio-section-card.is-selected > .card-title-row{
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.studio-builder-modern .studio-section-title-wrap h2:before{
  content:'Bearbeite: ';
  color:#8fa5c8;
  font-weight:800;
  font-size:.78em;
}
.studio-builder-modern .studio-section-card:not(.is-selected) .studio-section-title-wrap h2:before{content:'';}
.studio-builder-modern .studio-inspector-tabs{
  top:74px!important;
  gap:7px!important;
}
.studio-builder-modern .studio-inspector-tabs button{
  min-height:36px!important;
  padding:.5rem .72rem!important;
}
.studio-builder-modern .inspector-group{
  border-radius:18px!important;
}
.studio-builder-modern .inspector-group-head h3{
  display:flex;
  align-items:center;
  gap:8px;
}
.studio-builder-modern .inspector-group-head h3:before{
  content:'';
  width:8px;
  height:8px;
  border-radius:999px;
  background:linear-gradient(135deg,#22d3ee,#8b5cf6);
  box-shadow:0 0 18px rgba(34,211,238,.55);
}

/* Autosave darf nicht verschwinden: als kompakte Statuskarte in der linken Leiste */
.studio-builder-modern .studio-autosave-visual{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:9px!important;
  padding:10px!important;
  margin-top:8px!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,rgba(6,182,212,.10),rgba(124,92,255,.07))!important;
  border:1px solid rgba(34,211,238,.20)!important;
}
.studio-builder-modern .studio-autosave-visual .autosave-stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
}
.studio-builder-modern .studio-autosave-visual .autosave-latest{
  display:block!important;
}
.studio-builder-modern .autosave-copy span{
  display:-webkit-box!important;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* Section-Auswahl: kleiner, nicht fullscreen, neben der Admin-Sidebar, aber über dem Inhalt */
.has-studio-library-open .admin-main{z-index:auto!important;overflow:visible!important;}
.has-studio-library-open .admin-sidebar{z-index:90!important;}
.studio-builder-modern .studio-section-library-drawer{
  position:fixed!important;
  top:72px!important;
  left:max(292px, calc(50vw - 420px))!important;
  right:24px!important;
  bottom:auto!important;
  width:auto!important;
  max-width:980px!important;
  height:auto!important;
  max-height:calc(100vh - 112px)!important;
  display:none!important;
  grid-template-rows:auto auto minmax(260px,1fr) auto!important;
  gap:14px!important;
  padding:18px!important;
  overflow:hidden!important;
  border-radius:24px!important;
  border:1px solid rgba(34,211,238,.32)!important;
  background:radial-gradient(circle at 10% 0%,rgba(34,211,238,.17),transparent 34%),linear-gradient(180deg,rgba(15,23,42,.985),rgba(3,7,18,.975))!important;
  box-shadow:0 34px 96px rgba(0,0,0,.72),0 0 0 9999px rgba(2,6,23,.48)!important;
  z-index:30000!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.studio-builder-modern .studio-section-library-drawer.is-open{display:grid!important;}
.studio-builder-modern .studio-section-library-drawer .library-head{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:14px!important;
  padding:0 0 12px!important;
  margin:0!important;
}
.studio-builder-modern .studio-section-library-drawer .library-head h2{
  font-size:1.22rem!important;
  margin:.05rem 0 .25rem!important;
}
.studio-builder-modern .studio-section-library-drawer .library-head .muted{
  font-size:.84rem!important;
  max-width:680px!important;
}
.studio-builder-modern .studio-section-library-drawer .section-library-controls{
  display:grid!important;
  grid-template-columns:minmax(220px,300px) minmax(0,1fr)!important;
  gap:12px!important;
  margin:0!important;
  padding:0!important;
}
.studio-builder-modern .studio-section-library-drawer .library-category-filter{
  max-height:88px!important;
  overflow:auto!important;
  justify-content:flex-start!important;
  padding-right:4px!important;
}
.studio-builder-modern .studio-section-library-drawer .library-category-filter button{
  min-height:34px!important;
  padding:7px 10px!important;
  font-size:.78rem!important;
}
.studio-builder-modern .studio-section-library-drawer .section-template-grid-rich{
  min-height:0!important;
  overflow:auto!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;
  gap:12px!important;
  padding:2px 6px 2px 0!important;
}
.studio-builder-modern .studio-section-library-drawer .section-template-card.rich{
  min-height:145px!important;
  border-radius:18px!important;
}
.studio-builder-modern .studio-section-library-drawer .section-template-card.rich small{
  pointer-events:none;
}
.studio-builder-modern .studio-section-library-drawer .library-empty-state{
  align-self:start;
}
@media(max-width:980px){
  .studio-builder-modern .studio-section-library-drawer{
    inset:14px!important;
    max-width:none!important;
    max-height:calc(100vh - 28px)!important;
    border-radius:22px!important;
  }
  .studio-builder-modern .studio-section-library-drawer .section-library-controls,
  .studio-builder-modern .studio-section-library-drawer .library-head{grid-template-columns:1fr!important;}
}


/* Phase 5.0.2 - Live-Vorschau & Autosave sichtbar/stabil */
.studio-builder-modern .studio-section-list::before{content:'3 · Bearbeiten'!important;}
.studio-builder-modern [data-preview-status].is-live{color:#67e8f9!important;font-weight:1000;}
.studio-builder-modern [data-preview-status].is-waiting{color:#facc15!important;font-weight:1000;}
.studio-builder-modern .studio-autosave-visual{
  position:relative!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:10px!important;
  overflow:hidden!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 45px rgba(0,0,0,.18)!important;
}
.studio-builder-modern .studio-autosave-visual::after{
  content:'';
  position:absolute;
  inset:auto 0 0 0;
  height:2px;
  background:linear-gradient(90deg,#22d3ee,#8b5cf6,#22d3ee);
  opacity:.55;
}
.studio-builder-modern .studio-autosave-visual .autosave-progress{
  display:block!important;
  height:5px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.08)!important;
  margin-top:8px!important;
}
.studio-builder-modern .studio-autosave-visual .autosave-progress i{
  display:block!important;
  width:0%;
  height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#22d3ee,#8b5cf6)!important;
  transition:width .22s ease!important;
}
.studio-builder-modern .studio-autosave-visual.is-waiting{border-color:rgba(250,204,21,.34)!important;background:linear-gradient(135deg,rgba(250,204,21,.10),rgba(34,211,238,.08))!important;}
.studio-builder-modern .studio-autosave-visual.is-saving{border-color:rgba(34,211,238,.48)!important;background:linear-gradient(135deg,rgba(34,211,238,.14),rgba(139,92,246,.10))!important;}
.studio-builder-modern .studio-autosave-visual.is-saved{border-color:rgba(74,222,128,.38)!important;background:linear-gradient(135deg,rgba(74,222,128,.11),rgba(34,211,238,.08))!important;}
.studio-builder-modern .studio-autosave-visual.is-error{border-color:rgba(248,113,113,.46)!important;background:linear-gradient(135deg,rgba(248,113,113,.12),rgba(139,92,246,.08))!important;}
.studio-builder-modern .studio-autosave-visual.is-waiting .autosave-orb span,
.studio-builder-modern .studio-autosave-visual.is-saving .autosave-orb span{animation:studioAutosavePulse 1.05s ease-in-out infinite!important;}
@keyframes studioAutosavePulse{0%,100%{transform:scale(.78);opacity:.55}50%{transform:scale(1.08);opacity:1}}

/* Phase 5.1.0 - Studio UX Redesign (auf bestätigtem 5.0.2-Live/Autosave-Stand)
   Ziel: sichtbarer Page-Builder-Workflow, ohne die bestätigten Live-Preview-/Autosave-Controller zu verändern. */
.studio-builder-modern{
  --studio-panel-bg: linear-gradient(180deg, rgba(17, 28, 47, .92), rgba(9, 12, 26, .94));
  --studio-panel-border: rgba(34,211,238,.2);
  --studio-soft: rgba(148,163,184,.12);
}
.studio-builder-modern>.section-head{
  border:1px solid rgba(34,211,238,.16);
  background:radial-gradient(circle at 12% 0%, rgba(34,211,238,.18), transparent 34%), linear-gradient(135deg, rgba(15,23,42,.94), rgba(8,13,31,.92));
  border-radius:24px;
  padding:18px 20px;
  box-shadow:0 22px 70px rgba(0,0,0,.24);
}
.studio-builder-modern>.section-head h1{font-size:clamp(1.55rem,2vw,2.3rem);letter-spacing:-.035em;}
.studio-builder-modern>.section-head p:not(.eyebrow){max-width:760px;color:#b8c3df;}
.studio-builder-modern .studio-live-preview-panel,
.studio-builder-modern .studio-ux-commandbar,
.studio-builder-modern .studio-section-card,
.studio-builder-modern .save-panel{
  border-color:var(--studio-panel-border);
  background:var(--studio-panel-bg);
}
.studio-builder-modern .studio-live-preview-panel{padding:18px;border-radius:24px;}
.studio-builder-modern .studio-preview-toolbar{
  position:sticky;
  top:14px;
  z-index:12;
  padding:10px 10px 14px;
  margin:-4px -4px 14px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(15,23,42,.94), rgba(15,23,42,.76));
  backdrop-filter:blur(18px);
  border:1px solid rgba(255,255,255,.06);
}
.studio-builder-modern .studio-preview-toolbar h2{margin:.08rem 0 .25rem;font-size:1.22rem;}
.studio-builder-modern .studio-preview-frame-wrap{border-radius:22px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 24px 80px rgba(0,0,0,.36);}
.studio-builder-modern .studio-ux-commandbar{
  border-radius:24px;
  box-shadow:0 22px 70px rgba(0,0,0,.22);
}
.studio-builder-modern .studio-ux-main .eyebrow:before,
.studio-builder-modern .studio-preview-toolbar .eyebrow:before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:999px;background:#22d3ee;box-shadow:0 0 22px rgba(34,211,238,.75);vertical-align:middle;}
.studio-builder-modern .studio-ux-actions{
  padding:10px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:18px;
  background:rgba(255,255,255,.035);
}
.studio-builder-modern .studio-add-area-btn{
  background:linear-gradient(135deg, rgba(139,92,246,.95), rgba(34,211,238,.92))!important;
  border-color:rgba(255,255,255,.16)!important;
  color:#fff!important;
  box-shadow:0 12px 34px rgba(34,211,238,.18);
}
.studio-workflow-strip{
  display:grid;
  grid-template-columns:1fr;
  gap:7px;
  padding:11px;
  border-radius:18px;
  border:1px solid rgba(34,211,238,.15);
  background:linear-gradient(180deg,rgba(34,211,238,.075),rgba(139,92,246,.045));
}
.studio-workflow-strip span{display:flex;align-items:center;gap:8px;color:#cbd5e1;font-size:.82rem;font-weight:800;}
.studio-workflow-strip b{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:rgba(34,211,238,.16);border:1px solid rgba(34,211,238,.28);color:#67e8f9;font-size:.72rem;}
.studio-builder-modern .studio-left-section-title{
  padding:12px 13px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
}
.studio-builder-modern .studio-left-section-title strong{font-size:1rem;}
.studio-builder-modern .studio-left-section-title span{display:block;margin-top:4px;color:#aeb9d6;font-size:.8rem;line-height:1.42;}
.studio-builder-modern .studio-section-navigator{gap:8px;max-height:360px;}
.studio-builder-modern .studio-nav-chip{
  display:grid;
  grid-template-columns:auto 1fr;
  column-gap:10px;
  row-gap:1px;
  text-align:left;
  border-radius:18px;
  padding:11px 12px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.075);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.studio-builder-modern .studio-nav-chip:hover{transform:translateY(-1px);border-color:rgba(34,211,238,.26);background:rgba(34,211,238,.07);}
.studio-builder-modern .studio-nav-chip strong{grid-row:1/3;align-self:center;}
.studio-builder-modern .studio-nav-chip span{font-size:.82rem;letter-spacing:.05em;text-transform:uppercase;}
.studio-builder-modern .studio-nav-chip em{font-size:.78rem;color:#aeb9d6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.studio-builder-modern .studio-section-list{
  border-left:1px solid rgba(34,211,238,.18);
  padding-left:14px;
}
.studio-builder-modern .studio-section-list:before{
  content:"Bearbeiten";
  display:flex;
  align-items:center;
  gap:8px;
  position:sticky;
  top:0;
  z-index:18;
  margin:0 0 10px;
  padding:10px 12px;
  border-radius:16px;
  border:1px solid rgba(34,211,238,.18);
  background:linear-gradient(135deg, rgba(8,13,31,.96), rgba(15,23,42,.88));
  color:#67e8f9;
  font-size:.78rem;
  font-weight:950;
  letter-spacing:.16em;
  text-transform:uppercase;
  backdrop-filter:blur(16px);
}
.studio-builder-modern .studio-section-card{border-radius:24px;overflow:hidden;}
.studio-builder-modern .studio-section-card.is-selected>.card-title-row{
  background:radial-gradient(circle at 0% 0%,rgba(34,211,238,.22),transparent 36%),linear-gradient(135deg,rgba(24,40,68,.92),rgba(24,27,55,.94));
}
.studio-builder-modern .studio-section-card:not(.is-selected){opacity:.82;}
.studio-builder-modern .studio-section-card:not(.is-selected):hover{opacity:1;border-color:rgba(34,211,238,.25);}
.studio-builder-modern .studio-inspector-tabs{
  position:sticky;
  top:42px;
  z-index:15;
  background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(15,23,42,.84));
  backdrop-filter:blur(18px);
}
.studio-builder-modern .inspector-group{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.studio-builder-modern .inspector-group-head h3{font-size:1.05rem;}
.studio-builder-modern .inspector-group-head span{font-size:.8rem;color:#aeb9d6;}
body.has-studio-library-open .studio-section-library-drawer.is-open,
.studio-section-library-drawer.is-open{
  width:min(980px, calc(100vw - 340px));
  max-height:calc(100vh - 112px);
  left:calc(280px + (100vw - 280px)/2)!important;
  right:auto!important;
  top:72px!important;
  transform:translateX(-50%)!important;
  border-radius:26px!important;
  padding:20px!important;
  box-shadow:0 34px 120px rgba(0,0,0,.55),0 0 0 1px rgba(34,211,238,.24)!important;
}
.studio-section-library-drawer.is-open .library-head{
  padding:14px 14px 16px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.075);
  background:linear-gradient(135deg,rgba(34,211,238,.08),rgba(139,92,246,.06));
}
.studio-section-library-drawer.is-open .section-library-controls{
  position:sticky;
  top:0;
  z-index:3;
  padding:12px;
  border-radius:20px;
  background:rgba(9,12,26,.88);
  border:1px solid rgba(255,255,255,.075);
  backdrop-filter:blur(16px);
}
.studio-section-library-drawer.is-open .section-template-grid-rich{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:auto;max-height:calc(100vh - 370px);padding-right:6px;}
.studio-section-library-drawer.is-open .section-template-card.rich{min-height:132px;}
@media(max-width:1180px){
  body.has-studio-library-open .studio-section-library-drawer.is-open,
  .studio-section-library-drawer.is-open{left:50%!important;width:calc(100vw - 28px);max-height:calc(100vh - 52px);top:26px!important;}
  .studio-section-library-drawer.is-open .section-template-grid-rich{grid-template-columns:repeat(2,minmax(0,1fr));max-height:calc(100vh - 330px);}
  .studio-builder-modern .studio-section-list{border-left:0;padding-left:0;}
  .studio-builder-modern .studio-section-list:before{top:0;}
}
@media(max-width:720px){
  .studio-section-library-drawer.is-open .section-template-grid-rich{grid-template-columns:1fr;}
  .studio-builder-modern .studio-preview-toolbar{position:relative;top:auto;}
  .studio-workflow-strip{grid-template-columns:1fr;}
}

/* Phase 5.1.1 - Studio usability fixes: overlay sizing, visible insert actions, focus mode, collapse and drag states */
body.has-studio-library-open{overflow:hidden!important;}
body.has-studio-library-open::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:99980;
  background:rgba(2,6,23,.62);
  backdrop-filter:blur(8px);
  pointer-events:none;
}
body.has-studio-library-open .studio-section-library-drawer.is-open,
.studio-section-library-drawer.is-open{
  position:fixed!important;
  z-index:99990!important;
  top:78px!important;
  left:max(292px,calc(env(safe-area-inset-left,0px) + 292px))!important;
  right:auto!important;
  bottom:auto!important;
  width:min(980px,calc(100vw - 330px))!important;
  max-width:980px!important;
  height:auto!important;
  max-height:calc(100vh - 118px)!important;
  display:grid!important;
  grid-template-rows:auto auto minmax(0,1fr) auto!important;
  gap:14px!important;
  padding:20px!important;
  border-radius:26px!important;
  border:1px solid rgba(34,211,238,.26)!important;
  background:linear-gradient(145deg,rgba(15,23,42,.98),rgba(8,13,27,.98))!important;
  box-shadow:0 34px 90px rgba(0,0,0,.58),0 0 0 1px rgba(255,255,255,.05) inset!important;
  overflow:hidden!important;
  transform:none!important;
}
.studio-section-library-drawer.is-open .library-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:16px!important;align-items:start!important;}
.studio-section-library-drawer.is-open .section-library-controls{display:grid!important;grid-template-columns:minmax(240px,1fr) minmax(0,1.5fr)!important;gap:14px!important;align-items:start!important;}
.studio-section-library-drawer.is-open .library-category-filter{display:flex!important;flex-wrap:wrap!important;gap:8px!important;max-height:92px!important;overflow:auto!important;padding:2px 2px 6px!important;}
.studio-section-library-drawer.is-open .section-template-grid-rich{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:12px!important;
  min-height:0!important;
  max-height:calc(100vh - 360px)!important;
  overflow:auto!important;
  padding:2px 8px 20px 2px!important;
  align-content:start!important;
}
.studio-section-library-drawer.is-open .section-template-card.rich{
  min-height:136px!important;
  height:auto!important;
  padding:14px!important;
  display:grid!important;
  grid-template-rows:auto auto minmax(38px,1fr) auto!important;
  gap:8px!important;
  overflow:visible!important;
}
.studio-section-library-drawer.is-open .section-template-card.rich strong{font-size:1rem!important;line-height:1.2!important;margin:0!important;}
.studio-section-library-drawer.is-open .section-template-card.rich span:not(.section-template-topline){font-size:.86rem!important;line-height:1.36!important;max-height:3.8em!important;overflow:hidden!important;}
.studio-section-library-drawer.is-open .section-template-card.rich small{
  position:relative!important;
  z-index:2!important;
  margin-top:4px!important;
  width:100%!important;
  justify-content:center!important;
  align-items:center!important;
  min-height:34px!important;
  padding:8px 10px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
.studio-section-library-drawer.is-open .section-template-card.rich:focus-visible{outline:2px solid rgba(34,211,238,.85)!important;outline-offset:2px!important;}
.studio-section-library-drawer.is-open .section-template-card.rich.is-filtered-out{display:none!important;}

.studio-sections-form.is-compact-studio .studio-live-preview-panel{display:block!important;}
.studio-sections-form.is-compact-studio .studio-inspector-intro{display:none!important;}
.studio-sections-form.is-compact-studio .studio-workflow-strip{display:none!important;}
.studio-sections-form.is-compact-studio .studio-ux-commandbar{gap:10px!important;padding:14px!important;}
.studio-sections-form.is-compact-studio .studio-nav-chip{padding:9px 10px!important;grid-template-columns:28px minmax(0,1fr)!important;}
.studio-sections-form.is-compact-studio .studio-nav-chip em{display:none!important;}
.studio-sections-form.is-compact-studio [data-studio-toggle-compact]{border-color:rgba(34,211,238,.45)!important;background:linear-gradient(135deg,rgba(34,211,238,.22),rgba(139,92,246,.18))!important;color:#fff!important;}

.studio-section-card.is-collapsed .studio-inspector-tabs,
.studio-section-card.is-collapsed .studio-inspector-layout,
.studio-section-card.is-collapsed .section-specific-options,
.studio-section-card.is-collapsed .preview-note-grid{display:none!important;}
.studio-section-card.is-collapsed{padding-bottom:0!important;}
.studio-section-card.is-dragging{opacity:.52!important;transform:scale(.995)!important;border-color:rgba(34,211,238,.65)!important;}
.studio-section-card.is-drop-before{box-shadow:0 -4px 0 rgba(34,211,238,.8),0 20px 45px rgba(0,0,0,.25)!important;}
.studio-section-card.is-drop-after{box-shadow:0 4px 0 rgba(34,211,238,.8),0 20px 45px rgba(0,0,0,.25)!important;}
.studio-drag-handle{cursor:grab!important;user-select:none!important;}
.studio-section-card[draggable="true"]:active .studio-drag-handle{cursor:grabbing!important;}
.studio-card-actions .btn[data-collapse-section]{min-width:88px;}

@media(max-width:1320px){
  body.has-studio-library-open .studio-section-library-drawer.is-open,
  .studio-section-library-drawer.is-open{left:24px!important;width:calc(100vw - 48px)!important;max-width:none!important;top:64px!important;max-height:calc(100vh - 92px)!important;}
  .studio-section-library-drawer.is-open .section-template-grid-rich{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  body.has-studio-library-open .studio-section-library-drawer.is-open,
  .studio-section-library-drawer.is-open{left:12px!important;width:calc(100vw - 24px)!important;top:12px!important;max-height:calc(100vh - 24px)!important;border-radius:20px!important;}
  .studio-section-library-drawer.is-open .library-head,
  .studio-section-library-drawer.is-open .section-library-controls{grid-template-columns:1fr!important;}
  .studio-section-library-drawer.is-open .section-template-grid-rich{grid-template-columns:1fr!important;max-height:calc(100vh - 360px)!important;}
}

/* Phase 5.1.2 - Bearbeiten-Spalte im eingeklappten Zustand aufräumen + Corvyn Branding-Feinschliff */
.studio-builder-modern .studio-section-list::before{
  content:'3 · Bereiche bearbeiten'!important;
  min-height:44px!important;
  align-items:center!important;
  justify-content:flex-start!important;
  box-shadow:0 16px 40px rgba(0,0,0,.18)!important;
}
.studio-builder-modern .studio-section-list{
  background:linear-gradient(180deg,rgba(34,211,238,.035),rgba(139,92,246,.018) 42%,transparent)!important;
  border-radius:24px!important;
  padding-top:0!important;
}
.studio-builder-modern .studio-section-card.is-collapsed{
  min-height:auto!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(15,23,42,.86),rgba(9,12,26,.90))!important;
  box-shadow:0 14px 36px rgba(0,0,0,.18)!important;
}
.studio-builder-modern .studio-section-card.is-collapsed.is-selected{
  border-color:rgba(34,211,238,.40)!important;
  box-shadow:0 0 0 1px rgba(34,211,238,.18),0 18px 52px rgba(0,0,0,.28)!important;
}
.studio-builder-modern .studio-section-card.is-collapsed > .card-title-row{
  padding:16px 18px!important;
  border-bottom:0!important;
  background:linear-gradient(135deg,rgba(15,23,42,.84),rgba(17,24,39,.72))!important;
  align-items:center!important;
}
.studio-builder-modern .studio-section-card.is-collapsed.is-selected > .card-title-row{
  background:radial-gradient(circle at 0 0,rgba(34,211,238,.16),transparent 36%),linear-gradient(135deg,rgba(24,40,68,.86),rgba(24,27,55,.88))!important;
}
.studio-builder-modern .studio-section-card.is-collapsed .studio-section-title-wrap{
  align-items:center!important;
}
.studio-builder-modern .studio-section-card.is-collapsed .studio-section-title-wrap h2{
  font-size:1.12rem!important;
  margin:0!important;
}
.studio-builder-modern .studio-section-card.is-collapsed .studio-section-title-wrap h2:before{
  content:''!important;
}
.studio-builder-modern .studio-section-card.is-collapsed .section-status-row{
  margin-top:7px!important;
}
.studio-builder-modern .studio-section-card.is-collapsed .studio-card-actions{
  gap:8px!important;
}
.studio-builder-modern .studio-section-card.is-collapsed .studio-card-actions .btn[data-move-section],
.studio-builder-modern .studio-section-card.is-collapsed .studio-card-actions .btn[data-collapse-section],
.studio-builder-modern .studio-section-card.is-collapsed .studio-card-actions .btn[data-remove-section]{
  display:inline-flex!important;
}
.studio-builder-modern .studio-section-card.is-collapsed .studio-card-actions .switch-line{
  display:inline-flex!important;
}
.studio-builder-modern .studio-section-card.is-collapsed .btn[data-collapse-section]{
  background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(139,92,246,.16))!important;
  border-color:rgba(34,211,238,.32)!important;
  color:#e0faff!important;
}
.studio-builder-modern .studio-section-list.is-all-collapsed::after{
  content:'Alle Bereiche sind eingeklappt. Wähle „Öffnen“, um Inhalte zu bearbeiten, oder verschiebe Bereiche per Griff.';
  display:block;
  margin:12px 0 0 0;
  padding:13px 14px;
  border-radius:18px;
  border:1px dashed rgba(34,211,238,.28);
  background:linear-gradient(135deg,rgba(34,211,238,.08),rgba(139,92,246,.055));
  color:#b9c7e6;
  font-size:.86rem;
  line-height:1.45;
}
.admin-sidebar .brand .brand-mark,
.login-brand-row .brand-mark{
  background:linear-gradient(135deg,#22d3ee,#8b5cf6)!important;
}

/* Phase 5.1.3 - Studio polish: Bearbeiten-Spalte und Bereich-Bibliothek final sauberer */
.studio-builder-modern .studio-section-list{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  align-self:start!important;
  padding:0 12px 18px 14px!important;
  border-left:1px solid rgba(34,211,238,.16)!important;
  background:linear-gradient(180deg,rgba(34,211,238,.045),rgba(139,92,246,.025) 40%,rgba(2,6,23,.10))!important;
  border-radius:24px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.studio-builder-modern .studio-section-list::before{
  flex:0 0 auto!important;
  content:'3 · Bereiche bearbeiten'!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  min-height:46px!important;
  margin:0 0 2px!important;
  padding:11px 14px!important;
  border-radius:18px!important;
  border:1px solid rgba(34,211,238,.22)!important;
  background:radial-gradient(circle at 0 0,rgba(34,211,238,.16),transparent 36%),linear-gradient(135deg,rgba(15,23,42,.96),rgba(10,15,31,.92))!important;
  color:#67e8f9!important;
  font-size:.78rem!important;
  font-weight:1000!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  box-shadow:0 14px 36px rgba(0,0,0,.20)!important;
}
.studio-builder-modern .studio-section-list.is-all-collapsed,
.studio-builder-modern .studio-section-list.has-no-open-section{
  max-height:none!important;
  overflow:visible!important;
  padding-bottom:18px!important;
}
.studio-builder-modern .studio-section-list.is-all-collapsed .studio-section-card,
.studio-builder-modern .studio-section-list.has-no-open-section .studio-section-card{
  flex:0 0 auto!important;
}
.studio-builder-modern .studio-section-card.is-collapsed{
  border-radius:24px!important;
  background:linear-gradient(135deg,rgba(15,23,42,.88),rgba(9,14,29,.92))!important;
  border-color:rgba(255,255,255,.085)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.studio-builder-modern .studio-section-card.is-collapsed > .card-title-row{
  min-height:96px!important;
  padding:16px 18px!important;
  gap:14px!important;
  align-items:center!important;
}
.studio-builder-modern .studio-section-card.is-collapsed .studio-section-title-wrap h2{
  font-size:1.18rem!important;
  line-height:1.12!important;
}
.studio-builder-modern .studio-section-card.is-collapsed .studio-card-actions{
  align-items:center!important;
}
.studio-builder-modern .studio-section-list.is-all-collapsed::after,
.studio-builder-modern .studio-section-list.has-no-open-section::after{
  content:'Tipp: Öffne einen Bereich zum Bearbeiten oder nutze den Griff links, um Bereiche per Drag & Drop zu sortieren.'!important;
  display:block!important;
  margin:2px 0 0!important;
  padding:14px 15px!important;
  border-radius:18px!important;
  border:1px dashed rgba(34,211,238,.28)!important;
  background:linear-gradient(135deg,rgba(34,211,238,.08),rgba(139,92,246,.055))!important;
  color:#b9c7e6!important;
  font-size:.86rem!important;
  line-height:1.45!important;
}

/* Bereich-Bibliothek: Button bleibt innerhalb der Karte und ragt nicht in die nächste Karte */
body.has-studio-library-open .studio-section-library-drawer.is-open,
.studio-section-library-drawer.is-open{
  width:min(920px,calc(100vw - 340px))!important;
  max-height:calc(100vh - 110px)!important;
}
.studio-section-library-drawer.is-open .section-template-grid-rich{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:start!important;
  overflow:auto!important;
  max-height:calc(100vh - 360px)!important;
  padding:3px 8px 22px 3px!important;
}
.studio-section-library-drawer.is-open .section-template-card.rich{
  display:flex!important;
  flex-direction:column!important;
  min-height:174px!important;
  height:auto!important;
  padding:15px!important;
  gap:9px!important;
  overflow:hidden!important;
  border-radius:20px!important;
}
.studio-section-library-drawer.is-open .section-template-card.rich .section-template-topline{
  flex:0 0 auto!important;
  min-height:26px!important;
}
.studio-section-library-drawer.is-open .section-template-card.rich strong{
  flex:0 0 auto!important;
  font-size:1rem!important;
  line-height:1.2!important;
  margin:0!important;
}
.studio-section-library-drawer.is-open .section-template-card.rich span:not(.section-template-topline){
  flex:1 1 auto!important;
  min-height:42px!important;
  max-height:4.15em!important;
  overflow:hidden!important;
  font-size:.86rem!important;
  line-height:1.38!important;
}
.studio-section-library-drawer.is-open .section-template-card.rich small{
  flex:0 0 auto!important;
  position:static!important;
  transform:none!important;
  margin:6px 0 0!important;
  width:100%!important;
  max-width:100%!important;
  min-height:36px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  border-radius:999px!important;
}
@media(max-width:1320px){
  body.has-studio-library-open .studio-section-library-drawer.is-open,
  .studio-section-library-drawer.is-open{width:calc(100vw - 48px)!important;left:24px!important;}
  .studio-section-library-drawer.is-open .section-template-grid-rich{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:760px){
  .studio-section-library-drawer.is-open .section-template-grid-rich{grid-template-columns:1fr!important;}
}


/* Phase 5.1.4 - Studio polish: ruhigere Bearbeiten-Spalte und sauber ausgerichteter Kopf */
.studio-builder-modern .studio-section-list{
  gap:12px!important;
  padding:0!important;
  border-left:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
}
.studio-builder-modern .studio-section-list::before{
  content:'3 · Bereiche bearbeiten'!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0 0 8px!important;
  padding:12px 16px!important;
  min-height:52px!important;
  border-radius:18px!important;
  border:1px solid rgba(34,211,238,.22)!important;
  background:radial-gradient(circle at 0 0,rgba(34,211,238,.18),transparent 34%),linear-gradient(135deg,rgba(15,23,42,.96),rgba(9,14,29,.92))!important;
  box-shadow:0 16px 42px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.studio-builder-modern .studio-section-list .studio-section-card{
  width:100%!important;
  box-sizing:border-box!important;
  margin:0!important;
}
.studio-builder-modern .studio-section-card.is-collapsed{
  overflow:hidden!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(13,21,38,.88),rgba(8,12,25,.92))!important;
  border:1px solid rgba(148,163,184,.105)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.studio-builder-modern .studio-section-card.is-collapsed.is-selected{
  border-color:rgba(34,211,238,.35)!important;
  box-shadow:0 0 0 1px rgba(34,211,238,.12),0 16px 44px rgba(0,0,0,.24)!important;
}
.studio-builder-modern .studio-section-card.is-collapsed > .card-title-row{
  min-height:84px!important;
  padding:14px 16px!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:13px!important;
  align-items:center!important;
  background:linear-gradient(135deg,rgba(18,29,50,.74),rgba(12,16,32,.82))!important;
}
.studio-builder-modern .studio-section-card.is-collapsed.is-selected > .card-title-row{
  background:linear-gradient(135deg,rgba(22,39,65,.76),rgba(23,26,52,.76))!important;
}
.studio-builder-modern .studio-section-card.is-collapsed .studio-section-title-wrap{
  min-width:0!important;
}
.studio-builder-modern .studio-section-card.is-collapsed .studio-section-title-wrap .eyebrow{
  margin-bottom:3px!important;
  font-size:.72rem!important;
  letter-spacing:.14em!important;
}
.studio-builder-modern .studio-section-card.is-collapsed .studio-section-title-wrap h2{
  font-size:1.12rem!important;
  line-height:1.1!important;
  margin:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.studio-builder-modern .studio-section-card.is-collapsed .section-status-row{
  margin-top:6px!important;
  gap:6px!important;
}
.studio-builder-modern .studio-section-card.is-collapsed .section-status-row .pill{
  min-height:24px!important;
  padding:4px 9px!important;
  font-size:.68rem!important;
}
.studio-builder-modern .studio-section-card.is-collapsed .studio-card-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  flex-wrap:nowrap!important;
}
.studio-builder-modern .studio-section-card.is-collapsed .studio-card-actions .btn{
  min-height:34px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  line-height:1!important;
}
.studio-builder-modern .studio-section-card.is-collapsed .studio-card-actions .btn[data-move-section]{
  width:34px!important;
  min-width:34px!important;
  padding:0!important;
  font-size:0!important;
}
.studio-builder-modern .studio-section-card.is-collapsed .studio-card-actions .btn[data-move-section]::before{
  font-size:14px!important;
  line-height:1!important;
}
.studio-builder-modern .studio-section-card.is-collapsed .studio-card-actions .btn[data-move-section][value="up"]::before{content:'↑';}
.studio-builder-modern .studio-section-card.is-collapsed .studio-card-actions .btn[data-move-section][value="down"]::before{content:'↓';}
.studio-builder-modern .studio-section-card.is-collapsed .btn[data-collapse-section]{
  min-width:74px!important;
}
.studio-builder-modern .studio-section-card.is-collapsed .studio-remove-section-btn{
  min-width:84px!important;
}
.studio-builder-modern .studio-section-card.is-collapsed .switch-line{
  min-height:34px!important;
  padding:7px 10px!important;
  border-radius:14px!important;
  white-space:nowrap!important;
}
.studio-builder-modern .studio-drag-handle{
  width:38px!important;
  height:38px!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:15px!important;
  background:rgba(15,23,42,.55)!important;
}
.studio-builder-modern .studio-section-list.is-all-collapsed::after,
.studio-builder-modern .studio-section-list.has-no-open-section::after{
  margin:0!important;
  padding:12px 14px!important;
  border-radius:16px!important;
  font-size:.82rem!important;
}
@media(max-width:1500px){
  .studio-builder-modern .studio-section-card.is-collapsed > .card-title-row{
    grid-template-columns:auto minmax(0,1fr)!important;
  }
  .studio-builder-modern .studio-section-card.is-collapsed .studio-card-actions{
    grid-column:2!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    margin-top:4px!important;
  }
}

/* Phase 5.1.5 - Studio: eingeklappte Bereichskarten final beruhigen
   Hoch/Runter wurde aus dem UI entfernt, weil Drag & Drop die modernere Sortierung ist. */
.studio-builder-modern .studio-section-card.is-collapsed{
  padding:0!important;
  min-height:0!important;
  display:block!important;
}
.studio-builder-modern .studio-section-card.is-collapsed > .card-title-row{
  margin:0!important;
  min-height:76px!important;
  border-radius:20px!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
.studio-builder-modern .studio-section-card.is-collapsed .studio-inspector-tabs,
.studio-builder-modern .studio-section-card.is-collapsed .studio-inspector-layout{
  display:none!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}
.studio-builder-modern .studio-section-card.is-collapsed .studio-card-actions [data-move-section]{
  display:none!important;
}
.studio-builder-modern .studio-section-card.is-collapsed .studio-card-actions{
  gap:8px!important;
}
.studio-builder-modern .studio-section-card.is-collapsed .studio-card-actions .btn[data-collapse-section]{
  min-width:76px!important;
}
.studio-builder-modern .studio-section-card.is-collapsed .studio-remove-section-btn{
  min-width:92px!important;
}
.studio-builder-modern .studio-section-card.is-collapsed .switch-line{
  margin:0!important;
}
.studio-builder-modern .studio-section-card.is-collapsed.is-selected{
  background:linear-gradient(135deg,rgba(13,25,42,.98),rgba(9,14,29,.98))!important;
}
.studio-builder-modern .studio-section-card.is-collapsed.is-selected > .card-title-row{
  background:linear-gradient(135deg,rgba(20,39,65,.86),rgba(22,27,53,.88))!important;
}
@media(max-width:1500px){
  .studio-builder-modern .studio-section-card.is-collapsed > .card-title-row{
    grid-template-columns:auto minmax(0,1fr) auto!important;
  }
  .studio-builder-modern .studio-section-card.is-collapsed .studio-card-actions{
    grid-column:auto!important;
    margin-top:0!important;
  }
}
@media(max-width:760px){
  .studio-builder-modern .studio-section-card.is-collapsed > .card-title-row{
    grid-template-columns:auto minmax(0,1fr)!important;
  }
  .studio-builder-modern .studio-section-card.is-collapsed .studio-card-actions{
    grid-column:2!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    margin-top:8px!important;
  }
}

/* Phase 5.2.0: echte Funktionsfelder für Bereichstypen */
.section-specific-options .inspector-group-head h3{display:flex;align-items:center;gap:.55rem}
.section-specific-options .type-help-card{border-color:rgba(34,211,238,.22);background:linear-gradient(135deg,rgba(14,165,233,.09),rgba(124,58,237,.07));}
.function-media-row,.function-item-row{grid-template-columns:auto 74px minmax(0,1fr) auto!important;align-items:stretch;padding:12px!important;gap:12px!important}
.function-item-row{grid-template-columns:auto minmax(0,1fr) auto!important}
.function-row-fields{display:flex;flex-direction:column;gap:9px;min-width:0}
.function-row-fields label{display:flex;flex-direction:column;gap:5px;margin:0!important}
.function-row-fields label span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--admin-muted,#a9b5d1);font-weight:900}
.function-row-fields input,.function-row-fields textarea{width:100%;min-width:0;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(2,6,18,.74);color:var(--text);padding:10px 12px;font-weight:700;outline:none;resize:vertical}
.function-row-fields textarea{min-height:48px;line-height:1.35;font-family:inherit}
.function-row-fields input:focus,.function-row-fields textarea:focus{border-color:rgba(34,211,238,.48);box-shadow:0 0 0 3px rgba(34,211,238,.09)}
.function-row-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.media-row-preview{width:74px;min-height:74px;border:1px solid rgba(34,211,238,.22);border-radius:16px;background:linear-gradient(135deg,rgba(15,23,42,.8),rgba(2,6,18,.78));display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--admin-muted,#a9b5d1);font-weight:900;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}
.media-row-preview img{width:100%;height:100%;object-fit:cover;display:block}
.function-row-actions{display:flex;flex-direction:column;gap:8px;align-self:stretch;justify-content:center;min-width:82px}
.function-row-actions .btn{width:100%}
.cms-media-card figcaption{display:flex;flex-direction:column;gap:.2rem;margin-top:.55rem;color:inherit}
.cms-media-card figcaption span,.cms-item-card small,.cms-tab-card span{color:var(--muted,#a9b5d1)}
.cms-item-card em{font-style:normal;display:inline-flex;align-items:center;align-self:flex-start;padding:.22rem .55rem;border-radius:999px;background:rgba(34,211,238,.12);color:#67e8f9;font-weight:900;font-size:.78rem;margin-bottom:.35rem}
.cms-tabs-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1rem}
.cms-tab-card{border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(15,23,42,.62);padding:1rem;display:flex;flex-direction:column;gap:.45rem}
@media (max-width:900px){.function-media-row,.function-item-row{grid-template-columns:auto minmax(0,1fr)!important}.media-row-preview{grid-column:2}.function-row-actions{grid-column:2;flex-direction:row}.function-row-split{grid-template-columns:1fr}}

/* Phase 5.2.1 - Funktionen direkt vorne, ohne Alles-Tab, mit sauberem Bearbeiten-Scroll */
.studio-builder-modern .studio-inspector-tabs [data-inspector-tab="all"]{display:none!important;}
.studio-builder-modern .studio-section-card[data-inspector-mode="structure"] [data-inspector-group]:not([data-inspector-group="structure"]),
.studio-builder-modern .studio-section-card[data-inspector-mode="design"] [data-inspector-group]:not([data-inspector-group="design"]),
.studio-builder-modern .studio-section-card[data-inspector-mode="content"] [data-inspector-group]:not([data-inspector-group="content"]),
.studio-builder-modern .studio-section-card[data-inspector-mode="specific"] [data-inspector-group]:not([data-inspector-group="specific"]),
.studio-builder-modern .studio-section-card[data-inspector-mode="action"] [data-inspector-group]:not([data-inspector-group="action"]),
.studio-builder-modern .studio-section-card[data-inspector-mode="responsive"] [data-inspector-group]:not([data-inspector-group="responsive"]){display:none!important;}
.studio-builder-modern .studio-section-card[data-inspector-mode="specific"] .section-specific-options{display:block!important;}
.studio-builder-modern .studio-section-card.is-selected{display:flex;flex-direction:column;max-height:calc(100vh - 132px);}
.studio-builder-modern .studio-section-card.is-selected>.card-title-row{flex:0 0 auto;}
.studio-builder-modern .studio-section-card.is-selected>.studio-inspector-tabs{flex:0 0 auto;position:sticky;top:0;z-index:8;background:linear-gradient(180deg,rgba(13,21,39,.98),rgba(13,21,39,.92));backdrop-filter:blur(12px);}
.studio-builder-modern .studio-section-card.is-selected>.studio-inspector-layout{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:20px!important;scrollbar-width:thin;scrollbar-color:rgba(34,211,238,.55) rgba(15,23,42,.38);}
.studio-builder-modern .studio-section-card.is-selected>.studio-inspector-layout::-webkit-scrollbar,
.studio-builder-modern .specific-repeater-list::-webkit-scrollbar{width:10px;height:10px;}
.studio-builder-modern .studio-section-card.is-selected>.studio-inspector-layout::-webkit-scrollbar-track,
.studio-builder-modern .specific-repeater-list::-webkit-scrollbar-track{background:rgba(15,23,42,.42);border-radius:999px;border:1px solid rgba(255,255,255,.05);}
.studio-builder-modern .studio-section-card.is-selected>.studio-inspector-layout::-webkit-scrollbar-thumb,
.studio-builder-modern .specific-repeater-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(34,211,238,.75),rgba(139,92,246,.62));border-radius:999px;border:2px solid rgba(15,23,42,.7);}
.studio-builder-modern .studio-section-card.is-selected>.studio-inspector-layout::-webkit-scrollbar-thumb:hover,
.studio-builder-modern .specific-repeater-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(103,232,249,.92),rgba(167,139,250,.84));}
.studio-builder-modern .studio-inspector-tabs{gap:.55rem;align-items:center;}
.studio-builder-modern .studio-inspector-tabs button[data-inspector-tab="specific"]{background:linear-gradient(135deg,rgba(34,211,238,.15),rgba(139,92,246,.12));border-color:rgba(34,211,238,.26);color:#dffbff;}
.studio-builder-modern .studio-inspector-tabs button[data-inspector-tab="specific"].active{background:linear-gradient(135deg,rgba(34,211,238,.28),rgba(139,92,246,.22));border-color:rgba(34,211,238,.55);box-shadow:0 0 0 1px rgba(34,211,238,.24),0 14px 34px rgba(34,211,238,.12);}
.studio-builder-modern .section-specific-options .type-help-card{margin-bottom:14px;}
.studio-builder-modern .specific-repeater-list{scrollbar-width:thin;scrollbar-color:rgba(34,211,238,.45) rgba(15,23,42,.34);}
.studio-builder-modern .specific-repeater-row{grid-template-columns:auto minmax(0,1fr) auto!important;align-items:stretch;}
.studio-builder-modern .specific-repeater-row.media-row{grid-template-columns:auto 86px minmax(0,1fr) auto!important;}
.studio-builder-modern .function-row-fields{display:grid;gap:10px;min-width:0;}
.studio-builder-modern .function-row-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
.studio-builder-modern .function-row-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch;justify-content:flex-start;}
.studio-builder-modern .function-row-actions .btn{white-space:nowrap;}
@media(max-width:1280px){
  .studio-builder-modern .studio-section-card.is-selected{max-height:none;}
  .studio-builder-modern .studio-section-card.is-selected>.studio-inspector-layout{max-height:none;overflow:visible;}
  .studio-builder-modern .specific-repeater-row,.studio-builder-modern .specific-repeater-row.media-row{grid-template-columns:auto minmax(0,1fr)!important;}
  .studio-builder-modern .media-row-preview,.studio-builder-modern .function-row-actions{grid-column:2;}
  .studio-builder-modern .function-row-split{grid-template-columns:1fr;}
}

/* Phase 5.2.2 - kompakter Autosave/Revisionen-Status oben statt schwerer Seitenkarte */
.studio-builder-modern .studio-autosave-visual.studio-autosave-compact{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto auto!important;
  align-items:center!important;
  gap:10px!important;
  margin:10px 0 0!important;
  padding:10px 12px!important;
  min-height:0!important;
  border-radius:18px!important;
  border:1px solid rgba(34,211,238,.24)!important;
  background:linear-gradient(135deg,rgba(7,16,31,.88),rgba(12,25,46,.74))!important;
  box-shadow:0 14px 36px rgba(0,0,0,.18)!important;
}
.studio-builder-modern .studio-autosave-compact .autosave-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
}
.studio-builder-modern .studio-autosave-compact .autosave-copy strong{
  font-size:.82rem!important;
  letter-spacing:.04em!important;
}
.studio-builder-modern .studio-autosave-compact .autosave-copy span{
  color:var(--admin-muted,#a9b5d1)!important;
  font-size:.75rem!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.studio-builder-modern .studio-autosave-compact .autosave-copy em{font-style:normal;color:#dffbff!important;}
.studio-builder-modern .studio-autosave-compact .autosave-stats{
  display:flex!important;
  gap:6px!important;
  align-items:center!important;
}
.studio-builder-modern .studio-autosave-compact .autosave-stats span{
  min-width:54px!important;
  padding:6px 8px!important;
  border-radius:12px!important;
  background:rgba(15,23,42,.7)!important;
}
.studio-builder-modern .studio-autosave-compact .autosave-stats small{font-size:.62rem!important;}
.studio-builder-modern .studio-autosave-compact .autosave-progress{
  height:4px!important;
  margin-top:4px!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.07)!important;
}
.studio-builder-modern .studio-autosave-compact .autosave-progress i{
  display:block!important;
  width:0;
  height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#8b5cf6,#22d3ee)!important;
}
.studio-builder-modern .studio-autosave-compact .btn{white-space:nowrap!important;}
.studio-builder-modern .studio-revisions-panel.is-collapsed{
  display:none!important;
}
.studio-builder-modern .studio-revisions-panel{
  margin-top:12px!important;
  max-height:min(430px,60vh)!important;
  overflow:auto!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(34,211,238,.5) rgba(15,23,42,.38);
}
.studio-builder-modern .studio-revisions-panel::-webkit-scrollbar{width:10px;height:10px;}
.studio-builder-modern .studio-revisions-panel::-webkit-scrollbar-track{background:rgba(15,23,42,.42);border-radius:999px;}
.studio-builder-modern .studio-revisions-panel::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(34,211,238,.72),rgba(139,92,246,.62));border-radius:999px;border:2px solid rgba(15,23,42,.7);}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}
@media(max-width:980px){
  .studio-builder-modern .studio-autosave-visual.studio-autosave-compact{grid-template-columns:auto minmax(0,1fr)!important;}
  .studio-builder-modern .studio-autosave-compact .autosave-stats,
  .studio-builder-modern .studio-autosave-compact .btn{grid-column:2!important;justify-self:start!important;}
}


/* Phase 5.2.4 - Autosave optisch ruhiger und Studio-Bedienung stabilisiert */
.studio-builder-modern .studio-autosave-visual.studio-autosave-compact{
  position:relative!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  gap:12px!important;
  padding:14px!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 0 0,rgba(34,211,238,.18),transparent 38%),
    linear-gradient(135deg,rgba(8,18,34,.94),rgba(14,20,42,.86))!important;
  border:1px solid rgba(34,211,238,.28)!important;
  box-shadow:0 20px 48px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.05)!important;
  overflow:hidden!important;
}
.studio-builder-modern .studio-autosave-visual.studio-autosave-compact::after{
  content:'';
  position:absolute;
  left:14px;right:14px;bottom:0;
  height:2px;
  background:linear-gradient(90deg,rgba(139,92,246,.75),rgba(34,211,238,.75),transparent);
  opacity:.85;
}
.studio-builder-modern .studio-autosave-compact .autosave-orb{
  width:42px!important;height:42px!important;
  border-radius:16px!important;
  display:grid!important;place-items:center!important;
  background:rgba(34,211,238,.1)!important;
  border:1px solid rgba(34,211,238,.22)!important;
  box-shadow:0 0 0 6px rgba(34,211,238,.04)!important;
}
.studio-builder-modern .studio-autosave-compact .autosave-orb span{
  width:14px!important;height:14px!important;border-radius:999px!important;
  background:#22d3ee!important;
  box-shadow:0 0 18px rgba(34,211,238,.95)!important;
}
.studio-builder-modern .studio-autosave-compact .autosave-copy strong{
  font-size:.9rem!important;
  text-transform:none!important;
  letter-spacing:.01em!important;
  color:#f8fbff!important;
}
.studio-builder-modern .studio-autosave-compact .autosave-copy span{
  font-size:.78rem!important;
  color:#aebbd7!important;
}
.studio-builder-modern .studio-autosave-compact .autosave-stats{
  grid-column:1 / -1!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
.studio-builder-modern .studio-autosave-compact .autosave-stats span{
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:6px!important;
  padding:8px 10px!important;
  border-radius:14px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(15,23,42,.62)!important;
}
.studio-builder-modern .studio-autosave-compact .autosave-stats b{font-size:.92rem!important;color:#fff!important;}
.studio-builder-modern .studio-autosave-compact .autosave-stats small{font-size:.64rem!important;color:#93a4c8!important;text-transform:uppercase;letter-spacing:.08em;}
.studio-builder-modern .studio-autosave-compact [data-toggle-studio-revisions]{
  grid-column:1 / -1!important;
  justify-self:stretch!important;
  border-radius:14px!important;
  padding:9px 12px!important;
}
.studio-builder-modern .studio-autosave-compact .autosave-progress{height:5px!important;background:rgba(255,255,255,.06)!important;}
.studio-builder-modern .studio-section-library.is-open{display:block!important;}
.studio-builder-modern .studio-section-library[aria-hidden="true"]{display:none!important;}
.studio-builder-modern .studio-section-card.is-drop-target{outline:2px solid rgba(34,211,238,.7);outline-offset:4px;}

/* Phase 5.2.5 - Studio Bedienung & Autosave Feinschliff */
.studio-builder-modern .studio-autosave-visual{
  position:relative!important;
  display:grid!important;
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:10px 12px!important;
  padding:12px!important;
  margin:10px 0 12px!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(7,16,33,.92),rgba(12,34,48,.86))!important;
  border:1px solid rgba(34,211,238,.28)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.055)!important;
  overflow:hidden!important;
}
.studio-builder-modern .studio-autosave-visual::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,#22d3ee,#8b5cf6);
  opacity:.95;
}
.studio-builder-modern .studio-autosave-visual .autosave-orb{
  width:34px!important;
  height:34px!important;
  border-radius:14px!important;
  background:rgba(34,211,238,.1)!important;
  border:1px solid rgba(34,211,238,.24)!important;
  box-shadow:0 0 0 5px rgba(34,211,238,.04)!important;
}
.studio-builder-modern .studio-autosave-visual .autosave-orb span{
  width:12px!important;
  height:12px!important;
  background:#22d3ee!important;
  box-shadow:0 0 18px rgba(34,211,238,.85)!important;
}
.studio-builder-modern .studio-autosave-visual .autosave-copy{min-width:0!important;}
.studio-builder-modern .studio-autosave-visual .autosave-copy strong{
  display:block!important;
  font-size:13px!important;
  line-height:1.15!important;
  color:#eaffff!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.studio-builder-modern .studio-autosave-visual .autosave-copy span{
  display:block!important;
  margin-top:3px!important;
  font-size:11px!important;
  line-height:1.35!important;
  color:#9fb3d6!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.studio-builder-modern .studio-autosave-visual .autosave-progress{
  grid-column:1 / -1!important;
  height:4px!important;
  margin:0!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.075)!important;
  overflow:hidden!important;
}
.studio-builder-modern .studio-autosave-visual .autosave-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8b5cf6,#22d3ee)!important;}
.studio-builder-modern .studio-autosave-visual .autosave-latest,
.studio-builder-modern .studio-autosave-visual .autosave-stats{
  grid-column:1 / -1!important;
  margin:0!important;
}
.studio-builder-modern .studio-autosave-visual .autosave-stats{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
}
.studio-builder-modern .studio-autosave-visual .autosave-stats span{
  min-height:38px!important;
  padding:6px 7px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  font-size:10px!important;
}
.studio-builder-modern .studio-autosave-visual .autosave-stats strong{font-size:14px!important;line-height:1!important;}
.studio-builder-modern .studio-autosave-visual .btn[data-toggle-studio-revisions]{
  grid-column:1 / -1!important;
  width:100%!important;
  justify-content:center!important;
  min-height:34px!important;
}
.studio-builder-modern .studio-nav-chip.active,
.studio-builder-modern .studio-nav-chip.is-current{
  background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(124,92,255,.14))!important;
  border-color:rgba(34,211,238,.5)!important;
  box-shadow:0 0 0 1px rgba(34,211,238,.12),0 14px 34px rgba(0,0,0,.22)!important;
}
.studio-builder-modern .studio-drag-handle{
  cursor:grab!important;
  user-select:none!important;
}
.studio-builder-modern .studio-section-card.is-dragging{
  opacity:.58!important;
  transform:scale(.992)!important;
  border-color:rgba(34,211,238,.65)!important;
}

/* Phase 5.2.7 - Live-Preview/Frontend-Reiter als echte Tabs statt Kartenliste */
.cms-tabs-list{display:block;margin-top:1rem!important}
.cms-tab-input{position:absolute!important;opacity:0!important;pointer-events:none!important;width:1px!important;height:1px!important;overflow:hidden!important}
.cms-tab-controls{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:.85rem}
.cms-tab-label{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:.54rem .9rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(15,23,42,.72);color:var(--muted,#a9b5d1);font-weight:900;cursor:pointer}
.cms-tab-label:hover{border-color:rgba(34,211,238,.4);color:#fff}
.cms-tab-panels{position:relative}.cms-tab-panel{display:none;border:1px solid rgba(34,211,238,.18);border-radius:18px;background:rgba(15,23,42,.66);padding:1rem}.cms-tab-panel strong{display:block;color:#fff;margin-bottom:.35rem}.cms-tab-panel p{margin:.35rem 0 0;color:var(--muted,#a9b5d1)}.cms-tab-panel small{display:block;margin-top:.6rem;color:#67e8f9;font-weight:800}
.cms-tabs-list .cms-tab-input:nth-of-type(1):checked ~ .cms-tab-panels .cms-tab-panel:nth-child(1),.cms-tabs-list .cms-tab-input:nth-of-type(2):checked ~ .cms-tab-panels .cms-tab-panel:nth-child(2),.cms-tabs-list .cms-tab-input:nth-of-type(3):checked ~ .cms-tab-panels .cms-tab-panel:nth-child(3),.cms-tabs-list .cms-tab-input:nth-of-type(4):checked ~ .cms-tab-panels .cms-tab-panel:nth-child(4),.cms-tabs-list .cms-tab-input:nth-of-type(5):checked ~ .cms-tab-panels .cms-tab-panel:nth-child(5),.cms-tabs-list .cms-tab-input:nth-of-type(6):checked ~ .cms-tab-panels .cms-tab-panel:nth-child(6),.cms-tabs-list .cms-tab-input:nth-of-type(7):checked ~ .cms-tab-panels .cms-tab-panel:nth-child(7),.cms-tabs-list .cms-tab-input:nth-of-type(8):checked ~ .cms-tab-panels .cms-tab-panel:nth-child(8),.cms-tabs-list .cms-tab-input:nth-of-type(9):checked ~ .cms-tab-panels .cms-tab-panel:nth-child(9),.cms-tabs-list .cms-tab-input:nth-of-type(10):checked ~ .cms-tab-panels .cms-tab-panel:nth-child(10),.cms-tabs-list .cms-tab-input:nth-of-type(11):checked ~ .cms-tab-panels .cms-tab-panel:nth-child(11),.cms-tabs-list .cms-tab-input:nth-of-type(12):checked ~ .cms-tab-panels .cms-tab-panel:nth-child(12){display:block}
.cms-tabs-list:has(.cms-tab-input:nth-of-type(1):checked) .cms-tab-controls .cms-tab-label:nth-child(1),.cms-tabs-list:has(.cms-tab-input:nth-of-type(2):checked) .cms-tab-controls .cms-tab-label:nth-child(2),.cms-tabs-list:has(.cms-tab-input:nth-of-type(3):checked) .cms-tab-controls .cms-tab-label:nth-child(3),.cms-tabs-list:has(.cms-tab-input:nth-of-type(4):checked) .cms-tab-controls .cms-tab-label:nth-child(4),.cms-tabs-list:has(.cms-tab-input:nth-of-type(5):checked) .cms-tab-controls .cms-tab-label:nth-child(5),.cms-tabs-list:has(.cms-tab-input:nth-of-type(6):checked) .cms-tab-controls .cms-tab-label:nth-child(6),.cms-tabs-list:has(.cms-tab-input:nth-of-type(7):checked) .cms-tab-controls .cms-tab-label:nth-child(7),.cms-tabs-list:has(.cms-tab-input:nth-of-type(8):checked) .cms-tab-controls .cms-tab-label:nth-child(8),.cms-tabs-list:has(.cms-tab-input:nth-of-type(9):checked) .cms-tab-controls .cms-tab-label:nth-child(9),.cms-tabs-list:has(.cms-tab-input:nth-of-type(10):checked) .cms-tab-controls .cms-tab-label:nth-child(10),.cms-tabs-list:has(.cms-tab-input:nth-of-type(11):checked) .cms-tab-controls .cms-tab-label:nth-child(11),.cms-tabs-list:has(.cms-tab-input:nth-of-type(12):checked) .cms-tab-controls .cms-tab-label:nth-child(12){background:linear-gradient(135deg,#7c3aed,#22d3ee);border-color:transparent;color:#fff}

/* Phase 5.2.8 - Preview-/Studio-Abgleich für Funktionsbereiche */
.cms-studio-section.cms-studio-faq,
.cms-studio-section.cms-studio-accordion,
.cms-studio-section.cms-studio-tabs,
.cms-studio-section.cms-studio-feature_grid,
.cms-studio-section.cms-studio-pricing,
.cms-studio-section.cms-studio-stats,
.cms-studio-section.cms-studio-steps,
.cms-studio-section.cms-studio-timeline{display:block}
.cms-studio-section.cms-studio-faq .cms-section-items,
.cms-studio-section.cms-studio-accordion .cms-section-items,
.cms-studio-section.cms-studio-tabs .cms-section-items,
.cms-studio-section.cms-studio-feature_grid .cms-section-items,
.cms-studio-section.cms-studio-pricing .cms-section-items,
.cms-studio-section.cms-studio-stats .cms-section-items,
.cms-studio-section.cms-studio-steps .cms-section-items,
.cms-studio-section.cms-studio-timeline .cms-section-items{width:100%;max-width:var(--section-content-max,100%)}
.cms-studio-section.cms-width-wide .cms-section-items,.cms-studio-section.cms-width-full .cms-section-items{max-width:100%}
.cms-gallery-grid{align-items:stretch}.cms-gallery-card{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(15,23,42,.78),rgba(8,13,28,.65));border-color:rgba(34,211,238,.16);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.cms-gallery-card:hover{transform:translateY(-3px);border-color:rgba(34,211,238,.38);box-shadow:0 22px 55px rgba(0,0,0,.32)}.cms-gallery-thumb{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;border-radius:16px 16px 0 0;background:rgba(0,0,0,.3)}.cms-gallery-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .22s ease,filter .22s ease}.cms-gallery-card:hover .cms-gallery-thumb img{transform:scale(1.04);filter:contrast(1.04) saturate(1.06)}.cms-gallery-zoom{position:absolute;right:.75rem;bottom:.75rem;opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease;padding:.48rem .7rem;border-radius:999px;background:rgba(5,8,18,.78);color:#fff;font-size:.82rem;font-weight:900;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.14)}.cms-gallery-card:hover .cms-gallery-zoom{opacity:1;transform:translateY(0)}.cms-gallery-card figcaption{padding:.9rem 1rem 1rem;margin:0}.cms-gallery-card figcaption strong{color:#fff}.cms-gallery-link{display:inline-flex;margin-top:.65rem;color:#22d3ee;font-weight:800;text-decoration:none}.cms-gallery-lightbox{position:fixed;inset:0;z-index:9999;display:none;place-items:center;padding:clamp(1rem,4vw,3rem)}.cms-gallery-lightbox:target{display:grid}.cms-gallery-lightbox-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.82);backdrop-filter:blur(16px)}.cms-gallery-lightbox-dialog{position:relative;width:min(1100px,96vw);max-height:90vh;padding:.75rem;border-radius:24px;border:1px solid rgba(34,211,238,.28);background:linear-gradient(180deg,rgba(15,23,42,.96),rgba(5,8,18,.96));box-shadow:0 30px 120px rgba(0,0,0,.65)}.cms-gallery-lightbox-dialog img{display:block;width:100%;max-height:74vh;object-fit:contain;border-radius:18px;background:#020617}.cms-gallery-lightbox-close{position:absolute;top:.8rem;right:.8rem;width:2.4rem;height:2.4rem;display:grid;place-items:center;border-radius:999px;background:rgba(5,8,18,.82);color:#fff;border:1px solid rgba(255,255,255,.18);text-decoration:none;font-size:1.45rem;font-weight:900}.cms-gallery-lightbox-caption{display:flex;flex-direction:column;gap:.25rem;padding:.85rem .25rem .15rem;color:#b8c1d9}.cms-gallery-lightbox-caption strong{color:#fff}.cms-faq-list{width:100%}.cms-faq-item{padding:1.1rem 1.25rem;background:linear-gradient(135deg,rgba(15,23,42,.78),rgba(8,13,28,.58));border-color:rgba(34,211,238,.18)}.cms-faq-item summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem}.cms-faq-item summary::-webkit-details-marker{display:none}.cms-faq-item summary:after{content:"+";display:inline-grid;place-items:center;width:1.85rem;height:1.85rem;border-radius:999px;background:rgba(34,211,238,.11);color:#22d3ee}.cms-faq-item[open] summary:after{content:"–"}


/* Phase 5.2.9 - Studio preview support for gallery/load-more and card visuals */
.cms-gallery-card.is-hidden-by-loadmore{display:none!important}
.cms-gallery-lightbox.is-open{display:grid!important}
.cms-item-card-icon{display:inline-grid;place-items:center;width:2.8rem;height:2.8rem;border-radius:16px;margin-bottom:.45rem;background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(139,92,246,.16));color:#22d3ee;border:1px solid rgba(34,211,238,.24);font-weight:950}.cms-item-card-visual{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;margin-bottom:.7rem;border:1px solid rgba(255,255,255,.10);background:rgba(0,0,0,.22)}

/* Phase 5.2.11 - Premium gallery preview cards and robust hidden state */
.cms-gallery-grid{gap:clamp(1rem,2vw,1.35rem)}
.cms-gallery-card{min-height:0!important;display:block!important;position:relative;overflow:hidden;border-radius:20px;background:radial-gradient(circle at 20% 0%,rgba(34,211,238,.14),transparent 36%),linear-gradient(180deg,rgba(15,23,42,.96),rgba(5,8,18,.9));border:1px solid rgba(34,211,238,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 18px 45px rgba(0,0,0,.24)}
.cms-gallery-card .cms-gallery-thumb{border-radius:20px;aspect-ratio:4/3}.cms-gallery-card .cms-gallery-thumb:after{content:"";position:absolute;inset:auto 0 0 0;height:58%;background:linear-gradient(180deg,transparent,rgba(2,6,23,.84));opacity:.78;pointer-events:none}.cms-gallery-card figcaption{position:absolute;left:.85rem;right:.85rem;bottom:.85rem;z-index:2;display:grid;gap:.22rem;padding:.72rem .78rem;min-height:0!important;border-radius:16px;background:linear-gradient(135deg,rgba(5,8,18,.66),rgba(15,23,42,.44));border:1px solid rgba(255,255,255,.12);box-shadow:0 14px 35px rgba(0,0,0,.28);backdrop-filter:blur(16px)}.cms-gallery-card figcaption strong{font-size:.95rem;line-height:1.2;color:#fff}.cms-gallery-card figcaption span{font-size:.88rem;line-height:1.35;color:rgba(226,232,240,.82);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cms-gallery-link{width:fit-content;margin-top:.25rem!important;padding:.38rem .62rem;border-radius:999px;background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.26)}.cms-gallery-card[hidden],.cms-gallery-card.is-hidden-by-loadmore{display:none!important}.cms-gallery-load-more{margin:clamp(1.1rem,2vw,1.6rem) auto 0!important;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-width:210px;box-shadow:0 14px 34px rgba(34,211,238,.18)}.cms-gallery-load-more:after{content:"↓";font-weight:950}.cms-gallery-load-more[hidden],.cms-gallery-load-more[aria-hidden="true"]{display:none!important}

/* Phase 5.2.12 - Live-Preview/Studio Galerie-Overlay analog zum Frontend */
.cms-gallery-card .cms-gallery-thumb:after{height:48%!important;opacity:.64!important}.cms-gallery-card figcaption{left:.7rem!important;right:.7rem!important;bottom:.7rem!important;padding:.52rem .62rem!important;gap:.14rem!important;border-radius:14px!important;max-height:42%!important;overflow:hidden!important}.cms-gallery-card figcaption strong{font-size:.86rem!important}.cms-gallery-card figcaption span{font-size:.78rem!important;-webkit-line-clamp:1!important}.cms-gallery-link{font-size:.78rem!important;padding:.28rem .52rem!important;margin-top:.14rem!important}.cms-gallery-lightbox,.cms-gallery-lightbox[hidden]{display:none!important}.cms-gallery-lightbox.is-open:not([hidden]){position:fixed!important;inset:0!important;z-index:99999!important;display:grid!important;place-items:center!important;padding:clamp(.75rem,3vw,2.25rem)!important;overflow:auto!important}.cms-gallery-lightbox:target{display:none!important}.cms-gallery-lightbox.is-open:target:not([hidden]){display:grid!important}.cms-gallery-lightbox-backdrop{position:fixed!important;inset:0!important;z-index:0!important;background:rgba(2,6,23,.86)!important;backdrop-filter:blur(18px)!important}.cms-gallery-lightbox-dialog{position:relative!important;z-index:1!important;width:min(980px,94vw)!important;max-height:min(88vh,920px)!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto!important;overflow:hidden!important}.cms-gallery-lightbox-dialog img{width:100%!important;max-height:calc(88vh - 6rem)!important;object-fit:contain!important}.cms-gallery-lightbox-close{z-index:3!important}html.has-cms-lightbox-open,html.has-cms-lightbox-open body{overflow:hidden!important}


/* Phase 5.2.14: clearer card-builder controls */
.studio-builder-modern [data-specific-item-builder] .specific-repeater-head::after{content:"Feature-, Preis-, Zahlen- und Kartenbereiche können über Karten-Stil, Spalten, Icon/Bild und Button/Link gestaltet werden.";display:block;color:var(--admin-muted,#a9b5d1);font-size:.78rem;font-weight:700;line-height:1.35;margin-top:3px;}
.studio-builder-modern [data-specific-item-builder] .specific-repeater-head{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;}
.studio-builder-modern [data-specific-item-builder] .specific-repeater-head span{grid-column:1;}
.studio-builder-modern [data-specific-item-builder] .specific-repeater-head .btn{grid-column:2;grid-row:1 / span 2;align-self:center;}
.studio-builder-modern .function-item-row{border-color:rgba(34,211,238,.13);}
.studio-builder-modern .function-item-row:hover{border-color:rgba(34,211,238,.28);box-shadow:0 14px 34px rgba(0,0,0,.18);}

/* Phase 5.2.15: Studio Hinweise für spezifische Bereichs-Renderer */
.specific-repeater-field small::after{
  content:" Timeline wird als echte Zeitachse gerendert; Schritte als Prozesskarten; Kartenstil und Spalten wirken direkt in Live-Vorschau und Frontend.";
}


/* Phase 5.2.17: typgerechtere Funktionsbereiche im Studio */
.section-type-options[data-specific-types] .specific-repeater-field small {
  color: #b8c7e8;
}
.function-item-row .function-row-fields label > span {
  color: #aeeaff;
}

/* Phase 5.2.18: Master-TODO und Longtext-/Roadmap-UI */
.master-todo-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;overflow:hidden;position:relative}.master-todo-hero::after{content:"";position:absolute;inset:auto -80px -110px auto;width:280px;height:280px;border-radius:999px;background:radial-gradient(circle,rgba(34,211,238,.16),transparent 70%);pointer-events:none}.master-todo-hero h1{font-size:clamp(34px,4vw,62px);margin:8px 0 10px;letter-spacing:-.05em}.master-todo-hero p:not(.eyebrow){max-width:900px;color:var(--muted);line-height:1.65}.master-todo-kpis{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px;position:relative;z-index:1}.master-todo-kpis div{padding:16px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.2)}.master-todo-kpis strong{display:block;font-size:28px;color:#fff}.master-todo-kpis span{color:var(--muted);font-size:12px;font-weight:800}.master-todo-add,.master-todo-board{margin-top:18px}.span-2{grid-column:span 2}.span-3{grid-column:1/-1}.master-todo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.master-todo-card{border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(145deg,rgba(13,27,50,.92),rgba(7,10,24,.96));padding:16px;box-shadow:0 24px 70px rgba(0,0,0,.22);display:grid;gap:12px}.master-todo-card.priority-critical{border-color:rgba(248,113,113,.5);box-shadow:0 22px 70px rgba(248,113,113,.08)}.master-todo-card.priority-high{border-color:rgba(251,191,36,.38)}.master-todo-card.status-done{opacity:.72}.master-todo-card-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.master-todo-card-head span,.master-todo-row span{color:var(--primary2);font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:950}.master-todo-card-head b{border-radius:999px;padding:5px 9px;background:rgba(255,255,255,.07);color:#fff;font-size:11px}.master-todo-card h3{margin:0;font-size:20px;line-height:1.2}.master-todo-card p{margin:0;color:var(--muted);line-height:1.55}.master-todo-card small{color:var(--muted)}.master-todo-comment{display:grid;gap:8px}.master-todo-list{display:grid;gap:8px;max-height:680px;overflow:auto;padding-right:5px;scrollbar-width:thin;scrollbar-color:rgba(34,211,238,.38) rgba(255,255,255,.04)}.master-todo-row{display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:14px;align-items:center;border:1px solid rgba(255,255,255,.06);border-radius:15px;background:rgba(255,255,255,.035);padding:11px 13px}.master-todo-row p{margin:0;color:var(--text);overflow-wrap:anywhere}.master-todo-row b{font-size:11px;border-radius:999px;padding:5px 8px;background:rgba(34,211,238,.11);color:var(--primary2)}.master-todo-row.is-done{opacity:.66}.master-todo-row.is-done b{background:rgba(50,213,131,.12);color:#86efac}.longtext-counter{display:flex;justify-content:space-between;gap:10px;margin-top:5px;color:var(--muted);font-size:11px;font-weight:800}.longtext-counter.is-warning{color:#fbbf24}.longtext-counter.is-danger{color:#f87171}@media(max-width:1100px){.master-todo-hero{grid-template-columns:1fr}.master-todo-grid{grid-template-columns:1fr 1fr}.master-todo-row{grid-template-columns:1fr}}@media(max-width:720px){.master-todo-grid,.master-todo-kpis{grid-template-columns:1fr}.span-2,.span-3{grid-column:auto}}

/* Phase 5.2.19: Master-TODO Kommentarverlauf und exklusivere Roadmap-Karten */
.master-todo-hero-premium{background:linear-gradient(135deg,rgba(9,17,35,.94),rgba(7,23,39,.92) 48%,rgba(18,16,45,.9));border-color:rgba(34,211,238,.2);box-shadow:0 34px 110px rgba(0,0,0,.32), inset 0 0 0 1px rgba(255,255,255,.04)}
.master-todo-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.master-todo-premium-board,.master-todo-auto-board{background:linear-gradient(145deg,rgba(11,20,38,.84),rgba(5,8,20,.95));border-color:rgba(34,211,238,.14)}
.master-todo-card,.master-todo-auto-card{position:relative;overflow:hidden}.master-todo-card::before,.master-todo-auto-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 0%,rgba(34,211,238,.12),transparent 34%),radial-gradient(circle at 95% 5%,rgba(139,92,246,.10),transparent 32%);pointer-events:none}.master-todo-card>* , .master-todo-auto-card>*{position:relative;z-index:1}.master-todo-description{padding:11px 12px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06)}
.master-todo-thread{display:grid;gap:9px;margin-top:6px;padding:11px;border-radius:18px;background:rgba(2,6,23,.42);border:1px solid rgba(255,255,255,.06)}.master-todo-thread-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.master-todo-thread-title span{font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:950;color:var(--primary2)}.master-todo-thread-title b{font-size:11px;border-radius:999px;padding:4px 8px;background:rgba(34,211,238,.12);color:#dffbff}.master-todo-thread-empty{margin:0;color:var(--muted);font-size:12px}.master-todo-comments{display:grid;gap:8px;max-height:230px;overflow:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(34,211,238,.45) rgba(255,255,255,.04)}.master-todo-comment-item{display:grid;gap:5px;padding:9px 10px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055)}.master-todo-comment-item div{display:flex;align-items:center;justify-content:space-between;gap:10px}.master-todo-comment-item strong{color:#fff;font-size:12px}.master-todo-comment-item small{color:var(--muted);font-size:11px}.master-todo-comment-item p{margin:0;color:#d7e4ff;font-size:13px;line-height:1.5}.master-todo-comment-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.master-todo-comment-form textarea{min-height:42px;resize:vertical}.master-todo-auto-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.master-todo-auto-card{display:grid;gap:10px;padding:14px;border-radius:20px;background:linear-gradient(145deg,rgba(13,27,50,.72),rgba(7,10,24,.9));border:1px solid rgba(255,255,255,.075)}.master-todo-auto-card>p{margin:0;color:var(--text);line-height:1.45;overflow-wrap:anywhere}.master-todo-auto-card.is-done{opacity:.68}.master-todo-auto-card.is-done .master-todo-card-head b{background:rgba(50,213,131,.12);color:#86efac}@media(max-width:1050px){.master-todo-auto-grid{grid-template-columns:1fr}.master-todo-comment-form{grid-template-columns:1fr}}

/* Phase 5.2.20: Live-Preview nutzt aktive Kartenstil-Felder; Style-Regeln liegen in frontend/theme.css und werden per v=5.2.20 gebustet. */

/* Phase 5.3.0: Studio Media Hub */
.studio-media-dialog {
  width: min(1120px, calc(100vw - 72px));
  max-height: min(86vh, 900px);
}
.studio-media-hub-layout {
  display: grid;
  grid-template-columns: minmax(260px, 340px) 1fr;
  gap: 18px;
  min-height: 420px;
}
.studio-media-upload-inline,
.studio-media-library-panel {
  border: 1px solid rgba(49, 211, 255, .18);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(11, 23, 38, .92), rgba(18, 28, 52, .82));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  padding: 16px;
}
.studio-media-upload-inline {
  align-self: start;
  position: sticky;
  top: 12px;
}
.studio-media-upload-head {
  display: grid;
  gap: 4px;
  margin-bottom: 12px;
}
.studio-media-upload-head strong {
  color: #fff;
  font-size: 1rem;
}
.studio-media-upload-head span,
.studio-media-upload-inline small {
  color: rgba(205, 219, 245, .72);
  font-size: .82rem;
}
.studio-media-upload-inline label {
  display: grid;
  gap: 6px;
  margin: 0 0 12px;
}
.studio-media-upload-inline label span,
.studio-media-filter-row label span {
  color: rgba(188, 209, 240, .88);
  font-weight: 800;
  font-size: .78rem;
  letter-spacing: .04em;
}
.studio-media-upload-inline input,
.studio-media-filter-row input {
  width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(3, 8, 18, .62);
  color: #fff;
  padding: 11px 12px;
}
.studio-media-upload-inline input[type="file"] {
  padding: 9px;
  color: rgba(205, 219, 245, .82);
}
.studio-media-filter-row {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 12px;
  margin-bottom: 14px;
}
.studio-media-picker-grid {
  max-height: min(58vh, 620px);
  overflow: auto;
  padding-right: 6px;
  scrollbar-width: thin;
  scrollbar-color: rgba(49, 211, 255, .6) rgba(255,255,255,.06);
}
.studio-media-picker-grid::-webkit-scrollbar { width: 10px; }
.studio-media-picker-grid::-webkit-scrollbar-track { background: rgba(255,255,255,.06); border-radius: 999px; }
.studio-media-picker-grid::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #31d3ff, #7b61ff); border-radius: 999px; }
.studio-media-option.is-new {
  border-color: rgba(49, 211, 255, .55);
  box-shadow: 0 0 0 1px rgba(49, 211, 255, .2), 0 16px 44px rgba(49, 211, 255, .12);
}
.studio-media-option[hidden] { display: none !important; }

/* Phase 5.3.0: card style option hints */
.function-row-fields label:has([data-item-visual-input])::after {
  content: "Bildpfad, Emoji oder Icon-Name möglich";
  color: rgba(49, 211, 255, .72);
  font-size: .72rem;
}
@media (max-width: 980px) {
  .studio-media-hub-layout { grid-template-columns: 1fr; }
  .studio-media-upload-inline { position: static; }
}


/* Phase 5.3.1: Media Hub search state + Bild/Text function fields */
.studio-media-library-panel [data-media-search-empty]{margin-top:12px;}
.section-type-options[data-specific-types="image_text"] .type-help-card{margin-top:14px;}
.section-type-options[data-specific-types="image_text"] .media-picker-field input{min-width:0;}

/* Phase 5.3.2 - Corvyn Media-Hub Suche und Branding */
.studio-media-search-status {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(15, 23, 42, .72);
  border: 1px solid rgba(148, 163, 184, .18);
  color: rgba(218, 226, 244, .76);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .02em;
}
.studio-media-search-status[data-state="loading"] { color: #67e8f9; border-color: rgba(34, 211, 238, .28); }
.studio-media-search-status[data-state="ok"] { color: #a7f3d0; border-color: rgba(52, 211, 153, .28); }
.studio-media-search-status[data-state="empty"] { color: #fcd34d; border-color: rgba(245, 158, 11, .28); }
.studio-media-search-status[data-state="error"] { color: #fca5a5; border-color: rgba(248, 113, 113, .32); }
.studio-media-filter-row { align-items: end; }
.studio-media-filter-row label { min-width: min(100%, 360px); }
.brand .brand-mark { background: linear-gradient(135deg, #22d3ee, #8b5cf6 55%, #f472b6); }


/* Phase 5.3.3 - Studio Media Hub: eindeutige Ergebnis-/Leerzustände */
.empty-state[hidden],
.studio-media-library-panel .empty-state[hidden],
.studio-media-picker-grid[hidden]{display:none!important}
.studio-media-library-panel{position:relative}
.studio-media-picker-grid{margin-top:12px;align-items:start}
.studio-media-picker-grid:not(:empty){padding-top:2px}
.studio-media-library-panel .empty-state.compact{margin-top:12px}
.studio-media-search-status[data-state=ok]{border-color:rgba(55,214,153,.35);color:#9ff1cf;background:rgba(55,214,153,.09)}
.studio-media-search-status[data-state=empty]{border-color:rgba(245,178,66,.35);color:#ffd28a;background:rgba(245,178,66,.08)}
.studio-media-search-status[data-state=loading]{border-color:rgba(34,211,238,.35);color:#9df3ff;background:rgba(34,211,238,.08)}
.studio-media-search-status[data-state=error]{border-color:rgba(248,113,113,.35);color:#fecaca;background:rgba(248,113,113,.08)}

/* Phase 5.3.4 — Master Roadmap counters and branding settings */
.master-todo-fix-board{border-color:rgba(52,211,153,.28);background:linear-gradient(145deg,rgba(7,20,32,.92),rgba(12,16,38,.9));}
.master-todo-fix-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-top:14px;max-height:420px;overflow:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(34,211,238,.65) rgba(15,23,42,.7);}
.master-todo-fix-list::-webkit-scrollbar{width:8px}.master-todo-fix-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#22d3ee,#8b5cf6);border-radius:999px}.master-todo-fix-list::-webkit-scrollbar-track{background:rgba(15,23,42,.65);border-radius:999px}
.master-todo-fix-item{display:flex;gap:10px;align-items:flex-start;padding:12px 13px;border:1px solid rgba(52,211,153,.22);border-radius:16px;background:rgba(15,23,42,.68);box-shadow:inset 0 1px 0 rgba(255,255,255,.04);}
.master-todo-fix-item b{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:999px;color:#06211b;background:linear-gradient(135deg,#5eead4,#22c55e);box-shadow:0 0 18px rgba(45,212,191,.25);}
.master-todo-fix-item span{color:#dbeafe;font-weight:700;line-height:1.35;font-size:.92rem;}
.master-todo-kpis{grid-template-columns:repeat(4,minmax(120px,1fr));}
.master-todo-kpis div:nth-child(2){border-color:rgba(52,211,153,.35);background:linear-gradient(145deg,rgba(6,78,59,.24),rgba(15,23,42,.86));}
.form-divider{margin:18px 0 8px;padding:14px 16px;border:1px solid rgba(34,211,238,.22);border-radius:16px;background:rgba(8,28,45,.62);display:flex;flex-direction:column;gap:4px}.form-divider strong{color:#ecfeff}.form-divider span{color:#a7b4d4;font-size:.9rem}

/* Phase 5.3.5 - Master TODO tabs */
.master-todo-tab-panel{border-color:rgba(34,211,238,.22);background:linear-gradient(145deg,rgba(8,19,37,.92),rgba(8,11,24,.96));overflow:hidden;position:relative}.master-todo-tab-panel::before{content:"";position:absolute;inset:-120px auto auto -90px;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(34,211,238,.16),transparent 72%);pointer-events:none}.master-todo-tabs{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px;margin-top:14px}.master-todo-tab{position:relative;text-align:left;border:1px solid rgba(255,255,255,.085);border-radius:18px;padding:13px 46px 13px 14px;background:linear-gradient(145deg,rgba(17,29,52,.86),rgba(7,10,24,.92));color:var(--text);cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.04);transition:.18s ease;min-height:76px}.master-todo-tab:hover{transform:translateY(-1px);border-color:rgba(34,211,238,.35);box-shadow:0 18px 46px rgba(0,0,0,.22)}.master-todo-tab.active{border-color:rgba(34,211,238,.7);background:linear-gradient(135deg,rgba(8,74,95,.66),rgba(31,24,80,.72));box-shadow:0 20px 60px rgba(34,211,238,.12),inset 0 1px 0 rgba(255,255,255,.08)}.master-todo-tab strong{display:block;font-size:13px;color:#fff;letter-spacing:.02em}.master-todo-tab small{display:block;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.35}.master-todo-tab b{position:absolute;right:12px;top:12px;min-width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:rgba(34,211,238,.12);color:#bff8ff;border:1px solid rgba(34,211,238,.22);font-size:11px}.master-todo-tab-note{position:relative;z-index:1;margin:13px 0 0;color:var(--muted);font-size:13px;padding:10px 12px;border-radius:14px;background:rgba(34,211,238,.055);border:1px solid rgba(34,211,238,.11)}.master-todo-filter-item[hidden],.master-todo-board[hidden]{display:none!important}.master-todo-fix-item{flex-direction:column}.master-todo-fix-item>b{align-self:flex-start}.master-todo-fix-item>span{display:block}.master-todo-fix-item .master-todo-thread{width:100%;margin-top:8px}.master-todo-auto-card[data-master-todo-tab="security"],.master-todo-card[data-master-todo-tab="security"]{border-color:rgba(248,113,113,.34);background:linear-gradient(145deg,rgba(69,10,10,.28),rgba(7,10,24,.95))}.master-todo-auto-card[data-master-todo-tab="style"],.master-todo-card[data-master-todo-tab="style"]{border-color:rgba(139,92,246,.35)}.master-todo-auto-card[data-master-todo-tab="commerce"],.master-todo-card[data-master-todo-tab="commerce"]{border-color:rgba(251,191,36,.28)}.master-todo-auto-card[data-master-todo-tab="master"],.master-todo-card[data-master-todo-tab="master"]{border-color:rgba(34,211,238,.3)}.master-todo-auto-card[data-master-todo-tab="support"],.master-todo-card[data-master-todo-tab="support"]{border-color:rgba(52,211,153,.28)}
@media(max-width:760px){.master-todo-tabs{grid-template-columns:1fr}.master-todo-tab{min-height:auto}}


/* Phase 5.3.6: Master-TODO visibility and section media polish */
.master-todo-filter-item.is-tab-hidden { display: none !important; }
.master-todo-filter-item[hidden] { display: none !important; }
.specific-repeater-head span { letter-spacing:.01em; }
.function-media-row .media-row-preview { border-radius:18px; }


/* Phase 5.3.7 Roadmap/TODO polish */
.master-todo-fix-list{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));align-items:start}.master-todo-fix-item{min-height:auto;gap:12px;overflow:visible}.master-todo-fix-main{display:flex;gap:10px;align-items:flex-start}.master-todo-fix-main span{overflow-wrap:anywhere}.master-todo-fix-item .master-todo-thread{max-width:100%;overflow:hidden}.master-todo-fix-item .master-todo-comment-form{grid-template-columns:1fr}.master-todo-fix-item .master-todo-comment-form button{justify-self:start}.master-todo-filter-item.is-section-library-hidden,[data-section-template-card].is-section-library-hidden{display:none!important}.master-todo-add select[name="category"]{min-height:44px}.master-todo-card[data-master-todo-tab="studio"] .master-todo-card-head span::after,.master-todo-auto-card[data-master-todo-tab="studio"] .master-todo-card-head span::after{content:" · Studio"}.master-todo-card[data-master-todo-tab="style"] .master-todo-card-head span::after,.master-todo-auto-card[data-master-todo-tab="style"] .master-todo-card-head span::after{content:" · Design"}.master-todo-card[data-master-todo-tab="security"] .master-todo-card-head span::after,.master-todo-auto-card[data-master-todo-tab="security"] .master-todo-card-head span::after{content:" · Security"}
@media(max-width:900px){.master-todo-fix-list{grid-template-columns:1fr}}

/* Phase 5.3.7: exklusivere Typbereiche als sichere optische Nachschärfung */
.cms-logo-cloud .cms-logo-card{backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 50px rgba(0,0,0,.22)}.cms-team-card,.cms-testimonial-card{position:relative;overflow:hidden}.cms-team-card::after,.cms-testimonial-card::after{content:"";position:absolute;inset:auto -40px -60px auto;width:140px;height:140px;border-radius:999px;background:radial-gradient(circle,rgba(34,211,238,.16),transparent 70%);pointer-events:none}.function-row-fields [data-item-link-input],.function-row-fields [data-media-link-input]{border-color:rgba(34,211,238,.22);box-shadow:0 0 0 1px rgba(34,211,238,.04)}

/* Phase 5.3.8 - Section-Bibliothek Suche/Filter sichtbar stabilisieren */
.library-filter-status{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border-radius:999px;border:1px solid rgba(34,211,238,.18);background:rgba(34,211,238,.075);color:#bff8ff;font-size:.78rem;font-weight:900;white-space:nowrap}
[data-section-template-card][hidden],
[data-section-template-card].is-section-library-hidden{display:none!important}
.library-empty-state[hidden]{display:none!important}
.studio-section-library-drawer.is-open .library-empty-state:not([hidden]){display:flex!important;align-items:center;justify-content:center;padding:18px;border-radius:18px;border:1px dashed rgba(34,211,238,.22);background:rgba(2,6,23,.35);color:var(--muted);font-weight:850}

/* Phase 5.3.8 - Master-TODO/Fixes Darstellung korrigieren */
.master-todo-fix-list{grid-template-columns:repeat(auto-fit,minmax(420px,1fr))!important;align-items:start!important;gap:14px!important;max-height:520px!important}
.master-todo-fix-item{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;min-width:0!important;overflow:hidden!important;padding:14px!important}
.master-todo-fix-main{display:flex!important;align-items:flex-start!important;gap:10px!important;min-width:0!important}
.master-todo-fix-main span{display:block!important;min-width:0!important;overflow-wrap:anywhere!important;word-break:break-word!important}
.master-todo-fix-item .master-todo-thread{width:100%!important;min-width:0!important;overflow:hidden!important}
.master-todo-fix-item .master-todo-comment-form{grid-template-columns:1fr!important}
.master-todo-fix-item .master-todo-comment-form textarea{width:100%!important;min-height:54px!important}
.master-todo-fix-item .master-todo-comment-form button{justify-self:start!important;white-space:normal!important}
.master-todo-grid,.master-todo-auto-grid{align-items:start!important}
@media(max-width:760px){.library-filter-status{width:100%}.master-todo-fix-list{grid-template-columns:1fr!important}}


/* Phase 5.3.9: Section-Bibliothek Filter final hart absichern */
.studio-section-library-drawer [data-section-template-card][data-filter-visible="0"],
.studio-section-library-drawer [data-section-template-card].is-section-library-hidden,
.studio-section-library-drawer [data-section-template-card][hidden]{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.studio-section-library-drawer [data-section-template-card][data-filter-visible="1"]{
  display:flex!important;
  visibility:visible!important;
  position:relative!important;
}
.studio-section-library-drawer .library-filter-status{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(34,211,238,.22);
  background:rgba(34,211,238,.075);
  color:#bff8ff;
  font-weight:900;
  font-size:.82rem;
}
.studio-section-library-drawer .library-category-filter button.active,
.studio-section-library-drawer .library-category-filter button[aria-pressed="true"]{
  background:linear-gradient(135deg,rgba(139,92,246,.8),rgba(34,211,238,.55))!important;
  border-color:rgba(34,211,238,.5)!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(34,211,238,.12)!important;
}

/* Phase 5.3.10 - section-typische Studio-Hilfen */
.premium-type-help{border-color:rgba(34,211,238,.22)!important;background:linear-gradient(135deg,rgba(34,211,238,.08),rgba(124,58,237,.08))!important;}
.studio-inspector-card .section-type-options.is-active .type-help-card strong{color:#fff;}
.studio-inspector-card .section-type-options.is-active .type-help-card span{color:#b8c1d9;line-height:1.55;}

/* Phase 5.3.11 - komfortabler Bearbeitungsmodus und ruhigere Beschreibungen */
.studio-focus-edit-btn{white-space:nowrap}
.studio-builder-modern.is-editor-expanded{grid-template-columns:minmax(220px,280px) minmax(360px,.68fr) minmax(760px,1.55fr)!important;}
.studio-builder-modern.is-editor-expanded .studio-live-preview-panel{opacity:.9;}
.studio-builder-modern.is-editor-expanded .studio-section-list{max-height:calc(100vh - 100px);}
.studio-builder-modern.is-editor-expanded .studio-section-card.is-selected{box-shadow:0 0 0 1px rgba(34,211,238,.24),0 32px 90px rgba(0,0,0,.44);}
.studio-builder-modern.is-editor-expanded .studio-section-card.is-selected .studio-inspector-layout{padding:20px 24px 26px;}
.studio-builder-modern.is-editor-expanded .studio-section-card.is-selected .form-grid.two,
.studio-builder-modern.is-editor-expanded .studio-section-card.is-selected .form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));}
.studio-builder-modern.is-editor-expanded .studio-section-card.is-selected textarea{min-height:120px;}
.studio-builder-modern .type-help-card.compact-help{padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,rgba(34,211,238,.08),rgba(139,92,246,.06));}
.studio-builder-modern .type-help-card.compact-help strong{display:block;margin-bottom:4px;}
.studio-builder-modern .type-help-card.compact-help span{font-size:.9rem;line-height:1.45;color:#c7d5f3;}
.studio-builder-modern .section-type-options .specific-repeater-field>small,
.studio-builder-modern .section-type-options label small{color:#9fb0d0;}
@media(max-width:1500px){.studio-builder-modern.is-editor-expanded{grid-template-columns:minmax(210px,250px) minmax(330px,.6fr) minmax(640px,1.5fr)!important;}}
@media(max-width:1180px){.studio-builder-modern.is-editor-expanded{display:block!important;}}


/* Phase 5.3.12 - Groß bearbeiten als echter Fokus-Arbeitsbereich
   Wichtig: keine Studio-Insert-/Section-Bibliothek-JS-Logik anfassen. */
.studio-builder-modern.is-editor-expanded{
  grid-template-columns:minmax(230px,300px) minmax(720px,1fr)!important;
  gap:20px!important;
  align-items:start!important;
}
.studio-builder-modern.is-editor-expanded>.section-head{
  grid-column:1/-1!important;
}
.studio-builder-modern.is-editor-expanded .studio-ux-commandbar,
.studio-builder-modern.is-editor-expanded .studio-section-library{
  grid-column:1!important;
}
.studio-builder-modern.is-editor-expanded .studio-live-preview-panel{
  display:none!important;
}
.studio-builder-modern.is-editor-expanded .studio-section-list{
  grid-column:2!important;
  grid-row:2 / span 6!important;
  max-height:none!important;
  overflow:visible!important;
  padding-right:0!important;
  margin:0!important;
}
.studio-builder-modern.is-editor-expanded .save-panel{
  grid-column:2!important;
  position:sticky!important;
  bottom:14px!important;
}
.studio-builder-modern.is-editor-expanded .studio-section-card.is-selected{
  overflow:visible!important;
  border-color:rgba(34,211,238,.46)!important;
  box-shadow:0 0 0 1px rgba(34,211,238,.22),0 34px 90px rgba(0,0,0,.42)!important;
}
.studio-builder-modern.is-editor-expanded .studio-section-card.is-selected>.card-title-row{
  position:sticky;
  top:14px;
  z-index:12;
  border-bottom:1px solid rgba(34,211,238,.18);
  backdrop-filter:blur(18px);
}
.studio-builder-modern.is-editor-expanded .studio-section-card.is-selected .studio-inspector-tabs{
  position:sticky;
  top:114px;
  z-index:11;
  background:rgba(11,16,31,.96);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.studio-builder-modern.is-editor-expanded .studio-section-card.is-selected .studio-inspector-layout{
  display:block!important;
  max-height:none!important;
  overflow:visible!important;
  padding:22px 26px 28px!important;
}
.studio-builder-modern.is-editor-expanded .studio-section-card.is-selected .studio-inspector-fields{
  display:grid!important;
  gap:18px!important;
}
.studio-builder-modern.is-editor-expanded .studio-section-card.is-selected .form-grid.two{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.studio-builder-modern.is-editor-expanded .studio-section-card.is-selected .form-grid.three{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.studio-builder-modern.is-editor-expanded .studio-section-card.is-selected .section-type-options.is-active,
.studio-builder-modern.is-editor-expanded .studio-section-card.is-selected .inspector-group.is-active{
  overflow:visible!important;
}
.studio-builder-modern.is-editor-expanded .studio-card-actions .studio-focus-edit-btn{
  background:linear-gradient(135deg,rgba(34,211,238,.24),rgba(139,92,246,.28))!important;
  border-color:rgba(34,211,238,.42)!important;
  color:#fff!important;
}
.studio-builder-modern.is-editor-expanded .studio-card-actions .studio-focus-edit-btn::before{
  content:'↙';
  margin-right:6px;
  opacity:.9;
}
@media(max-width:1500px){
  .studio-builder-modern.is-editor-expanded{grid-template-columns:minmax(210px,270px) minmax(620px,1fr)!important;}
  .studio-builder-modern.is-editor-expanded .studio-section-card.is-selected .form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:1180px){
  .studio-builder-modern.is-editor-expanded{display:block!important;}
  .studio-builder-modern.is-editor-expanded .studio-live-preview-panel{display:block!important;}
  .studio-builder-modern.is-editor-expanded .studio-section-card.is-selected>.card-title-row,
  .studio-builder-modern.is-editor-expanded .studio-section-card.is-selected .studio-inspector-tabs{position:relative;top:auto;}
}


/* Phase 5.3.13 - normale Studio-Bearbeitungsansicht etwas breiter
   Nur Layout-Polish: keine Studio-Insert-/Overlay-/Live-Preview-Logik geändert. */
.studio-builder-modern:not(.is-editor-expanded){
  grid-template-columns:minmax(230px,280px) minmax(500px,1fr) minmax(580px,800px)!important;
}
.studio-builder-modern:not(.is-editor-expanded) .studio-section-list{
  min-width:580px;
}
@media(min-width:1700px){
  .studio-builder-modern:not(.is-editor-expanded){
    grid-template-columns:minmax(250px,300px) minmax(640px,1fr) minmax(700px,940px)!important;
  }
  .studio-builder-modern:not(.is-editor-expanded) .studio-section-list{min-width:700px;}
}
@media(max-width:1500px){
  .studio-builder-modern:not(.is-editor-expanded){
    grid-template-columns:minmax(210px,250px) minmax(430px,1fr) minmax(520px,700px)!important;
  }
  .studio-builder-modern:not(.is-editor-expanded) .studio-section-list{min-width:520px;}
}
@media(max-width:1180px){
  .studio-builder-modern:not(.is-editor-expanded){display:block!important;}
  .studio-builder-modern:not(.is-editor-expanded) .studio-section-list{min-width:0;}
}


/* Phase 5.3.14 - normale Bearbeitungsansicht nach unten größer öffnen
   Nur Layout-Polish: keine Studio-Insert-/Overlay-/Preview-/Media-Hub-Logik geändert. */
.studio-builder-modern:not(.is-editor-expanded) .studio-section-list{
  max-height:calc(100vh - 96px)!important;
}
.studio-builder-modern:not(.is-editor-expanded) .studio-section-card.is-selected{
  min-height:min(760px, calc(100vh - 126px))!important;
  max-height:calc(100vh - 112px)!important;
  display:flex!important;
  flex-direction:column!important;
}
.studio-builder-modern:not(.is-editor-expanded) .studio-section-card.is-selected>.card-title-row{
  flex:0 0 auto!important;
}
.studio-builder-modern:not(.is-editor-expanded) .studio-section-card.is-selected .studio-inspector-tabs{
  flex:0 0 auto!important;
}
.studio-builder-modern:not(.is-editor-expanded) .studio-section-card.is-selected .studio-inspector-layout{
  display:block!important;
  flex:1 1 auto!important;
  min-height:360px!important;
  max-height:none!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  padding:20px 22px 26px!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(34,211,238,.55) rgba(15,23,42,.38)!important;
}
.studio-builder-modern:not(.is-editor-expanded) .studio-section-card.is-selected .studio-inspector-layout::-webkit-scrollbar{
  width:8px;
}
.studio-builder-modern:not(.is-editor-expanded) .studio-section-card.is-selected .studio-inspector-layout::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,rgba(34,211,238,.7),rgba(139,92,246,.55));
  border-radius:999px;
}
.studio-builder-modern:not(.is-editor-expanded) .studio-section-card.is-selected .studio-inspector-layout::-webkit-scrollbar-track{
  background:rgba(15,23,42,.38);
  border-radius:999px;
}
.studio-builder-modern:not(.is-editor-expanded) .studio-section-card.is-selected .studio-inspector-fields{
  display:grid!important;
  gap:16px!important;
}
@media(max-height:780px){
  .studio-builder-modern:not(.is-editor-expanded) .studio-section-card.is-selected{
    min-height:640px!important;
  }
  .studio-builder-modern:not(.is-editor-expanded) .studio-section-card.is-selected .studio-inspector-layout{
    min-height:300px!important;
  }
}
@media(max-width:1180px){
  .studio-builder-modern:not(.is-editor-expanded) .studio-section-card.is-selected{
    min-height:0!important;
    max-height:none!important;
  }
  .studio-builder-modern:not(.is-editor-expanded) .studio-section-card.is-selected .studio-inspector-layout{
    min-height:0!important;
    overflow:visible!important;
  }
}

/* Phase 5.3.21 - normale Bearbeitung übersichtlicher, keine leeren Skeleton-Flächen */
.studio-builder-modern:not(.is-editor-expanded) .studio-section-card.is-selected{
  min-height:0!important;
  max-height:min(760px, calc(100vh - 110px))!important;
  display:flex!important;
  flex-direction:column!important;
}
.studio-builder-modern:not(.is-editor-expanded) .studio-section-card.is-selected .studio-inspector-layout{
  min-height:0!important;
  max-height:min(520px, calc(100vh - 330px))!important;
  overflow-y:auto!important;
}
.studio-builder-modern:not(.is-editor-expanded) .studio-section-card.is-selected .studio-inspector-fields{
  padding-bottom:10px!important;
}
.studio-builder-modern:not(.is-editor-expanded) .studio-section-card:not(.is-selected){
  min-height:92px;
  border-color:rgba(255,255,255,.08);
}
.studio-builder-modern .studio-section-card:not(.is-selected)>.card-title-row{
  min-height:88px;
}
.studio-builder-modern:not(.is-editor-expanded) .studio-section-card.is-selected + .studio-section-card{
  margin-top:12px;
}
@media(max-height:820px){
  .studio-builder-modern:not(.is-editor-expanded) .studio-section-card.is-selected .studio-inspector-layout{
    max-height:min(460px, calc(100vh - 300px))!important;
  }
}

/* Master-TODO / Roadmap-Regel: diese UI-Polish-Fixes bleiben kumulativ. */

/* Phase 5.3.22 - Studio Bearbeiten: wieder nutzbare Normalhöhe + Section-Namen in kompakten Karten
   Wichtig: keine Insert-/Overlay-/MediaHub-Controller anfassen. */
.studio-builder-modern .studio-section-label-line{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  letter-spacing:.12em;
}
.studio-builder-modern .studio-section-label-line [data-section-type-label]{
  color:#66f3ff;
  max-width:190px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.studio-builder-modern .studio-section-label-line .section-label-separator{
  color:rgba(148,163,184,.72);
  letter-spacing:0;
}
.studio-builder-modern .studio-section-title-wrap{
  align-items:center!important;
}
.studio-builder-modern .studio-drag-handle{
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  display:inline-grid!important;
  place-items:center!important;
  border-radius:16px!important;
  line-height:1!important;
  font-size:.95rem!important;
}
.studio-builder-modern .studio-section-card:not(.is-selected)>.card-title-row{
  min-height:78px!important;
  padding:14px 16px!important;
  align-items:center!important;
}
.studio-builder-modern .studio-section-card:not(.is-selected) .studio-section-title-wrap h2{
  display:block!important;
  margin-top:3px!important;
  font-size:1rem!important;
  line-height:1.15!important;
  max-width:260px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:rgba(255,255,255,.92)!important;
}
.studio-builder-modern .studio-section-card:not(.is-selected) .section-status-row{
  margin-top:5px!important;
}
.studio-builder-modern:not(.is-editor-expanded) .studio-section-card:not(.is-selected){
  min-height:78px!important;
}
.studio-builder-modern:not(.is-editor-expanded) .studio-section-card.is-selected{
  min-height:min(780px, calc(100vh - 96px))!important;
  max-height:calc(100vh - 72px)!important;
}
.studio-builder-modern:not(.is-editor-expanded) .studio-section-card.is-selected .studio-inspector-layout{
  min-height:430px!important;
  max-height:min(680px, calc(100vh - 250px))!important;
  padding:22px 22px 30px!important;
}
.studio-builder-modern:not(.is-editor-expanded) .studio-section-card.is-selected .studio-inspector-tabs{
  padding-bottom:12px!important;
}
.studio-builder-modern:not(.is-editor-expanded) .studio-section-card.is-selected>.card-title-row{
  min-height:128px!important;
}
@media(max-height:820px){
  .studio-builder-modern:not(.is-editor-expanded) .studio-section-card.is-selected{
    min-height:min(700px, calc(100vh - 76px))!important;
  }
  .studio-builder-modern:not(.is-editor-expanded) .studio-section-card.is-selected .studio-inspector-layout{
    min-height:360px!important;
    max-height:min(600px, calc(100vh - 230px))!important;
  }
}
@media(max-width:1180px){
  .studio-builder-modern:not(.is-editor-expanded) .studio-section-card.is-selected{
    min-height:0!important;
    max-height:none!important;
  }
  .studio-builder-modern:not(.is-editor-expanded) .studio-section-card.is-selected .studio-inspector-layout{
    min-height:0!important;
    max-height:none!important;
    overflow:visible!important;
  }
}

/* Phase 5.4.0 – Studio page starters & design effects */
.studio-page-template-starters{
  display:flex;
  align-items:center;
  gap:.7rem;
  flex-wrap:wrap;
  margin: .75rem 0 1rem;
  padding:.9rem;
  border:1px solid rgba(34,211,238,.22);
  border-radius:18px;
  background:linear-gradient(135deg, rgba(14,165,233,.12), rgba(99,102,241,.08));
}
.studio-page-template-starters>div{margin-right:auto;min-width:220px;display:grid;gap:.15rem}
.studio-page-template-starters strong{color:#eef6ff;font-size:.95rem}
.studio-page-template-starters span{color:#a8b5ca;font-size:.82rem}
.design-effects-grid select{min-width:0}
.studio-section-library .library-filter-status{min-height:2.3rem;display:inline-flex;align-items:center;justify-content:center}


/* Phase 5.4.1 – Section-Bibliothek: Seitengerüste sauber vom Kartenraster trennen */
.studio-builder-modern .studio-section-library-drawer .studio-page-template-starters{
  flex:0 0 auto!important;
  position:relative!important;
  z-index:3!important;
  display:grid!important;
  grid-template-columns:minmax(220px,1fr) repeat(4,max-content)!important;
  align-items:center!important;
  gap:10px!important;
  margin:0!important;
  padding:12px!important;
  border:1px solid rgba(34,211,238,.24)!important;
  border-radius:18px!important;
  background:linear-gradient(135deg,rgba(8,47,73,.72),rgba(17,24,39,.80))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 14px 34px rgba(0,0,0,.20)!important;
  overflow:hidden!important;
}
.studio-builder-modern .studio-section-library-drawer .studio-page-template-starters>div{
  min-width:0!important;
  margin-right:0!important;
}
.studio-builder-modern .studio-section-library-drawer .studio-page-template-starters strong{
  display:block!important;
  color:#eef6ff!important;
  font-size:.92rem!important;
  line-height:1.25!important;
}
.studio-builder-modern .studio-section-library-drawer .studio-page-template-starters span{
  display:block!important;
  color:#a8b5ca!important;
  font-size:.78rem!important;
  line-height:1.35!important;
  margin-top:2px!important;
}
.studio-builder-modern .studio-section-library-drawer .studio-page-template-starters .btn{
  white-space:nowrap!important;
  min-height:34px!important;
  padding:.42rem .66rem!important;
  justify-content:center!important;
}
.studio-builder-modern .studio-section-library-drawer .section-template-grid-rich{
  position:relative!important;
  z-index:1!important;
  margin-top:0!important;
}
.studio-builder-modern .studio-section-library-drawer .section-template-card.rich{
  position:relative!important;
  z-index:1!important;
}
.studio-builder-modern .studio-section-library-drawer .section-library-controls{
  position:relative!important;
  z-index:4!important;
}
@media(max-width:1180px){
  .studio-builder-modern .studio-section-library-drawer .studio-page-template-starters{
    grid-template-columns:1fr 1fr!important;
  }
  .studio-builder-modern .studio-section-library-drawer .studio-page-template-starters>div{
    grid-column:1 / -1!important;
  }
}
@media(max-width:640px){
  .studio-builder-modern .studio-section-library-drawer .studio-page-template-starters{
    grid-template-columns:1fr!important;
  }
  .studio-builder-modern .studio-section-library-drawer .studio-page-template-starters .btn{
    width:100%!important;
  }
}


/* Phase 5.4.2 – Empty-State und Seitengerüste sauber trennen */
.studio-section-card.is-empty-placeholder{display:none!important;}
.studio-nav-empty-state{display:grid;gap:6px;padding:14px;border:1px dashed rgba(34,211,238,.24);border-radius:16px;background:rgba(34,211,238,.055);color:#b8c5dc;line-height:1.35;}
.studio-nav-empty-state strong{color:#eef6ff;font-size:.92rem;}
.studio-nav-empty-state span{font-size:.82rem;color:#9fb0ca;}
body.has-studio-library-open .studio-section-library-drawer.is-open,
.studio-section-library-drawer.is-open{
  grid-template-rows:auto auto auto minmax(0,1fr) auto!important;
}
.studio-section-library-drawer.is-open .studio-page-template-starters{
  grid-row:3!important;
  align-self:start!important;
  margin:0 0 14px 0!important;
  z-index:5!important;
  max-height:none!important;
  overflow:visible!important;
}
.studio-section-library-drawer.is-open .section-template-grid-rich{
  grid-row:4!important;
  clear:both!important;
  margin-top:0!important;
  min-height:220px!important;
  max-height:calc(100vh - 430px)!important;
  z-index:1!important;
}
.studio-section-library-drawer.is-open .library-empty-state{grid-row:5!important;}
.studio-section-library-drawer.is-open .section-template-card.rich{z-index:1!important;}
@media(max-width:1320px){
  .studio-section-library-drawer.is-open .section-template-grid-rich{max-height:calc(100vh - 455px)!important;}
}
@media(max-width:760px){
  .studio-section-library-drawer.is-open .section-template-grid-rich{max-height:calc(100vh - 500px)!important;}
}


/* Phase 5.4.3 – letzte Section entfernen, Brand Assets und Studio Empty-State stabilisieren */
:root{--primary:#895CFF;--primary2:#54D1FA;--text:#f6f7fb;--muted:#D2D5DD;--bg:#101216;}
[data-studio-section-card][hidden],
.studio-section-card.is-empty-placeholder{display:none!important;visibility:hidden!important;pointer-events:none!important;}
.studio-builder-modern .studio-section-list.has-no-real-sections{min-height:280px!important;justify-content:flex-start!important;}
.studio-builder-modern .studio-section-list.has-no-real-sections::after{content:'Keine Bereiche vorhanden. Füge einen Bereich hinzu oder starte mit einem Seitengerüst.'!important;display:grid!important;place-items:center!important;min-height:180px!important;margin:6px 0 0!important;padding:26px!important;border:1px dashed rgba(84,209,250,.32)!important;border-radius:22px!important;background:linear-gradient(135deg,rgba(84,209,250,.08),rgba(137,92,255,.06))!important;color:#D2D5DD!important;text-align:center!important;font-weight:900!important;line-height:1.45!important;}
.brand-mark-image{background:linear-gradient(145deg,rgba(16,18,22,.95),rgba(137,92,255,.18))!important;border:1px solid rgba(210,213,221,.2)!important;overflow:hidden!important;}
.brand-mark-image img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 6px 14px rgba(84,209,250,.22));}
.admin-sidebar .brand{gap:12px;}
.admin-sidebar .brand .brand-mark-image{width:46px;height:46px;border-radius:14px;}
.login-brand-row .brand-mark-image{width:44px;height:44px;}


/* Phase 5.4.6 – Safe branding/studio card polish */
.studio-section-card.is-empty-placeholder,
.studio-section-card[hidden],
[data-studio-section-card].is-empty-placeholder[hidden]{display:none!important;visibility:hidden!important;pointer-events:none!important;}
.studio-section-list.has-no-real-sections .studio-section-card{display:none!important;}
.studio-card-actions{align-items:center;}
.section-status-row-inline{display:inline-flex!important;align-items:center;gap:6px;margin:0 4px 0 0;order:0;flex:0 0 auto;}
.section-status-row-inline .status-pill{min-height:28px;padding:6px 9px;font-size:11px;line-height:1;text-transform:uppercase;letter-spacing:.04em;}
.studio-card-actions [data-collapse-section]{order:1;}
.studio-card-actions [data-toggle-editor-focus]{order:2;}
.studio-card-actions [data-remove-section]{order:3;}
.studio-card-actions .switch-line{order:4;}
@media(max-width:1280px){.section-status-row-inline{order:4;width:100%;justify-content:flex-end;margin-top:6px}.studio-card-actions .switch-line{order:5}}
.brand-mark-image{background:linear-gradient(145deg,rgba(16,18,22,.98),rgba(137,92,255,.16))!important;border:1px solid rgba(210,213,221,.18)!important;box-shadow:0 14px 34px rgba(84,209,250,.15), inset 0 0 0 1px rgba(255,255,255,.04)!important;}
.brand-mark-image img{width:100%;height:100%;object-fit:contain;display:block;padding:4px;filter:drop-shadow(0 6px 14px rgba(84,209,250,.18));}
.admin-sidebar .brand{align-items:center;gap:12px;}
.admin-sidebar .brand .brand-mark-image{width:50px;height:50px;border-radius:16px;}
.login-brand-row .brand{gap:14px;}
.login-brand-row .brand-mark-image{width:56px!important;height:56px!important;border-radius:18px!important;}
.login-panel{background:linear-gradient(155deg,rgba(16,18,22,.92),rgba(28,32,48,.9) 54%,rgba(84,209,250,.08));border-color:rgba(210,213,221,.14);box-shadow:0 34px 110px rgba(0,0,0,.38),0 0 80px rgba(137,92,255,.12);}
.login-sidecard{background:linear-gradient(155deg,rgba(16,18,22,.68),rgba(84,209,250,.08));}


/* Phase 5.4.7 - Seitengerüste als eigene Premium-Starter, ohne Studio-Insert-Logik anzufassen */
.studio-builder-modern .studio-section-library-drawer .studio-page-template-starters{
  flex:0 0 auto!important;
  position:relative!important;
  z-index:2!important;
  display:grid!important;
  grid-template-columns:minmax(180px,.72fr) minmax(0,2fr)!important;
  gap:14px!important;
  align-items:stretch!important;
  margin:0 0 16px!important;
  padding:14px!important;
  border-radius:20px!important;
  border:1px solid rgba(34,211,238,.22)!important;
  background:radial-gradient(circle at 0 0,rgba(34,211,238,.12),transparent 44%),linear-gradient(135deg,rgba(15,23,42,.92),rgba(6,12,28,.92))!important;
  box-shadow:0 18px 48px rgba(0,0,0,.24)!important;
}
.studio-builder-modern .studio-section-library-drawer .starter-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  gap:6px!important;
  min-width:0!important;
}
.studio-builder-modern .studio-section-library-drawer .starter-copy strong{
  color:#fff!important;
  font-size:1.02rem!important;
  letter-spacing:.01em!important;
}
.studio-builder-modern .studio-section-library-drawer .starter-copy span{
  color:#aeb9d2!important;
  font-size:.84rem!important;
  line-height:1.45!important;
}
.studio-builder-modern .studio-section-library-drawer .starter-button-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  min-width:0!important;
}
.studio-builder-modern .studio-section-library-drawer .starter-card{
  appearance:none!important;
  text-align:left!important;
  min-height:86px!important;
  padding:12px!important;
  border-radius:16px!important;
  border:1px solid rgba(255,255,255,.1)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035))!important;
  color:#fff!important;
  cursor:pointer!important;
  display:flex!important;
  flex-direction:column!important;
  gap:6px!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
}
.studio-builder-modern .studio-section-library-drawer .starter-card b{font-size:.9rem!important;line-height:1.1!important}
.studio-builder-modern .studio-section-library-drawer .starter-card small{color:#aeb9d2!important;font-weight:750!important;line-height:1.35!important}
.studio-builder-modern .studio-section-library-drawer .starter-card:hover,
.studio-builder-modern .studio-section-library-drawer .starter-card:focus-visible{
  transform:translateY(-2px)!important;
  border-color:rgba(34,211,238,.42)!important;
  background:linear-gradient(145deg,rgba(34,211,238,.14),rgba(139,92,246,.11))!important;
  box-shadow:0 14px 34px rgba(34,211,238,.11)!important;
}
.studio-builder-modern .studio-section-library-drawer .starter-card.premium{
  border-color:rgba(139,92,246,.34)!important;
  background:radial-gradient(circle at 12% 0,rgba(139,92,246,.22),transparent 45%),linear-gradient(145deg,rgba(34,211,238,.09),rgba(255,255,255,.04))!important;
}
.studio-builder-modern .studio-section-library-drawer .starter-card.is-loading-template{
  pointer-events:none!important;
  opacity:.75!important;
  box-shadow:0 0 0 1px rgba(34,211,238,.4),0 0 30px rgba(34,211,238,.18)!important;
}
@media(max-width:1280px){
  .studio-builder-modern .studio-section-library-drawer .studio-page-template-starters{grid-template-columns:1fr!important;}
  .studio-builder-modern .studio-section-library-drawer .starter-button-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:640px){
  .studio-builder-modern .studio-section-library-drawer .starter-button-grid{grid-template-columns:1fr!important;}
}

/* Phase 5.4.8 – aufwendigere Starter-Vorlagen und Theme-Compatibility-Hinweise */
.studio-builder-modern .studio-section-library-drawer .starter-button-grid{
  grid-template-columns:repeat(auto-fit,minmax(185px,1fr))!important;
}
.studio-builder-modern .studio-section-library-drawer .starter-card{
  position:relative!important;
  overflow:hidden!important;
}
.studio-builder-modern .studio-section-library-drawer .starter-card::after{
  content:"";
  position:absolute;
  inset:auto 12px 10px 12px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(84,209,250,.7),rgba(137,92,255,.65),transparent);
  opacity:.55;
}
.studio-builder-modern .studio-section-library-drawer .starter-card.cinematic{
  background:radial-gradient(circle at 15% 0,rgba(84,209,250,.2),transparent 38%),radial-gradient(circle at 92% 0,rgba(137,92,255,.22),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035))!important;
  border-color:rgba(84,209,250,.32)!important;
}
.studio-builder-modern .studio-section-library-drawer .starter-card.dark{
  background:radial-gradient(circle at 18% -10%,rgba(180,22,45,.24),transparent 44%),linear-gradient(145deg,rgba(10,10,12,.95),rgba(44,12,20,.58))!important;
  border-color:rgba(184,151,42,.34)!important;
}
.studio-builder-modern .studio-section-library-drawer .starter-card.dark::after{
  background:linear-gradient(90deg,rgba(184,151,42,.85),rgba(139,0,0,.8),transparent);
}
.studio-builder-modern .studio-section-library-drawer .starter-card.premium b::before{
  content:"★ ";
  color:#54d1fa;
}


/* Phase 5.4.10 - Theme API adapter UI */
.theme-api-box{margin-top:18px;padding:16px;border:1px solid rgba(137,92,255,.28);border-radius:18px;background:linear-gradient(135deg,rgba(137,92,255,.10),rgba(84,209,250,.06));box-shadow:0 14px 32px rgba(0,0,0,.10)}
.theme-api-box h3{margin:0 0 8px;font-size:1rem}
.manifest-warning-list{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:8px}
.manifest-warning-list li{padding:9px 11px;border-radius:12px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.26);color:#92400e;font-size:.88rem}
.extension-card .badge.warn{white-space:nowrap}

/* Phase 5.4.14 - Extension/Theme settings tabs and color picker polish */
.extension-settings-form{position:relative;overflow:hidden}.extension-settings-tabs{display:grid;gap:18px}.extension-tab-list{display:flex;flex-wrap:wrap;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(0,0,0,.16)}.extension-tab-button{display:grid;gap:3px;min-width:160px;text-align:left;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.045);color:var(--text,#fff);padding:12px 14px;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.extension-tab-button strong{font-size:14px}.extension-tab-button span{font-size:12px;color:var(--muted,#9fb2d9);font-weight:700}.extension-tab-button:hover,.extension-tab-button.is-active{border-color:rgba(34,211,238,.42);background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(124,92,255,.12));transform:translateY(-1px)}.extension-tab-button.is-active span{color:#bff7ff}.extension-tab-panels{display:grid}.extension-tab-panel{border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));padding:18px}.extension-tab-panel[hidden]{display:none}.extension-group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:16px}.extension-group-head h3{margin:0;font-size:20px}.extension-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.extension-fields-grid .extension-field{margin:0}.extension-fields-grid textarea{min-height:150px}.extension-field.color-card{display:grid;gap:9px}.theme-color-control{display:grid;grid-template-columns:64px minmax(120px,1fr) 46px;align-items:center;gap:10px}.theme-color-control input[type="color"]{height:46px;min-height:46px;padding:4px;border-radius:14px;cursor:pointer;background:rgba(255,255,255,.08)}.theme-color-control input[type="text"]{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;font-weight:900;text-transform:lowercase}.theme-color-swatch{display:block;width:46px;height:46px;border-radius:14px;background:var(--swatch,#38bdf8);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 10px 24px rgba(0,0,0,.22)}.sticky-actions{position:sticky;bottom:0;z-index:3;margin:18px -18px -18px;padding:14px 18px;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(17,24,39,.84),rgba(17,24,39,.98));backdrop-filter:blur(14px)}.extension-manifest-card{position:sticky;top:18px}.extension-settings-page .empty-state{padding:18px;border-radius:18px;border:1px dashed rgba(255,255,255,.15);color:var(--muted,#9fb2d9);background:rgba(255,255,255,.035)}@media(max-width:1180px){.extension-settings-page .panel-grid.two{grid-template-columns:1fr}.extension-manifest-card{position:relative;top:auto}}@media(max-width:760px){.extension-tab-list{display:grid}.extension-tab-button{min-width:0}.extension-fields-grid{grid-template-columns:1fr}.theme-color-control{grid-template-columns:56px minmax(0,1fr) 42px}.theme-color-swatch{width:42px;height:42px}}

/* Phase 5.4.15: clearer theme settings + page metadata workflow */
.extension-settings-page-v2 .extension-settings-shell{max-width:none;overflow:hidden}.extension-main-head{margin-bottom:1rem}.extension-main-tabs{display:grid;gap:1rem}.extension-main-tab-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;padding:.8rem;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(0,0,0,.16)}.extension-main-tab{display:grid;gap:.35rem;text-align:left;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.025));color:var(--text,#fff);padding:1rem 1.1rem;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.extension-main-tab strong{font-size:1rem}.extension-main-tab span{color:var(--muted,#9fb2d9);font-size:.86rem;line-height:1.35}.extension-main-tab:hover,.extension-main-tab.is-active{border-color:rgba(34,211,238,.46);background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(124,92,255,.13));box-shadow:0 14px 36px rgba(0,0,0,.18);transform:translateY(-1px)}.extension-main-panel[hidden]{display:none}.extension-main-panel{border:1px solid rgba(255,255,255,.08);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.018));padding:1rem}.extension-panel-intro{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.extension-panel-intro h3{margin:0 0 .35rem;font-size:1.25rem}.extension-settings-page-v2 .extension-tab-list{background:rgba(2,6,23,.32)}.extension-settings-page-v2 .extension-fields-grid{align-items:start}.extension-settings-page-v2 .extension-field.wide-field{grid-column:1/-1}.extension-settings-page-v2 .extension-fields-grid textarea{max-width:min(100%,720px)}.extension-settings-page-v2 .theme-color-control{max-width:520px}.extension-settings-page-v2 .manifest-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.extension-settings-page-v2 .manifest-overview-grid>div,.extension-settings-page-v2 .theme-checklist>div{border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.extension-settings-page-v2 .manifest-explain-card{margin-top:1rem}.extension-settings-page-v2 .sticky-actions{margin:1rem -1rem -1rem}.page-edit-modern .page-edit-guidance{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;background:linear-gradient(135deg,rgba(34,211,238,.09),rgba(124,92,255,.08));border-color:rgba(34,211,238,.14)}.page-edit-modern .page-edit-guidance h2{margin:.45rem 0 .35rem}.page-edit-guidance-actions{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:flex-end}.page-meta-grid{grid-template-columns:minmax(0,1fr) 360px}.legacy-content-details{margin-top:1rem;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(2,6,23,.22);overflow:hidden}.legacy-content-details summary{display:flex;justify-content:space-between;gap:.8rem;align-items:center;cursor:pointer;padding:1rem 1.1rem;font-weight:900}.legacy-content-details summary small{color:var(--muted,#9fb2d9);font-weight:700}.legacy-content-details[open] summary{border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}.legacy-rich-editor-field{padding:1rem 1.1rem;margin:0}.legacy-content-details .rich-editor-toolbar{margin-bottom:.75rem}.pages-table .inline-badge{display:inline-flex;margin-left:.5rem;vertical-align:middle}@media(max-width:980px){.extension-main-tab-list{grid-template-columns:1fr}.extension-settings-page-v2 .manifest-overview-grid{grid-template-columns:1fr 1fr}.page-meta-grid{grid-template-columns:1fr}.page-edit-modern .page-edit-guidance{align-items:flex-start;flex-direction:column}.page-edit-guidance-actions{justify-content:flex-start}}@media(max-width:640px){.extension-settings-page-v2 .manifest-overview-grid{grid-template-columns:1fr}.extension-panel-intro{display:grid}.legacy-content-details summary{display:grid}}

/* Phase 5.4.16 - Theme readiness / compatibility comfort */
.extension-readiness-grid{margin:1rem 0 1.25rem;grid-template-columns:repeat(3,minmax(0,1fr));}
.readiness-card strong{font-size:2rem;line-height:1;}
.theme-readiness-strip{display:grid;gap:.55rem;margin:.85rem 0;padding:.8rem .9rem;border:1px solid rgba(34,211,238,.14);border-radius:16px;background:linear-gradient(135deg,rgba(34,211,238,.075),rgba(124,92,255,.055));}
.theme-readiness-strip>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:.75rem;}
.theme-readiness-strip span,.theme-readiness-hero span{color:var(--muted,#9fb2d9);font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;}
.theme-readiness-strip strong,.theme-readiness-hero strong{color:#fff;font-size:1.35rem;}
.theme-readiness-strip small{color:#b9f7ff;font-weight:800;}
.theme-readiness-bar{height:.65rem;border-radius:999px;background:rgba(2,6,23,.72);border:1px solid rgba(255,255,255,.09);overflow:hidden;}
.theme-readiness-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,rgba(34,211,238,.9),rgba(124,92,255,.9));box-shadow:0 0 20px rgba(34,211,238,.22);}
.theme-readiness-bar span.warn{background:linear-gradient(90deg,rgba(251,191,36,.9),rgba(248,113,113,.85));}
.theme-readiness-bar span.ok{background:linear-gradient(90deg,rgba(34,197,94,.95),rgba(34,211,238,.85));}
.theme-compat-summary{margin:.6rem 0;color:var(--muted,#9fb2d9);font-size:.9rem;line-height:1.45;}
.theme-next-steps{margin:.8rem 0;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(2,6,23,.22);overflow:hidden;}
.theme-next-steps summary{cursor:pointer;padding:.65rem .8rem;font-weight:900;color:#d9f7ff;}
.theme-next-steps ul{margin:0;padding:.2rem 1rem 1rem 1.45rem;color:var(--muted,#9fb2d9);display:grid;gap:.35rem;}
.theme-readiness-hero{display:grid;gap:.8rem;margin-bottom:1rem;padding:1rem;border:1px solid rgba(34,211,238,.16);border-radius:20px;background:radial-gradient(circle at top left,rgba(34,211,238,.12),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.025));}
.theme-readiness-hero>div:first-child{display:flex;align-items:end;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.theme-readiness-hero small{color:#b9f7ff;font-weight:900;}
.theme-readiness-hero p{margin:0;color:var(--muted,#9fb2d9);font-weight:750;}
.theme-next-steps-panel{margin-top:1rem;padding:1rem;border-radius:18px;border:1px solid rgba(34,211,238,.14);background:rgba(2,6,23,.22);}
.theme-next-steps-panel h4{margin:0 0 .75rem;}
.theme-next-steps-panel ol{margin:0;padding-left:1.25rem;display:grid;gap:.45rem;color:var(--muted,#9fb2d9);font-weight:750;}
.extension-settings-page-v2 .manifest-overview-grid small{display:block;margin-top:.3rem;color:var(--muted,#9fb2d9);font-size:.78rem;line-height:1.3;}
@media(max-width:980px){.extension-readiness-grid{grid-template-columns:1fr}.theme-readiness-hero>div:first-child{align-items:flex-start;}}

/* Phase 5.4.17 - Theme preview prep and Master-TODO counter polish */
.extension-main-tab-list.three{grid-template-columns:repeat(3,minmax(0,1fr));}
.theme-preview-stage{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:1rem;align-items:stretch;}
.theme-preview-window{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:26px;background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--preview-primary) 28%,transparent),transparent 34%),radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--preview-accent) 24%,transparent),transparent 36%),linear-gradient(145deg,rgba(8,13,28,.96),rgba(20,24,48,.92));padding:1rem;box-shadow:0 28px 80px rgba(0,0,0,.24);}
.theme-preview-window-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem;padding:.75rem;border-radius:18px;background:rgba(2,6,23,.42);border:1px solid rgba(255,255,255,.07);}
.theme-preview-brand{display:flex;align-items:center;gap:.8rem;min-width:0;}.theme-preview-brand img{width:42px;height:42px;object-fit:contain;border-radius:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}.theme-preview-brand strong{display:block;color:#fff;font-size:1.05rem}.theme-preview-brand span{display:block;color:var(--muted,#9fb2d9);font-size:.8rem;font-weight:800}.theme-preview-nav{display:flex;gap:.45rem}.theme-preview-nav span{width:34px;height:9px;border-radius:999px;background:linear-gradient(90deg,var(--preview-primary),var(--preview-accent));opacity:.72}.theme-preview-hero-card{padding:1.35rem;border-radius:24px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.09)}.theme-preview-hero-card small{text-transform:uppercase;letter-spacing:.14em;color:var(--preview-primary);font-weight:950}.theme-preview-hero-card h3{margin:.35rem 0;font-size:clamp(1.6rem,3vw,2.6rem);color:#fff}.theme-preview-hero-card p{max-width:720px;color:var(--muted,#9fb2d9);line-height:1.65}.theme-preview-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem}.theme-preview-actions span{padding:.55rem .75rem;border-radius:999px;background:rgba(2,6,23,.54);border:1px solid rgba(255,255,255,.08);color:#dffbff;font-size:.82rem;font-weight:900}.theme-preview-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:.9rem}.theme-preview-content-grid span{height:70px;border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--preview-primary) 18%,rgba(255,255,255,.05)),color-mix(in srgb,var(--preview-accent) 14%,rgba(255,255,255,.03)));border:1px solid rgba(255,255,255,.075)}.theme-preview-status{border:1px solid rgba(34,211,238,.14);border-radius:24px;background:linear-gradient(145deg,rgba(3,11,24,.72),rgba(13,17,34,.9));padding:1rem}.theme-preview-status h4{margin:.1rem 0 .8rem;color:#fff}.theme-preview-status ul{margin:0;padding-left:1.1rem;color:var(--muted,#9fb2d9);line-height:1.75;font-weight:760}.master-todo-kpis small{display:block;margin-top:.2rem;color:#8bdcf5;font-size:10px;font-weight:900;opacity:.9}.master-todo-tab-panel .muted code{font-size:.85em}.master-todo-fix-board .badge.ok{white-space:normal;text-align:right}@media(max-width:980px){.extension-main-tab-list.three{grid-template-columns:1fr}.theme-preview-stage{grid-template-columns:1fr}.theme-preview-content-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.theme-preview-content-grid{grid-template-columns:1fr}.theme-preview-window-head{align-items:flex-start;flex-direction:column}.theme-preview-nav{width:100%}}


/* Phase 5.4.18: System settings tabs and title-sync helper cards */
.settings-main-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    padding:10px;
    margin-bottom:18px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:18px;
    background:rgba(8,12,28,.38);
}
.settings-main-tab{
    appearance:none;
    border:1px solid rgba(255,255,255,.12);
    border-radius:14px;
    padding:12px 16px;
    color:#eaf2ff;
    background:rgba(255,255,255,.045);
    font-weight:800;
    cursor:pointer;
}
.settings-main-tab.active{
    border-color:rgba(45,212,255,.85);
    background:linear-gradient(135deg, rgba(45,212,255,.18), rgba(124,92,255,.16));
    box-shadow:0 0 0 1px rgba(45,212,255,.12) inset;
}
.settings-tab-panel{display:none;}
.settings-tab-panel.active{display:block;}
.settings-savebar{
    margin-top:18px;
    padding:14px 16px;
    border-top:1px solid rgba(255,255,255,.08);
    background:linear-gradient(90deg, rgba(10,20,42,.76), rgba(13,18,34,.45));
    border-radius:0 0 18px 18px;
}
.info-card.compact{
    display:grid;
    gap:6px;
    margin:0 0 18px;
    padding:14px 16px;
    border:1px solid rgba(45,212,255,.28);
    border-radius:16px;
    background:rgba(7,26,42,.58);
}
.info-card.compact span{font-size:1.05rem;font-weight:900;color:#fff;}
.info-card.compact small{color:#b8c9ff;line-height:1.45;}


/* Phase 5.4.19: Title/SEO transparency cards */
.title-sync-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    margin:0 0 18px;
}
.title-sync-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));}
.title-sync-card{
    padding:16px;
    border-radius:18px;
    border:1px solid rgba(255,255,255,.1);
    background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(4,8,20,.42));
    min-width:0;
}
.title-sync-card span{display:block;color:#8bdcf5;font-weight:950;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;margin-bottom:.45rem;}
.title-sync-card strong{display:block;color:#fff;font-size:1.05rem;line-height:1.35;word-break:break-word;}
.title-sync-card small{display:block;margin-top:.45rem;color:var(--muted,#9fb2d9);font-weight:760;line-height:1.45;}
.title-sync-card.ok{border-color:rgba(34,197,94,.32);box-shadow:0 0 0 1px rgba(34,197,94,.08) inset;}
.title-sync-card.warn{border-color:rgba(245,158,11,.38);box-shadow:0 0 0 1px rgba(245,158,11,.08) inset;}
.title-seo-helper .compact-actions,.seo-title-bridge-card .compact-actions{margin-top:.75rem;}
.checkbox-card.title-sync-checkbox{
    display:flex;
    align-items:flex-start;
    gap:.7rem;
    padding:14px 16px;
    border:1px solid rgba(45,212,255,.18);
    border-radius:16px;
    background:rgba(7,26,42,.38);
    font-weight:850;
}
.checkbox-card.title-sync-checkbox small{display:block;width:100%;margin-top:.35rem;color:#b8c9ff;font-weight:750;}
@media(max-width:980px){.title-sync-grid,.title-sync-grid.compact{grid-template-columns:1fr;}}

/* Phase 5.4.21 - Theme customizer preparation / file audit polish */
.theme-customizer-plan{margin-top:1rem;padding:1rem;border:1px solid rgba(34,211,238,.13);border-radius:24px;background:linear-gradient(135deg,rgba(34,211,238,.065),rgba(124,92,255,.045));}
.extension-panel-intro.slim{margin-bottom:.75rem;align-items:center;}
.theme-customizer-grid,.theme-file-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;}
.theme-customizer-grid>div,.theme-file-grid>div{padding:.9rem;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);}
.theme-customizer-grid code,.theme-file-grid code{font-size:.82em;white-space:normal;word-break:break-word;}
.theme-contract-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:1rem 0;}
.theme-contract-tile{padding:.95rem;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);display:grid;gap:.35rem;}
.theme-contract-tile span{color:var(--muted,#9fb2d9);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;font-weight:950;}
.theme-contract-tile strong{font-size:1.1rem;color:#fff;}
.theme-contract-tile small{color:var(--muted,#9fb2d9);line-height:1.45;}
.theme-contract-tile.ok{border-color:rgba(34,197,94,.24);background:linear-gradient(135deg,rgba(34,197,94,.08),rgba(255,255,255,.025));}
.theme-contract-tile.warn{border-color:rgba(251,191,36,.28);background:linear-gradient(135deg,rgba(251,191,36,.09),rgba(255,255,255,.025));}
.theme-file-audit{margin-top:1rem;padding:1rem;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:rgba(2,6,23,.2);}
.theme-file-audit h4{margin:.1rem 0 .85rem;color:#fff;}
@media(max-width:980px){.theme-customizer-grid,.theme-file-grid,.theme-contract-board{grid-template-columns:1fr;}}

/* Phase 5.4.22: Theme runtime / activation clarity */
.theme-runtime-board {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
    margin: 0 0 18px;
}
.theme-runtime-board article,
.theme-runtime-hint {
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 18px;
    padding: 14px 16px;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.72), rgba(2, 6, 23, 0.62));
    box-shadow: 0 14px 34px rgba(2, 6, 23, 0.22);
}
.theme-runtime-board span,
.theme-runtime-hint span {
    display: block;
    color: rgba(226, 232, 240, 0.72);
    font-size: 0.78rem;
    margin-bottom: 4px;
}
.theme-runtime-board strong,
.theme-runtime-hint strong {
    display: block;
    color: #f8fafc;
    font-size: 1rem;
    overflow-wrap: anywhere;
}
.theme-runtime-board small {
    display: block;
    color: rgba(203, 213, 225, 0.72);
    margin-top: 6px;
    line-height: 1.45;
}
.theme-runtime-hint {
    margin: 0 0 16px;
}
.theme-runtime-hint.ok {
    border-color: rgba(34, 197, 94, 0.35);
    background: linear-gradient(135deg, rgba(20, 83, 45, 0.35), rgba(15, 23, 42, 0.72));
}
.theme-runtime-hint.prepared {
    border-color: rgba(14, 165, 233, 0.35);
    background: linear-gradient(135deg, rgba(12, 74, 110, 0.32), rgba(15, 23, 42, 0.72));
}
.extension-card.active-theme-runtime {
    border-color: rgba(34, 197, 94, 0.42);
    box-shadow: 0 20px 55px rgba(34, 197, 94, 0.12), 0 18px 48px rgba(2, 6, 23, 0.24);
}

/* Phase 5.4.27: Theme settings reset card */
.theme-reset-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    margin: 1rem 0;
    border: 1px solid rgba(248, 113, 113, 0.22);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(127, 29, 29, 0.18), rgba(15, 23, 42, 0.72));
}
.theme-reset-card h4 { margin: 0 0 .35rem; }
.theme-reset-card p { margin: 0; }
.btn.danger-soft,
button.danger-soft {
    border-color: rgba(248, 113, 113, 0.45) !important;
    color: #fecaca !important;
    background: rgba(127, 29, 29, 0.18) !important;
}
.btn.danger-soft:hover,
button.danger-soft:hover {
    background: rgba(127, 29, 29, 0.28) !important;
}
@media (max-width: 760px) {
    .theme-reset-card { flex-direction: column; align-items: stretch; }
}

/* Phase 5.4.28: Master-TODO status controls */
.master-todo-status-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:2px}
.master-todo-status-form .btn.ok{background:linear-gradient(135deg,#14b8a6,#22c55e);border-color:rgba(94,234,212,.5);color:#061b18;box-shadow:0 10px 26px rgba(20,184,166,.16)}
.todo-local-override{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:3px 8px;background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.18);color:#bff8ff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.master-todo-auto-card.is-done,.master-todo-card.status-done{border-color:rgba(52,211,153,.32);background:linear-gradient(145deg,rgba(6,78,59,.18),rgba(7,10,24,.94))}

/* Phase 5.4.29 – Master-TODO Patch-Review */
.master-todo-review-panel {
    border: 1px solid rgba(57, 196, 137, .28);
    background: linear-gradient(135deg, rgba(57, 196, 137, .08), rgba(88, 125, 255, .06));
}
.master-todo-review-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 12px;
    margin-top: 16px;
}
.master-todo-review-grid > div {
    padding: 14px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(9, 14, 25, .42);
}
.master-todo-review-grid strong {
    display: block;
    font-size: 1.18rem;
    line-height: 1.2;
    color: #f5fff9;
}
.master-todo-review-grid span {
    display: block;
    margin-top: 4px;
    font-size: .82rem;
    color: rgba(226, 238, 255, .72);
}
.master-todo-review-checklist {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}
.master-todo-review-checklist span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(57, 196, 137, .12);
    border: 1px solid rgba(57, 196, 137, .22);
    color: rgba(235, 255, 244, .92);
    font-size: .82rem;
}

/* Phase 5.4.30 - Master-TODO Suche & Audit-Trail */
.master-todo-search-panel{margin-top:18px;border-color:rgba(34,211,238,.2);background:linear-gradient(145deg,rgba(8,19,37,.92),rgba(8,11,24,.96));}
.master-todo-search-grid{display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,320px) auto;gap:14px;align-items:end;margin-top:14px;}
.master-todo-search-grid label span{display:block;margin-bottom:7px;color:#dbeafe;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;}
.master-todo-search-grid input,.master-todo-search-grid select{width:100%;min-height:46px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(2,6,23,.55);color:var(--text);padding:0 14px;outline:none;}
.master-todo-search-grid input:focus,.master-todo-search-grid select:focus{border-color:rgba(34,211,238,.55);box-shadow:0 0 0 3px rgba(34,211,238,.1);}
.master-todo-search-status{min-height:46px;display:flex;align-items:center;justify-content:center;border-radius:16px;border:1px solid rgba(52,211,153,.2);background:rgba(20,184,166,.08);color:#bbf7d0;font-weight:900;font-size:12px;padding:0 14px;white-space:nowrap;}
.master-todo-audit-panel{margin-top:18px;border-color:rgba(139,92,246,.2);background:linear-gradient(145deg,rgba(17,24,39,.94),rgba(8,11,24,.97));}
.master-todo-audit-list{display:grid;gap:10px;margin-top:14px;max-height:360px;overflow:auto;padding-right:6px;}
.master-todo-audit-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(15,23,42,.68);}
.master-todo-audit-item strong{display:block;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.06em;}
.master-todo-audit-item span{display:block;color:#cbd5e1;margin-top:3px;overflow-wrap:anywhere;}
.master-todo-audit-item small{color:#93c5fd;font-weight:800;white-space:nowrap;}
@media(max-width:900px){.master-todo-search-grid{grid-template-columns:1fr}.master-todo-search-status{justify-content:flex-start}.master-todo-audit-item{grid-template-columns:1fr}.master-todo-audit-item small{white-space:normal}}

/* Phase 5.4.31: Theme activation guard + preview foundation */
.theme-activation-hero{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0 1.2rem;}
.theme-activation-hero article{padding:1rem;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(135deg,rgba(34,211,238,.08),rgba(124,92,255,.045));box-shadow:0 18px 50px rgba(0,0,0,.12);}
.theme-activation-hero span,.theme-activation-score span{display:block;color:var(--muted,#9fb2d9);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;font-weight:950;}
.theme-activation-hero strong{display:block;margin:.3rem 0;font-size:2rem;color:#fff;}
.theme-activation-hero small,.theme-activation-score small{color:var(--muted,#9fb2d9);font-weight:800;line-height:1.45;}
.theme-activation-card{position:relative;}
.theme-activation-card.ok{border-color:rgba(34,197,94,.22);}
.theme-activation-card.warn{border-color:rgba(251,191,36,.22);}
.theme-activation-card.danger{border-color:rgba(248,113,113,.3);}
.theme-activation-score{display:grid;gap:.55rem;margin:.85rem 0;padding:.85rem;border-radius:17px;border:1px solid rgba(255,255,255,.08);background:rgba(2,6,23,.25);}
.theme-activation-score>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:.75rem;}
.theme-activation-score strong{font-size:1.3rem;color:#fff;}
.theme-activation-checks{margin:.8rem 0;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(2,6,23,.18);overflow:hidden;}
.theme-activation-checks summary{cursor:pointer;padding:.75rem .9rem;font-weight:950;color:#dffbff;}
.theme-activation-checks>div{display:grid;gap:.6rem;padding:.85rem;border-top:1px solid rgba(255,255,255,.08);}
.theme-activation-checks article{padding:.75rem;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);display:grid;gap:.25rem;}
.theme-activation-checks article.ok{border-color:rgba(34,197,94,.22);background:rgba(34,197,94,.06);}
.theme-activation-checks article.warn{border-color:rgba(251,191,36,.25);background:rgba(251,191,36,.07);}
.theme-activation-checks article.danger{border-color:rgba(248,113,113,.28);background:rgba(248,113,113,.08);}
.theme-activation-checks strong{color:#fff;}.theme-activation-checks small{color:var(--muted,#9fb2d9);line-height:1.45;}
.theme-confirm-activation{grid-column:1/-1;display:flex;align-items:center;gap:.55rem;padding:.7rem .85rem;border-radius:14px;border:1px solid rgba(251,191,36,.25);background:rgba(251,191,36,.08);color:#ffe8b1;font-weight:900;}
.theme-confirm-activation input{width:auto;min-height:auto;}
.preview-mode-notice{margin:.8rem 0 1rem;padding:.8rem 1rem;border:1px solid rgba(34,211,238,.22);border-radius:16px;background:rgba(34,211,238,.08);color:#dffbff;font-weight:800;line-height:1.5;}
@media(max-width:980px){.theme-activation-hero{grid-template-columns:1fr;}}

/* Phase 5.4.32: Theme activation test mode */
.theme-dev-test-card {
    border-color: rgba(248, 113, 113, .55) !important;
    box-shadow: 0 20px 55px rgba(127, 29, 29, .16);
}
.inline-warning-box {
    margin: .75rem 0;
    padding: .75rem .9rem;
    border-radius: 16px;
    border: 1px solid rgba(251, 146, 60, .45);
    background: rgba(251, 146, 60, .10);
    color: inherit;
    font-size: .9rem;
    line-height: 1.45;
}
.inline-warning-box strong {
    color: #fed7aa;
}

/* Phase 5.4.33: Extension upload standard preview */
.extension-upload-standards {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(260px, 360px);
    gap: 1rem;
    align-items: center;
    border-color: rgba(34, 211, 238, .22);
    background: linear-gradient(135deg, rgba(8, 19, 37, .94), rgba(15, 23, 42, .96));
}
.extension-upload-standards .btn {
    margin-top: .75rem;
}
.extension-upload-checks ul {
    display: grid;
    gap: .45rem;
    margin: .65rem 0 0;
    padding-left: 1.1rem;
}
.extension-upload-checks li {
    color: rgba(226, 238, 255, .86);
    line-height: 1.45;
}
@media (max-width: 900px) {
    .extension-upload-standards { grid-template-columns: 1fr; }
}

/* Phase 5.4.35: Compact, searchable theme overview */
.theme-library-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 520px);
    gap: 1rem;
    align-items: end;
    margin: 1.1rem 0;
    padding: 1rem;
    border: 1px solid rgba(34, 211, 238, .16);
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(8, 19, 37, .92), rgba(15, 23, 42, .96));
    box-shadow: 0 18px 50px rgba(0,0,0,.16);
}
.theme-library-toolbar h2 { margin: .15rem 0 .25rem; }
.theme-library-toolbar p { margin: 0; color: var(--muted,#9fb2d9); line-height: 1.55; }
.theme-library-controls {
    display: grid;
    grid-template-columns: minmax(180px, 1.2fr) minmax(150px, .8fr) minmax(150px, .8fr);
    gap: .65rem;
    align-items: end;
}
.theme-library-controls label { display: grid; gap: .35rem; margin: 0; }
.theme-library-controls label span {
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: var(--muted,#9fb2d9);
    font-weight: 950;
}
.theme-library-controls input,
.theme-library-controls select {
    width: 100%;
    min-height: 40px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(2,6,23,.52);
    color: var(--text,#e8eefc);
    padding: .65rem .75rem;
    font-weight: 800;
}
.theme-view-toggle {
    grid-column: 1 / -1;
    display: flex;
    gap: .45rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.theme-view-toggle button {
    border: 1px solid rgba(255,255,255,.11);
    background: rgba(255,255,255,.045);
    color: var(--muted,#9fb2d9);
    border-radius: 999px;
    padding: .45rem .75rem;
    font-weight: 950;
    cursor: pointer;
}
.theme-view-toggle button.active {
    color: #06121d;
    border-color: transparent;
    background: linear-gradient(135deg, #67e8f9, #a78bfa);
}
.theme-library-controls small {
    grid-column: 1 / -1;
    display: block;
    text-align: right;
    color: #b9f7ff;
    font-weight: 900;
}
.theme-grid-compact {
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
    gap: .9rem;
}
.theme-grid-compact .theme-card-compact {
    padding: .9rem;
    display: grid;
    gap: .7rem;
}
.theme-card-topline {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
}
.theme-card-compact .theme-preview {
    height: 54px;
    min-height: 54px;
    border-radius: 16px;
    margin: 0;
}
.theme-card-title { min-width: 0; display: grid; gap: .15rem; }
.theme-card-title span {
    color: var(--muted,#9fb2d9);
    font-size: .72rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    font-weight: 950;
}
.theme-card-title strong { color: #fff; font-size: 1.05rem; line-height: 1.2; }
.theme-card-title small { color: var(--muted,#9fb2d9); font-weight: 800; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.theme-card-status-stack { display: flex; flex-direction: column; align-items: flex-end; gap: .35rem; }
.theme-card-description {
    margin: 0;
    color: var(--muted,#9fb2d9);
    line-height: 1.45;
    font-size: .92rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.theme-activation-score.compact { margin: 0; padding: .7rem; border-radius: 15px; gap: .45rem; }
.theme-activation-score.compact strong { font-size: 1.05rem; }
.theme-quick-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .45rem;
}
.theme-quick-meta div {
    padding: .55rem .6rem;
    border-radius: 14px;
    background: rgba(2,6,23,.28);
    border: 1px solid rgba(255,255,255,.07);
    min-width: 0;
}
.theme-quick-meta span {
    display: block;
    color: var(--muted,#9fb2d9);
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-weight: 950;
}
.theme-quick-meta b { display: block; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.theme-compact-details {
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 15px;
    background: rgba(2,6,23,.18);
    overflow: hidden;
}
.theme-compact-details summary {
    cursor: pointer;
    padding: .62rem .75rem;
    font-weight: 950;
    color: #dffbff;
}
.theme-compact-detail-body { display: grid; gap: .7rem; padding: .75rem; border-top: 1px solid rgba(255,255,255,.08); }
.theme-activation-checks.compact-checks { margin: 0; border: 0; background: transparent; }
.theme-actions-compact {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .5rem;
    align-items: stretch;
}
.theme-actions-compact .theme-confirm-activation { grid-column: 1 / -1; margin: 0; }
.theme-actions-compact .theme-action-btn { min-height: 40px; padding: .65rem .7rem; border-radius: 14px; text-align: center; }
.inline-warning-box.compact { margin: 0; font-size: .84rem; padding: .65rem .75rem; }
.theme-grid-comfortable { grid-template-columns: repeat(auto-fit, minmax(420px, 1fr)); }
.theme-grid-comfortable .theme-card-compact { padding: 1.1rem; }
.theme-grid-comfortable .theme-card-description { -webkit-line-clamp: 4; }
.theme-grid-comfortable .theme-card-compact .theme-preview { height: 78px; min-height: 78px; }
.theme-library-empty { margin-top: 1rem; }
@media (max-width: 1100px) {
    .theme-library-toolbar { grid-template-columns: 1fr; }
    .theme-library-controls { grid-template-columns: 1fr 1fr; }
    .theme-library-controls label:first-child { grid-column: 1 / -1; }
}
@media (max-width: 720px) {
    .theme-library-controls { grid-template-columns: 1fr; }
    .theme-card-topline { grid-template-columns: 54px minmax(0,1fr); }
    .theme-card-status-stack { grid-column: 1 / -1; flex-direction: row; align-items: flex-start; justify-content: flex-start; }
    .theme-actions-compact { grid-template-columns: 1fr; }
    .theme-quick-meta { grid-template-columns: 1fr; }
}


/* Phase 5.4.42.1 - Active theme summary polish */
.themes-page > .section-head { align-items: flex-start; }
.theme-active-summary {
    display: inline-grid;
    gap: .18rem;
    justify-items: end;
    align-self: flex-start;
    min-width: 0;
    max-width: 220px;
    padding: .62rem .8rem;
    border-radius: 16px;
    border: 1px solid rgba(50,213,131,.26);
    background: linear-gradient(135deg, rgba(50,213,131,.12), rgba(34,211,238,.055));
    color: #d1fadf;
    box-shadow: 0 12px 30px rgba(0,0,0,.18);
}
.theme-active-summary span {
    color: rgba(209,250,223,.78);
    font-size: .62rem;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .11em;
    font-weight: 950;
}
.theme-active-summary strong {
    display: block;
    max-width: 100%;
    color: #fff;
    font-size: .86rem;
    line-height: 1.15;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.theme-active-summary strong::before {
    content: '';
    display: inline-block;
    width: .52rem;
    height: .52rem;
    margin-right: .42rem;
    border-radius: 999px;
    background: #32d583;
    box-shadow: 0 0 14px rgba(50,213,131,.55);
    vertical-align: .02em;
}
@media(max-width:720px){
    .themes-page > .section-head { flex-direction: column; }
    .theme-active-summary { justify-items: start; max-width: 100%; width: 100%; }
}

/* Phase 5.4.36 - Theme Customizer Live Preview Vorbereitung */
.theme-live-preview-head{align-items:center}.theme-preview-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:.7rem;flex-wrap:wrap}.theme-preview-device-switch{display:inline-flex;gap:.35rem;padding:.25rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(2,6,23,.38)}.theme-preview-device-switch button{border:0;border-radius:999px;background:transparent;color:var(--muted,#9fb2d9);font-weight:900;font-size:.78rem;padding:.46rem .72rem;cursor:pointer}.theme-preview-device-switch button.is-active{background:linear-gradient(135deg,rgba(34,211,238,.2),rgba(124,92,255,.18));color:#fff;box-shadow:0 8px 20px rgba(0,0,0,.18)}.theme-preview-stage[data-theme-live-preview]{transition:grid-template-columns .18s ease}.theme-preview-stage.is-tablet{grid-template-columns:minmax(0,760px) 260px;justify-content:center}.theme-preview-stage.is-mobile{grid-template-columns:minmax(280px,420px);justify-content:center}.theme-preview-stage.is-mobile .theme-preview-status{max-width:420px}.theme-preview-stage.is-mobile .theme-preview-content-grid{grid-template-columns:1fr}.theme-preview-stage.is-tablet .theme-preview-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-preview-stage[data-theme-live-preview] .theme-preview-window{background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--preview-primary) 30%,transparent),transparent 34%),radial-gradient(circle at 92% 8%,color-mix(in srgb,var(--preview-accent) 26%,transparent),transparent 36%),linear-gradient(145deg,color-mix(in srgb,var(--preview-surface) 86%,#050816),rgba(20,24,48,.94));border-radius:calc(var(--preview-card-radius,24px) + 2px);color:var(--preview-text,#f8fafc)}.theme-preview-stage[data-theme-live-preview] .theme-preview-hero-card{border-radius:var(--preview-card-radius,24px);background:color-mix(in srgb,var(--preview-surface) 68%,rgba(255,255,255,.06));color:var(--preview-text,#f8fafc)}.theme-preview-stage[data-theme-live-preview] .theme-preview-hero-card h3,.theme-preview-stage[data-theme-live-preview] .theme-preview-brand strong{color:var(--preview-text,#fff)}.theme-preview-stage[data-theme-live-preview] .theme-preview-actions span{border-radius:var(--preview-button-radius,999px)}.theme-preview-stage[data-theme-live-preview] .theme-preview-content-grid span{border-radius:calc(var(--preview-card-radius,24px) * .78)}.badge.warn[data-live-dirty-badge]{background:rgba(245,158,11,.14);border-color:rgba(245,158,11,.34);color:#fde68a}.theme-preview-status li[data-live-dirty-text]{color:#dffbff;font-weight:900}.theme-preview-brand img[data-live-logo]{display:block}
@media(max-width:760px){.theme-live-preview-head{align-items:flex-start;flex-direction:column}.theme-preview-toolbar{justify-content:flex-start}.theme-preview-device-switch{width:100%;justify-content:space-between}.theme-preview-device-switch button{flex:1}}


/* Phase 5.4.37 – Theme-Customizer Undo/Reset-Historie */
.theme-preview-history-actions{display:inline-flex;gap:.45rem;flex-wrap:wrap;align-items:center}
.theme-preview-history-actions .btn{padding:.48rem .72rem;font-size:.78rem;line-height:1.1}
.theme-preview-history-actions .btn:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.45)}
.theme-preview-history-card{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;margin:1rem 0;padding:1rem;border:1px solid rgba(34,211,238,.14);border-radius:22px;background:linear-gradient(145deg,rgba(3,11,24,.66),rgba(13,17,34,.78));box-shadow:0 18px 48px rgba(0,0,0,.16)}
.theme-preview-history-card>div:first-child{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}.theme-preview-history-card strong{color:#fff}.theme-preview-history-card span,.theme-preview-history-card small{color:var(--muted,#9fb2d9);font-weight:800}.theme-preview-value-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.55rem}.theme-preview-value-grid span{display:flex;flex-direction:column;gap:.25rem;padding:.62rem .7rem;border-radius:16px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.075);font-size:.76rem;text-transform:uppercase;letter-spacing:.04em}.theme-preview-value-grid b{color:#dffbff;font-size:.86rem;text-transform:none;letter-spacing:0;overflow-wrap:anywhere}.badge.prepared[data-live-dirty-badge]{background:rgba(34,211,238,.12);border-color:rgba(34,211,238,.28);color:#a5f3fc}
@media(max-width:1100px){.theme-preview-value-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.theme-preview-history-card>div:first-child{align-items:flex-start;flex-direction:column}.theme-preview-value-grid{grid-template-columns:1fr 1fr}.theme-preview-history-actions{width:100%}.theme-preview-history-actions .btn{flex:1}}

/* Phase 5.4.58: Master-TODO Fortschrittsfokus */
.master-todo-focus-panel{margin-top:18px;position:relative;overflow:hidden;}
.master-todo-focus-panel::after{content:"";position:absolute;right:-90px;top:-90px;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(139,92,246,.16),transparent 70%);pointer-events:none;}
.master-todo-focus-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;position:relative;z-index:1;}
.master-todo-focus-card{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(10,20,42,.78),rgba(6,10,23,.94));box-shadow:0 18px 55px rgba(0,0,0,.18);min-height:100%;}
.master-todo-focus-card.is-primary{border-color:rgba(34,211,238,.34);background:linear-gradient(145deg,rgba(8,47,73,.42),rgba(6,10,23,.96));box-shadow:0 22px 70px rgba(34,211,238,.08);}
.master-todo-focus-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.master-todo-focus-head strong{display:block;color:#fff;font-size:15px;line-height:1.15;}
.master-todo-focus-head span{display:block;margin-top:4px;color:var(--primary2,#67e8f9);font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:950;}
.master-todo-focus-head b{flex:0 0 auto;border-radius:999px;padding:6px 8px;background:rgba(255,255,255,.08);color:#fff;font-size:12px;}
.master-todo-focus-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden;border:1px solid rgba(255,255,255,.06);}
.master-todo-focus-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#8b5cf6,#34d399);box-shadow:0 0 18px rgba(34,211,238,.24);}
.master-todo-focus-card p{margin:0;color:var(--muted,#9fb2d9);font-size:12px;line-height:1.55;font-weight:760;}
.master-todo-focus-lists{display:grid;gap:10px;margin-top:auto;}
.master-todo-focus-lists small{display:block;margin-bottom:5px;color:#fff;font-weight:950;font-size:10px;text-transform:uppercase;letter-spacing:.12em;}
.master-todo-focus-lists ul{margin:0;padding-left:16px;color:var(--muted,#9fb2d9);font-size:11px;line-height:1.5;}
.master-todo-focus-lists li+li{margin-top:4px;}
.master-todo-focus-card.is-primary .master-todo-focus-lists small{color:#a7f3d0;}
@media(max-width:1280px){.master-todo-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.master-todo-focus-card.is-primary{grid-column:1/-1;}}
@media(max-width:720px){.master-todo-focus-grid{grid-template-columns:1fr;}.master-todo-focus-card.is-primary{grid-column:auto;}}

/* Phase 5.4.63 – Theme-Section Gate Preview */
.theme-section-gate-card {
    gap: 1rem;
}
.theme-gate-preview-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: .75rem;
    margin-top: 1rem;
}
.theme-gate-pill {
    border: 1px solid rgba(148, 163, 184, .25);
    background: rgba(15, 23, 42, .42);
    border-radius: 16px;
    padding: .85rem .9rem;
    display: flex;
    flex-direction: column;
    gap: .2rem;
    min-height: 92px;
}
.theme-gate-pill span {
    color: var(--text-muted, #9ca3af);
    font-size: .76rem;
    letter-spacing: .03em;
    text-transform: uppercase;
}
.theme-gate-pill strong {
    color: var(--text, #f8fafc);
    font-size: .98rem;
}
.theme-gate-pill small {
    color: var(--muted, #94a3b8);
    line-height: 1.35;
}
.theme-gate-pill.ok {
    border-color: rgba(34, 197, 94, .35);
    background: linear-gradient(135deg, rgba(34, 197, 94, .12), rgba(15, 23, 42, .45));
}
.theme-gate-pill.warn {
    border-color: rgba(245, 158, 11, .38);
    background: linear-gradient(135deg, rgba(245, 158, 11, .10), rgba(15, 23, 42, .45));
}
.theme-gate-pill.info {
    border-color: rgba(56, 189, 248, .28);
    background: linear-gradient(135deg, rgba(56, 189, 248, .08), rgba(15, 23, 42, .45));
}

/* 5.4.67: controlled Theme-Section registry plan */
.theme-controlled-insert-list {
    margin-top: .75rem;
}
.theme-registry-note {
    margin: .85rem 0 0;
    padding: .8rem 1rem;
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 14px;
    background: rgba(15, 23, 42, .42);
    color: #cbd5e1;
    font-size: .86rem;
    line-height: 1.45;
}
.theme-registry-note strong {
    color: #f8fafc;
}

/* Phase 5.4.71 – simple release workflow wording */
.theme-release-helper {
    margin-top: .9rem;
    padding: 1rem;
    border: 1px solid rgba(34, 211, 238, .24);
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(14, 165, 233, .10), rgba(15, 23, 42, .54));
    color: #cbd5e1;
}
.theme-release-helper > strong {
    display: block;
    color: #fff;
    font-size: .84rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    margin-bottom: .45rem;
}
.theme-release-helper p {
    margin: 0 0 .75rem;
    line-height: 1.55;
}
.theme-release-helper ol {
    margin: 0;
    padding-left: 1.25rem;
    display: grid;
    gap: .35rem;
}
.theme-release-helper li {
    line-height: 1.45;
}

/* Phase 5.4.72 – Theme-Section release workflow checklist */
.theme-release-workflow-card {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid rgba(16, 185, 129, .24);
    border-radius: 18px;
    background: linear-gradient(135deg, rgba(16, 185, 129, .10), rgba(15, 23, 42, .58));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.theme-release-workflow-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}
.theme-release-workflow-head strong {
    display: block;
    color: #fff;
    font-size: .95rem;
    letter-spacing: .03em;
}
.theme-release-workflow-head p {
    margin: .25rem 0 0;
    color: #cbd5e1;
    line-height: 1.5;
    font-size: .86rem;
}
.theme-release-workflow-head b {
    flex: 0 0 auto;
    padding: .45rem .65rem;
    border-radius: 999px;
    background: rgba(16, 185, 129, .14);
    border: 1px solid rgba(16, 185, 129, .28);
    color: #d1fae5;
    font-size: .85rem;
}
.theme-release-workflow-bar {
    height: 8px;
    margin: .85rem 0 1rem;
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.06);
}
.theme-release-workflow-bar i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #22c55e, #22d3ee);
}
.theme-release-workflow-steps {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: .65rem;
}
.theme-release-step {
    display: flex;
    gap: .7rem;
    padding: .75rem;
    border-radius: 14px;
    border: 1px solid rgba(148, 163, 184, .20);
    background: rgba(15, 23, 42, .48);
}
.theme-release-step > span {
    width: 1.45rem;
    height: 1.45rem;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    font-weight: 900;
    font-size: .78rem;
}
.theme-release-step.is-done > span {
    background: rgba(34, 197, 94, .18);
    border: 1px solid rgba(34, 197, 94, .36);
    color: #bbf7d0;
}
.theme-release-step.is-open > span {
    background: rgba(245, 158, 11, .16);
    border: 1px solid rgba(245, 158, 11, .32);
    color: #fde68a;
}
.theme-release-step strong {
    display: block;
    color: #fff;
    font-size: .84rem;
}
.theme-release-step small {
    display: block;
    margin-top: .18rem;
    color: #94a3b8;
    line-height: 1.38;
}
.theme-release-candidate-note {
    margin-top: .85rem;
    padding: .75rem .85rem;
    display: flex;
    gap: .65rem;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 14px;
    border: 1px solid rgba(34, 211, 238, .18);
    background: rgba(14, 165, 233, .08);
    color: #cbd5e1;
    font-size: .84rem;
}
.theme-release-candidate-note strong { color: #e0f2fe; }


.theme-design-closure-card {
    position: relative;
    overflow: hidden;
}

.theme-design-closure-score {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-width: 210px;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(125, 211, 252, 0.25);
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.84), rgba(15, 118, 110, 0.18));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.theme-design-closure-score span {
    color: rgba(226, 232, 240, 0.82);
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.theme-design-closure-score strong {
    color: #f8fafc;
    font-size: 2.1rem;
    line-height: 1;
    margin: 0.28rem 0;
}

.theme-design-closure-score small {
    color: rgba(203, 213, 225, 0.74);
}

.theme-design-closure-grid {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
}

/* Phase 5.4.74: Recovery & Snapshot foundation */

.recovery-page .recovery-hero{display:grid;grid-template-columns:minmax(280px,1fr) repeat(5,minmax(135px,165px));gap:1rem;align-items:stretch;margin-bottom:1rem;padding:1.15rem;background:radial-gradient(circle at top left,rgba(34,211,238,.12),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.032));}
.recovery-hero-intro{min-width:0}.recovery-hero h2{margin:.2rem 0 .45rem;font-size:clamp(1.5rem,2.5vw,2.25rem);}.recovery-hero p{color:var(--muted,#9fb2d9);line-height:1.65;margin:.25rem 0 0;max-width:72rem}.recovery-hero-card{min-width:0;padding:1rem;border-radius:20px;border:1px solid rgba(255,255,255,.09);background:rgba(2,6,23,.28);display:grid;gap:.35rem;align-content:center}.recovery-hero-card span,.recovery-action-grid span,.recovery-gate-grid span{color:var(--muted,#9fb2d9);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;font-weight:950}.recovery-hero-card strong{font-size:1.35rem;color:#fff;word-break:break-word}.recovery-hero-card small{color:var(--muted,#9fb2d9);line-height:1.45;word-break:break-word}.recovery-layout{margin-bottom:1rem}.recovery-form{display:grid;gap:.9rem}.recovery-check-row span small{display:block;margin-top:.25rem;color:var(--muted,#9fb2d9);font-size:.82rem;line-height:1.35}.recovery-board{margin-bottom:1rem}.recovery-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.recovery-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.recovery-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.recovery-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.recovery-action-grid article,.recovery-gate-grid article{min-width:0;padding:1rem;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);display:grid;gap:.4rem}.recovery-action-grid strong,.recovery-gate-grid strong{font-size:1.04rem;color:#fff;line-height:1.25;overflow-wrap:anywhere}.recovery-action-grid small,.recovery-gate-grid small{color:var(--muted,#9fb2d9);line-height:1.45;overflow-wrap:anywhere}.recovery-next-list{margin:0;padding-left:1.25rem;display:grid;gap:.55rem;color:var(--muted,#9fb2d9);font-weight:760;line-height:1.55}.recovery-tabs{padding:1rem;margin-bottom:1rem;overflow:hidden}.recovery-tab-input{position:absolute;opacity:0;pointer-events:none}.recovery-tab-nav{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1rem;padding:.45rem;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(2,6,23,.24)}.recovery-tab-nav label{cursor:pointer;user-select:none;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:.72rem 1rem;color:var(--muted,#9fb2d9);font-weight:900;background:rgba(255,255,255,.035);transition:.18s ease}.recovery-tab-nav label:hover{color:#fff;border-color:rgba(34,211,238,.28);background:rgba(34,211,238,.08)}.recovery-tab-panels{min-width:0}.recovery-tab-panel{display:none;gap:1rem}.recovery-tabs #recovery_tab_overview:checked~.recovery-tab-nav label[for="recovery_tab_overview"],.recovery-tabs #recovery_tab_actions:checked~.recovery-tab-nav label[for="recovery_tab_actions"],.recovery-tabs #recovery_tab_restore:checked~.recovery-tab-nav label[for="recovery_tab_restore"],.recovery-tabs #recovery_tab_gates:checked~.recovery-tab-nav label[for="recovery_tab_gates"],.recovery-tabs #recovery_tab_preflight:checked~.recovery-tab-nav label[for="recovery_tab_preflight"],.recovery-tabs #recovery_tab_closure:checked~.recovery-tab-nav label[for="recovery_tab_closure"],.recovery-tabs #recovery_tab_history:checked~.recovery-tab-nav label[for="recovery_tab_history"],.recovery-tabs #recovery_tab_rules:checked~.recovery-tab-nav label[for="recovery_tab_rules"]{color:#fff;border-color:rgba(34,211,238,.4);background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(168,85,247,.14));box-shadow:0 10px 28px rgba(0,0,0,.22)}.recovery-tabs #recovery_tab_overview:checked~.recovery-tab-panels .recovery-tab-overview,.recovery-tabs #recovery_tab_actions:checked~.recovery-tab-panels .recovery-tab-actions,.recovery-tabs #recovery_tab_restore:checked~.recovery-tab-panels .recovery-tab-restore,.recovery-tabs #recovery_tab_gates:checked~.recovery-tab-panels .recovery-tab-gates,.recovery-tabs #recovery_tab_preflight:checked~.recovery-tab-panels .recovery-tab-preflight,.recovery-tabs #recovery_tab_closure:checked~.recovery-tab-panels .recovery-tab-closure,.recovery-tabs #recovery_tab_history:checked~.recovery-tab-panels .recovery-tab-history,.recovery-tabs #recovery_tab_rules:checked~.recovery-tab-panels .recovery-tab-rules{display:grid}.recovery-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.recovery-gate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.recovery-table-wrap{overflow-x:auto;border-radius:18px}.recovery-table{min-width:760px}.recovery-page .admin-table code{white-space:normal;word-break:break-all}.recovery-page .admin-table td{vertical-align:top}.recovery-page .panel-card.is-nested{box-shadow:none;background:rgba(255,255,255,.028)}.recovery-page .recovery-action-grid article code{font-size:.82rem}
@media(max-width:1500px){.recovery-page .recovery-hero{grid-template-columns:repeat(3,minmax(0,1fr))}.recovery-hero-intro{grid-column:1/-1}}
@media(max-width:1100px){.recovery-page .recovery-hero,.recovery-form-grid,.recovery-gate-grid,.recovery-grid-4,.recovery-grid-3,.recovery-grid-2,.recovery-action-grid{grid-template-columns:1fr 1fr}.recovery-tab-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.recovery-tab-nav label{text-align:center}}
@media(max-width:680px){.recovery-page .recovery-hero,.recovery-form-grid,.recovery-gate-grid,.recovery-action-grid,.recovery-grid-4,.recovery-grid-3,.recovery-grid-2,.recovery-tab-nav{grid-template-columns:1fr}.recovery-check-row{grid-template-columns:auto 1fr}.recovery-check-row strong{grid-column:2}.recovery-table{min-width:620px}}

.recovery-preflight-status{display:grid;gap:.35rem;margin-bottom:1rem;padding:1rem;border-radius:18px;border:1px solid rgba(34,211,238,.18);background:linear-gradient(135deg,rgba(34,211,238,.08),rgba(168,85,247,.06))}.recovery-preflight-status strong{color:#fff;font-size:1.08rem}.recovery-preflight-status small{color:var(--muted,#9fb2d9);line-height:1.5}.recovery-preflight-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.recovery-preflight-grid article{min-width:0;padding:1rem;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);display:grid;gap:.4rem}.recovery-preflight-grid span{color:var(--muted,#9fb2d9);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em;font-weight:950}.recovery-preflight-grid strong{font-size:1.02rem;color:#fff;line-height:1.25;overflow-wrap:anywhere}.recovery-preflight-grid small{color:var(--muted,#9fb2d9);line-height:1.45;overflow-wrap:anywhere}.recovery-preflight-grid b{color:#fff}@media(max-width:1280px){.recovery-preflight-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.recovery-preflight-grid{grid-template-columns:1fr}}

/* Phase 5.4.82: Recovery action polish */
.recovery-page .recovery-form .recovery-action-button{width:100%;min-height:46px;display:inline-flex;align-items:center;justify-content:center;text-align:center;border-radius:16px;font-weight:950;letter-spacing:.01em;background:linear-gradient(135deg,rgba(124,92,255,.96),rgba(34,211,238,.9));border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 34px rgba(0,0,0,.24);color:#fff;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}.recovery-page .recovery-form .recovery-action-button:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 18px 42px rgba(0,0,0,.3)}.recovery-page .recovery-form .recovery-action-button:focus-visible{outline:2px solid rgba(34,211,238,.7);outline-offset:3px}.recovery-page .recovery-tab-nav label{min-height:42px;display:inline-flex;align-items:center;justify-content:center}.recovery-page .recovery-form input{min-height:44px}


/* Phase 5.4.83: Recovery closure and safety release overview */
.recovery-closure-board{background:radial-gradient(circle at top left,rgba(34,211,238,.11),transparent 34%),rgba(255,255,255,.03)}
.recovery-closure-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;margin-top:1rem}
.recovery-closure-strip article,.recovery-release-grid article,.recovery-locked-grid article{min-width:0;padding:1rem;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);display:grid;gap:.42rem}
.recovery-closure-strip span,.recovery-release-grid span,.recovery-locked-grid span{color:var(--muted,#9fb2d9);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:950}
.recovery-closure-strip strong,.recovery-release-grid strong,.recovery-locked-grid strong{font-size:1.05rem;color:#fff;line-height:1.25;overflow-wrap:anywhere}
.recovery-closure-strip small,.recovery-release-grid small,.recovery-locked-grid small,.recovery-release-grid p{color:var(--muted,#9fb2d9);line-height:1.45;margin:0;overflow-wrap:anywhere}
.recovery-release-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}
.recovery-release-grid article.is-bereit{border-color:rgba(34,197,94,.24);background:linear-gradient(135deg,rgba(34,197,94,.075),rgba(255,255,255,.03))}
.recovery-release-grid article.is-gesperrt{border-color:rgba(251,191,36,.22);background:linear-gradient(135deg,rgba(251,191,36,.075),rgba(255,255,255,.03))}
.recovery-locked-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}
.recovery-locked-grid article{border-color:rgba(248,113,113,.18);background:linear-gradient(135deg,rgba(248,113,113,.07),rgba(255,255,255,.03))}
@media(max-width:1280px){.recovery-release-grid,.recovery-locked-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recovery-closure-strip{grid-template-columns:1fr}}
@media(max-width:760px){.recovery-release-grid,.recovery-locked-grid{grid-template-columns:1fr}}


/* Phase 5.4.84: Recovery foundation finalization and binding plan */
.recovery-final-grid,.recovery-binding-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}
.recovery-final-grid article,.recovery-binding-grid article{min-width:0;padding:1rem;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);display:grid;gap:.42rem}
.recovery-final-grid span,.recovery-binding-grid span{color:var(--muted,#9fb2d9);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:950}
.recovery-final-grid strong,.recovery-binding-grid strong{font-size:1.05rem;color:#fff;line-height:1.25;overflow-wrap:anywhere}
.recovery-final-grid small,.recovery-binding-grid small{color:var(--muted,#9fb2d9);line-height:1.45;overflow-wrap:anywhere}
.recovery-final-grid article.is-abgeschlossen,.recovery-final-grid article.is-bereit{border-color:rgba(34,197,94,.24);background:linear-gradient(135deg,rgba(34,197,94,.075),rgba(255,255,255,.03))}
.recovery-final-grid article.is-vorbereitet{border-color:rgba(34,211,238,.20);background:linear-gradient(135deg,rgba(34,211,238,.07),rgba(255,255,255,.03))}
.recovery-final-grid article.is-gesperrt{border-color:rgba(251,191,36,.22);background:linear-gradient(135deg,rgba(251,191,36,.075),rgba(255,255,255,.03))}
@media(max-width:1280px){.recovery-final-grid,.recovery-binding-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.recovery-final-grid,.recovery-binding-grid{grid-template-columns:1fr}}

/* Phase 5.4.85: Recovery Verlauf-Tab entquetschen */
.recovery-tab-history{align-items:start}
.recovery-tab-history .recovery-layout{grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}
.recovery-tab-history .panel-card.is-nested{min-width:0;overflow:hidden}
.recovery-tab-history .panel-head{align-items:center}
.recovery-tab-history .recovery-table-wrap{max-width:100%;overflow-x:auto;overflow-y:hidden;border-radius:18px;background:rgba(2,6,23,.18)}
.recovery-tab-history .recovery-table{width:100%;min-width:0;table-layout:fixed;border-spacing:0 10px}
.recovery-tab-history .recovery-table th,.recovery-tab-history .recovery-table td{white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.45}
.recovery-tab-history .recovery-table td:first-child,.recovery-tab-history .recovery-table th:first-child{width:34%}
.recovery-tab-history .recovery-table code{display:inline-block;max-width:100%;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.recovery-tab-history .recovery-table td:last-child,.recovery-tab-history .recovery-table th:last-child{text-align:left}
.recovery-tab-history .recovery-table tr{max-width:100%}
@media(max-width:900px){.recovery-tab-history .recovery-table{min-width:620px;table-layout:auto}.recovery-tab-history .recovery-table td:first-child,.recovery-tab-history .recovery-table th:first-child{width:auto}}

/* Phase 5.5.0 - Extension upload quarantine foundation */
.quarantine-page .quarantine-hero{display:grid;grid-template-columns:minmax(320px,1fr) repeat(4,minmax(135px,170px));gap:1rem;align-items:stretch;margin-bottom:1rem;padding:1.15rem;background:radial-gradient(circle at top left,rgba(34,211,238,.12),transparent 34%),linear-gradient(135deg,rgba(255,255,255,.065),rgba(255,255,255,.032));}
.quarantine-hero h2{margin:.2rem 0 .45rem;font-size:clamp(1.5rem,2.5vw,2.15rem)}
.quarantine-hero p{color:var(--muted,#9fb2d9);line-height:1.65;margin:.25rem 0 0;max-width:70rem}
.quarantine-hero article,.quarantine-gate-grid article,.quarantine-rule-list div{min-width:0;padding:1rem;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);display:grid;gap:.4rem}
.quarantine-hero article span,.quarantine-gate-grid span{color:var(--muted,#9fb2d9);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:950}
.quarantine-hero article strong,.quarantine-gate-grid strong{font-size:1.05rem;color:#fff;line-height:1.25;overflow-wrap:anywhere}
.quarantine-hero article small,.quarantine-gate-grid small,.quarantine-note{color:var(--muted,#9fb2d9);line-height:1.45;overflow-wrap:anywhere}
.quarantine-layout{align-items:start;margin-bottom:1rem}
.quarantine-upload-form{display:grid;gap:.9rem}
.quarantine-upload-form label{display:grid;gap:.4rem;color:#dbeafe;font-weight:850}
.quarantine-upload-form input[type="file"],.quarantine-upload-form input[type="text"]{min-height:46px;width:100%;border-radius:14px;border:1px solid rgba(255,255,255,.09);background:rgba(2,6,23,.42);color:#fff;padding:.75rem .9rem}
.quarantine-action-button{width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;text-align:center;border-radius:16px;font-weight:950;letter-spacing:.01em;background:linear-gradient(135deg,rgba(124,92,255,.96),rgba(34,211,238,.9));border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 34px rgba(0,0,0,.24);color:#fff;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.quarantine-action-button:hover{transform:translateY(-1px);filter:brightness(1.04);box-shadow:0 18px 42px rgba(0,0,0,.3)}
.quarantine-rule-list{display:grid;gap:.6rem}.quarantine-rule-list div{grid-template-columns:auto 1fr;align-items:start}.quarantine-rule-list span{width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:rgba(34,211,238,.12);color:#67e8f9;font-weight:950}.quarantine-rule-list strong{color:#fff;line-height:1.45}
.quarantine-board{margin-bottom:1rem}.quarantine-gate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.quarantine-gate-grid code{white-space:normal;overflow-wrap:anywhere}.quarantine-table{width:100%;min-width:840px;table-layout:fixed}.quarantine-table th,.quarantine-table td{white-space:normal;overflow-wrap:anywhere;vertical-align:top}.quarantine-table td:first-child,.quarantine-table th:first-child{width:22%}.quarantine-table td:nth-child(3),.quarantine-table th:nth-child(3){width:28%}
@media(max-width:1400px){.quarantine-page .quarantine-hero{grid-template-columns:repeat(2,minmax(0,1fr))}.quarantine-hero>div{grid-column:1/-1}.quarantine-gate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.quarantine-page .quarantine-hero,.quarantine-gate-grid{grid-template-columns:1fr}.quarantine-table{min-width:720px;table-layout:auto}}

/* Phase 5.5.1 - Quarantine detail report */
.quarantine-tabs{display:flex;flex-wrap:wrap;gap:.65rem;margin:0 0 1rem}.quarantine-tab{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.65rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:#dbeafe;text-decoration:none;font-weight:900}.quarantine-tab.is-active{background:linear-gradient(135deg,rgba(124,92,255,.92),rgba(34,211,238,.72));color:#fff;box-shadow:0 12px 28px rgba(0,0,0,.22)}
.quarantine-detail-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.quarantine-detail-head h2{margin:.2rem 0 .3rem}.quarantine-detail-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.85rem;margin-bottom:1rem}.quarantine-status-card{display:grid;gap:.35rem;min-width:0}.quarantine-status-card span{color:var(--muted,#9fb2d9);font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;font-weight:950}.quarantine-status-card strong{font-size:1.08rem;color:#fff;overflow-wrap:anywhere}.quarantine-status-card small{color:var(--muted,#9fb2d9);line-height:1.45}.quarantine-state-blocked{border-color:rgba(248,113,113,.38);background:linear-gradient(135deg,rgba(127,29,29,.28),rgba(255,255,255,.03))}.quarantine-state-unclear{border-color:rgba(251,191,36,.34);background:linear-gradient(135deg,rgba(120,53,15,.22),rgba(255,255,255,.03))}.quarantine-state-check_ready{border-color:rgba(34,197,94,.32);background:linear-gradient(135deg,rgba(20,83,45,.22),rgba(255,255,255,.03))}
.quarantine-detail-columns{align-items:start;margin-bottom:1rem}.quarantine-finding-list,.quarantine-manifest-list{display:grid;gap:.7rem}.quarantine-finding-list>div,.quarantine-manifest-list article{padding:.9rem;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);display:grid;gap:.25rem}.quarantine-finding-list .blocked{border-color:rgba(248,113,113,.34)}.quarantine-finding-list .warning{border-color:rgba(251,191,36,.32)}.quarantine-finding-list .ok{border-color:rgba(34,197,94,.3)}.quarantine-finding-list strong,.quarantine-manifest-list strong{color:#fff}.quarantine-finding-list small,.quarantine-manifest-list small{color:var(--muted,#9fb2d9);line-height:1.45;overflow-wrap:anywhere}.quarantine-manifest-list dl{display:grid;gap:.45rem;margin:.35rem 0 0}.quarantine-manifest-list dl div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:.65rem}.quarantine-manifest-list dt{color:var(--muted,#9fb2d9);font-weight:850}.quarantine-manifest-list dd{margin:0;color:#fff;overflow-wrap:anywhere}.quarantine-file-group-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem;margin-bottom:.8rem}.quarantine-file-group-grid article{padding:.75rem;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);display:grid;gap:.25rem}.quarantine-file-group-grid span{color:var(--muted,#9fb2d9);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;font-weight:900}.quarantine-file-group-grid strong{color:#fff;font-size:1.1rem}.quarantine-file-table{min-width:760px}.quarantine-table th:last-child,.quarantine-table td:last-child{width:14%}.quarantine-table .btn-small{min-height:34px;padding:.45rem .7rem;border-radius:12px;font-size:.85rem;white-space:nowrap}.quarantine-table code,.quarantine-file-table code{white-space:normal;overflow-wrap:anywhere}
@media(max-width:1500px){.quarantine-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quarantine-file-group-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.quarantine-detail-head{align-items:flex-start;flex-direction:column}.quarantine-detail-grid,.quarantine-file-group-grid{grid-template-columns:1fr}.quarantine-manifest-list dl div{grid-template-columns:1fr}.quarantine-table th:last-child,.quarantine-table td:last-child{width:auto}}

/* Phase 5.5.2 – Quarantine syntax / contract report polish */
.quarantine-mini-findings{display:grid;gap:.35rem;margin-top:.55rem}.quarantine-mini-findings small{display:block;padding:.45rem .55rem;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);overflow-wrap:anywhere}.quarantine-mini-findings small.blocked{border-color:rgba(248,113,113,.34);color:#fecaca}.quarantine-mini-findings small.warning{border-color:rgba(251,191,36,.32);color:#fde68a}.quarantine-finding-list code{white-space:normal;overflow-wrap:anywhere;color:#e5e7eb}.quarantine-detail-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}

/* Phase 5.5.3 - Quarantine report readability polish */
.quarantine-readable-report{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;background:linear-gradient(135deg,rgba(34,211,238,.08),rgba(124,92,255,.06));}
.quarantine-readable-report h2{margin:.15rem 0 .25rem}.quarantine-report-nav{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end}.quarantine-report-nav a{display:inline-flex;align-items:center;min-height:36px;padding:.48rem .72rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);color:#dbeafe;text-decoration:none;font-weight:900;font-size:.9rem}.quarantine-report-nav a:hover{background:rgba(34,211,238,.13);color:#fff}
.quarantine-scroll-panel{max-height:420px;overflow:auto;padding-right:.25rem;scrollbar-gutter:stable}.quarantine-scroll-panel::-webkit-scrollbar{width:10px}.quarantine-scroll-panel::-webkit-scrollbar-thumb{background:rgba(148,163,184,.28);border-radius:999px}.quarantine-scroll-panel::-webkit-scrollbar-track{background:rgba(15,23,42,.35);border-radius:999px}
.quarantine-report-compact{display:grid;gap:.45rem;min-width:0}.quarantine-report-badges{display:flex;flex-wrap:wrap;gap:.35rem}.quarantine-report-badges span{display:inline-flex;align-items:center;min-height:26px;padding:.28rem .55rem;border-radius:999px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.045);color:#dbeafe;font-weight:900;font-size:.78rem;line-height:1.1;white-space:nowrap}.quarantine-report-badges span.is-ok{border-color:rgba(34,197,94,.28);color:#bbf7d0;background:rgba(34,197,94,.08)}.quarantine-report-badges span.is-warn{border-color:rgba(251,191,36,.32);color:#fde68a;background:rgba(251,191,36,.08)}.quarantine-report-badges span.is-bad{border-color:rgba(248,113,113,.34);color:#fecaca;background:rgba(248,113,113,.08)}
.quarantine-warning-preview{display:grid;gap:.3rem}.quarantine-warning-preview small{display:block;max-width:100%;padding:.42rem .55rem;border-radius:12px;border:1px solid rgba(251,191,36,.22);background:rgba(251,191,36,.055);color:#fde68a;line-height:1.35;overflow-wrap:anywhere}.quarantine-table td:nth-child(5){width:28%}.quarantine-table td:nth-child(6){width:11%}
@media(max-width:1100px){.quarantine-readable-report{align-items:flex-start;flex-direction:column}.quarantine-report-nav{justify-content:flex-start}.quarantine-scroll-panel{max-height:340px}.quarantine-table td:nth-child(5),.quarantine-table td:nth-child(6){width:auto}}

/* Phase 5.5.4 - Quarantine compatibility assessment */
.quarantine-compatibility-board{margin-bottom:1rem;background:linear-gradient(135deg,rgba(34,211,238,.075),rgba(124,92,255,.055));}
.quarantine-compat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin:.8rem 0 1rem;}
.quarantine-compat-card{min-width:0;padding:.9rem;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);display:grid;gap:.3rem;}
.quarantine-compat-card span{color:var(--muted,#9fb2d9);font-size:.73rem;text-transform:uppercase;letter-spacing:.08em;font-weight:950;}
.quarantine-compat-card strong{color:#fff;font-size:1.02rem;line-height:1.25;overflow-wrap:anywhere;}
.quarantine-compat-card.compat-ok{border-color:rgba(34,197,94,.28);background:rgba(34,197,94,.055);}
.quarantine-compat-card.compat-warn{border-color:rgba(251,191,36,.32);background:rgba(251,191,36,.055);}
.quarantine-compat-card.compat-bad{border-color:rgba(248,113,113,.34);background:rgba(248,113,113,.06);}
.quarantine-compat-card.compat-info{border-color:rgba(59,130,246,.28);background:rgba(59,130,246,.055);}
.quarantine-adaptation-panel{display:grid;gap:.75rem;padding:.95rem;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(2,6,23,.22);}
.quarantine-adaptation-panel h3{margin:0;color:#fff;}
.quarantine-theme-todo-board{background:linear-gradient(135deg,rgba(245,158,11,.07),rgba(34,211,238,.045));}
.quarantine-theme-todo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;}
.quarantine-theme-todo-grid article{min-width:0;padding:1rem;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);display:grid;gap:.35rem;}
.quarantine-theme-todo-grid span{color:#fde68a;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;font-weight:950;}
.quarantine-theme-todo-grid strong{color:#fff;font-size:1.05rem;line-height:1.25;}
.quarantine-theme-todo-grid small{color:var(--muted,#9fb2d9);line-height:1.45;overflow-wrap:anywhere;}
@media(max-width:900px){.quarantine-theme-todo-grid{grid-template-columns:1fr}}

/* Phase 5.5.5 - Quarantaene Freigabe-Vorbereitung */
.quarantine-release-board{margin-bottom:1rem;background:linear-gradient(135deg,rgba(16,185,129,.06),rgba(34,211,238,.045));}
.quarantine-release-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.75rem;margin:.9rem 0 1rem;}
.quarantine-release-card{min-width:0;padding:1rem;border-radius:18px;border:1px solid rgba(255,255,255,.085);background:rgba(255,255,255,.035);display:grid;gap:.38rem;align-content:start;}
.quarantine-release-card span{color:var(--muted,#9fb2d9);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:950;}
.quarantine-release-card strong{color:#fff;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em;}
.quarantine-release-card small{color:var(--muted,#9fb2d9);line-height:1.45;overflow-wrap:anywhere;}
.quarantine-release-card.release-ok{border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.055);}
.quarantine-release-card.release-warn{border-color:rgba(251,191,36,.34);background:rgba(251,191,36,.06);}
.quarantine-release-card.release-bad{border-color:rgba(248,113,113,.36);background:rgba(248,113,113,.065);}
.quarantine-release-card.release-pending{border-color:rgba(59,130,246,.3);background:rgba(59,130,246,.055);}
.quarantine-release-locks{margin-top:.8rem;padding:.95rem;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(2,6,23,.24);}
.quarantine-release-locks h3{margin:0 0 .75rem;color:#fff;}
.quarantine-release-locks .quarantine-rule-list span{background:rgba(248,113,113,.12);color:#fca5a5;}

/* Phase 5.5.6: Quarantine closure and visible install locks */
.quarantine-closure-board{margin-bottom:1rem;background:linear-gradient(135deg,rgba(124,92,255,.06),rgba(34,211,238,.045));}
.quarantine-closure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.8rem;margin:.9rem 0 1rem;}
.quarantine-closure-card{min-width:0;padding:1rem;border-radius:18px;border:1px solid rgba(255,255,255,.085);background:rgba(255,255,255,.035);display:grid;gap:.38rem;align-content:start;}
.quarantine-closure-card span,.quarantine-lock-grid article span{color:var(--muted,#9fb2d9);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:950;}
.quarantine-closure-card strong,.quarantine-lock-grid article strong{color:#fff;font-size:.92rem;line-height:1.25;overflow-wrap:anywhere;text-transform:uppercase;letter-spacing:.04em;}
.quarantine-closure-card small,.quarantine-lock-grid article small{color:var(--muted,#9fb2d9);line-height:1.45;overflow-wrap:anywhere;}
.quarantine-closure-card.closure-ready{border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.055);}
.quarantine-closure-card.closure-locked{border-color:rgba(248,113,113,.36);background:rgba(248,113,113,.065);}
.quarantine-closure-card.closure-info{border-color:rgba(59,130,246,.28);background:rgba(59,130,246,.055);}
.quarantine-install-lock-panel{margin-top:.9rem;padding:1rem;border-radius:20px;border:1px solid rgba(248,113,113,.16);background:rgba(127,29,29,.11);}
.quarantine-install-lock-panel h3{margin:0 0 .75rem;color:#fff;}
.quarantine-lock-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.75rem;}
.quarantine-lock-grid article{min-width:0;padding:.95rem;border-radius:16px;border:1px solid rgba(248,113,113,.22);background:rgba(248,113,113,.055);display:grid;gap:.35rem;}


/* Phase 5.5.6.1: Quarantine report anchor target hotfix */
.quarantine-page #quarantine-compatibility,
.quarantine-page #quarantine-release,
.quarantine-page #quarantine-closure,
.quarantine-page #quarantine-findings,
.quarantine-page #quarantine-manifest,
.quarantine-page #quarantine-syntax,
.quarantine-page #quarantine-renderer,
.quarantine-page #quarantine-files,
.quarantine-page #quarantine-next {
    scroll-margin-top: 96px;
}

.quarantine-report-nav a:focus,
.quarantine-report-nav a:hover {
    text-decoration: none;
}

.quarantine-next-plan-board{background:linear-gradient(135deg,rgba(34,211,238,.065),rgba(124,92,255,.055));}
.quarantine-next-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.85rem;margin-top:.8rem;}
.quarantine-next-plan-grid article{min-width:0;padding:1rem;border-radius:18px;border:1px solid rgba(255,255,255,.085);background:rgba(255,255,255,.035);display:grid;gap:.38rem;align-content:start;}
.quarantine-next-plan-grid span{color:#67e8f9;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:950;}
.quarantine-next-plan-grid strong{color:#fff;font-size:1rem;line-height:1.25;overflow-wrap:anywhere;}
.quarantine-next-plan-grid small{color:var(--muted,#9fb2d9);line-height:1.45;overflow-wrap:anywhere;}


/* Phase 5.5.8 - Capability-/Paket-/Lizenz-Gates */
.capability-hero .hero-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end;align-items:center}.capability-summary-panel{overflow:hidden}.capability-lock-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin-top:1rem}.capability-lock-card{border:1px solid rgba(148,163,184,.22);background:rgba(15,23,42,.46);border-radius:18px;padding:.85rem 1rem;color:#cbd5e1;line-height:1.45}.capability-package-grid,.capability-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.capability-package-card,.capability-plan-card{border:1px solid rgba(148,163,184,.22);background:linear-gradient(145deg,rgba(15,23,42,.82),rgba(30,41,59,.52));border-radius:22px;padding:1rem;box-shadow:0 18px 40px rgba(2,6,23,.22)}.capability-package-card h3,.capability-plan-card h3{margin:.7rem 0 .35rem}.capability-package-card p,.capability-plan-card p{color:#cbd5e1;line-height:1.5}.capability-package-card small{color:#94a3b8}.capability-table-wrap{max-width:100%;overflow:auto}.capability-matrix-table td,.capability-matrix-table th{vertical-align:top}.capability-matrix-table code{white-space:normal;word-break:break-word;color:#a7f3d0}.status-pill-success{background:rgba(34,197,94,.13);border-color:rgba(34,197,94,.32);color:#bbf7d0}.status-pill-muted{background:rgba(148,163,184,.11);border-color:rgba(148,163,184,.22);color:#cbd5e1}.status-pill-warning{background:rgba(245,158,11,.13);border-color:rgba(245,158,11,.32);color:#fde68a}

.capability-management-panel{border-color:rgba(34,211,238,.18)}.capability-package-blueprint-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem;margin-top:1rem}.capability-blueprint-card{border:1px solid rgba(148,163,184,.2);background:rgba(15,23,42,.5);border-radius:18px;padding:.9rem 1rem}.capability-blueprint-card h3{margin:0 0 .35rem;font-size:1rem}.capability-blueprint-card p{margin:0;color:#cbd5e1;line-height:1.45}


/* Phase 5.5.10 - Capability package registry polish */
.capability-registry-panel .capability-registry-grid,
.capability-workflow-panel .capability-plan-grid {
    align-items: stretch;
}
.capability-package-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 0.85rem;
    color: var(--muted, #8c98aa);
    font-size: 0.82rem;
}
.capability-package-meta span {
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 999px;
    padding: 0.25rem 0.55rem;
    background: rgba(15, 23, 42, 0.2);
}
.capability-registry-panel .capability-blueprint-card,
.capability-workflow-panel .capability-plan-card {
    min-width: 0;
}
.capability-registry-panel .capability-blueprint-card p,
.capability-workflow-panel .capability-plan-card p {
    overflow-wrap: anywhere;
}

/* Phase 5.5.11 - Capability assignment profiles & readiness */
.capability-assignment-panel,
.capability-readiness-panel,
.capability-catalog-panel{border-color:rgba(34,211,238,.18)}
.capability-profile-grid,
.capability-catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1rem}
.capability-profile-card,
.capability-catalog-card{border:1px solid rgba(148,163,184,.2);background:linear-gradient(145deg,rgba(15,23,42,.78),rgba(30,41,59,.45));border-radius:22px;padding:1rem;min-width:0;box-shadow:0 18px 40px rgba(2,6,23,.18)}
.capability-profile-card h3,.capability-catalog-card h3{margin:.65rem 0 .35rem;overflow-wrap:anywhere}.capability-profile-card p{color:#cbd5e1;line-height:1.5;overflow-wrap:anywhere}.capability-profile-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-top:1rem}.capability-profile-columns>div{border:1px solid rgba(148,163,184,.16);border-radius:16px;padding:.75rem;background:rgba(15,23,42,.35);min-width:0}.capability-profile-columns strong{display:block;margin-bottom:.45rem;color:#fff}.capability-profile-columns code{display:block;white-space:normal;overflow-wrap:anywhere;margin:.25rem 0;color:#a7f3d0}.capability-catalog-row{border-top:1px solid rgba(148,163,184,.14);padding:.7rem 0}.capability-catalog-row:first-of-type{border-top:0}.capability-catalog-row code{display:block;white-space:normal;overflow-wrap:anywhere;color:#a7f3d0;margin-bottom:.25rem}.capability-catalog-row strong{display:block;color:#fff;overflow-wrap:anywhere}.capability-catalog-row small{display:block;color:#94a3b8;line-height:1.45;overflow-wrap:anywhere}

.capability-license-context-panel,
.capability-decision-panel,
.capability-enforcement-panel{border-color:rgba(34,211,238,.18)}
.capability-context-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:1rem;margin:1rem 0}
.capability-context-card{border:1px solid rgba(148,163,184,.2);background:linear-gradient(145deg,rgba(15,23,42,.78),rgba(30,41,59,.44));border-radius:22px;padding:1rem;min-width:0}
.capability-context-card h3{margin:0 0 .75rem;overflow-wrap:anywhere}.capability-context-step{border:1px solid rgba(148,163,184,.16);border-radius:14px;padding:.7rem .85rem;margin:.45rem 0;background:rgba(15,23,42,.42);color:#cbd5e1;line-height:1.45;overflow-wrap:anywhere}.capability-context-row{display:grid;grid-template-columns:minmax(120px,.7fr) auto minmax(0,1.6fr);gap:.55rem;align-items:start;border-top:1px solid rgba(148,163,184,.14);padding:.65rem 0}.capability-context-row:first-of-type{border-top:0}.capability-context-row code{white-space:normal;overflow-wrap:anywhere;color:#a7f3d0}.capability-context-row small{color:#94a3b8;line-height:1.45;overflow-wrap:anywhere}.capability-mini-pill{display:inline-flex;margin:.1rem .15rem .1rem 0;white-space:normal;line-height:1.25}.capability-license-package-grid{margin-top:1rem}
@media (max-width: 860px){.capability-context-layout{grid-template-columns:1fr}.capability-context-row{grid-template-columns:1fr}.capability-hero .hero-actions{justify-content:flex-start}}

.capability-simulation-panel,.capability-audit-panel{border-color:rgba(34,211,238,.18)}
.capability-simulation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1rem}
.capability-simulation-card{border:1px solid rgba(148,163,184,.2);background:linear-gradient(145deg,rgba(15,23,42,.8),rgba(30,41,59,.46));border-radius:22px;padding:1rem;min-width:0;box-shadow:0 18px 40px rgba(2,6,23,.18)}
.capability-simulation-card h3{margin:.2rem 0 .4rem;overflow-wrap:anywhere}.capability-simulation-card code{display:block;white-space:normal;overflow-wrap:anywhere;color:#a7f3d0;margin-bottom:.55rem}.capability-simulation-results{display:grid;gap:.55rem;margin:.75rem 0}.capability-simulation-result{border:1px solid rgba(148,163,184,.18);border-radius:16px;padding:.75rem;background:rgba(15,23,42,.42);min-width:0}.capability-simulation-result strong{display:block;color:#fff;margin-bottom:.2rem}.capability-simulation-result span{display:block;color:#cbd5e1;overflow-wrap:anywhere}.capability-simulation-result small{display:inline-flex;margin:.35rem .25rem 0 0;border:1px solid rgba(148,163,184,.18);border-radius:999px;padding:.18rem .5rem;color:#94a3b8;background:rgba(15,23,42,.35);line-height:1.25}.capability-simulation-result.is-prepared{border-color:rgba(34,197,94,.32);background:rgba(22,101,52,.14)}.capability-simulation-result.is-locked{border-color:rgba(245,158,11,.28);background:rgba(120,53,15,.14)}

/* Phase 5.5.14 - Capability Abschlussstatus & sichere Enforcement-Anbindung */
.capability-closure-panel,
.capability-safe-enforcement-panel,
.capability-manual-gates-panel{border-color:rgba(34,211,238,.2)}
.capability-closure-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-top:1rem}
.capability-closure-card{border:1px solid rgba(148,163,184,.2);background:linear-gradient(145deg,rgba(15,23,42,.82),rgba(30,41,59,.5));border-radius:22px;padding:1rem;min-width:0;display:grid;gap:.55rem;align-content:start;box-shadow:0 18px 40px rgba(2,6,23,.18)}
.capability-closure-card span,.capability-enforcement-step span,.capability-manual-gate-card span{color:#67e8f9;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:950}
.capability-closure-card h3,.capability-enforcement-step h3,.capability-manual-gate-card h3{margin:.2rem 0 .35rem;color:#fff;overflow-wrap:anywhere}
.capability-closure-card small,.capability-enforcement-step p,.capability-manual-gate-card p{color:#cbd5e1;line-height:1.5;overflow-wrap:anywhere}
.capability-closure-card.is-ready{border-color:rgba(34,197,94,.28);background:rgba(22,101,52,.13)}
.capability-closure-card.is-locked{border-color:rgba(245,158,11,.28);background:rgba(120,53,15,.13)}
.capability-enforcement-roadmap,.capability-manual-gate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1rem}
.capability-enforcement-step,.capability-manual-gate-card{border:1px solid rgba(148,163,184,.2);background:linear-gradient(145deg,rgba(15,23,42,.8),rgba(30,41,59,.46));border-radius:22px;padding:1rem;min-width:0;box-shadow:0 18px 40px rgba(2,6,23,.18)}
.capability-enforcement-step em{display:inline-flex;margin:.35rem .25rem 0 0;border:1px solid rgba(148,163,184,.18);border-radius:999px;padding:.18rem .55rem;color:#94a3b8;background:rgba(15,23,42,.35);font-style:normal;line-height:1.25}

/* Phase 5.5.15 - Capability Abschluss UI Fokus */
.capability-focus-panel{border-color:rgba(34,197,94,.24);background:linear-gradient(135deg,rgba(6,78,59,.24),rgba(15,23,42,.72));scroll-margin-top:90px}
.capability-focus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin-top:1rem}
.capability-focus-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.2rem .75rem;align-items:start;border:1px solid rgba(34,211,238,.22);background:linear-gradient(145deg,rgba(15,23,42,.82),rgba(30,41,59,.5));border-radius:22px;padding:1rem;text-decoration:none;color:#e5e7eb;box-shadow:0 18px 40px rgba(2,6,23,.18);min-width:0;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.capability-focus-card:hover{transform:translateY(-1px);border-color:rgba(34,211,238,.42);background:linear-gradient(145deg,rgba(8,47,73,.72),rgba(15,23,42,.7))}
.capability-focus-card span{grid-row:1 / span 2;width:2.15rem;height:2.15rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(34,211,238,.14);border:1px solid rgba(34,211,238,.3);color:#67e8f9;font-weight:950}
.capability-focus-card strong{display:block;color:#fff;font-size:1rem;overflow-wrap:anywhere}.capability-focus-card small{display:block;color:#cbd5e1;line-height:1.45;overflow-wrap:anywhere}.capability-highlight-anchor{scroll-margin-top:95px;box-shadow:0 0 0 1px rgba(34,211,238,.08),0 20px 60px rgba(2,6,23,.18)}


/* Phase 5.5.16 - Admin-UX Arbeitsflächen & Layout-Grundlage */
.admin-main{width:100%;max-width:1320px;margin:0 auto;}
.admin-main--wide{max-width:none;}
.admin-content-wide .page-section,
.admin-content-wide .form-card,
.admin-content-wide .panel-card.wide,
.admin-content-wide .admin-card.wide{max-width:none;}
.admin-content-wide .table-wrap,
.admin-content-wide .capability-table-wrap{width:100%;}
.admin-content-wide .panel-card,
.admin-content-wide .admin-card{min-width:0;}
.admin-content-wide .two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
.admin-content-wide .card-grid.large{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
.admin-workspace-note{display:flex;gap:.75rem;align-items:flex-start;margin:0 0 1rem;padding:.85rem 1rem;border:1px solid rgba(34,211,238,.18);border-radius:18px;background:rgba(8,47,73,.18);color:#cbd5e1;line-height:1.45;}
.admin-workspace-note strong{color:#fff;}
.admin-workspace-note span{display:inline-flex;width:1.85rem;height:1.85rem;border-radius:999px;align-items:center;justify-content:center;background:rgba(34,211,238,.14);border:1px solid rgba(34,211,238,.28);color:#67e8f9;font-weight:950;flex:0 0 auto;}
@media (min-width: 1420px){.admin-main--wide{padding-left:28px;padding-right:28px;}}
@media (max-width: 1100px){.admin-main,.admin-main--wide{max-width:none;margin:0;}.admin-content-wide .two-col{grid-template-columns:1fr;}}


/* Phase 5.5.17 - Admin-Rework-Fundament & volle Content-Breite
   Ziel: Admin wirkt wie aus einer Form gegossen, behält Glas/Glow und nutzt den kompletten Contentbereich. */
:root{
  --admin-card-bg:linear-gradient(180deg,rgba(255,255,255,.072),rgba(255,255,255,.032));
  --admin-card-bg-strong:linear-gradient(135deg,rgba(34,211,238,.10),rgba(139,92,246,.10) 46%,rgba(255,255,255,.04));
  --admin-line:rgba(255,255,255,.10);
  --admin-line-strong:rgba(34,211,238,.24);
  --admin-glow:0 24px 80px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.04);
  --admin-glow-soft:0 16px 42px rgba(0,0,0,.24);
  --admin-radius:22px;
  --admin-radius-sm:14px;
}
body.admin-shell{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.01em;}
body.admin-shell .admin-main,
body.admin-shell .admin-main--normal,
body.admin-shell .admin-main--wide{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:clamp(18px,1.6vw,32px) clamp(18px,2.4vw,46px)!important;
  overflow-x:hidden;
}
body.admin-shell .admin-topbar,
body.admin-shell .dashboard-hero,
body.admin-shell .page-section,
body.admin-shell .panel-card,
body.admin-shell .form-card,
body.admin-shell .admin-card,
body.admin-shell .table-wrap,
body.admin-shell .settings-shell,
body.admin-shell .settings-panel,
body.admin-shell .extension-settings-shell,
body.admin-shell .theme-admin-shell,
body.admin-shell .recovery-page,
body.admin-shell .quarantine-page,
body.admin-shell .capability-page{
  max-width:none!important;
}
body.admin-shell .page-section,
body.admin-shell .admin-topbar,
body.admin-shell .dashboard-hero,
body.admin-shell .panel-card,
body.admin-shell .form-card,
body.admin-shell .table-wrap{width:100%;}
body.admin-shell .admin-topbar{
  background:linear-gradient(135deg,rgba(17,21,37,.88),rgba(9,13,28,.76));
  border-color:var(--admin-line);
  box-shadow:var(--admin-glow-soft);
}
body.admin-shell .dashboard-hero,
body.admin-shell .panel-card,
body.admin-shell .form-card,
body.admin-shell .admin-card,
body.admin-shell .stat-card,
body.admin-shell .metric-card,
body.admin-shell .theme-card,
body.admin-shell .extension-card,
body.admin-shell .settings-panel,
body.admin-shell .recovery-card,
body.admin-shell .quarantine-card,
body.admin-shell .capability-card{
  background:var(--admin-card-bg);
  border:1px solid var(--admin-line);
  border-radius:var(--admin-radius);
  box-shadow:var(--admin-glow-soft);
  backdrop-filter:blur(14px);
}
body.admin-shell .dashboard-hero,
body.admin-shell .panel-card.is-highlight,
body.admin-shell .admin-card.is-highlight{background:var(--admin-card-bg-strong);}
body.admin-shell h1,body.admin-shell h2,body.admin-shell h3,body.admin-shell h4{letter-spacing:-.035em;line-height:1.12;}
body.admin-shell p,body.admin-shell li,body.admin-shell td,body.admin-shell th,body.admin-shell label{line-height:1.5;}
body.admin-shell .section-head,
body.admin-shell .panel-head{align-items:center;}
body.admin-shell .card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
body.admin-shell .card-grid.large{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
body.admin-shell .two-col{grid-template-columns:repeat(2,minmax(0,1fr));}
body.admin-shell .form-card{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;}
body.admin-shell .form-card .wide,
body.admin-shell .form-card .wide-field,
body.admin-shell .form-card textarea,
body.admin-shell .form-card .settings-savebar{grid-column:1/-1;}
body.admin-shell input,
body.admin-shell select,
body.admin-shell textarea{
  min-height:44px;
  border-radius:var(--admin-radius-sm);
  background:rgba(4,7,18,.58);
  border:1px solid rgba(255,255,255,.095);
  color:var(--text);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
body.admin-shell input:focus,
body.admin-shell select:focus,
body.admin-shell textarea:focus{
  border-color:rgba(34,211,238,.55);
  box-shadow:0 0 0 4px rgba(34,211,238,.12), inset 0 1px 0 rgba(255,255,255,.04);
}
body.admin-shell .btn,
body.admin-shell .btn-primary,
body.admin-shell .btn-secondary,
body.admin-shell .btn-ghost,
body.admin-shell .button-link,
body.admin-shell button.btn,
body.admin-shell a.btn,
body.admin-shell .theme-action-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  min-height:40px;
  padding:.68rem .95rem;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  font-weight:850;
  text-decoration:none;
  line-height:1.15;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 24px rgba(0,0,0,.18);
}
body.admin-shell .btn:hover,
body.admin-shell .btn-primary:hover,
body.admin-shell .btn-secondary:hover,
body.admin-shell .btn-ghost:hover,
body.admin-shell .button-link:hover,
body.admin-shell .theme-action-btn:hover{transform:translateY(-1px);border-color:rgba(34,211,238,.36);box-shadow:0 14px 32px rgba(0,0,0,.24);}
body.admin-shell .btn.primary,
body.admin-shell .btn-primary,
body.admin-shell .theme-action-btn.btn-primary{
  background:linear-gradient(135deg,var(--primary),var(--primary2));
  color:#fff;
  border-color:rgba(255,255,255,.16);
}
body.admin-shell .btn.secondary,
body.admin-shell .btn-secondary,
body.admin-shell .btn-ghost,
body.admin-shell .btn.ghost,
body.admin-shell .theme-action-btn.btn-ghost{
  background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.055));
  color:var(--text);
}
body.admin-shell .btn.danger,
body.admin-shell .danger-soft{border-color:rgba(249,112,102,.34);background:rgba(249,112,102,.12);color:#fee4e2;}
body.admin-shell .btn.small{min-height:34px;padding:.48rem .72rem;font-size:.84rem;}
body.admin-shell .btn.icon{width:38px;min-width:38px;padding:0;}
body.admin-shell button:disabled,
body.admin-shell .btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed;transform:none!important;}
body.admin-shell .badge,
body.admin-shell .status-pill,
body.admin-shell .inline-badge{
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.075);
  color:var(--text);
  font-weight:800;
  letter-spacing:.01em;
}
body.admin-shell .table-wrap{
  border:1px solid var(--admin-line);
  border-radius:var(--admin-radius);
  background:rgba(255,255,255,.032);
  overflow:auto;
}
body.admin-shell .admin-table{min-width:760px;border-collapse:separate;border-spacing:0 .55rem;padding:.55rem;}
body.admin-shell .admin-table th{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#c8d6ff;border:0;background:transparent;}
body.admin-shell .admin-table td{border-top:1px solid rgba(255,255,255,.075);border-bottom:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.035);color:#dce6ff;vertical-align:middle;}
body.admin-shell .admin-table td:first-child{border-left:1px solid rgba(255,255,255,.075);border-radius:14px 0 0 14px;}
body.admin-shell .admin-table td:last-child{border-right:1px solid rgba(255,255,255,.075);border-radius:0 14px 14px 0;}
body.admin-shell code,
body.admin-shell .mono,
body.admin-shell pre{overflow-wrap:anywhere;white-space:pre-wrap;}
body.admin-shell .filter-bar,
body.admin-shell .settings-tabs,
body.admin-shell .recovery-tabs,
body.admin-shell .quarantine-report-nav,
body.admin-shell .capability-quick-nav{
  border:1px solid var(--admin-line);
  border-radius:var(--admin-radius);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.026));
  box-shadow:var(--admin-glow-soft);
}
body.admin-route-admin-link-picker .panel-card:before{
  content:"Der Link-Picker ist ein interner Hilfsbereich, um Links für Navigation, Buttons und Inhaltsfelder sauber auszuwählen, ohne URLs manuell kopieren zu müssen.";
  display:block;
  margin-bottom:1rem;
  padding:.85rem 1rem;
  border-radius:16px;
  border:1px solid rgba(34,211,238,.22);
  background:rgba(34,211,238,.08);
  color:#d7f9ff;
  font-weight:750;
}
@media (min-width:1500px){body.admin-shell .admin-main{padding-left:clamp(36px,2.6vw,70px)!important;padding-right:clamp(36px,2.6vw,70px)!important;}}
@media (max-width:1180px){body.admin-shell .two-col{grid-template-columns:1fr;}body.admin-shell .admin-table{min-width:680px;}}
@media (max-width:720px){body.admin-shell .admin-main{padding:14px!important;}body.admin-shell .panel-head,body.admin-shell .section-head{align-items:flex-start;flex-direction:column;}body.admin-shell .admin-table{min-width:620px;}}

/* Phase 5.5.17.1 - Admin-Rework UI-Fix & Formular-Polish
   Korrigiert die zu breit/zu global angewendeten 5.5.17-Regeln: Full-Width bleibt,
   innere Formulare, Checkboxen, Toolbars und Roadmap-Navigation werden wieder sauber geführt. */
body.admin-shell .admin-main,
body.admin-shell .admin-main--normal,
body.admin-shell .admin-main--wide{
  overflow-x:clip;
}
body.admin-shell .page-section{
  width:100%;
  max-width:none!important;
}
body.admin-shell .form-card{
  width:100%;
  max-width:none!important;
  padding:clamp(18px,1.3vw,28px);
  gap:clamp(14px,1.1vw,22px);
}
body.admin-shell .form-card:not(.admin-settings-tabs){
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
  align-items:end;
}
body.admin-shell .form-card:not(.admin-settings-tabs)>p.muted,
body.admin-shell .form-card:not(.admin-settings-tabs)>.muted,
body.admin-shell .form-card:not(.admin-settings-tabs)>.notice,
body.admin-shell .form-card:not(.admin-settings-tabs)>.settings-savebar{
  grid-column:1/-1;
}
body.admin-shell .form-card label{
  align-content:start;
  min-width:0;
}
body.admin-shell .form-card label span{
  line-height:1.35;
}
body.admin-shell input[type="checkbox"],
body.admin-shell input[type="radio"]{
  width:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  height:18px!important;
  min-height:18px!important;
  padding:0!important;
  margin:0;
  flex:0 0 18px;
  border-radius:5px;
  accent-color:#22d3ee;
  box-shadow:none;
}
body.admin-shell input[type="radio"]{border-radius:999px;}
body.admin-shell .checkbox-card,
body.admin-shell .check-card,
body.admin-shell .switch-line,
body.admin-shell .mini-check{
  max-width:100%;
}
body.admin-shell .checkbox-card input[type="checkbox"],
body.admin-shell .check-card input[type="checkbox"],
body.admin-shell .switch-line input[type="checkbox"]{
  align-self:flex-start;
  margin-top:.15rem;
}
body.admin-shell .checkbox-card.title-sync-checkbox{
  display:flex!important;
  align-items:flex-start;
  gap:.8rem;
  max-width:none;
}
body.admin-shell .checkbox-card.title-sync-checkbox>span,
body.admin-shell .checkbox-card.title-sync-checkbox>small{
  min-width:0;
}

/* Settings bleiben breit, aber innere Tabs/Formulare werden nicht mehr in eine leere Riesenfläche zerrissen. */
body.admin-shell .admin-settings-tabs{
  display:block!important;
  max-width:none!important;
  overflow:hidden;
}
body.admin-shell .admin-settings-tabs .settings-main-tabs{
  display:flex;
  width:fit-content;
  max-width:100%;
}
body.admin-shell .admin-settings-tabs .settings-tab-panel.active{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),420px));
  gap:16px 22px;
  align-items:start;
  max-width:1120px;
}
body.admin-shell .admin-settings-tabs .settings-tab-panel .form-divider,
body.admin-shell .admin-settings-tabs .settings-tab-panel .title-sync-grid,
body.admin-shell .admin-settings-tabs .settings-tab-panel .info-card,
body.admin-shell .admin-settings-tabs .settings-tab-panel .quick-actions,
body.admin-shell .admin-settings-tabs .settings-tab-panel .settings-savebar{
  grid-column:1/-1;
}
body.admin-shell .admin-settings-tabs .settings-tab-panel label{
  max-width:420px;
}
body.admin-shell .admin-settings-tabs .settings-savebar{
  margin:22px -28px -28px;
  padding:16px 24px;
}

/* Breite Spezialseiten: innere Panels dürfen den Raum nutzen, aber Inhalte bekommen Luft. */
body.admin-route-admin-settings-mail .form-card,
body.admin-route-admin-settings-cloudflare .form-card,
body.admin-route-admin-master-domains .form-card,
body.admin-route-admin-licensing .form-card,
body.admin-route-admin-seo-analytics .form-card{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));
  align-items:end;
}
body.admin-route-admin-master-domains .two-col,
body.admin-route-admin-licensing .two-col{
  grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);
}

/* Module & Erweiterungen: Status-Chips links, echte Aktionen sauber rechts nebeneinander. */
body.admin-shell .extension-toolbar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.6rem;
  padding:1rem;
  border:1px solid rgba(255,255,255,.09);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(255,255,255,.052),rgba(255,255,255,.024));
  box-shadow:0 16px 42px rgba(0,0,0,.18);
  margin:1rem 0;
}
body.admin-shell .extension-toolbar .badge{
  order:1;
  min-height:32px;
  cursor:default;
  user-select:none;
}
body.admin-shell .extension-toolbar a.btn,
body.admin-shell .extension-toolbar a.btn-secondary,
body.admin-shell .extension-toolbar a.button-link{
  order:2;
  white-space:nowrap;
}
body.admin-shell .extension-toolbar a.btn:first-of-type,
body.admin-shell .extension-toolbar a.btn-secondary:first-of-type,
body.admin-shell .extension-toolbar a.button-link:first-of-type{
  margin-left:auto;
}

/* Roadmap-Menü bleibt als Orientierung, wirkt aber bewusst passiv und nicht wie fertige Hauptnavigation. */
body.admin-shell .nav-section-planned{
  opacity:.82;
}
body.admin-shell .nav-section-planned a[aria-disabled="true"]{
  cursor:not-allowed;
  opacity:.58;
  filter:saturate(.7);
}
body.admin-shell .nav-section-planned a[aria-disabled="true"]:hover{
  background:rgba(255,255,255,.035);
  color:var(--muted);
}
body.admin-shell .nav-section-planned em{
  font-size:.68rem;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  padding:.12rem .38rem;
  color:#aeb8d4;
  background:rgba(255,255,255,.035);
}

@media(max-width:980px){
  body.admin-route-admin-master-domains .two-col,
  body.admin-route-admin-licensing .two-col{grid-template-columns:1fr;}
  body.admin-shell .extension-toolbar a.btn:first-of-type,
  body.admin-shell .extension-toolbar a.btn-secondary:first-of-type,
  body.admin-shell .extension-toolbar a.button-link:first-of-type{margin-left:0;}
}

/* Phase 5.5.17.2 - Module & Erweiterungen Toolbar-Fix
   Passive Status-Hinweise sehen nicht mehr wie klickbare Buttons aus; echte Aktionen stehen rechts sauber nebeneinander. */
body.admin-shell .extension-toolbar.extension-toolbar--split{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:1rem;
  align-items:center;
  padding:1rem 1.05rem;
  border-radius:22px;
}
body.admin-shell .extension-toolbar-status{
  display:flex;
  flex-wrap:wrap;
  gap:.48rem;
  min-width:0;
}
body.admin-shell .extension-status-chip{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:.32rem .62rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.045);
  color:#c5cce0;
  font-size:.76rem;
  font-weight:800;
  line-height:1.05;
  cursor:default;
  user-select:none;
  box-shadow:none;
  white-space:nowrap;
}
body.admin-shell .extension-status-chip::before{
  content:"";
  width:.38rem;
  height:.38rem;
  border-radius:999px;
  margin-right:.42rem;
  background:rgba(55,214,153,.78);
  box-shadow:0 0 10px rgba(55,214,153,.22);
}
body.admin-shell .extension-status-chip.is-pending::before{
  background:rgba(245,178,66,.85);
  box-shadow:0 0 10px rgba(245,178,66,.22);
}
body.admin-shell .extension-status-chip.is-neutral::before{
  background:rgba(34,211,238,.78);
  box-shadow:0 0 10px rgba(34,211,238,.22);
}
body.admin-shell .extension-toolbar-actions{
  display:flex;
  gap:.7rem;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
}
body.admin-shell .extension-toolbar.extension-toolbar--split .extension-toolbar-actions a.btn,
body.admin-shell .extension-toolbar.extension-toolbar--split .extension-toolbar-actions a.btn.secondary{
  margin-left:0!important;
  min-height:40px;
  padding:.62rem .95rem;
  border-radius:14px;
  white-space:nowrap;
}
body.admin-shell .extension-toolbar.extension-toolbar--split > a.btn,
body.admin-shell .extension-toolbar.extension-toolbar--split > .badge{
  margin-left:0!important;
}
@media(max-width:1100px){
  body.admin-shell .extension-toolbar.extension-toolbar--split{grid-template-columns:1fr;}
  body.admin-shell .extension-toolbar-actions{justify-content:flex-start;}
}
@media(max-width:720px){
  body.admin-shell .extension-status-chip{white-space:normal;}
  body.admin-shell .extension-toolbar-actions a.btn{width:100%;justify-content:center;}
}


/* Phase 5.5.18 - Admin-Design-System & Formular-/Layout-Standards
   Full-Width bleibt, aber Inhalte werden passend geführt: breite Reports/Tabellen dürfen wachsen,
   Formulare bekommen lesbare Feldbreiten, konsistente Checkboxen, Button-Reihen und Toolbars. */
body.admin-shell{
  --admin-field-max: 430px;
  --admin-field-min: 260px;
  --admin-form-gap: clamp(14px,1vw,22px);
}
body.admin-shell .admin-main,
body.admin-shell .admin-main--wide{
  min-width:0;
}
body.admin-shell .page-section,
body.admin-shell .panel-card,
body.admin-shell .form-card,
body.admin-shell .admin-card{
  min-width:0;
}
body.admin-shell .form-card:not(.admin-settings-tabs):not(.form-card--fluid){
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--admin-field-min)),var(--admin-field-max)))!important;
  justify-content:start;
  align-items:start!important;
  gap:var(--admin-form-gap)!important;
}
body.admin-shell .form-card.form-card--fluid,
body.admin-route-admin-settings-mail .form-card,
body.admin-route-admin-settings-cloudflare .form-card{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))!important;
  align-items:end!important;
}
body.admin-shell .form-card label,
body.admin-shell .field,
body.admin-shell .field-group{
  display:grid;
  gap:.38rem;
  min-width:0;
  max-width:var(--admin-field-max);
}
body.admin-shell .form-card.form-card--fluid label,
body.admin-route-admin-settings-mail .form-card label,
body.admin-route-admin-settings-cloudflare .form-card label{
  max-width:none;
}
body.admin-shell .form-card label > span:first-child,
body.admin-shell .field-label{
  color:#f4f7ff;
  font-weight:850;
  letter-spacing:-.01em;
}
body.admin-shell .form-card label small,
body.admin-shell .field-help,
body.admin-shell .help-text{
  color:#aeb8d4;
  line-height:1.42;
}
body.admin-shell textarea{
  min-height:112px;
  resize:vertical;
}
body.admin-shell input[type="text"],
body.admin-shell input[type="email"],
body.admin-shell input[type="password"],
body.admin-shell input[type="number"],
body.admin-shell input[type="url"],
body.admin-shell input[type="search"],
body.admin-shell select,
body.admin-shell textarea{
  width:100%;
  max-width:100%;
}
body.admin-shell .wide,
body.admin-shell .wide-field,
body.admin-shell .full-row,
body.admin-shell .settings-savebar,
body.admin-shell .form-divider,
body.admin-shell .notice,
body.admin-shell .admin-notice{
  grid-column:1/-1!important;
}
body.admin-shell .checkbox-card,
body.admin-shell .check-card,
body.admin-shell .switch-line,
body.admin-shell .mini-check,
body.admin-shell label:has(input[type="checkbox"]),
body.admin-shell label:has(input[type="radio"]){
  display:flex!important;
  align-items:flex-start!important;
  gap:.72rem!important;
  max-width:760px;
  min-height:auto;
}
body.admin-shell input[type="checkbox"],
body.admin-shell input[type="radio"]{
  appearance:auto;
  width:18px!important;
  height:18px!important;
  min-width:18px!important;
  min-height:18px!important;
  max-width:18px!important;
  max-height:18px!important;
  margin:.18rem 0 0!important;
  padding:0!important;
  flex:0 0 18px!important;
  transform:none!important;
  accent-color:#22d3ee;
}
body.admin-shell .admin-actions,
body.admin-shell .button-row,
body.admin-shell .action-row,
body.admin-shell .toolbar-actions,
body.admin-shell .form-actions,
body.admin-shell .settings-savebar,
body.admin-shell .panel-actions{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:.65rem;
  flex-wrap:wrap;
}
body.admin-shell .section-head .panel-actions,
body.admin-shell .panel-head .panel-actions,
body.admin-shell .section-head .admin-actions,
body.admin-shell .panel-head .admin-actions{
  margin-left:auto;
  justify-content:flex-end;
}
body.admin-shell .btn,
body.admin-shell .btn-primary,
body.admin-shell .btn-secondary,
body.admin-shell .btn-ghost,
body.admin-shell .button-link,
body.admin-shell .theme-action-btn,
body.admin-shell button[type="submit"]{
  min-width:0;
  max-width:100%;
  white-space:nowrap;
}
body.admin-shell .btn-primary,
body.admin-shell .btn.primary,
body.admin-shell button[type="submit"]{
  background:linear-gradient(135deg,#7c5cff,#38bdf8)!important;
  border-color:rgba(255,255,255,.16)!important;
  color:#fff!important;
}
body.admin-shell .btn-secondary,
body.admin-shell .btn.secondary,
body.admin-shell .btn-ghost,
body.admin-shell .btn.ghost,
body.admin-shell .button-link{
  background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.055));
  border-color:rgba(255,255,255,.12);
  color:#eef4ff;
}
body.admin-shell .admin-table,
body.admin-shell table{
  width:100%;
}
body.admin-shell .admin-table td,
body.admin-shell .admin-table th{
  overflow-wrap:anywhere;
}
body.admin-route-admin-settings .settings-tab-panel.active{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),var(--admin-field-max)))!important;
  justify-content:start;
  align-items:start;
  max-width:none!important;
}
body.admin-route-admin-settings .settings-tab-panel label{
  max-width:var(--admin-field-max)!important;
}
body.admin-route-admin-settings .title-sync-grid,
body.admin-route-admin-seo-analytics .title-sync-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,520px);
  gap:1rem;
  align-items:start;
}
body.admin-route-admin-seo-analytics .checkbox-card.title-sync-checkbox,
body.admin-route-admin-settings .checkbox-card.title-sync-checkbox{
  max-width:520px;
  align-self:start;
}
body.admin-route-admin-master-domains .two-col,
body.admin-route-admin-licensing .two-col{
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr)!important;
  gap:1rem;
  align-items:start;
}
body.admin-route-admin-pages .page-section,
body.admin-route-admin-users .page-section,
body.admin-route-admin-themes .page-section,
body.admin-route-admin-extensions .page-section,
body.admin-route-admin-recovery .page-section,
body.admin-route-admin-capabilities .page-section{
  width:100%;
}
body.admin-shell .nav-section-planned summary{
  color:#f8fafc;
}
body.admin-shell .nav-section-planned a[aria-disabled="true"]{
  pointer-events:none;
}
body.admin-shell .nav-section-planned a[aria-disabled="true"] em{
  margin-left:auto;
}
@media(max-width:1180px){
  body.admin-route-admin-settings .title-sync-grid,
  body.admin-route-admin-seo-analytics .title-sync-grid,
  body.admin-route-admin-master-domains .two-col,
  body.admin-route-admin-licensing .two-col{grid-template-columns:1fr!important;}
  body.admin-shell .section-head .panel-actions,
  body.admin-shell .panel-head .panel-actions,
  body.admin-shell .section-head .admin-actions,
  body.admin-shell .panel-head .admin-actions{margin-left:0;justify-content:flex-start;}
}
@media(max-width:720px){
  body.admin-shell .btn,
  body.admin-shell .btn-primary,
  body.admin-shell .btn-secondary,
  body.admin-shell .btn-ghost,
  body.admin-shell .button-link{white-space:normal;}
  body.admin-shell .admin-actions > *,
  body.admin-shell .button-row > *,
  body.admin-shell .action-row > *,
  body.admin-shell .toolbar-actions > *,
  body.admin-shell .form-actions > *{width:100%;justify-content:center;}
}


/* Phase 5.5.19: Sidebar-/Menüstruktur & passiver Roadmap-Bereich */
.admin-sidebar{display:flex;flex-direction:column;gap:14px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(139,92,246,.45) rgba(255,255,255,.04)}
.admin-sidebar .brand{margin-bottom:10px;flex:0 0 auto}.nav-tools{flex:0 0 auto}.admin-nav{flex:1 1 auto;min-height:0;padding-right:2px}.sidebar-foot{flex:0 0 auto}.priority-pins{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.priority-pins a{min-height:38px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:850}.admin-nav .nav-section{border:1px solid rgba(255,255,255,.075);border-radius:18px;background:rgba(255,255,255,.025);padding:5px}.admin-nav .nav-section summary{border-radius:14px;padding:11px 12px}.admin-nav .nav-section summary span{font-weight:900}.admin-nav .nav-section summary b{opacity:.72}.admin-nav .nav-section a{display:flex;align-items:center;gap:8px;min-height:39px}.admin-nav .nav-section a em{margin-left:auto;font-style:normal;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#f8c471;border:1px solid rgba(248,196,113,.24);background:rgba(248,196,113,.08);border-radius:999px;padding:2px 7px;white-space:nowrap}.admin-nav a[aria-disabled="true"]{opacity:.62;cursor:not-allowed}.sidebar-roadmap{flex:0 0 auto;margin-top:2px;padding:14px;border:1px solid rgba(34,211,238,.16);border-radius:20px;background:linear-gradient(180deg,rgba(34,211,238,.075),rgba(139,92,246,.045));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.sidebar-roadmap-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.sidebar-roadmap-head span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#94a3b8;font-weight:900}.sidebar-roadmap-head strong{font-size:12px;color:#bff7ff}.sidebar-roadmap-items{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.sidebar-roadmap-items span{font-size:11px;font-weight:850;color:#dbeafe;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.16);border-radius:999px;padding:5px 8px}.sidebar-roadmap p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.sidebar-roadmap-link{display:inline-flex;margin-top:10px;color:#bff7ff;text-decoration:none;font-size:12px;font-weight:900}.admin-content-wide .admin-topbar{max-width:none}.admin-content-wide .dashboard-hero,.admin-content-wide .panel-card,.admin-content-wide .table-card,.admin-content-wide .filter-card{max-width:none}@media(max-width:920px){.priority-pins{grid-template-columns:1fr}.sidebar-roadmap{display:none}}

/* Phase 5.5.19.1 – Sidebar-Sichtbarkeit & Userbar-Hotfix
   Die Sidebar darf keine zweite verschachtelte Scrollfalle mehr erzeugen. Das komplette
   Menü scrollt als eine Fläche; geöffnete Gruppen zeigen alle Unterpunkte sauber an. */
body.admin-shell .admin-sidebar{
  display:flex!important;
  flex-direction:column!important;
  gap:14px!important;
  height:100vh!important;
  max-height:100vh!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:24px 18px 18px!important;
  scrollbar-width:thin;
  scrollbar-color:rgba(34,211,238,.38) rgba(255,255,255,.04);
}
body.admin-shell .admin-sidebar::-webkit-scrollbar{width:8px}
body.admin-shell .admin-sidebar::-webkit-scrollbar-track{background:rgba(255,255,255,.035);border-radius:999px}
body.admin-shell .admin-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(139,92,246,.55),rgba(34,211,238,.45));border-radius:999px}
body.admin-shell .admin-sidebar .brand,
body.admin-shell .admin-sidebar .nav-tools,
body.admin-shell .admin-sidebar .admin-nav,
body.admin-shell .admin-sidebar .sidebar-roadmap,
body.admin-shell .admin-sidebar .sidebar-userbar,
body.admin-shell .admin-sidebar .sidebar-foot{
  flex:0 0 auto!important;
  min-height:0!important;
}
body.admin-shell .admin-sidebar .admin-nav{
  display:grid!important;
  gap:10px!important;
  overflow:visible!important;
  max-height:none!important;
  padding-right:0!important;
}
body.admin-shell .admin-sidebar .nav-section{
  overflow:visible!important;
  height:auto!important;
  max-height:none!important;
  flex:0 0 auto!important;
}
body.admin-shell .admin-sidebar .nav-section[open] > a{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
body.admin-shell .admin-sidebar .nav-section > a{
  width:calc(100% - 16px)!important;
  margin:0 8px 8px!important;
  min-height:38px!important;
  line-height:1.25!important;
  align-items:center!important;
}
body.admin-shell .admin-sidebar .nav-section summary{
  position:relative!important;
  top:auto!important;
}
body.admin-shell .sidebar-roadmap{
  margin-top:2px!important;
  margin-bottom:0!important;
}
body.admin-shell .sidebar-userbar{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:10px;
  align-items:center;
  padding:12px;
  border:1px solid rgba(34,211,238,.18);
  border-radius:20px;
  background:linear-gradient(135deg,rgba(34,211,238,.10),rgba(139,92,246,.08));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 30px rgba(0,0,0,.18);
}
body.admin-shell .sidebar-userbar-avatar{
  width:42px;
  height:42px;
  border-radius:15px;
  display:grid;
  place-items:center;
  color:white;
  font-weight:950;
  background:linear-gradient(135deg,var(--primary),var(--primary2));
  box-shadow:0 12px 28px rgba(34,211,238,.16);
}
body.admin-shell .sidebar-userbar-main{min-width:0;display:grid;gap:2px}
body.admin-shell .sidebar-userbar-main strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:13px;
}
body.admin-shell .sidebar-userbar-main span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:var(--muted);
  font-size:11px;
}
body.admin-shell .sidebar-userbar-main small{
  display:flex;
  align-items:center;
  gap:6px;
  color:#bff7ff;
  font-size:10px;
  font-weight:850;
  letter-spacing:.03em;
}
body.admin-shell .sidebar-userbar-main small i{
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--success);
  box-shadow:0 0 0 4px rgba(50,213,131,.12);
}
body.admin-shell .sidebar-userbar-logout{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  border-radius:14px;
  text-decoration:none;
  color:#fff;
  font-size:12px;
  font-weight:900;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(135deg,rgba(139,92,246,.55),rgba(34,211,238,.22));
}
body.admin-shell .sidebar-userbar-logout:hover{
  border-color:rgba(34,211,238,.45);
  box-shadow:0 10px 25px rgba(34,211,238,.10);
}
body.admin-shell .sidebar-foot{
  margin-top:0!important;
}
@media(max-width:900px){
  body.admin-shell .admin-sidebar{height:auto!important;max-height:none!important;overflow:visible!important}
}

/* Phase 5.5.20: nutzungsbasierte Quick-Navigation in der Sidebar */
body.admin-shell .sidebar-quicknav{
    flex:0 0 auto;
    margin-top:2px;
    padding:12px;
    border:1px solid rgba(255,255,255,.075);
    border-radius:18px;
    background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.12));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
body.admin-shell .sidebar-quicknav-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:9px;
}
body.admin-shell .sidebar-quicknav-head span{
    color:#94a3b8;
    font-size:10px;
    text-transform:uppercase;
    letter-spacing:.14em;
    font-weight:900;
}
body.admin-shell .sidebar-quicknav-head strong{
    color:#bff7ff;
    font-size:11px;
    font-weight:900;
}
body.admin-shell .sidebar-quicknav-list{
    display:grid;
    gap:7px;
}
body.admin-shell .sidebar-quicknav-list a{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    min-height:38px;
    padding:8px 10px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:13px;
    background:rgba(255,255,255,.035);
    color:var(--text);
    text-decoration:none;
    transition:border-color .18s ease, background .18s ease, transform .18s ease;
}
body.admin-shell .sidebar-quicknav-list a:hover,
body.admin-shell .sidebar-quicknav-list a.active{
    border-color:rgba(34,211,238,.3);
    background:linear-gradient(135deg,rgba(139,92,246,.22),rgba(34,211,238,.10));
    transform:translateY(-1px);
}
body.admin-shell .sidebar-quicknav-list a span{
    min-width:0;
    display:grid;
    gap:1px;
}
body.admin-shell .sidebar-quicknav-list a b{
    display:block;
    color:var(--text);
    font-size:12px;
    line-height:1.15;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
body.admin-shell .sidebar-quicknav-list a small{
    color:var(--muted);
    font-size:10px;
    line-height:1.1;
}
body.admin-shell .sidebar-quicknav-list a em{
    flex:0 0 auto;
    font-style:normal;
    min-width:30px;
    text-align:center;
    border:1px solid rgba(255,255,255,.08);
    border-radius:999px;
    padding:3px 6px;
    background:rgba(0,0,0,.18);
    color:#c7d2fe;
    font-size:10px;
    font-weight:900;
}
body.admin-shell .sidebar-quicknav p{
    margin:9px 0 0;
    color:var(--muted);
    font-size:11px;
    line-height:1.35;
}
body.admin-shell .sidebar-quicknav code{
    color:#bff7ff;
    font-size:10px;
    overflow-wrap:anywhere;
}
@media(max-height:760px){
    body.admin-shell .sidebar-quicknav p{display:none}
}


/* Phase 5.5.21: Admin-UX-Fundament abgeschlossen – stabile Quicknav-/Userbar-/Roadmap-Feinpolitur */
body.admin-shell .sidebar-quicknav-empty{
    display:block;
    padding:10px 11px;
    border:1px dashed rgba(34,211,238,.22);
    border-radius:13px;
    background:rgba(34,211,238,.045);
    color:#b6c4d8;
    font-size:11px;
    line-height:1.35;
}
body.admin-shell .sidebar-roadmap,
body.admin-shell .sidebar-userbar,
body.admin-shell .sidebar-quicknav{
    min-width:0;
}
body.admin-shell .sidebar-roadmap-items span,
body.admin-shell .sidebar-userbar-main strong,
body.admin-shell .sidebar-userbar-main span{
    overflow-wrap:anywhere;
}
body.admin-shell .admin-nav details.nav-section > summary,
body.admin-shell .sidebar-roadmap-head,
body.admin-shell .sidebar-quicknav-head{
    user-select:none;
}
body.admin-shell .admin-main .form-grid,
body.admin-shell .admin-main .settings-grid{
    align-items:start;
}
body.admin-shell input[type="checkbox"],
body.admin-shell input[type="radio"]{
    accent-color:#38bdf8;
}

/* Phase 5.5.22: Dashboard-Fokus & Admin-Startseite */
.dashboard-kpis--focus .admin-card strong{font-size:26px}.dashboard-command-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;margin-bottom:22px}.dashboard-focus-card{display:flex;align-items:stretch;justify-content:space-between;gap:22px;min-height:260px}.dashboard-focus-card h2{margin:8px 0 10px;font-size:30px;line-height:1.08;max-width:850px}.dashboard-focus-card p{max-width:880px}.dashboard-focus-card--primary{background:linear-gradient(135deg,rgba(139,92,246,.18),rgba(34,211,238,.08) 55%,rgba(255,255,255,.045));position:relative;overflow:hidden}.dashboard-focus-card--primary:after{content:"";position:absolute;right:-80px;top:-90px;width:240px;height:240px;border-radius:999px;background:radial-gradient(circle,rgba(34,211,238,.22),transparent 65%);pointer-events:none}.dashboard-focus-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:10px;flex-wrap:wrap;min-width:240px;position:relative;z-index:1}.dashboard-action-card{min-height:260px}.dashboard-action-list{display:grid;gap:10px;margin-top:12px}.dashboard-action-list a{display:block;text-decoration:none;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(0,0,0,.16);padding:13px 14px;transition:.16s ease}.dashboard-action-list a:hover{border-color:rgba(34,211,238,.34);background:rgba(34,211,238,.08);transform:translateY(-1px)}.dashboard-action-list strong{display:block;font-size:15px;margin:0 0 4px}.dashboard-action-list span{display:block;color:var(--muted);font-size:12px}.dashboard-foundation-card{margin-bottom:22px}.dashboard-foundation-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:14px}.foundation-tile{padding:15px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.15);min-height:130px}.foundation-tile span{display:block;color:var(--muted);font-size:12px}.foundation-tile strong{display:block;font-size:24px;margin:8px 0}.foundation-tile small{display:block;color:var(--muted);line-height:1.45}.foundation-tile.ok{box-shadow:inset 0 0 0 1px rgba(50,213,131,.08)}.foundation-tile.locked{box-shadow:inset 0 0 0 1px rgba(253,176,34,.12)}.dashboard-next-grid{margin-bottom:22px}.dashboard-roadmap-list,.dashboard-lock-list{display:grid;gap:10px}.dashboard-roadmap-list div{padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.045)}.dashboard-roadmap-list strong{display:block;margin-bottom:5px}.dashboard-roadmap-list span{display:block;color:var(--muted);line-height:1.45}.dashboard-lock-list div{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:12px 13px;border-radius:15px;background:rgba(253,176,34,.07);border:1px solid rgba(253,176,34,.13);color:#fef3c7}.dashboard-lock-list .dot{margin-top:5px}.admin-card .btn-primary,.dashboard-focus-actions .btn-primary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.dashboard-focus-actions .btn-primary,.dashboard-focus-actions .btn-ghost{min-height:42px;white-space:nowrap}@media(max-width:1280px){.dashboard-foundation-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-command-grid{grid-template-columns:1fr}.dashboard-focus-card{min-height:0;flex-direction:column}.dashboard-focus-actions{justify-content:flex-start}}@media(max-width:760px){.dashboard-foundation-grid{grid-template-columns:1fr}.dashboard-focus-card h2{font-size:24px}.dashboard-focus-actions{flex-direction:column;align-items:stretch}.dashboard-focus-actions a{width:100%}}


/* Phase 5.5.23: Admin-Themes Übersicht & Theme-Management-Fokus */
.themes-page .section-head,
.themes-page .theme-active-summary,
.themes-page .panel-card,
.themes-page .admin-card {
    scroll-margin-top: 28px;
}

.theme-admin-focus-nav {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
    margin: 18px 0 22px;
}

.theme-admin-focus-nav a {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-areas:
        "num title"
        "num hint";
    align-items: center;
    gap: 3px 12px;
    padding: 16px 18px;
    border-radius: 22px;
    text-decoration: none;
    color: var(--admin-text, #f8fafc);
    border: 1px solid rgba(148, 163, 184, .22);
    background: linear-gradient(135deg, rgba(15, 23, 42, .72), rgba(30, 41, 59, .48));
    box-shadow: 0 18px 45px rgba(0, 0, 0, .18);
    min-height: 84px;
}

.theme-admin-focus-nav a:hover {
    transform: translateY(-1px);
    border-color: rgba(56, 189, 248, .45);
    box-shadow: 0 24px 60px rgba(8, 47, 73, .26);
}

.theme-admin-focus-nav span {
    grid-area: num;
    width: 34px;
    height: 34px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(56, 189, 248, .14);
    border: 1px solid rgba(56, 189, 248, .26);
    color: #bae6fd;
    font-weight: 800;
}

.theme-admin-focus-nav strong { grid-area: title; font-size: .95rem; }
.theme-admin-focus-nav small { grid-area: hint; color: rgba(226, 232, 240, .68); line-height: 1.35; }

.theme-admin-guidance-card {
    display: grid;
    grid-template-columns: minmax(280px, .9fr) minmax(420px, 1.1fr);
    gap: 20px;
    align-items: stretch;
    margin-bottom: 20px;
}

.theme-admin-guidance-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.theme-admin-guidance-grid div {
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(15, 23, 42, .45);
    border: 1px solid rgba(148, 163, 184, .18);
}

.theme-admin-guidance-grid strong,
.theme-admin-guidance-grid span {
    display: block;
}

.theme-admin-guidance-grid strong {
    margin-bottom: 4px;
    color: #f8fafc;
}

.theme-admin-guidance-grid span {
    color: rgba(226, 232, 240, .68);
    line-height: 1.35;
}

.theme-library-toolbar {
    scroll-margin-top: 28px;
}

.theme-card-compact .theme-card-description {
    min-height: auto;
}

.theme-compact-details summary {
    cursor: pointer;
    user-select: none;
    list-style: none;
}

.theme-compact-details summary::-webkit-details-marker {
    display: none;
}

.theme-compact-details summary::after {
    content: "↓";
    float: right;
    opacity: .7;
}

.theme-compact-details[open] summary::after {
    content: "↑";
}

@media (max-width: 1180px) {
    .theme-admin-focus-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .theme-admin-guidance-card {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .theme-admin-focus-nav,
    .theme-admin-guidance-grid {
        grid-template-columns: 1fr;
    }
}


/* Phase 5.5.24: Theme candidate roadmap cards */
.theme-candidate-roadmap-card {
    display: grid;
    gap: 18px;
}
.theme-candidate-roadmap-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}
.theme-candidate-lock-badge {
    min-width: 180px;
    padding: 14px 16px;
    border-radius: 20px;
    border: 1px solid rgba(248, 113, 113, .28);
    background: linear-gradient(135deg, rgba(127, 29, 29, .36), rgba(15, 23, 42, .58));
    box-shadow: 0 16px 34px rgba(0, 0, 0, .22);
    text-align: right;
}
.theme-candidate-lock-badge span,
.theme-candidate-lock-badge small {
    display: block;
    color: rgba(226, 232, 240, .72);
    font-size: .78rem;
}
.theme-candidate-lock-badge strong {
    display: block;
    font-size: 2.2rem;
    line-height: 1;
    margin: 6px 0;
    color: #fecaca;
}
.theme-candidate-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}
.theme-candidate-card {
    min-width: 0;
    padding: 18px;
    border-radius: 22px;
    border: 1px solid rgba(148, 163, 184, .18);
    background: rgba(15, 23, 42, .42);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.theme-candidate-card.is-staging { border-color: rgba(56, 189, 248, .28); }
.theme-candidate-card.is-blocked { border-color: rgba(248, 113, 113, .28); }
.theme-candidate-card.is-warning { border-color: rgba(251, 191, 36, .28); }
.theme-candidate-card.is-review { border-color: rgba(168, 85, 247, .30); }
.theme-candidate-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}
.theme-candidate-card-head span {
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(148, 163, 184, .12);
    border: 1px solid rgba(148, 163, 184, .18);
    color: rgba(226, 232, 240, .74);
    font-size: .72rem;
    white-space: nowrap;
}
.theme-candidate-card-head strong {
    color: #f8fafc;
    font-size: 1.04rem;
}
.theme-candidate-card p {
    color: rgba(226, 232, 240, .78);
    margin: 0 0 12px;
}
.theme-candidate-card ul {
    margin: 0;
    padding-left: 18px;
    display: grid;
    gap: 6px;
    color: rgba(203, 213, 225, .76);
    font-size: .88rem;
}
.theme-candidate-next-steps {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    padding: 14px;
    border-radius: 18px;
    border: 1px solid rgba(34, 211, 238, .18);
    background: rgba(8, 47, 73, .22);
}
.theme-candidate-next-steps strong {
    color: #e0f2fe;
    margin-right: 4px;
}
.theme-candidate-next-steps span {
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(15, 23, 42, .55);
    border: 1px solid rgba(148, 163, 184, .18);
    color: rgba(226, 232, 240, .78);
    font-size: .82rem;
}
@media (max-width: 1100px) {
    .theme-candidate-grid { grid-template-columns: 1fr; }
    .theme-candidate-roadmap-head { flex-direction: column; }
    .theme-candidate-lock-badge { width: 100%; text-align: left; }
}


/* Phase 5.5.25: Theme candidate detail roadmap */
.theme-candidate-detail-matrix {
    margin-top: 22px;
    padding: 22px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.82), rgba(30, 41, 59, 0.58));
    box-shadow: 0 18px 55px rgba(2, 6, 23, 0.28);
}
.theme-candidate-detail-head {
    max-width: 980px;
    margin-bottom: 18px;
}
.theme-candidate-detail-head h3 {
    margin: 4px 0 8px;
    font-size: 1.25rem;
}
.theme-candidate-detail-head p {
    margin: 0;
    color: rgba(226, 232, 240, 0.72);
    line-height: 1.6;
}
.theme-candidate-plan-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}
.theme-candidate-plan-card {
    padding: 18px;
    border-radius: 20px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    background: rgba(15, 23, 42, 0.58);
    min-width: 0;
}
.theme-candidate-plan-card ol {
    margin: 14px 0 0;
    padding-left: 20px;
    color: rgba(226, 232, 240, 0.78);
    line-height: 1.55;
}
.theme-candidate-plan-card li + li {
    margin-top: 8px;
}
.theme-candidate-readiness-row {
    margin-top: 16px;
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(15, 23, 42, 0.72);
    border: 1px solid rgba(148, 163, 184, 0.12);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.theme-candidate-readiness-row span {
    color: rgba(148, 163, 184, 0.92);
    font-size: 0.82rem;
}
.theme-candidate-readiness-row strong {
    color: #f8fafc;
    text-align: right;
    font-size: 0.88rem;
}
.theme-candidate-release-ladder {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
    align-items: center;
}
.theme-candidate-release-ladder strong,
.theme-candidate-release-ladder span {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    border-radius: 999px;
    padding: 7px 12px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    background: rgba(15, 23, 42, 0.55);
    color: rgba(226, 232, 240, 0.86);
    font-size: 0.85rem;
}
.theme-candidate-release-ladder strong {
    color: #fff;
    border-color: rgba(56, 189, 248, 0.35);
}
@media (max-width: 1180px) {
    .theme-candidate-plan-grid {
        grid-template-columns: 1fr;
    }
    .theme-candidate-readiness-row {
        align-items: flex-start;
        flex-direction: column;
    }
    .theme-candidate-readiness-row strong {
        text-align: left;
    }
}


/* Phase 5.5.26: Theme candidate workbench */
.theme-candidate-workbench {
    margin-top: 22px;
    padding: 20px;
    border-radius: 24px;
    border: 1px solid rgba(56, 189, 248, 0.18);
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.82), rgba(30, 41, 59, 0.58));
    box-shadow: 0 22px 60px rgba(2, 6, 23, 0.22);
    scroll-margin-top: 110px;
}
.theme-candidate-workflow-grid,
.theme-candidate-checklist-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}
.theme-candidate-workflow-grid article,
.theme-candidate-checklist-card {
    min-width: 0;
    border-radius: 20px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    background: rgba(15, 23, 42, 0.56);
    padding: 16px;
}
.theme-candidate-workflow-grid article span {
    width: 34px;
    height: 34px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    color: #e0f2fe;
    border: 1px solid rgba(56, 189, 248, 0.35);
    background: rgba(14, 165, 233, 0.12);
    font-weight: 800;
}
.theme-candidate-workflow-grid article strong,
.theme-candidate-checklist-card h4 {
    display: block;
    color: #f8fafc;
    margin: 0 0 8px;
}
.theme-candidate-workflow-grid article p,
.theme-candidate-checklist-card li {
    color: rgba(226, 232, 240, 0.78);
    line-height: 1.55;
    font-size: 0.92rem;
}
.theme-candidate-checklist-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.theme-candidate-checklist-card ul {
    margin: 0;
    padding-left: 20px;
}
.theme-candidate-checklist-card li + li {
    margin-top: 8px;
}
.theme-candidate-checklist-card.is-staging { border-color: rgba(56, 189, 248, 0.24); }
.theme-candidate-checklist-card.is-blocked { border-color: rgba(248, 113, 113, 0.24); }
.theme-candidate-checklist-card.is-warning { border-color: rgba(251, 191, 36, 0.24); }
.theme-candidate-checklist-card.is-review { border-color: rgba(168, 85, 247, 0.26); }
@media (max-width: 1260px) {
    .theme-candidate-workflow-grid,
    .theme-candidate-checklist-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 760px) {
    .theme-candidate-workflow-grid,
    .theme-candidate-checklist-grid {
        grid-template-columns: 1fr;
    }
}


/* Phase 5.5.27: Theme candidate adapter readiness */
.theme-candidate-adapter-readiness {
    margin-top: 1.5rem;
    padding: 1.15rem;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 24px;
    background: rgba(15, 23, 42, 0.42);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.theme-candidate-readiness-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: .9rem;
    margin-top: 1rem;
}
.theme-candidate-readiness-card {
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 18px;
    background: rgba(2, 6, 23, 0.38);
    padding: 1rem;
    min-height: 150px;
}
.theme-candidate-readiness-card span {
    display: inline-flex;
    align-items: center;
    border-radius: 999px;
    padding: .22rem .55rem;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    background: rgba(148, 163, 184, .12);
    color: rgba(226, 232, 240, .82);
    margin-bottom: .65rem;
}
.theme-candidate-readiness-card strong {
    display: block;
    color: #f8fafc;
    font-size: .98rem;
    margin-bottom: .45rem;
}
.theme-candidate-readiness-card p {
    color: rgba(226, 232, 240, .72);
    margin: 0;
    line-height: 1.55;
}
.theme-candidate-readiness-card.is-required { border-color: rgba(34,197,94,.28); }
.theme-candidate-readiness-card.is-warning { border-color: rgba(245,158,11,.30); }
.theme-candidate-readiness-card.is-staging { border-color: rgba(168,85,247,.30); }
.theme-candidate-adapter-ladder { margin-top: 1rem; }


/* Phase 5.5.29: Theme inventory / Bestand sichtbar halten */
.theme-inventory-card {
    display: grid;
    gap: 18px;
    scroll-margin-top: 28px;
}
.theme-inventory-badge {
    min-width: 180px;
    padding: 14px 16px;
    border-radius: 20px;
    border: 1px solid rgba(34, 211, 238, .24);
    background: linear-gradient(135deg, rgba(8, 47, 73, .32), rgba(15, 23, 42, .58));
    text-align: right;
}
.theme-inventory-badge span,
.theme-inventory-badge small {
    display: block;
    color: rgba(226, 232, 240, .72);
    font-size: .78rem;
}
.theme-inventory-badge strong {
    display: block;
    font-size: 2.1rem;
    line-height: 1;
    margin: 6px 0;
    color: #a5f3fc;
}
.theme-inventory-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}
.theme-inventory-grid article {
    min-width: 0;
    padding: 16px;
    border-radius: 20px;
    border: 1px solid rgba(148, 163, 184, .18);
    background: rgba(15, 23, 42, .42);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.theme-inventory-grid span,
.theme-inventory-grid strong,
.theme-inventory-grid small {
    display: block;
}
.theme-inventory-grid span {
    margin-bottom: 8px;
    color: rgba(125, 211, 252, .88);
    font-size: .74rem;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.theme-inventory-grid strong {
    color: #f8fafc;
    margin-bottom: 6px;
}
.theme-inventory-grid small {
    color: rgba(203, 213, 225, .75);
    line-height: 1.45;
}
@media (max-width: 1100px) {
    .theme-inventory-grid { grid-template-columns: 1fr; }
    .theme-inventory-badge { width: 100%; text-align: left; }
}

/* Phase 5.5.30 - Theme readiness matrix */
.theme-readiness-matrix-card {
    scroll-margin-top: 110px;
}
.theme-readiness-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
    margin-top: 18px;
}
.theme-readiness-grid article {
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 18px;
    padding: 16px;
    background: rgba(15, 23, 42, 0.54);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.04);
    min-height: 150px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.theme-readiness-grid article span {
    width: fit-content;
    font-size: 11px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(226,232,240,.72);
    border: 1px solid rgba(148,163,184,.22);
    border-radius: 999px;
    padding: 4px 8px;
    background: rgba(255,255,255,.04);
}
.theme-readiness-grid article strong {
    font-size: 18px;
    color: #f8fafc;
}
.theme-readiness-grid article small {
    color: rgba(203, 213, 225, 0.78);
    line-height: 1.45;
}
.theme-readiness-grid article em {
    margin-top: auto;
    width: fit-content;
    border-radius: 999px;
    padding: 5px 10px;
    font-size: 12px;
    font-style: normal;
    background: rgba(34, 197, 94, .12);
    color: #bbf7d0;
    border: 1px solid rgba(34, 197, 94, .22);
}
.theme-readiness-grid article.is-blueprint em,
.theme-readiness-grid article.is-staging em {
    background: rgba(59, 130, 246, .12);
    color: #bfdbfe;
    border-color: rgba(59, 130, 246, .24);
}
.theme-readiness-grid article.is-warning em {
    background: rgba(245, 158, 11, .13);
    color: #fde68a;
    border-color: rgba(245, 158, 11, .26);
}
.theme-readiness-grid article.is-blocked em {
    background: rgba(248, 113, 113, .12);
    color: #fecaca;
    border-color: rgba(248, 113, 113, .24);
}


/* Phase 5.5.31: Theme action board */
.theme-action-board-card { scroll-margin-top: 96px; }
.theme-action-board-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); gap:14px; margin-top:18px; }
.theme-action-board-grid article { border:1px solid rgba(255,255,255,.10); border-radius:20px; padding:18px; background:rgba(8,12,24,.58); box-shadow:0 16px 42px rgba(0,0,0,.20); display:flex; flex-direction:column; gap:8px; min-height:190px; }
.theme-action-board-grid article span { color:rgba(226,232,240,.72); font-size:.78rem; text-transform:uppercase; letter-spacing:.08em; }
.theme-action-board-grid article strong { color:#f8fafc; font-size:1.02rem; line-height:1.25; }
.theme-action-board-grid article p { color:rgba(226,232,240,.76); margin:0; line-height:1.55; }
.theme-action-board-grid article em { margin-top:auto; display:inline-flex; width:max-content; max-width:100%; border-radius:999px; padding:6px 10px; font-style:normal; font-weight:700; font-size:.78rem; background:rgba(255,255,255,.08); color:#e2e8f0; }
.theme-action-board-grid article.is-safe { border-color:rgba(34,197,94,.24); }
.theme-action-board-grid article.is-staging { border-color:rgba(56,189,248,.28); }
.theme-action-board-grid article.is-warning { border-color:rgba(251,191,36,.30); }
.theme-action-board-grid article.is-blocked { border-color:rgba(248,113,113,.30); }
.theme-action-board-steps { margin-top:16px; display:flex; flex-wrap:wrap; gap:8px; align-items:center; color:rgba(226,232,240,.78); }
.theme-action-board-steps strong { margin-right:4px; color:#f8fafc; }
.theme-action-board-steps span { border-radius:999px; padding:7px 10px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.06); font-size:.82rem; }


/* Phase 5.5.32 - Theme adaptation pipeline */
.theme-adaptation-pipeline {
    margin-top: 28px;
    padding: 24px;
    border: 1px solid rgba(125, 211, 252, .18);
    border-radius: 24px;
    background: linear-gradient(145deg, rgba(15, 23, 42, .86), rgba(17, 24, 39, .72));
    box-shadow: 0 24px 70px rgba(0, 0, 0, .22);
}
.theme-adaptation-pipeline-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 16px;
    margin-top: 18px;
}
.theme-adaptation-pipeline-grid article {
    min-height: 172px;
    padding: 18px;
    border-radius: 20px;
    border: 1px solid rgba(148, 163, 184, .16);
    background: rgba(15, 23, 42, .58);
}
.theme-adaptation-pipeline-grid article span {
    display: inline-flex;
    margin-bottom: 10px;
    padding: 5px 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: rgba(226, 232, 240, .82);
    background: rgba(255, 255, 255, .08);
}
.theme-adaptation-pipeline-grid article strong {
    display: block;
    color: #f8fafc;
    font-size: 16px;
    margin-bottom: 8px;
}
.theme-adaptation-pipeline-grid article p {
    margin: 0;
    color: rgba(203, 213, 225, .82);
    line-height: 1.55;
}
.theme-adaptation-pipeline-grid article.is-safe { border-color: rgba(34,197,94,.28); }
.theme-adaptation-pipeline-grid article.is-priority { border-color: rgba(14,165,233,.32); }
.theme-adaptation-pipeline-grid article.is-blocked { border-color: rgba(248,113,113,.30); }
.theme-adaptation-pipeline-grid article.is-warning { border-color: rgba(251,191,36,.30); }
.theme-adaptation-steps {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
    margin: 18px 0;
}
.theme-adaptation-steps div {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 6px 10px;
    align-items: center;
    padding: 14px;
    border-radius: 18px;
    background: rgba(2, 6, 23, .46);
    border: 1px solid rgba(148, 163, 184, .14);
}
.theme-adaptation-steps span {
    grid-row: span 2;
    width: 32px;
    height: 32px;
    border-radius: 12px;
    display: inline-grid;
    place-items: center;
    font-weight: 900;
    color: #e0f2fe;
    background: linear-gradient(135deg, rgba(14,165,233,.34), rgba(168,85,247,.24));
}
.theme-adaptation-steps strong { color: #f8fafc; }
.theme-adaptation-steps small { color: rgba(203, 213, 225, .72); line-height: 1.35; }

/* Phase 5.5.33 Theme-Kandidaten Tiefenanalyse */
.theme-deep-analysis-card{margin-top:1.25rem;padding:1.25rem;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(135deg,rgba(14,18,32,.92),rgba(31,36,58,.76));box-shadow:0 18px 44px rgba(0,0,0,.22)}
.theme-deep-analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1rem}
.theme-deep-analysis-card ul{margin:.75rem 0 0;padding-left:1.1rem;color:rgba(236,241,255,.78);line-height:1.55}
.theme-deep-analysis-card li+li{margin-top:.45rem}

/* Phase 5.5.34 - Obscurus adapter workbench */
.theme-obscurus-workbench-card {
    margin-top: 1.25rem;
    padding: 1.35rem;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 24px;
    background:
        radial-gradient(circle at top left, rgba(168, 85, 247, 0.18), transparent 32%),
        linear-gradient(135deg, rgba(15, 23, 42, 0.92), rgba(2, 6, 23, 0.94));
    box-shadow: 0 24px 60px rgba(2, 6, 23, 0.32);
}
.theme-obscurus-workbench-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}
.theme-obscurus-workbench-grid article {
    min-width: 0;
    padding: 1rem;
    border: 1px solid rgba(148, 163, 184, 0.2);
    border-radius: 20px;
    background: rgba(15, 23, 42, 0.58);
}
.theme-obscurus-workbench-grid article span {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    max-width: 100%;
    padding: .28rem .55rem;
    border-radius: 999px;
    font-size: .74rem;
    font-weight: 800;
    color: rgba(226, 232, 240, .9);
    background: rgba(148, 163, 184, .14);
}
.theme-obscurus-workbench-grid article strong {
    display: block;
    margin-top: .65rem;
    color: #f8fafc;
    font-size: 1rem;
}
.theme-obscurus-workbench-grid article p {
    margin: .45rem 0 0;
    color: rgba(226, 232, 240, .76);
    line-height: 1.55;
}
.theme-obscurus-workbench-grid article.is-safe { border-color: rgba(34,197,94,.32); }
.theme-obscurus-workbench-grid article.is-staging { border-color: rgba(168,85,247,.34); }
.theme-obscurus-workbench-grid article.is-warning { border-color: rgba(245,158,11,.34); }
.theme-obscurus-workbench-grid article.is-blocked { border-color: rgba(239,68,68,.34); }
.theme-obscurus-adapter-map {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: .85rem;
    margin-top: 1rem;
}
.theme-obscurus-adapter-map div {
    min-width: 0;
    padding: .9rem;
    border-radius: 18px;
    background: rgba(2, 6, 23, .38);
    border: 1px solid rgba(148, 163, 184, .18);
}
.theme-obscurus-adapter-map span {
    display: inline-flex;
    width: 1.9rem;
    height: 1.9rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(168,85,247,.2);
    color: #f5f3ff;
    font-weight: 900;
}
.theme-obscurus-adapter-map strong,
.theme-obscurus-adapter-map small {
    display: block;
}
.theme-obscurus-adapter-map strong {
    margin-top: .65rem;
    color: #f8fafc;
}
.theme-obscurus-adapter-map small {
    margin-top: .3rem;
    color: rgba(226, 232, 240, .68);
    line-height: 1.45;
}


/* Phase 5.5.35 – Obscurus Manifest-/Asset-Vertrag */
.theme-obscurus-contract-card {
  margin-top: 1.25rem;
  padding: 1.25rem;
  border: 1px solid rgba(148, 163, 184, .18);
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(15,23,42,.9), rgba(15,23,42,.68));
  box-shadow: 0 18px 60px rgba(0,0,0,.24);
}
.theme-obscurus-contract-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: .9rem;
  margin-top: 1rem;
}
.theme-obscurus-contract-grid article {
  padding: 1rem;
  border: 1px solid rgba(168,85,247,.24);
  border-radius: 18px;
  background: rgba(2,6,23,.38);
}
.theme-obscurus-contract-grid span {
  display: inline-flex;
  margin-bottom: .45rem;
  color: rgba(216,180,254,.92);
  font-size: .78rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.theme-obscurus-contract-grid strong { display:block; color:#fff; margin-bottom:.4rem; }
.theme-obscurus-contract-grid p { margin:0; color:rgba(226,232,240,.76); line-height:1.55; }
.theme-obscurus-contract-flow {
  display: flex;
  flex-wrap: wrap;
  gap: .55rem;
  margin: 1rem 0;
}
.theme-obscurus-contract-flow span {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .48rem .72rem;
  border-radius: 999px;
  background: rgba(139,92,246,.14);
  border: 1px solid rgba(196,181,253,.22);
  color: rgba(237,233,254,.92);
  font-size: .82rem;
  font-weight: 750;
}
.theme-obscurus-contract-flow span::before {
  content: '•';
  color: rgba(248,113,113,.9);
}


/* Phase 5.5.38 - Obscurus gate status board */
.theme-obscurus-status-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.theme-obscurus-status-board>div{border:1px solid rgba(148,163,184,.22);background:rgba(15,23,42,.52);border-radius:18px;padding:14px 16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.theme-obscurus-status-board strong{display:block;color:#f8fafc;font-size:.94rem;margin-bottom:5px}
.theme-obscurus-status-board span{display:block;color:#a8b3c7;font-size:.82rem;line-height:1.45}
@media (max-width: 980px){.theme-obscurus-status-board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 620px){.theme-obscurus-status-board{grid-template-columns:1fr}}


/* Phase 5.5.39 - Obscurus release readiness */
.theme-obscurus-readiness-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}
.theme-obscurus-readiness-grid article{border:1px solid rgba(148,163,184,.22);border-radius:20px;padding:16px;background:rgba(15,23,42,.56);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.theme-obscurus-readiness-grid article span{display:block;color:#94a3b8;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}
.theme-obscurus-readiness-grid article strong{display:block;color:#f8fafc;font-size:1.02rem;margin-bottom:8px}
.theme-obscurus-readiness-grid article p{margin:0;color:#a8b3c7;font-size:.84rem;line-height:1.48}
.theme-obscurus-readiness-grid .is-ready{background:linear-gradient(145deg,rgba(16,185,129,.13),rgba(15,23,42,.62))}
.theme-obscurus-readiness-grid .is-waiting{background:linear-gradient(145deg,rgba(245,158,11,.13),rgba(15,23,42,.62))}
.theme-obscurus-readiness-grid .is-locked{background:linear-gradient(145deg,rgba(239,68,68,.14),rgba(15,23,42,.62))}
.theme-obscurus-handoff-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:16px}
.theme-obscurus-handoff-flow div{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:rgba(2,6,23,.38);border:1px solid rgba(148,163,184,.18)}
.theme-obscurus-handoff-flow strong{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;background:rgba(96,165,250,.16);color:#bfdbfe;font-size:.82rem;flex:0 0 auto}
.theme-obscurus-handoff-flow span{color:#cbd5e1;font-size:.84rem;line-height:1.25}
@media (max-width: 1100px){.theme-obscurus-readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-obscurus-handoff-flow{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 640px){.theme-obscurus-readiness-grid,.theme-obscurus-handoff-flow{grid-template-columns:1fr}}


/* Phase 5.5.40 - Obscurus release summary */
.theme-obscurus-summary-card {
    scroll-margin-top: 110px;
}
.theme-obscurus-summary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
    margin-top: 16px;
}
.theme-obscurus-summary-grid article {
    min-width: 0;
    padding: 16px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,.12);
    background: rgba(255,255,255,.045);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
.theme-obscurus-summary-grid article span {
    display: inline-flex;
    margin-bottom: 8px;
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    opacity: .78;
}
.theme-obscurus-summary-grid article strong {
    display: block;
    margin-bottom: 8px;
    font-size: 1rem;
}
.theme-obscurus-summary-grid article p {
    margin: 0;
    line-height: 1.55;
    color: rgba(255,255,255,.72);
}
.theme-obscurus-next-step-board {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 10px;
    margin: 16px 0;
}
.theme-obscurus-next-step-board div {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 14px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(0,0,0,.18);
}
.theme-obscurus-next-step-board strong {
    width: 28px;
    height: 28px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.1);
    flex: 0 0 auto;
}
.theme-obscurus-next-step-board span {
    min-width: 0;
    line-height: 1.35;
}


/* Phase 5.5.41 – Obscurus Arbeitskopie */
.theme-obscurus-workcopy-card { scroll-margin-top: 96px; }
.theme-obscurus-workcopy-grid code,
.theme-obscurus-workcopy-card code { word-break: break-word; white-space: normal; }
.theme-obscurus-workcopy-card .theme-registry-note { margin-top: 1rem; }

/* Phase 5.5.45 — CORVYN finale Infrastruktur TODO */
.corvyn-infra-todo-panel{margin-top:18px;border-color:rgba(34,211,238,.24);background:linear-gradient(145deg,rgba(8,19,37,.95),rgba(6,9,22,.98));position:relative;overflow:hidden;}
.corvyn-infra-todo-panel::after{content:"";position:absolute;right:-120px;top:-120px;width:280px;height:280px;border-radius:999px;background:radial-gradient(circle,rgba(34,211,238,.16),transparent 70%);pointer-events:none;}
.corvyn-infra-todo-panel>.card-title-row,.corvyn-infra-todo-panel>*{position:relative;z-index:1;}
.corvyn-infra-summary{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;margin:16px 0 18px;}
.corvyn-infra-summary>div{padding:15px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:rgba(2,6,23,.54);box-shadow:inset 0 1px 0 rgba(255,255,255,.035);}
.corvyn-infra-summary strong{display:block;color:#fff;font-size:28px;line-height:1;}
.corvyn-infra-summary span{display:block;margin-top:6px;color:var(--muted,#9fb2d9);font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:950;}
.corvyn-infra-summary .is-done{border-color:rgba(52,211,153,.34);background:linear-gradient(145deg,rgba(6,78,59,.2),rgba(2,6,23,.56));}
.corvyn-infra-summary .is-progress{border-color:rgba(251,191,36,.28);background:linear-gradient(145deg,rgba(120,80,8,.16),rgba(2,6,23,.56));}
.corvyn-infra-phase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start;}
.corvyn-infra-phase-card{border:1px solid rgba(255,255,255,.085);border-radius:24px;background:linear-gradient(145deg,rgba(14,26,48,.8),rgba(5,8,19,.96));padding:16px;box-shadow:0 20px 60px rgba(0,0,0,.18);min-width:0;}
.corvyn-infra-phase-card h3{margin:0 0 12px;color:#fff;font-size:1.05rem;letter-spacing:-.02em;}
.corvyn-infra-items{display:grid;gap:9px;}
.corvyn-infra-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.065);border-radius:18px;background:rgba(255,255,255,.035);padding:11px 12px;min-width:0;}
.corvyn-infra-item.is-done{border-color:rgba(52,211,153,.32);background:linear-gradient(145deg,rgba(6,78,59,.20),rgba(255,255,255,.025));}
.corvyn-infra-item.is-progress{border-color:rgba(251,191,36,.26);background:linear-gradient(145deg,rgba(120,80,8,.16),rgba(255,255,255,.025));}
.corvyn-infra-item-main{display:flex;gap:10px;align-items:flex-start;min-width:0;}
.corvyn-infra-check{display:inline-grid;place-items:center;flex:0 0 auto;width:26px;height:26px;border-radius:999px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.09);color:#cbd5e1;font-weight:950;}
.corvyn-infra-item.is-done .corvyn-infra-check{background:linear-gradient(135deg,#5eead4,#22c55e);color:#052e22;border-color:rgba(94,234,212,.5);box-shadow:0 0 18px rgba(34,197,94,.18);}
.corvyn-infra-item.is-progress .corvyn-infra-check{background:linear-gradient(135deg,#fbbf24,#fb923c);color:#291303;border-color:rgba(251,191,36,.45);}
.corvyn-infra-item strong{display:block;color:#f8fafc;font-size:.92rem;line-height:1.25;overflow-wrap:anywhere;}
.corvyn-infra-item small{display:block;margin-top:4px;color:var(--muted,#9fb2d9);font-size:.78rem;line-height:1.45;overflow-wrap:anywhere;}
.corvyn-infra-actions{display:flex;align-items:center;justify-content:flex-end;}
.corvyn-infra-actions .btn{white-space:nowrap;}
.corvyn-infra-bottom-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:16px;}
.corvyn-infra-bottom-grid article{border:1px solid rgba(34,211,238,.12);border-radius:22px;background:rgba(2,6,23,.42);padding:16px;}
.corvyn-infra-bottom-grid h3{margin:0 0 10px;color:#fff;font-size:1rem;}
.corvyn-infra-bottom-grid ul{margin:0;padding-left:18px;color:var(--muted,#9fb2d9);line-height:1.65;font-weight:760;}
.corvyn-infra-bottom-grid p{margin:0;color:#dbeafe;line-height:1.65;font-weight:760;}
@media(max-width:1180px){.corvyn-infra-phase-grid,.corvyn-infra-bottom-grid{grid-template-columns:1fr;}.corvyn-infra-summary{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:680px){.corvyn-infra-summary{grid-template-columns:1fr}.corvyn-infra-item{grid-template-columns:1fr}.corvyn-infra-actions{justify-content:flex-start}.corvyn-infra-actions .btn{white-space:normal}}

/* Phase 5.5.50 - Theme admin overview tabs */
.theme-admin-prod-note {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 240px);
    gap: 18px;
    align-items: center;
    margin-bottom: 18px;
}
.theme-admin-prod-note h2 { margin: 0 0 8px; }
.theme-admin-prod-note p { margin: 0; color: rgba(226,232,240,.78); }
.theme-admin-prod-state {
    border: 1px solid rgba(34,197,94,.32);
    background: linear-gradient(135deg, rgba(34,197,94,.12), rgba(14,165,233,.08));
    border-radius: 18px;
    padding: 16px;
    display: grid;
    gap: 5px;
}
.theme-admin-prod-state span,
.theme-admin-prod-state small { color: rgba(226,232,240,.72); font-size: 12px; }
.theme-admin-prod-state strong { font-size: 34px; line-height: 1; color: #86efac; }
.theme-admin-tabs {
    display: grid;
    grid-template-columns: repeat(6, minmax(135px, 1fr));
    gap: 10px;
    margin: 18px 0 12px;
    position: sticky;
    top: 0;
    z-index: 12;
    padding: 10px;
    border: 1px solid rgba(148,163,184,.18);
    border-radius: 22px;
    background: rgba(15,23,42,.88);
    backdrop-filter: blur(18px);
    box-shadow: 0 18px 40px rgba(2,6,23,.28);
}
.theme-admin-tabs button {
    border: 1px solid rgba(148,163,184,.18);
    background: rgba(15,23,42,.62);
    color: rgba(226,232,240,.78);
    border-radius: 16px;
    padding: 12px 13px;
    text-align: left;
    display: grid;
    gap: 4px;
    cursor: pointer;
    min-height: 68px;
}
.theme-admin-tabs button strong { font-size: 13px; color: #f8fafc; }
.theme-admin-tabs button small { font-size: 11px; color: rgba(203,213,225,.62); line-height: 1.25; }
.theme-admin-tabs button:hover,
.theme-admin-tabs button.is-active {
    border-color: rgba(56,189,248,.48);
    background: linear-gradient(135deg, rgba(14,165,233,.22), rgba(168,85,247,.12));
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.04), 0 10px 26px rgba(14,165,233,.12);
}
.theme-admin-focus-nav--compact {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    margin-bottom: 18px;
}
.theme-admin-tab-panel[hidden] { display: none !important; }
.themes-page .theme-admin-tab-panel {
    scroll-margin-top: 120px;
}
@media (max-width: 1200px) {
    .theme-admin-tabs { grid-template-columns: repeat(3, minmax(150px, 1fr)); position: static; }
}
@media (max-width: 760px) {
    .theme-admin-prod-note { grid-template-columns: 1fr; }
    .theme-admin-tabs { grid-template-columns: 1fr; }
}

.theme-admin-tab-hotfix-note {
    margin: 14px 0 18px;
}
.theme-admin-tab-panel--handoff-visible {
    border-color: rgba(34,211,238,.22) !important;
}


/* Phase 5.5.51 - Theme admin productiv compass */
.theme-production-compass {
    margin: 14px 0 18px;
    display: grid;
    gap: 16px;
}
.theme-production-compass-head h2 { margin: 0 0 8px; }
.theme-production-compass-head p { margin: 0; color: rgba(226,232,240,.78); max-width: 980px; }
.theme-production-compass-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}
.theme-production-compass-grid article {
    border: 1px solid rgba(148,163,184,.18);
    background: rgba(15,23,42,.48);
    border-radius: 18px;
    padding: 15px;
    display: grid;
    gap: 6px;
}
.theme-production-compass-grid article span {
    color: rgba(125,211,252,.9);
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 11px;
    font-weight: 800;
}
.theme-production-compass-grid article strong { color: #f8fafc; font-size: 15px; }
.theme-production-compass-grid article small { color: rgba(203,213,225,.72); line-height: 1.45; }
.theme-production-compass-grid article.is-target { border-color: rgba(34,197,94,.28); background: linear-gradient(135deg, rgba(34,197,94,.10), rgba(15,23,42,.42)); }
.theme-production-compass-grid article.is-locked { border-color: rgba(251,191,36,.26); background: linear-gradient(135deg, rgba(251,191,36,.09), rgba(15,23,42,.42)); }
.theme-tab-explainer {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    padding-top: 2px;
}
.theme-tab-explainer strong { color: #f8fafc; margin-right: 4px; }
.theme-tab-explainer span {
    border: 1px solid rgba(148,163,184,.16);
    background: rgba(15,23,42,.54);
    border-radius: 999px;
    padding: 7px 10px;
    color: rgba(226,232,240,.76);
    font-size: 12px;
}
.theme-tab-explainer b { color: #e0f2fe; }
@media (max-width: 980px) {
    .theme-production-compass-grid { grid-template-columns: 1fr; }
}


/* Phase 5.5.52 - Theme admin product mode blueprint */
.theme-product-mode-blueprint {
    scroll-margin-top: 110px;
}
.theme-product-mode-head {
    max-width: 980px;
}
.theme-product-mode-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}
.theme-product-mode-grid article {
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 20px;
    background: rgba(255,255,255,.045);
    padding: 16px;
    min-height: 150px;
}
.theme-product-mode-grid span {
    display: inline-flex;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    align-items: center;
    justify-content: center;
    background: rgba(96,165,250,.18);
    color: #bfdbfe;
    font-weight: 800;
    margin-bottom: 12px;
}
.theme-product-mode-grid strong {
    display: block;
    color: #f8fafc;
    font-size: 1rem;
    margin-bottom: 8px;
}
.theme-product-mode-grid small {
    display: block;
    color: rgba(226,232,240,.74);
    line-height: 1.55;
}
.theme-technical-mode-rules {
    display: grid;
    gap: 8px;
    margin-top: 16px;
    padding: 14px 16px;
    border-radius: 18px;
    background: rgba(15,23,42,.46);
    border: 1px solid rgba(148,163,184,.16);
    color: rgba(226,232,240,.78);
}
.theme-technical-mode-rules strong {
    color: #f8fafc;
}
@media (max-width: 1180px) {
    .theme-product-mode-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
    .theme-product-mode-grid { grid-template-columns: 1fr; }
}

/* Phase 5.5.53 – Theme product cards */
.theme-product-theme-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 16px;
    margin-top: 18px;
}
.theme-product-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 14px;
    padding: 16px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 18px;
    background: rgba(13, 18, 32, .62);
    box-shadow: 0 16px 40px rgba(0,0,0,.18);
    min-height: 178px;
}
.theme-product-card.is-ready { border-color: rgba(63, 220, 140, .34); }
.theme-product-card.is-review { border-color: rgba(245, 196, 86, .34); }
.theme-product-card.is-blocked { border-color: rgba(255, 103, 103, .34); }
.theme-product-card-main span {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    border-radius: 999px;
    padding: 4px 9px;
    margin-bottom: 9px;
    font-size: .75rem;
    font-weight: 700;
    letter-spacing: .02em;
    background: rgba(255,255,255,.08);
    color: rgba(255,255,255,.82);
}
.theme-product-card-main strong {
    display: block;
    font-size: 1.05rem;
    margin-bottom: 7px;
}
.theme-product-card-main small {
    display: block;
    line-height: 1.45;
    color: rgba(255,255,255,.68);
}
.theme-product-card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.theme-product-card-actions .theme-action-btn {
    flex: 1 1 120px;
    justify-content: center;
    text-align: center;
}
.theme-product-guardrail {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    align-items: center;
    margin-top: 16px;
    padding: 13px 15px;
    border-radius: 16px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.10);
}
.theme-product-guardrail strong { white-space: nowrap; }
.theme-product-guardrail span { color: rgba(255,255,255,.70); line-height: 1.45; }

/* Phase 5.5.55 – Groove Bundle Readiness */
.theme-candidate-groove-readiness {
    border-color: rgba(99, 102, 241, .24);
}
.theme-groove-readiness-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}
.theme-groove-readiness-grid article {
    border: 1px solid rgba(148, 163, 184, .18);
    border-radius: 18px;
    padding: 16px;
    background: rgba(15, 23, 42, .48);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.theme-groove-readiness-grid article span {
    display: inline-flex;
    font-size: 11px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(203, 213, 225, .72);
    margin-bottom: 8px;
}
.theme-groove-readiness-grid article strong {
    display: block;
    color: #f8fafc;
    font-size: 16px;
    margin-bottom: 8px;
}
.theme-groove-readiness-grid article small {
    display: block;
    color: rgba(203, 213, 225, .76);
    line-height: 1.55;
}
.theme-groove-readiness-grid article em {
    display: inline-flex;
    margin-top: 12px;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 11px;
    font-style: normal;
    color: rgba(255,255,255,.82);
    background: rgba(99,102,241,.16);
    border: 1px solid rgba(99,102,241,.24);
}
.theme-groove-readiness-grid article.is-blocked em {
    background: rgba(239, 68, 68, .14);
    border-color: rgba(239, 68, 68, .24);
}
.theme-groove-readiness-grid article.is-review em {
    background: rgba(245, 158, 11, .14);
    border-color: rgba(245, 158, 11, .24);
}
@media (max-width: 980px) {
    .theme-groove-readiness-grid { grid-template-columns: 1fr; }
}


/* Phase 5.5.56 – Obscurus Referenzabschluss */
.theme-obscurus-reference-finalization {
    border-color: rgba(125, 211, 252, 0.28);
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.96), rgba(30, 41, 59, 0.88));
}
.theme-obscurus-reference-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 18px;
}
.theme-obscurus-reference-grid article {
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: 18px;
    padding: 16px;
    background: rgba(2, 6, 23, 0.28);
}
.theme-obscurus-reference-grid article span {
    display: inline-flex;
    margin-bottom: 8px;
    font-size: 0.72rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(226, 232, 240, 0.62);
}
.theme-obscurus-reference-grid article strong {
    display: block;
    margin-bottom: 8px;
    color: #f8fafc;
}
.theme-obscurus-reference-grid article p {
    margin: 0;
    color: rgba(226, 232, 240, 0.74);
}
.theme-obscurus-reference-grid article.is-ready { border-color: rgba(34, 197, 94, 0.24); }
.theme-obscurus-reference-grid article.is-warning { border-color: rgba(251, 191, 36, 0.28); }
.theme-obscurus-reference-grid article.is-locked { border-color: rgba(248, 113, 113, 0.28); }
.theme-obscurus-reference-flow {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
    margin: 18px 0 8px;
}
.theme-obscurus-reference-flow div {
    border-radius: 16px;
    padding: 14px;
    background: rgba(15, 23, 42, 0.62);
    border: 1px solid rgba(125, 211, 252, 0.18);
}
.theme-obscurus-reference-flow strong {
    display: inline-grid;
    place-items: center;
    width: 26px;
    height: 26px;
    border-radius: 999px;
    background: rgba(125, 211, 252, 0.14);
    color: #e0f2fe;
    margin-bottom: 10px;
}
.theme-obscurus-reference-flow span,
.theme-obscurus-reference-flow small { display: block; }
.theme-obscurus-reference-flow span { color: #f8fafc; font-weight: 700; }
.theme-obscurus-reference-flow small { margin-top: 5px; color: rgba(226, 232, 240, 0.64); }
@media (max-width: 1100px) {
    .theme-obscurus-reference-grid,
    .theme-obscurus-reference-flow { grid-template-columns: 1fr; }
}


/* Phase 5.5.57: Quick-Navigation sitzt direkt unter der Suche; alte Pin-Leiste bleibt entfernt. */
body.admin-shell .nav-tools .sidebar-quicknav{margin-top:0;margin-bottom:0;padding:10px;border-radius:16px;background:rgba(15,23,42,.44);border:1px solid rgba(148,163,184,.16)}
body.admin-shell .sidebar-quicknav--under-search .sidebar-quicknav-list{max-height:190px;overflow:auto;padding-right:2px}
body.admin-shell .sidebar-quicknav--under-search p{display:none}
body.admin-shell .nav-pins.priority-pins{display:none!important}
body.admin-shell .nav-section a[href="/"]{background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(139,92,246,.08));border-color:rgba(34,211,238,.22);color:#e0f2fe}
body.admin-shell .nav-section a[href="/"]:before{content:"⌂";font-weight:900;margin-right:6px;color:#67e8f9}

/* Phase 5.5.57.1 — Master-TODO Organisations-Hotfix */
.master-todo-major-panel{margin-top:18px;border-color:rgba(34,211,238,.24);background:linear-gradient(145deg,rgba(8,19,37,.95),rgba(8,10,24,.98));position:relative;overflow:hidden;}
.master-todo-major-panel::before{content:"";position:absolute;left:-110px;top:-120px;width:300px;height:300px;border-radius:999px;background:radial-gradient(circle,rgba(34,211,238,.16),transparent 70%);pointer-events:none;}
.master-todo-major-panel>.card-title-row,.master-todo-major-panel>*{position:relative;z-index:1;}
.master-todo-major-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:16px;}
.master-todo-major-card{display:flex;flex-direction:column;gap:11px;padding:16px;border-radius:22px;border:1px solid rgba(255,255,255,.085);background:linear-gradient(145deg,rgba(15,28,52,.86),rgba(5,8,20,.96));box-shadow:0 20px 60px rgba(0,0,0,.18);min-width:0;}
.master-todo-major-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.master-todo-major-head strong{display:block;color:#fff;font-size:15px;line-height:1.16;}
.master-todo-major-head small{display:block;margin-top:4px;color:var(--primary2,#67e8f9);font-size:10px;text-transform:uppercase;letter-spacing:.11em;font-weight:950;}
.master-todo-major-head b{flex:0 0 auto;border-radius:999px;padding:6px 8px;background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.22);color:#dffbff;font-size:12px;}
.master-todo-major-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden;border:1px solid rgba(255,255,255,.06);}
.master-todo-major-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#8b5cf6,#34d399);box-shadow:0 0 18px rgba(34,211,238,.24);}
.master-todo-major-card p{margin:0;color:var(--muted,#9fb2d9);font-size:12px;line-height:1.55;font-weight:760;}
.master-todo-major-card>span{margin-top:auto;display:inline-flex;align-self:flex-start;border-radius:999px;padding:6px 9px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#dbeafe;font-size:11px;font-weight:900;}
.master-todo-focus-panel{border-color:rgba(139,92,246,.26);background:linear-gradient(145deg,rgba(14,19,42,.95),rgba(5,8,20,.98));}
.master-todo-focus-card{border-radius:24px;}
.master-todo-focus-card.is-primary::after{content:"Aktueller Fokus";position:absolute;right:14px;bottom:14px;border-radius:999px;padding:5px 8px;background:rgba(34,211,238,.12);border:1px solid rgba(34,211,238,.22);color:#dffbff;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.08em;}
.master-todo-support-roadmap{margin-top:16px;padding:16px;border-radius:24px;border:1px solid rgba(251,191,36,.22);background:linear-gradient(145deg,rgba(36,25,8,.42),rgba(6,10,23,.92));}
.master-todo-support-roadmap-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px;}
.master-todo-support-roadmap-head strong{display:block;color:#fff;font-size:15px;}
.master-todo-support-roadmap-head small{display:block;color:var(--muted,#9fb2d9);margin-top:4px;line-height:1.45;}
.master-todo-support-roadmap-head span{flex:0 0 auto;border-radius:999px;padding:7px 10px;background:rgba(251,191,36,.12);border:1px solid rgba(251,191,36,.2);color:#fde68a;font-weight:950;font-size:11px;}
.master-todo-support-roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.master-todo-support-roadmap-grid article{padding:14px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:rgba(2,6,23,.46);}
.master-todo-support-roadmap-grid article>div{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:9px;}
.master-todo-support-roadmap-grid strong{color:#fff;}
.master-todo-support-roadmap-grid small{color:#facc15;font-weight:900;font-size:11px;}
.master-todo-support-roadmap-grid ul{margin:0;padding-left:18px;color:var(--muted,#9fb2d9);font-size:12px;line-height:1.55;}
.master-todo-support-roadmap-grid li+li{margin-top:5px;}
@media(max-width:1280px){.master-todo-major-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.master-todo-support-roadmap-grid{grid-template-columns:1fr;}}
@media(max-width:720px){.master-todo-major-grid{grid-template-columns:1fr}.master-todo-support-roadmap-head{flex-direction:column}.master-todo-support-roadmap-head span{white-space:normal}}

/* Phase 5.6.0 · Plugin-System Vertragsstandard */
.plugin-contract-standard {
    border: 1px solid rgba(245, 158, 11, 0.22);
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.08), rgba(15, 23, 42, 0.02));
}
.plugin-contract-grid .readiness-card strong {
    letter-spacing: .02em;
}
.plugin-release-ladder {
    margin-top: 1rem;
}
.plugin-contract-details {
    margin-top: 1rem;
}
.plugin-contract-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: .75rem;
}
.plugin-contract-columns h3 {
    margin: 0 0 .5rem;
    font-size: .95rem;
}
.plugin-contract-columns ul {
    margin: 0;
    padding-left: 1.1rem;
}
.plugin-contract-columns li + li {
    margin-top: .35rem;
}
@media (max-width: 860px) {
    .plugin-contract-columns {
        grid-template-columns: 1fr;
    }
}


.plugin-package-access {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
    gap: .6rem;
    margin: .85rem 0;
}
.plugin-package-access span {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    padding: .65rem .75rem;
    border: 1px solid rgba(148, 163, 184, .22);
    border-radius: 14px;
    background: rgba(15, 23, 42, .38);
    font-size: .82rem;
}
.plugin-capability-matrix-panel { margin-top: 1rem; }
.compact-table td, .compact-table th { vertical-align: top; }


/* Phase 5.6.4: Operations security foundation */
.operations-security-foundation { margin-top: 1.5rem; }
.operations-security-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1rem; }
.operations-security-card { display: flex; flex-direction: column; gap: .75rem; }
.operations-security-card h3 { margin: 0; }
.operations-security-card p { margin: 0; color: var(--muted, #64748b); }
.operations-security-gates { margin-top: 1rem; }
@media (max-width: 960px) { .operations-security-grid { grid-template-columns: 1fr; } }

/* Phase 5.6.5 - Wartungsmodus Einstellungsmodell */
.operations-settings-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
    margin: 0 0 18px;
}
.operations-settings-status strong {
    display: block;
    margin: 4px 0;
}
.operations-security-settings-model {
    margin-top: 18px;
}
.operations-security-settings-model code {
    white-space: normal;
    overflow-wrap: anywhere;
}


/* Phase 5.6.5.1: Systemeinstellungen Tab-Menü-Layout-Hotfix & Betrieb/Sicherheit Polish */
body.admin-route-admin-settings .admin-settings-tabs .settings-main-tabs{
  display:flex!important;
  flex-wrap:wrap;
  align-items:center;
  width:100%!important;
  max-width:100%!important;
  gap:10px;
  padding:12px;
  margin:0 0 18px;
}
body.admin-route-admin-settings .admin-settings-tabs .settings-main-tabs > .settings-tab-panel{
  display:none!important;
}
body.admin-route-admin-settings .settings-main-tab{
  min-height:46px;
  flex:0 0 auto;
  white-space:nowrap;
}
body.admin-route-admin-settings .operations-settings-panel.active{
  display:block!important;
  max-width:1180px!important;
}
body.admin-route-admin-settings .operations-blueprint-shell{
  display:grid;
  gap:18px;
  max-width:1180px;
}
body.admin-route-admin-settings .operations-hero-card{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:18px;
  padding:22px;
  border-radius:24px;
  border:1px solid rgba(45,212,255,.22);
  background:radial-gradient(circle at 10% 0%,rgba(45,212,255,.14),transparent 42%),linear-gradient(135deg,rgba(10,17,35,.92),rgba(17,24,48,.78));
  box-shadow:0 24px 70px rgba(0,0,0,.18);
}
body.admin-route-admin-settings .operations-hero-card h2{
  margin:.15rem 0 .45rem;
  color:#fff;
  font-size:clamp(1.35rem,2.2vw,2.05rem);
}
body.admin-route-admin-settings .operations-hero-card p{
  margin:0;
  color:var(--muted,#9fb2d9);
  max-width:760px;
  line-height:1.6;
  font-weight:750;
}
body.admin-route-admin-settings .ops-kicker{
  display:inline-flex;
  color:#67e8f9;
  font-size:.75rem;
  font-weight:950;
  letter-spacing:.14em;
  text-transform:uppercase;
}
body.admin-route-admin-settings .ops-state-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.62rem .85rem;
  border-radius:999px;
  border:1px solid rgba(34,197,94,.28);
  color:#c9ffe1;
  background:rgba(34,197,94,.12);
  font-weight:950;
  white-space:nowrap;
}
body.admin-route-admin-settings .operations-status-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
body.admin-route-admin-settings .operations-form-section{
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(145deg,rgba(10,15,32,.86),rgba(18,24,45,.66));
}
body.admin-route-admin-settings .operations-section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:16px;
  margin:0 0 14px;
  padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
body.admin-route-admin-settings .operations-section-head strong{
  color:#fff;
  font-size:1.04rem;
}
body.admin-route-admin-settings .operations-section-head span{
  color:var(--muted,#9fb2d9);
  font-size:.86rem;
  font-weight:800;
  text-align:right;
}
body.admin-route-admin-settings .operations-field-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(260px,1fr));
  gap:14px 16px;
}
body.admin-route-admin-settings .operations-field-grid label{
  max-width:none!important;
  margin:0!important;
}
body.admin-route-admin-settings .operations-field-wide{
  grid-column:1/-1;
}
@media(max-width:980px){
  body.admin-route-admin-settings .operations-status-grid,
  body.admin-route-admin-settings .operations-field-grid{grid-template-columns:1fr;}
  body.admin-route-admin-settings .operations-hero-card,
  body.admin-route-admin-settings .operations-section-head{flex-direction:column;align-items:flex-start;}
  body.admin-route-admin-settings .operations-section-head span{text-align:left;}
}

/* Phase 5.6.6: Wartungsmodus Preview & Design-Presets */
body.admin-route-admin-settings .operations-preview-section,
body.admin-route-admin-settings .operations-live-preview-section{
  border-color:rgba(56,189,248,.16);
  background:radial-gradient(circle at 0% 0%,rgba(56,189,248,.08),transparent 32%),linear-gradient(145deg,rgba(9,14,31,.92),rgba(20,24,45,.78));
}
body.admin-route-admin-settings .maintenance-preset-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(150px,1fr));
  gap:12px;
  margin-bottom:16px;
}
body.admin-route-admin-settings .maintenance-preset-card{
  position:relative;
  min-height:170px;
  padding:16px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.1);
  background:linear-gradient(145deg,rgba(13,18,36,.92),rgba(31,35,61,.72));
  color:#eaf3ff;
  text-align:left;
  display:flex;
  flex-direction:column;
  gap:8px;
  cursor:pointer;
  overflow:hidden;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
body.admin-route-admin-settings .maintenance-preset-card:before{
  content:"";
  position:absolute;
  inset:-45% -25% auto auto;
  width:120px;
  height:120px;
  border-radius:999px;
  background:rgba(56,189,248,.12);
  filter:blur(2px);
}
body.admin-route-admin-settings .maintenance-preset-card:hover,
body.admin-route-admin-settings .maintenance-preset-card.active{
  transform:translateY(-2px);
  border-color:rgba(56,189,248,.55);
  box-shadow:0 18px 45px rgba(0,0,0,.26),0 0 0 1px rgba(56,189,248,.08) inset;
}
body.admin-route-admin-settings .maintenance-preset-card.active:after{
  content:"Aktiv";
  position:absolute;
  top:12px;
  right:12px;
  padding:5px 8px;
  border-radius:999px;
  color:#cffafe;
  background:rgba(14,165,233,.22);
  border:1px solid rgba(103,232,249,.3);
  font-size:.68rem;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.admin-route-admin-settings .maintenance-preset-card strong{font-size:1rem;color:#fff;position:relative;z-index:1;}
body.admin-route-admin-settings .maintenance-preset-card small{color:#a9b9d6;line-height:1.45;font-weight:760;position:relative;z-index:1;}
body.admin-route-admin-settings .maintenance-preset-card em{margin-top:auto;color:#67e8f9;font-style:normal;font-size:.75rem;font-weight:950;letter-spacing:.05em;position:relative;z-index:1;}
body.admin-route-admin-settings .preset-orb{width:42px;height:42px;border-radius:16px;display:block;position:relative;z-index:1;box-shadow:0 0 32px rgba(56,189,248,.25);}
body.admin-route-admin-settings .preset-orb-nebula{background:radial-gradient(circle at 30% 25%,#a78bfa,#06b6d4 45%,#111827 78%);}
body.admin-route-admin-settings .preset-orb-aurora{background:linear-gradient(135deg,#34d399,#60a5fa,#f0abfc);}
body.admin-route-admin-settings .preset-orb-orbit{background:conic-gradient(from 120deg,#22d3ee,#334155,#818cf8,#22d3ee);}
body.admin-route-admin-settings .preset-orb-pixel{background:linear-gradient(90deg,#38bdf8 25%,#1e293b 25% 50%,#f472b6 50% 75%,#a3e635 75%);}
body.admin-route-admin-settings .preset-orb-minimal{background:linear-gradient(135deg,#e2e8f0,#64748b,#0f172a);}
body.admin-route-admin-settings .operations-design-fields{margin-top:4px;}
body.admin-route-admin-settings .maintenance-preview-frame{
  position:relative;
  min-height:430px;
  border-radius:28px;
  overflow:hidden;
  padding:24px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(135deg,#0b1020,#111827);
  box-shadow:0 26px 80px rgba(0,0,0,.28);
  display:grid;
  grid-template-columns:minmax(0,1fr) 210px;
  gap:20px;
  color:#f8fbff;
}
body.admin-route-admin-settings .maintenance-preview-frame:before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.75;
  pointer-events:none;
}
body.admin-route-admin-settings .maintenance-preview-noise{
  position:absolute;
  inset:0;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 85%);
  pointer-events:none;
}
body.admin-route-admin-settings .maintenance-preview-topline,
body.admin-route-admin-settings .maintenance-preview-content,
body.admin-route-admin-settings .maintenance-preview-side{position:relative;z-index:1;}
body.admin-route-admin-settings .maintenance-preview-topline{
  grid-column:1/-1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding-bottom:16px;
  border-bottom:1px solid rgba(255,255,255,.11);
}
body.admin-route-admin-settings .maintenance-preview-topline span{font-weight:950;font-size:1.05rem;}
body.admin-route-admin-settings .maintenance-preview-topline small{color:#b7c7e3;font-weight:850;}
body.admin-route-admin-settings .maintenance-preview-content{align-self:center;max-width:720px;}
body.admin-route-admin-settings .maintenance-preview-chip{display:inline-flex;padding:.45rem .7rem;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);font-size:.73rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase;color:#cffafe;}
body.admin-route-admin-settings .maintenance-preview-content h3{margin:16px 0 8px;font-size:clamp(2rem,4vw,4.5rem);line-height:.95;color:#fff;letter-spacing:-.055em;}
body.admin-route-admin-settings .maintenance-preview-content p{max-width:680px;color:#cbd5e1;font-size:1rem;line-height:1.7;font-weight:770;}
body.admin-route-admin-settings .maintenance-preview-subtitle{color:#fff!important;font-size:1.18rem!important;font-weight:920!important;}
body.admin-route-admin-settings .maintenance-preview-actions{display:flex;align-items:center;gap:12px;margin-top:20px;flex-wrap:wrap;}
body.admin-route-admin-settings .maintenance-preview-actions span{display:inline-flex;padding:.78rem 1rem;border-radius:999px;background:#38bdf8;color:#020617;font-weight:950;box-shadow:0 12px 38px rgba(56,189,248,.28);}
body.admin-route-admin-settings .maintenance-preview-actions small{color:#cbd5e1;font-weight:900;}
body.admin-route-admin-settings .maintenance-preview-side{align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:12px;}
body.admin-route-admin-settings .maintenance-preview-side span{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);backdrop-filter:blur(10px);font-weight:950;color:#e0f2fe;}
body.admin-route-admin-settings .maintenance-preview-nebula{background:radial-gradient(circle at 18% 20%,rgba(168,85,247,.42),transparent 28%),radial-gradient(circle at 78% 14%,rgba(34,211,238,.3),transparent 24%),linear-gradient(135deg,#070a1a,#121a33 55%,#071318);}
body.admin-route-admin-settings .maintenance-preview-nebula:before{background:radial-gradient(circle at 70% 70%,rgba(56,189,248,.18),transparent 30%);}
body.admin-route-admin-settings .maintenance-preview-aurora{background:radial-gradient(circle at 18% 10%,rgba(52,211,153,.36),transparent 30%),radial-gradient(circle at 88% 20%,rgba(96,165,250,.36),transparent 28%),linear-gradient(135deg,#071516,#111827 62%,#1e1b4b);}
body.admin-route-admin-settings .maintenance-preview-orbit{background:radial-gradient(circle at 82% 25%,rgba(99,102,241,.28),transparent 28%),linear-gradient(135deg,#0f172a,#111827 50%,#020617);}
body.admin-route-admin-settings .maintenance-preview-orbit .maintenance-preview-side span{border-radius:999px;}
body.admin-route-admin-settings .maintenance-preview-pixel{background:linear-gradient(135deg,#10172a,#111827),radial-gradient(circle at 30% 30%,rgba(244,114,182,.25),transparent 25%);}
body.admin-route-admin-settings .maintenance-preview-pixel .maintenance-preview-noise{background-size:18px 18px;opacity:.85;}
body.admin-route-admin-settings .maintenance-preview-minimal{background:linear-gradient(135deg,#111827,#0b1120 55%,#020617);}
body.admin-route-admin-settings .maintenance-preview-minimal .maintenance-preview-noise{opacity:.25;}
@media(max-width:1180px){body.admin-route-admin-settings .maintenance-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){
  body.admin-route-admin-settings .maintenance-preset-grid{grid-template-columns:1fr;}
  body.admin-route-admin-settings .maintenance-preview-frame{grid-template-columns:1fr;min-height:auto;}
  body.admin-route-admin-settings .maintenance-preview-topline{align-items:flex-start;flex-direction:column;}
  body.admin-route-admin-settings .maintenance-preview-side{display:grid;grid-template-columns:1fr;}
}


/* Phase 5.6.7: Wartungsmodus Formular-Blueprint & Eingangslogik */
body.admin-route-admin-settings .operations-form-blueprint-section{
  border-color:rgba(34,211,238,.18);
  background:radial-gradient(circle at 100% 0%,rgba(34,211,238,.08),transparent 34%),linear-gradient(145deg,rgba(9,14,31,.92),rgba(20,24,45,.78));
}
body.admin-route-admin-settings .operations-form-blueprint-banner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  margin-bottom:16px;
  border-radius:18px;
  border:1px solid rgba(56,189,248,.2);
  background:rgba(56,189,248,.08);
}
body.admin-route-admin-settings .operations-form-blueprint-banner div{display:flex;flex-direction:column;gap:4px;}
body.admin-route-admin-settings .operations-form-blueprint-banner strong{color:#e0f2fe;font-weight:950;}
body.admin-route-admin-settings .operations-form-blueprint-banner span{color:#a9b9d6;font-weight:780;line-height:1.45;}
body.admin-route-admin-settings .operations-form-blueprint-banner b{white-space:nowrap;color:#cffafe;background:rgba(14,165,233,.18);border:1px solid rgba(103,232,249,.25);border-radius:999px;padding:.5rem .7rem;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;}
body.admin-route-admin-settings .operations-intake-steps{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  margin:0 0 16px;
}
body.admin-route-admin-settings .operations-intake-steps span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.055);
  color:#dff7ff;
  font-weight:900;
  font-size:.78rem;
  text-align:center;
}
body.admin-route-admin-settings .maintenance-preview-mini-form{
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.075);
  backdrop-filter:blur(10px);
  display:flex;
  flex-direction:column;
  gap:7px;
}
body.admin-route-admin-settings .maintenance-preview-mini-form strong{color:#fff;font-weight:950;}
body.admin-route-admin-settings .maintenance-preview-mini-form span{padding:0!important;border:0!important;background:transparent!important;color:#bae6fd!important;backdrop-filter:none!important;}
body.admin-route-admin-settings .maintenance-preview-mini-form small{color:#cbd5e1;font-weight:800;line-height:1.35;}
body.admin-route-admin-settings .maintenance-preview-mini-form.beta{border-color:rgba(168,85,247,.22);background:rgba(168,85,247,.09);}
@media(max-width:1120px){body.admin-route-admin-settings .operations-intake-steps{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media(max-width:720px){body.admin-route-admin-settings .operations-intake-steps{grid-template-columns:1fr;} body.admin-route-admin-settings .operations-form-blueprint-banner{flex-direction:column;align-items:flex-start;}}


/* Phase 5.6.9.1: visible maintenance frontend-preview actions */
body.admin-route-admin-settings .operations-hero-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  flex-wrap:wrap;
}
body.admin-route-admin-settings .operations-preview-link{
  white-space:nowrap;
  box-shadow:0 14px 34px rgba(15,23,42,.12);
}
body.admin-route-admin-settings .operations-section-head-with-action{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
body.admin-route-admin-settings .operations-section-head-with-action > div{
  display:flex;
  flex-direction:column;
  gap:4px;
}
@media (max-width: 780px){
  body.admin-route-admin-settings .operations-hero-actions,
  body.admin-route-admin-settings .operations-section-head-with-action{
    align-items:stretch;
    flex-direction:column;
  }
  body.admin-route-admin-settings .operations-preview-link{
    justify-content:center;
    width:100%;
  }
}


.operations-activation-section {
    border: 1px solid rgba(245, 158, 11, 0.24);
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.08), rgba(15, 23, 42, 0.04));
}
.operations-status-grid--compact {
    margin: 12px 0 18px;
}
.operations-settings-status.locked {
    border-color: rgba(148, 163, 184, 0.35);
    opacity: .95;
}

/* 5.6.11.1 Maintenance simple activation */
.maintenance-mode-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-top:12px}.maintenance-mode-choice{display:block;border:1px solid rgba(148,163,184,.22);border-radius:18px;padding:16px;background:rgba(15,23,42,.56);cursor:pointer;transition:.18s ease;min-height:110px}.maintenance-mode-choice input{width:auto;margin:0 0 10px 0}.maintenance-mode-choice span{display:block;font-weight:800;color:#f8fafc;margin-bottom:6px}.maintenance-mode-choice small{display:block;color:#94a3b8;line-height:1.45}.maintenance-mode-choice.active{border-color:rgba(56,189,248,.65);box-shadow:0 16px 36px rgba(15,23,42,.22), inset 0 0 0 1px rgba(255,255,255,.05)}.maintenance-mode-choice-ok.active{border-color:rgba(34,197,94,.75)}.maintenance-mode-choice-info.active{border-color:rgba(59,130,246,.75)}.maintenance-mode-choice-danger.active{border-color:rgba(239,68,68,.75)}.operations-simple-note{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:12px;color:#94a3b8}.operations-simple-note span{border:1px solid rgba(148,163,184,.2);border-radius:999px;padding:5px 9px;background:rgba(15,23,42,.38)}

/* Phase 5.6.12 maintenance intake */
.ops-intake-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:18px 0 22px}.ops-intake-card{padding:18px}.ops-intake-list{display:grid;gap:12px;margin-top:14px}.ops-intake-item{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(0,1.25fr) minmax(170px,.5fr);gap:14px;align-items:start;padding:14px;border:1px solid rgba(148,163,184,.22);border-radius:18px;background:rgba(15,23,42,.42)}.ops-intake-item.is-blocked{border-color:rgba(248,113,113,.34);background:rgba(127,29,29,.12)}.ops-intake-meta,.ops-intake-content,.ops-intake-status{display:grid;gap:6px}.ops-intake-meta small,.ops-intake-content small,.ops-intake-status small{color:var(--muted,#94a3b8)}.ops-intake-content p{margin:0;color:var(--muted,#94a3b8);line-height:1.55}.ops-intake-badge{display:inline-flex;width:max-content;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;background:rgba(56,189,248,.14);color:#7dd3fc}.ops-intake-badge.beta{background:rgba(168,85,247,.16);color:#d8b4fe}.ops-intake-status span{width:max-content;padding:5px 9px;border-radius:999px;background:rgba(34,197,94,.14);color:#bbf7d0;font-weight:800;font-size:12px}.ops-intake-item.is-blocked .ops-intake-status span{background:rgba(248,113,113,.16);color:#fecaca}.ops-intake-status em{font-style:normal;color:#fecaca;font-size:12px}.empty-state{padding:24px;border:1px dashed rgba(148,163,184,.32);border-radius:18px;color:var(--muted,#94a3b8);text-align:center}@media(max-width:900px){.ops-intake-item{grid-template-columns:1fr}}

/* Phase 5.6.22 secure admin activation release preparation */
body.admin-route-admin-settings .operations-release-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:18px 0;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(148,163,184,.24);
  background:linear-gradient(135deg, rgba(15,23,42,.74), rgba(30,41,59,.48));
  box-shadow:0 18px 46px rgba(15,23,42,.22);
}
body.admin-route-admin-settings .operations-release-box h3{margin:2px 0 6px;color:#f8fafc;font-size:1.08rem;}
body.admin-route-admin-settings .operations-release-box p{margin:0;color:#cbd5e1;line-height:1.5;}
body.admin-route-admin-settings .operations-release-box.ready{border-color:rgba(34,197,94,.46);background:linear-gradient(135deg, rgba(22,101,52,.22), rgba(15,23,42,.62));}
body.admin-route-admin-settings .operations-release-box.locked{border-color:rgba(245,158,11,.32);background:linear-gradient(135deg, rgba(120,53,15,.18), rgba(15,23,42,.62));}
body.admin-route-admin-settings .operations-check-field{
  display:flex!important;
  flex-direction:row!important;
  align-items:flex-start!important;
  gap:10px!important;
  padding:14px!important;
  border:1px solid rgba(148,163,184,.22);
  border-radius:16px;
  background:rgba(15,23,42,.36);
}
body.admin-route-admin-settings .operations-check-field input{width:auto!important;margin-top:3px;}
body.admin-route-admin-settings .operations-check-field span{color:#dbeafe;font-weight:800;line-height:1.4;}
@media(max-width:720px){body.admin-route-admin-settings .operations-release-box{align-items:flex-start;flex-direction:column;}}

/* Phase 5.6.24 · Frontend & Theme-Produktivfinish Foundation */
.theme-frontend-finish-card,
.frontend-theme-finish-panel {
    border: 1px solid rgba(56,189,248,.24);
    background: linear-gradient(145deg, rgba(15,23,42,.96), rgba(12,18,32,.94));
    box-shadow: 0 24px 80px rgba(15,23,42,.22);
}
.theme-finish-status-grid,
.frontend-finish-roadmap-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 14px;
    margin: 18px 0;
}
.theme-finish-status-grid article,
.frontend-finish-roadmap-grid article {
    border: 1px solid rgba(148,163,184,.20);
    border-radius: 20px;
    padding: 16px;
    background: rgba(15,23,42,.72);
}
.theme-finish-status-grid span,
.frontend-finish-roadmap-grid span,
.theme-finish-focus-grid span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #93c5fd;
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 8px;
}
.theme-finish-status-grid strong,
.frontend-finish-roadmap-grid strong,
.theme-finish-focus-grid strong {
    display: block;
    color: #f8fafc;
    font-size: 1rem;
    margin-bottom: 6px;
}
.theme-finish-status-grid small,
.frontend-finish-roadmap-grid small,
.theme-finish-focus-grid p,
.theme-surface-list span,
.theme-surface-list small {
    color: #cbd5e1;
    line-height: 1.45;
}
.theme-finish-focus-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 14px;
    margin: 18px 0;
}
.theme-finish-focus-grid article {
    border-radius: 22px;
    padding: 18px;
    background: linear-gradient(145deg, rgba(30,41,59,.78), rgba(15,23,42,.82));
    border: 1px solid rgba(125,211,252,.18);
}
.theme-surface-matrix {
    margin-top: 18px;
    padding: 18px;
    border-radius: 22px;
    background: rgba(2,6,23,.38);
    border: 1px solid rgba(148,163,184,.16);
}
.theme-surface-matrix h3 {
    margin: 0 0 14px;
    color: #f8fafc;
}
.theme-surface-list {
    display: grid;
    gap: 10px;
}
.theme-surface-list div {
    display: grid;
    grid-template-columns: minmax(150px, .8fr) minmax(220px, 1.4fr) minmax(160px, .8fr);
    gap: 12px;
    align-items: start;
    padding: 12px 0;
    border-top: 1px solid rgba(148,163,184,.14);
}
.theme-surface-list strong {
    color: #fff;
}
@media (max-width: 860px) {
    .theme-surface-list div { grid-template-columns: 1fr; }
}

/* Phase 5.6.25: Frontend & Theme Surface Audit */
.theme-surface-audit-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}
@media (max-width: 980px) {
    .theme-surface-audit-grid {
        grid-template-columns: 1fr;
    }
}


/* Phase 5.6.26: kleine Theme-Seiten-Badges in der Seitenübersicht */
.theme-page-badge {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    margin-left: .45rem;
    padding: .12rem .45rem;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 700;
    line-height: 1.35;
    max-width: 11rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.theme-badge-a { background: rgba(99,102,241,.16); color: #c7d2fe; }
.theme-badge-b { background: rgba(14,165,233,.16); color: #bae6fd; }
.theme-badge-c { background: rgba(20,184,166,.16); color: #99f6e4; }
.theme-badge-d { background: rgba(168,85,247,.16); color: #e9d5ff; }
.theme-badge-e { background: rgba(245,158,11,.16); color: #fde68a; }
.theme-badge-f { background: rgba(244,63,94,.16); color: #fecdd3; }
.theme-page-origin-contract .compact-list > div { min-height: auto; }

/* 5.6.29 – Shop-/Checkout-Surface Vertrag */
.theme-shop-surface-grid,
.theme-shop-component-grid {
    margin-top: 1.25rem;
}
.theme-shop-surface-grid .theme-surface-matrix,
.theme-shop-component-grid .theme-surface-matrix {
    border-color: rgba(54, 211, 153, 0.24);
}
.theme-shop-surface-grid h3,
.theme-shop-component-grid h3 {
    letter-spacing: -0.01em;
}

/* Phase 5.6.31 – Maintenance intake bulk deletion */
.ops-intake-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-start;margin:14px 0 16px;padding:12px;border:1px solid rgba(148,163,184,.18);border-radius:16px;background:rgba(15,23,42,.36)}
.ops-intake-select-all{display:inline-flex;align-items:center;gap:8px;color:var(--muted,#94a3b8);font-weight:700;font-size:13px;margin-right:auto}.ops-intake-select-all input,.ops-intake-select input{width:16px;height:16px;accent-color:#38bdf8}.ops-intake-item{grid-template-columns:34px minmax(180px,.55fr) minmax(0,1.25fr) minmax(180px,.52fr)}.ops-intake-select{display:flex;align-items:flex-start;justify-content:center;padding-top:4px}.btn-danger{border:1px solid rgba(248,113,113,.35);background:rgba(248,113,113,.16);color:#fecaca;border-radius:12px;padding:9px 13px;font-weight:800;cursor:pointer}.btn-danger:hover{background:rgba(248,113,113,.24)}.danger-outline{border-color:rgba(248,113,113,.26)!important;color:#fecaca!important}.btn-text-danger{appearance:none;border:0;background:transparent;color:#fca5a5;font-weight:800;font-size:12px;padding:4px 0;text-align:left;cursor:pointer}.btn-text-danger:hover{text-decoration:underline;color:#fecaca}@media(max-width:900px){.ops-intake-item{grid-template-columns:28px 1fr}.ops-intake-content,.ops-intake-status{grid-column:2}.ops-intake-toolbar{align-items:stretch}.ops-intake-toolbar .btn-danger,.ops-intake-toolbar .btn-secondary{width:100%}.ops-intake-select-all{width:100%;margin-right:0}}

.btn-small-danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid rgba(248,113,113,.32);background:rgba(248,113,113,.13);color:#fecaca;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;line-height:1;cursor:pointer;white-space:nowrap}.btn-small-danger:hover{background:rgba(248,113,113,.22);border-color:rgba(248,113,113,.48);color:#fff}.btn-small-danger:focus-visible{outline:2px solid rgba(248,113,113,.55);outline-offset:2px}

/* Corvyn 5.7.86 – Central Master-TODO Hub */
.central-master-todo-hub{position:relative;overflow:hidden;border-color:rgba(95,224,205,.28);background:linear-gradient(145deg,rgba(24,45,54,.94),rgba(19,25,38,.98) 48%,rgba(32,27,48,.94))}.central-master-todo-hub:before{content:"";position:absolute;inset:-120px auto auto -90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(78,223,201,.16),transparent 68%);pointer-events:none}.central-master-todo-hub__head{position:relative}.central-master-todo-kpis{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin:18px 0}.central-master-todo-kpis article{padding:14px;border:1px solid var(--border,#2d3648);border-radius:14px;background:rgba(8,14,23,.48);display:flex;flex-direction:column;gap:3px}.central-master-todo-kpis span,.central-master-todo-kpis small{color:var(--muted,#9ca8bb)}.central-master-todo-kpis strong{font-size:1.7rem}.central-master-todo-kpis .is-confirmed{border-color:rgba(67,203,126,.35)}.central-master-todo-kpis .is-progress{border-color:rgba(255,193,92,.35)}.central-master-todo-kpis .is-blocked{border-color:rgba(255,116,126,.35)}.central-master-todo-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:14px}.central-master-todo-main,.central-master-todo-side{display:grid;gap:14px;align-content:start}.central-master-todo-subpanel{border:1px solid var(--border,#2d3648);border-radius:16px;padding:15px;background:rgba(8,13,22,.46)}.central-master-todo-subhead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.central-master-todo-subhead>div{display:grid;gap:3px}.central-master-todo-subhead small{color:var(--muted,#9ca8bb);line-height:1.45}.central-master-todo-subhead>span{white-space:nowrap;border:1px solid rgba(105,216,202,.26);background:rgba(46,140,130,.12);padding:5px 9px;border-radius:999px;font-size:.75rem}.central-master-todo-quickviews{display:flex;flex-wrap:wrap;gap:8px}.central-master-todo-quickviews button,.central-master-todo-quickviews a{appearance:none;border:1px solid var(--border,#2d3648);background:rgba(18,28,43,.82);color:inherit;border-radius:999px;padding:8px 11px;text-decoration:none;cursor:pointer;font:inherit}.central-master-todo-quickviews button:hover,.central-master-todo-quickviews a:hover{border-color:rgba(104,221,205,.65);transform:translateY(-1px)}.central-master-todo-status-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr));gap:9px}.central-master-todo-status-grid article{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:11px;border-radius:12px;border:1px solid var(--border,#2d3648);background:rgba(16,24,37,.72)}.central-master-todo-status-grid article span{font-weight:700}.central-master-todo-status-grid article strong{font-size:1.25rem}.central-master-todo-status-grid article small{grid-column:1/-1;color:var(--muted,#9ca8bb)}.central-master-todo-progress{height:20px;border-radius:999px;background:rgba(5,9,16,.8);border:1px solid var(--border,#2d3648);position:relative;overflow:hidden;margin-bottom:12px}.central-master-todo-progress i{display:block;height:100%;background:linear-gradient(90deg,rgba(73,204,143,.7),rgba(87,215,203,.78));border-radius:inherit}.central-master-todo-progress b{position:absolute;inset:0;display:grid;place-items:center;font-size:.75rem}.central-master-todo-recovery-grid{display:grid;gap:8px}.central-master-todo-recovery-grid>a{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:11px;border:1px solid var(--border,#2d3648);border-radius:12px;background:rgba(15,23,35,.75);color:inherit;text-decoration:none}.central-master-todo-recovery-grid>a>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;border:1px solid currentColor}.central-master-todo-recovery-grid>a>div{display:grid;gap:2px}.central-master-todo-recovery-grid>a small{color:var(--muted,#9ca8bb);line-height:1.35}.central-master-todo-recovery-grid>a.is-confirmed_done{border-color:rgba(67,203,126,.35)}.central-master-todo-recovery-grid>a.is-confirmed_done>span{color:#79e0a1}.central-master-todo-recovery-grid>a.is-open>span{color:#ffd166}.central-master-todo-source-list{display:grid;gap:8px}.central-master-todo-source-list>a{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px;border:1px solid var(--border,#2d3648);border-radius:11px;color:inherit;text-decoration:none;background:rgba(15,23,35,.68)}.central-master-todo-source-list>a>div{display:grid;gap:3px;min-width:0}.central-master-todo-source-list code{overflow-wrap:anywhere}.central-master-todo-source-list>a>span{display:grid;place-items:center;min-width:34px;height:34px;border-radius:10px;background:rgba(94,217,200,.1);font-weight:800}.central-master-todo-next-list{margin:0;padding-left:20px;display:grid;gap:10px}.central-master-todo-safety{display:flex;flex-wrap:wrap;gap:7px}.central-master-todo-safety strong{width:100%}.central-master-todo-safety span{font-size:.75rem;border:1px solid rgba(121,224,161,.24);border-radius:999px;padding:5px 8px;background:rgba(48,141,92,.1)}.central-master-todo-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}@media(max-width:1050px){.central-master-todo-layout{grid-template-columns:1fr}.central-master-todo-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.central-master-todo-kpis,.central-master-todo-status-grid{grid-template-columns:1fr 1fr}.central-master-todo-recovery-grid>a{grid-template-columns:28px 1fr}.central-master-todo-recovery-grid>a>b{grid-column:2}.central-master-todo-subhead{display:grid}.central-master-todo-subhead>span{justify-self:start}}@media(max-width:460px){.central-master-todo-kpis,.central-master-todo-status-grid{grid-template-columns:1fr}}



/* Corvyn 5.7.87 – Status Reconciliation & Safe Migration Preview */
.status-reconciliation-preview{position:relative;overflow:hidden;border-color:rgba(255,193,92,.3);background:linear-gradient(145deg,rgba(48,39,24,.86),rgba(18,26,39,.98) 44%,rgba(34,27,48,.94))}.status-reconciliation-preview:before{content:"";position:absolute;right:-90px;top:-110px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,193,92,.14),transparent 69%);pointer-events:none}.status-reconciliation-preview__head{position:relative}.status-reconciliation-kpis{display:grid;grid-template-columns:repeat(6,minmax(115px,1fr));gap:10px;margin:18px 0}.status-reconciliation-kpis article{display:flex;flex-direction:column;gap:3px;padding:13px;border:1px solid var(--border,#2d3648);border-radius:14px;background:rgba(8,14,23,.52)}.status-reconciliation-kpis span,.status-reconciliation-kpis small{color:var(--muted,#9ca8bb)}.status-reconciliation-kpis strong{font-size:1.65rem}.status-reconciliation-kpis .is-confirmed{border-color:rgba(67,203,126,.38)}.status-reconciliation-kpis .is-pending{border-color:rgba(255,193,92,.48);background:rgba(79,57,20,.28)}.status-reconciliation-kpis .is-blocked{border-color:rgba(255,116,126,.36)}.status-reconciliation-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(285px,.72fr);gap:14px}.status-reconciliation-main,.status-reconciliation-side{display:grid;gap:14px;align-content:start}.status-reconciliation-subpanel{border:1px solid var(--border,#2d3648);border-radius:16px;padding:15px;background:rgba(8,13,22,.5)}.status-reconciliation-table-wrap{overflow:auto;border:1px solid var(--border,#2d3648);border-radius:12px}.status-reconciliation-table{width:100%;border-collapse:collapse;min-width:840px}.status-reconciliation-table th,.status-reconciliation-table td{padding:10px;border-bottom:1px solid var(--border,#2d3648);text-align:left;vertical-align:top}.status-reconciliation-table th{font-size:.78rem;color:var(--muted,#9ca8bb);text-transform:uppercase;letter-spacing:.05em;background:rgba(12,20,31,.92)}.status-reconciliation-table td{font-size:.88rem}.status-reconciliation-contract{list-style:none;margin:0;padding:0;display:grid;gap:8px}.status-reconciliation-contract li{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;padding:10px;border:1px solid var(--border,#2d3648);border-radius:12px;background:rgba(16,24,37,.72)}.status-reconciliation-contract li>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(255,193,92,.12);border:1px solid rgba(255,193,92,.36);font-weight:800}.status-reconciliation-contract li>div{display:grid;gap:2px}.status-reconciliation-contract small{color:var(--muted,#9ca8bb)}.status-reconciliation-signals{display:grid;gap:8px}.status-reconciliation-signals article{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding:10px;border:1px solid var(--border,#2d3648);border-radius:11px;background:rgba(15,23,35,.7)}.status-reconciliation-signals article strong{font-size:1.25rem}.status-reconciliation-signals article small{grid-column:1/-1;color:var(--muted,#9ca8bb)}.status-reconciliation-safety{display:flex;flex-wrap:wrap;gap:7px}.status-reconciliation-safety strong{width:100%}.status-reconciliation-safety span{font-size:.75rem;border:1px solid rgba(121,224,161,.24);border-radius:999px;padding:5px 8px;background:rgba(48,141,92,.1)}.central-master-todo-kpis{grid-template-columns:repeat(6,minmax(115px,1fr))}.central-master-todo-kpis .is-pending{border-color:rgba(255,193,92,.45);background:rgba(79,57,20,.2)}@media(max-width:1180px){.status-reconciliation-kpis,.central-master-todo-kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:1000px){.status-reconciliation-layout{grid-template-columns:1fr}}@media(max-width:620px){.status-reconciliation-kpis,.central-master-todo-kpis{grid-template-columns:1fr 1fr}}@media(max-width:430px){.status-reconciliation-kpis,.central-master-todo-kpis{grid-template-columns:1fr}}


/* Corvyn 5.7.88 – Status Reconciliation Manual Apply Gate */
.status-reconciliation-apply-gate{position:relative;overflow:hidden;border-color:rgba(125,211,252,.34);background:linear-gradient(145deg,rgba(20,45,62,.9),rgba(16,25,39,.98) 46%,rgba(40,29,55,.94))}.status-reconciliation-apply-gate:before{content:"";position:absolute;left:-100px;top:-110px;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,rgba(125,211,252,.16),transparent 70%);pointer-events:none}.status-reconciliation-apply-gate__head{position:relative}.status-reconciliation-apply-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(285px,.72fr);gap:14px}.status-reconciliation-allowlist{display:grid;gap:8px}.status-reconciliation-allowlist article{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid rgba(125,211,252,.28);border-radius:13px;background:rgba(14,31,46,.72)}.status-reconciliation-allowlist article>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#a7f3d0;border:1px solid rgba(121,224,161,.42)}.status-reconciliation-allowlist article>div{display:grid;gap:4px;min-width:0}.status-reconciliation-allowlist article small{color:var(--muted,#9ca8bb)}.status-reconciliation-allowlist article b{font-size:.72rem;color:#bae6fd;overflow-wrap:anywhere}.status-reconciliation-requirements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.status-reconciliation-requirements article{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center;padding:10px;border:1px solid var(--border,#2d3648);border-radius:12px;background:rgba(15,23,35,.68)}.status-reconciliation-requirements article>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;border:1px solid currentColor}.status-reconciliation-requirements article>div{display:grid;gap:2px}.status-reconciliation-requirements article small{color:var(--muted,#9ca8bb)}.status-reconciliation-requirements .is-ready{border-color:rgba(121,224,161,.3)}.status-reconciliation-requirements .is-ready>span{color:#79e0a1}.status-reconciliation-requirements .is-pending>span{color:#ffd166}.status-reconciliation-gate-checks{display:grid;gap:7px}.status-reconciliation-gate-checks article{display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:center;padding:9px;border:1px solid var(--border,#2d3648);border-radius:10px;background:rgba(15,23,35,.68)}.status-reconciliation-gate-checks article>span{color:#79e0a1;font-weight:900}.status-reconciliation-gate-checks article strong{text-transform:none;font-size:.84rem}@media(max-width:1000px){.status-reconciliation-apply-layout{grid-template-columns:1fr}}@media(max-width:720px){.status-reconciliation-requirements{grid-template-columns:1fr}.status-reconciliation-allowlist article{grid-template-columns:30px 1fr}.status-reconciliation-allowlist article>b{grid-column:2}}


/* Corvyn 5.7.89 – Status Reconciliation Dry-Run + Shop/Dropshipping Roadmap */
.status-reconciliation-dry-run,.shop-dropshipping-roadmap{position:relative;overflow:hidden}.status-reconciliation-dry-run:before,.shop-dropshipping-roadmap:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:3px;background:linear-gradient(90deg,#52d6c8,#72a7ff,#a878ff)}.status-reconciliation-dry-run-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.compact-definition-list{display:grid;gap:8px;margin:12px 0 0}.compact-definition-list div{display:grid;grid-template-columns:minmax(90px,.7fr) minmax(0,1.3fr);gap:10px;padding:8px 0;border-bottom:1px solid var(--border,#2d3648)}.compact-definition-list dt{color:var(--muted,#9ca8bb)}.compact-definition-list dd{margin:0;overflow-wrap:anywhere}.shop-dropshipping-workstreams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.shop-dropshipping-workstream__head{display:flex;align-items:center;gap:9px}.shop-dropshipping-workstream__head span{display:inline-flex;border:1px solid rgba(114,167,255,.35);border-radius:999px;padding:4px 8px;color:#a8c7ff;font-weight:800;font-size:.75rem}.shop-dropshipping-workstream ul{margin:12px 0 0;padding-left:20px;display:grid;gap:7px;color:var(--muted,#a6b2c5)}.shop-dropshipping-dependencies{margin-top:14px}.shop-dropshipping-dependencies>div{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.shop-dropshipping-dependencies span{border:1px solid var(--border,#2d3648);border-radius:999px;padding:6px 10px;background:rgba(15,23,35,.7)}@media(max-width:1000px){.status-reconciliation-dry-run-grid{grid-template-columns:1fr}.shop-dropshipping-workstreams{grid-template-columns:1fr}}@media(max-width:650px){.compact-definition-list div{grid-template-columns:1fr;gap:3px}}


/* Corvyn 5.7.90 – Exact Candidate Selection & Review Gate */
.status-reconciliation-candidate-review{position:relative;overflow:hidden;border-color:rgba(167,139,250,.36);background:linear-gradient(145deg,rgba(37,27,65,.9),rgba(15,24,38,.98) 48%,rgba(15,47,51,.92))}.status-reconciliation-candidate-review:before{content:"";position:absolute;right:-110px;top:-130px;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(167,139,250,.18),transparent 69%);pointer-events:none}.status-reconciliation-candidate-review__head{position:relative}.candidate-review-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.72fr);gap:14px}.candidate-review-main,.candidate-review-side{display:grid;gap:14px;align-content:start}.candidate-review-list{display:grid;gap:9px}.candidate-review-item{display:grid;grid-template-columns:auto 30px minmax(0,1fr);gap:10px;align-items:start;padding:12px;border:1px solid var(--border,#2d3648);border-radius:14px;background:rgba(9,15,27,.62)}.candidate-review-item.is-selectable{cursor:pointer;border-color:rgba(167,139,250,.28)}.candidate-review-item.is-selectable:hover{border-color:rgba(167,139,250,.62);background:rgba(45,34,76,.42)}.candidate-review-item input{width:auto;margin:7px 0 0}.candidate-review-item__state{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(167,139,250,.42);border-radius:50%;color:#c4b5fd;font-weight:900}.candidate-review-item__content{display:grid;gap:4px;min-width:0}.candidate-review-item__content small,.candidate-review-item__content em{color:var(--muted,#9ca8bb);font-style:normal;overflow-wrap:anywhere}.candidate-review-item__content>span{width:max-content;max-width:100%;border:1px solid rgba(82,214,200,.28);border-radius:999px;padding:4px 8px;color:#99f6e4;font-size:.78rem}.candidate-review-only-list{display:grid;gap:8px}.candidate-review-only-list article{display:grid;grid-template-columns:28px 1fr;gap:9px;padding:10px;border:1px solid var(--border,#2d3648);border-radius:12px;background:rgba(15,23,35,.66)}.candidate-review-only-list article>span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(114,167,255,.4);color:#a8c7ff}.candidate-review-only-list article>div{display:grid;gap:3px}.candidate-review-only-list small{color:var(--muted,#9ca8bb)}.candidate-review-summary{display:grid;gap:12px}.candidate-review-summary__count{display:flex;align-items:baseline;gap:7px}.candidate-review-summary__count>span{font-size:2.25rem;font-weight:900;color:#c4b5fd}.candidate-review-summary__count small{color:var(--muted,#9ca8bb)}.candidate-review-packet{max-height:240px;overflow:auto;margin:0;padding:12px;border:1px solid var(--border,#2d3648);border-radius:12px;background:#080d16;color:#a7f3d0;font-size:.76rem;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:1000px){.candidate-review-layout{grid-template-columns:1fr}}@media(max-width:620px){.candidate-review-item{grid-template-columns:auto 26px 1fr}}


/* Corvyn 5.7.91 – Selected Candidate Review Bundle & Confirmation Preview */
.review-bundle-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:1rem}.review-bundle-main,.review-bundle-side{display:grid;gap:1rem;align-content:start}.review-bundle-digest code,.confirmation-preview-card>code{display:block;overflow-wrap:anywhere;margin:.65rem 0;padding:.75rem;border:1px dashed rgba(128,145,230,.55);border-radius:.75rem;background:rgba(15,23,42,.62)}.review-bundle-digest small,.confirmation-preview-card small{display:block;color:var(--muted-color,#9aa7ba)}@media(max-width:900px){.review-bundle-layout{grid-template-columns:1fr}}


/* Corvyn 5.7.92 – Confirmation Phrase Validation & Apply Intent Gate */
.confirmation-apply-intent-gate{position:relative;overflow:hidden;border-color:rgba(74,222,128,.32);background:linear-gradient(145deg,rgba(15,54,45,.9),rgba(15,23,38,.98) 48%,rgba(38,31,67,.92))}.confirmation-gate-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.75fr);gap:1rem;margin:1rem 0}.confirmation-gate-form{display:grid;gap:.9rem;margin-top:1rem}.confirmation-gate-form label{display:grid;gap:.4rem}.confirmation-gate-form input[type=text]{width:100%;padding:.8rem;border:1px solid var(--border,#2d3648);border-radius:.7rem;background:rgba(8,13,22,.8);color:inherit}.confirmation-gate-form .confirmation-gate-intent{display:flex;align-items:flex-start;gap:.65rem}.confirmation-gate-form .confirmation-gate-intent input{width:auto;margin-top:.2rem}@media(max-width:900px){.confirmation-gate-layout{grid-template-columns:1fr}}


/* Corvyn 5.7.97.1 – responsive Authorization-Anforderungen und vereinfachte Phasentests */
.phase-new-badge{display:inline-flex;align-items:center;gap:.35rem;width:max-content;max-width:100%;margin:.15rem 0 .45rem;padding:.34rem .62rem;border:1px solid rgba(111,231,212,.48);border-radius:999px;background:linear-gradient(135deg,rgba(39,158,142,.24),rgba(92,82,188,.18));color:#b9fff4;font-size:.72rem;font-weight:850;letter-spacing:.055em;text-transform:uppercase}.phase-new-badge:before{content:"★";font-size:.78rem}.phase-test-guide{margin:1rem 0;padding:1rem;border:1px solid rgba(111,231,212,.34);border-radius:16px;background:linear-gradient(145deg,rgba(18,54,58,.56),rgba(14,22,38,.8))}.phase-test-guide__head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.phase-test-guide__head>div{display:grid;gap:.22rem;min-width:0}.phase-test-guide__head strong{font-size:1.02rem}.phase-test-guide__head small{color:var(--muted,#9ca8bb);line-height:1.45}.phase-test-guide__head>span{flex:0 0 auto;border:1px solid rgba(121,224,161,.38);border-radius:999px;padding:.3rem .55rem;background:rgba(48,141,92,.13);color:#9ff0bd;font-size:.72rem;font-weight:800}.phase-test-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.phase-test-step{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.65rem;align-items:start;min-width:0;padding:.78rem;border:1px solid var(--border,#2d3648);border-radius:13px;background:rgba(11,18,31,.76);color:inherit;text-decoration:none}.phase-test-step:hover{border-color:rgba(111,231,212,.58);transform:translateY(-1px)}.phase-test-step__number{width:2rem;height:2rem;display:grid;place-items:center;border-radius:50%;background:rgba(99,102,241,.22);border:1px solid rgba(139,142,255,.45);font-weight:900}.phase-test-step__content{display:grid;gap:.2rem;min-width:0}.phase-test-step__content strong{overflow-wrap:normal;word-break:normal}.phase-test-step__content small{color:var(--muted,#9ca8bb);line-height:1.35}.phase-test-step__content em{width:max-content;max-width:100%;padding:.18rem .4rem;border-radius:999px;background:rgba(39,158,142,.15);color:#a7f3e8;font-size:.67rem;font-style:normal;font-weight:850;text-transform:uppercase;letter-spacing:.04em}.phase-test-guide details{margin-top:.75rem;padding-top:.65rem;border-top:1px dashed rgba(156,168,187,.25)}.phase-test-guide summary{cursor:pointer;color:var(--muted,#9ca8bb);font-weight:700}.authorization-requirement-list{display:grid;gap:.55rem}.authorization-requirement-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.85rem;align-items:center;min-width:0;padding:.78rem .85rem;border:1px solid var(--border,#2d3648);border-radius:12px;background:rgba(15,23,35,.66)}.authorization-requirement-list article>div{display:grid;gap:.22rem;min-width:0}.authorization-requirement-list article>div strong{min-width:0;overflow-wrap:normal;word-break:normal;hyphens:auto}.authorization-requirement-list article>div small{min-width:0;color:var(--muted,#9ca8bb)}.authorization-requirement-list article>div code{display:inline;max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.authorization-requirement-list article>span{width:auto;height:auto;min-width:max-content;white-space:nowrap;padding:.3rem .55rem;border:1px solid rgba(255,209,102,.32);border-radius:999px;background:rgba(155,111,24,.12);color:#ffd978;font-size:.73rem;font-weight:800}.authorization-requirement-list article>span.text-success{border-color:rgba(121,224,161,.33);background:rgba(48,141,92,.12);color:#91ebb1}.current-phase-link{position:relative;border-color:rgba(111,231,212,.48)!important;background:linear-gradient(135deg,rgba(39,158,142,.16),rgba(92,82,188,.12))!important}.current-phase-link:after{content:"NEU";margin-left:.42rem;padding:.12rem .32rem;border-radius:999px;background:rgba(62,214,188,.18);color:#a7f3e8;font-size:.62rem;font-weight:900;letter-spacing:.05em}.technical-checks-details{margin-top:.8rem;border:1px solid var(--border,#2d3648);border-radius:12px;background:rgba(8,13,22,.42)}.technical-checks-details summary{cursor:pointer;padding:.75rem .85rem;font-weight:800}.technical-checks-details>div{padding:0 .85rem .85rem}@media(max-width:900px){.phase-test-steps{grid-template-columns:1fr}.phase-test-guide__head{display:grid}.phase-test-guide__head>span{justify-self:start}}@media(max-width:620px){.authorization-requirement-list article{grid-template-columns:1fr}.authorization-requirement-list article>span{justify-self:start;min-width:0}.phase-test-guide{padding:.8rem}.phase-test-step{grid-template-columns:1.8rem minmax(0,1fr)}.phase-test-step__number{width:1.8rem;height:1.8rem}}

/* Corvyn 5.7.98.1 – Consolidated Master-TODO Reconciliation Apply */
.consolidated-reconciliation-apply{position:relative;overflow:hidden;border-color:rgba(251,191,36,.34);background:linear-gradient(145deg,rgba(65,43,12,.42),rgba(15,23,38,.98) 48%,rgba(20,51,55,.9))}.consolidated-reconciliation-apply:before{content:"";position:absolute;right:-120px;top:-150px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(251,191,36,.12),transparent 70%);pointer-events:none}.reconciliation-apply-form{display:grid;gap:1rem}.reconciliation-candidate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.reconciliation-candidate-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:start;padding:.85rem;border:1px solid var(--border,#2d3648);border-radius:14px;background:rgba(10,17,29,.72);cursor:pointer}.reconciliation-candidate-card:hover{border-color:rgba(251,191,36,.55);background:rgba(61,43,15,.32)}.reconciliation-candidate-card:has(input:checked){border-color:rgba(121,224,161,.58);box-shadow:0 0 0 1px rgba(121,224,161,.12) inset}.reconciliation-candidate-card input{width:1rem;height:1rem;margin-top:.22rem;accent-color:#79e0a1}.reconciliation-candidate-card>span{display:grid;gap:.3rem;min-width:0}.reconciliation-candidate-card small{color:var(--muted,#9ca8bb);overflow-wrap:anywhere}.reconciliation-status-change{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.reconciliation-status-change b{padding:.2rem .45rem;border:1px solid rgba(148,163,184,.25);border-radius:999px;background:rgba(15,23,42,.72);font-size:.75rem}.reconciliation-status-change i{font-style:normal;color:#ffd166}.reconciliation-confirmations{display:grid;gap:.65rem;margin-top:.8rem}.reconciliation-confirmations label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.65rem;align-items:start;padding:.7rem .75rem;border:1px solid var(--border,#2d3648);border-radius:12px;background:rgba(8,13,22,.5)}.reconciliation-confirmations input{width:1rem;height:1rem;margin-top:.18rem;accent-color:#79e0a1}.reconciliation-apply-submit{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid rgba(248,113,113,.34);border-radius:16px;background:rgba(91,28,35,.2)}.reconciliation-apply-submit>div{display:grid;gap:.25rem}.reconciliation-apply-submit small{color:var(--muted,#9ca8bb)}.btn.danger{border-color:rgba(248,113,113,.48);background:rgba(127,29,29,.42);color:#fecaca}.btn.danger:hover{background:rgba(153,27,27,.56);color:#fff}.reconciliation-last-result,.reconciliation-consistent-state,.reconciliation-blocked-state{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem 1rem;align-items:start;margin:1rem 0;padding:1rem;border-radius:15px;border:1px solid var(--border,#2d3648);background:rgba(8,13,22,.58)}.reconciliation-last-result.is-success,.reconciliation-consistent-state{border-color:rgba(121,224,161,.4);background:rgba(34,99,63,.16)}.reconciliation-last-result.is-warning,.reconciliation-blocked-state{border-color:rgba(251,191,36,.38);background:rgba(120,76,15,.14)}.reconciliation-last-result>div,.reconciliation-consistent-state>div{display:grid;gap:.25rem}.reconciliation-last-result>span,.reconciliation-consistent-state>span{white-space:nowrap;border:1px solid currentColor;border-radius:999px;padding:.35rem .6rem;font-size:.75rem;font-weight:800}.reconciliation-last-result dl{grid-column:1/-1;margin:0}.reconciliation-blocked-state{grid-template-columns:1fr}.reconciliation-apply-form input[type=text]{width:100%;padding:.8rem;border:1px solid var(--border,#2d3648);border-radius:.7rem;background:rgba(8,13,22,.8);color:inherit}@media(max-width:900px){.reconciliation-candidate-grid{grid-template-columns:1fr}.reconciliation-apply-submit{display:grid}.reconciliation-apply-submit .btn{justify-self:start}.reconciliation-last-result,.reconciliation-consistent-state{grid-template-columns:1fr}.reconciliation-last-result>span,.reconciliation-consistent-state>span{justify-self:start;white-space:normal}}

/* Corvyn 5.7.99 – read-only reconciliation closure */
.master-todo-reconciliation-closure {
    border-color: color-mix(in srgb, var(--success, #33b875) 42%, var(--border-color, #2d3748));
    background:
        radial-gradient(circle at top right, rgba(51, 184, 117, .10), transparent 34%),
        var(--panel-bg, rgba(15, 23, 42, .72));
}
.reconciliation-closure-success {
    border-color: rgba(51, 184, 117, .45) !important;
    background: rgba(24, 105, 72, .12) !important;
}
.reconciliation-closure-warning {
    border-color: rgba(235, 176, 52, .45) !important;
    background: rgba(120, 82, 14, .12) !important;
}
.master-todo-reconciliation-closure .authorization-requirement-list article {
    align-items: center;
}
@media (max-width: 720px) {
    .master-todo-reconciliation-closure .authorization-requirement-list article {
        grid-template-columns: minmax(0, 1fr);
    }
}


/* Phase 5.8.0: productive controlled single-file restore */
.recovery-tab-nav label b{margin-left:.45rem;padding:.2rem .42rem;border-radius:999px;background:rgba(251,191,36,.16);border:1px solid rgba(251,191,36,.34);color:#fde68a;font-size:.62rem;letter-spacing:.06em}
.recovery-single-file-restore{border-color:rgba(251,191,36,.24)!important;background:radial-gradient(circle at top right,rgba(251,191,36,.09),transparent 36%),rgba(255,255,255,.03)!important}
.recovery-5800-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:1rem 0}
.recovery-5800-steps article{display:grid;grid-template-columns:36px minmax(0,1fr);gap:.75rem;align-items:start;padding:1rem;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:rgba(2,6,23,.28)}
.recovery-5800-steps article>b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,rgba(251,191,36,.25),rgba(34,211,238,.18));border:1px solid rgba(251,191,36,.35);color:#fff}
.recovery-5800-steps article>span{display:grid;gap:.3rem;min-width:0}.recovery-5800-steps small{color:var(--muted,#9fb2d9);line-height:1.45}
.recovery-5800-notice{padding:1rem;border-radius:16px;margin:1rem 0;border:1px solid rgba(251,191,36,.35);background:rgba(120,75,10,.12)}.recovery-5800-notice p{color:var(--muted,#9fb2d9)}
.recovery-form.compact{display:flex;flex-wrap:wrap;align-items:center}.recovery-form.compact .btn-primary{width:auto}
.recovery-5800-preview-form{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(280px,1.3fr) auto;gap:.8rem;align-items:end;margin:1rem 0}.recovery-5800-preview-form label{display:grid;gap:.4rem}.recovery-5800-preview-form select,.recovery-5800-preview-form input{min-width:0;width:100%}
.recovery-5800-details{border:1px solid rgba(255,255,255,.09);border-radius:14px;background:rgba(2,6,23,.2);margin:.8rem 0}.recovery-5800-details summary{cursor:pointer;padding:.85rem 1rem;font-weight:850}.recovery-5800-candidate-list{display:grid;max-height:340px;overflow:auto;padding:0 .8rem .8rem;gap:.4rem}.recovery-5800-candidate-list a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;align-items:center;padding:.65rem .75rem;border:1px solid rgba(255,255,255,.07);border-radius:11px;color:inherit;text-decoration:none;background:rgba(255,255,255,.025)}.recovery-5800-candidate-list a:hover{border-color:rgba(34,211,238,.3)}.recovery-5800-candidate-list code{overflow-wrap:anywhere;word-break:break-word}.recovery-5800-candidate-list span{white-space:nowrap;font-size:.72rem;font-weight:850;padding:.25rem .45rem;border-radius:999px}.recovery-5800-candidate-list .is-different{color:#fde68a;background:rgba(251,191,36,.12);border:1px solid rgba(251,191,36,.28)}.recovery-5800-candidate-list .is-same{color:#bbf7d0;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.24)}
.recovery-5800-preview{margin-top:1rem;padding:1rem;border-radius:18px;border:1px solid rgba(34,197,94,.28);background:rgba(20,83,45,.1)}.recovery-5800-preview.is-error{border-color:rgba(248,113,113,.35);background:rgba(127,29,29,.1)}
.recovery-5800-hashes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.recovery-5800-hashes article{display:grid;gap:.35rem;padding:.8rem;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(2,6,23,.25);min-width:0}.recovery-5800-hashes span{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted,#9fb2d9);font-weight:850}.recovery-5800-hashes code{overflow-wrap:anywhere;word-break:break-all}.recovery-5800-hashes small{color:var(--muted,#9fb2d9)}
.recovery-5800-apply-form{display:grid;gap:.7rem;margin-top:1rem;padding:1rem;border:1px solid rgba(248,113,113,.25);border-radius:15px;background:rgba(127,29,29,.08)}.recovery-5800-apply-form>label{display:flex;align-items:flex-start;gap:.55rem;color:#e5e7eb}.recovery-5800-apply-form>label:has(input[type="text"]),.recovery-5800-apply-form>label:has(input:not([type])){display:grid}.recovery-5800-apply-form input[type="checkbox"]{margin-top:.2rem;flex:0 0 auto}.recovery-5800-apply-form .btn-primary.danger{background:linear-gradient(135deg,#b91c1c,#e11d48);border-color:rgba(248,113,113,.5)}
@media(max-width:1050px){.recovery-5800-preview-form{grid-template-columns:1fr 1fr}.recovery-5800-preview-form button{grid-column:1/-1}.recovery-5800-steps,.recovery-5800-hashes{grid-template-columns:1fr}}
@media(max-width:680px){.recovery-5800-preview-form{grid-template-columns:1fr}.recovery-5800-preview-form button{grid-column:auto}.recovery-5800-candidate-list a{grid-template-columns:1fr}.recovery-5800-candidate-list span{justify-self:start}}

/* Phase 5.8.1: productive controlled SQL table restore */
.recovery-sql-table-restore,
.productive-sql-table-restore-5810,
.corvyn-phase-5810-sql-table-restore {
    border-color: rgba(56, 189, 248, .28) !important;
    background:
        radial-gradient(circle at top right, rgba(56, 189, 248, .10), transparent 38%),
        rgba(255, 255, 255, .03) !important;
}
.recovery-sql-table-restore .recovery-5800-notice {
    border-color: rgba(56, 189, 248, .34);
    background: rgba(14, 89, 124, .12);
}
.recovery-sql-table-restore .recovery-5800-steps article > b {
    background: linear-gradient(135deg, rgba(56, 189, 248, .25), rgba(99, 102, 241, .20));
    border-color: rgba(56, 189, 248, .40);
}
.recovery-sql-table-restore .recovery-5800-preview {
    border-color: rgba(56, 189, 248, .32);
    background: rgba(14, 89, 124, .10);
}
.recovery-sql-table-restore .recovery-5800-candidate-list a {
    grid-template-columns: minmax(0, 1fr) auto auto;
}
.recovery-sql-table-restore .recovery-5800-candidate-list a small {
    color: var(--muted, #9fb2d9);
    white-space: nowrap;
}
@media (max-width: 760px) {
    .recovery-sql-table-restore .recovery-5800-candidate-list a {
        grid-template-columns: minmax(0, 1fr);
    }
    .recovery-sql-table-restore .recovery-5800-candidate-list a small,
    .recovery-sql-table-restore .recovery-5800-candidate-list a span {
        justify-self: start;
        white-space: normal;
    }
}

/* Corvyn 5.8.2 – productive Safe Mode */
.recovery-safe-mode-5820{border-color:rgba(251,191,36,.35);background:linear-gradient(145deg,rgba(15,23,42,.96),rgba(42,28,18,.78))}
.recovery-safe-mode-5820 .status-danger{background:rgba(220,38,38,.18);border-color:rgba(248,113,113,.55);color:#fecaca}
.recovery-safe-mode-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}
.recovery-safe-mode-status-grid article{min-width:0;padding:15px;border:1px solid rgba(148,163,184,.22);border-radius:14px;background:rgba(15,23,42,.72);display:grid;gap:6px}
.recovery-safe-mode-status-grid span{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8}
.recovery-safe-mode-status-grid strong{font-size:1.05rem;color:#f8fafc}
.recovery-safe-mode-status-grid small,.recovery-safe-mode-status-grid code{min-width:0;overflow-wrap:anywhere;color:#cbd5e1}
.recovery-safe-mode-5820 .safe-mode-activation-form,.recovery-safe-mode-5820 .safe-mode-deactivation-form{margin-top:18px}
.recovery-safe-mode-5820 .safe-mode-results-head{margin-top:24px}
.recovery-hero-card.is-active{border-color:rgba(248,113,113,.55);box-shadow:0 0 0 1px rgba(248,113,113,.12),0 18px 40px rgba(127,29,29,.18)}
@media(max-width:1050px){.recovery-safe-mode-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.recovery-safe-mode-status-grid{grid-template-columns:1fr}.recovery-safe-mode-5820 .recovery-5800-apply-form{padding:14px}}

/* 5.8.2.1 – Safe-Mode role compatibility diagnostics */
.recovery-5800-notice.is-success{border-color:rgba(52,211,153,.45);background:rgba(16,105,78,.16)}
.recovery-5800-notice.is-error{border-color:rgba(248,113,113,.45);background:rgba(127,29,29,.16)}
.recovery-5800-notice code{overflow-wrap:anywhere}

/* Corvyn 5.8.3 – Recovery Integration & Acceptance */
.recovery-integration-acceptance-5830{border-color:rgba(50,213,131,.34)}
.recovery-integration-stage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:16px 0}
.recovery-integration-stage-grid article{display:grid;gap:6px;min-width:0;padding:14px;border:1px solid var(--border);border-radius:14px;background:rgba(0,0,0,.16)}
.recovery-integration-stage-grid span{color:var(--muted);font-size:12px}
.recovery-integration-stage-grid strong{font-size:14px;overflow-wrap:anywhere}
.recovery-integration-stage-grid small,.recovery-integration-checks strong{justify-self:start;border-radius:999px;padding:5px 9px;background:rgba(255,255,255,.06)}
.recovery-integration-checks{display:grid;gap:8px;margin:16px 0}
.recovery-integration-checks>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:12px;background:rgba(0,0,0,.14)}
.recovery-integration-checks span{min-width:0;overflow-wrap:anywhere}
.recovery-integration-checks .is-ready,.recovery-integration-stage-grid .is-ready{color:var(--success)}
.recovery-integration-checks .is-blocked,.recovery-integration-stage-grid .is-blocked{color:var(--danger)}
@media(max-width:720px){.recovery-integration-checks>div{grid-template-columns:1fr}.recovery-integration-checks strong{justify-self:start}}

/* Corvyn 5.8.4 – productive private quarantine release */
.productive-quarantine-release-5840{border-color:rgba(83,207,166,.42);background:linear-gradient(145deg,rgba(21,58,51,.48),rgba(15,24,38,.96))}
.productive-quarantine-release-5840 .panel-head{align-items:flex-start}
.quarantine-release-execution-form{display:grid;gap:14px;margin-top:18px;padding:18px;border:1px solid rgba(92,126,159,.45);border-radius:16px;background:rgba(8,15,25,.62)}
.quarantine-release-execution-form>label:not(.check-row){display:grid;gap:7px}
.quarantine-release-execution-form input[type="text"]{width:100%;min-width:0}
.quarantine-release-binding-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.quarantine-release-binding-grid article{min-width:0;padding:13px;border:1px solid rgba(88,118,149,.38);border-radius:13px;background:rgba(16,28,43,.76)}
.quarantine-release-binding-grid span{display:block;margin-bottom:6px;color:var(--muted,#9eabba);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}
.quarantine-release-binding-grid code{display:block;max-width:100%;overflow-wrap:anywhere;word-break:break-word;font-size:.78rem}
.productive-quarantine-release-5840 .check-row{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid rgba(72,104,136,.32);border-radius:12px;background:rgba(15,27,41,.62)}
.productive-quarantine-release-5840 .check-row input{flex:0 0 auto;margin-top:3px}
.productive-quarantine-release-5840 .btn[disabled]{opacity:.48;cursor:not-allowed}
@media(max-width:900px){.quarantine-release-binding-grid{grid-template-columns:1fr}}