:root{color-scheme:dark;--bg:#11151c;--panel:#1b2230;--panel2:#242d3d;--text:#eef2f7;--muted:#aab5c5;--accent:#c7a45a;--danger:#d86c6c;--ok:#67b88b;--line:#354157}*{box-sizing:border-box}body{margin:0;background:linear-gradient(160deg,#0e1218,#151b25 65%);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}.topbar{display:flex;align-items:center;gap:22px;padding:14px 24px;background:#0c1017e8;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;backdrop-filter:blur(10px)}.brand{font-size:22px;font-weight:800;color:var(--accent);text-decoration:none}.brand small{font-size:11px;color:var(--muted)}nav{display:flex;gap:14px;flex:1;flex-wrap:wrap}nav a,.link-button{color:var(--text);text-decoration:none;background:none;border:0;cursor:pointer;font:inherit}.logout-form{margin:0}.container{max-width:1400px;margin:0 auto;padding:30px 24px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px;box-shadow:0 12px 36px #0004}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:18px 0}.card strong{display:block;font-size:1.45rem}.eyebrow,.muted{color:var(--muted);font-size:.9rem}.round-grid,.group-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.round{display:flex;flex-direction:column;gap:5px;background:var(--panel2);border-radius:10px;padding:14px}.badge{align-self:flex-start;background:#3b475e;padding:3px 8px;border-radius:20px;font-size:.75rem}.page-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.filters{display:flex;gap:8px}.button{display:inline-block;border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:9px 14px;border-radius:8px;text-decoration:none;cursor:pointer}.button.primary{background:var(--accent);color:#17120a;border-color:var(--accent);font-weight:700}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;background:var(--panel)}th,td{padding:11px 13px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{background:var(--panel2)}.form-stack{display:flex;flex-direction:column;gap:16px;max-width:900px}.form-stack label{display:flex;flex-direction:column;gap:6px;font-weight:600}input,select,textarea{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#111823;color:var(--text);font:inherit}textarea{resize:vertical}.inline{flex-direction:row!important;align-items:center}.inline input{width:auto}.separator{text-align:center;color:var(--muted);position:relative}.select-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.flash,.notice{padding:12px 14px;border-radius:9px;margin-bottom:14px;background:#32405a}.flash.success{background:#1f5138}.flash.danger{background:#5b2929}.two-col{display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,1fr);gap:18px}.clean-list{list-style:none;padding:0}.clean-list li{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0}.login-card{max-width:420px;margin:10vh auto}.login-card form{display:flex;flex-direction:column;gap:16px}@media(max-width:760px){.topbar{align-items:flex-start;flex-wrap:wrap}.container{padding:20px 12px}.two-col{grid-template-columns:1fr}th,td{padding:9px}.brand{width:100%}}
.button-row{display:flex;gap:10px;flex-wrap:wrap}.button.compact{padding:6px 10px;font-size:.9rem}.section-gap{margin-top:18px}.status{display:inline-block;padding:3px 8px;border-radius:20px;font-size:.8rem;background:#3b475e}.status.ok{background:#1f5138}.status.warning{background:#665125}.resolve-form{display:flex;gap:8px;align-items:center;margin-bottom:7px}.resolve-form select{min-width:230px}.compact-form{max-width:620px}.guild-list{display:grid;gap:14px}.guild-card{padding:18px 22px}.guild-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.guild-heading h2{margin:0}.alias-list{display:grid;gap:8px}.alias-row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;border-top:1px solid var(--line)}.alias-row div{display:flex;gap:12px;align-items:baseline}.danger-button{border-color:#874747;color:#f1b3b3}code{background:#111823;border:1px solid var(--line);border-radius:5px;padding:2px 6px}@media(max-width:760px){.resolve-form{align-items:stretch;flex-direction:column}.resolve-form select{min-width:0}.alias-row,.guild-heading{align-items:stretch;flex-direction:column}.alias-row div{align-items:flex-start;flex-direction:column;gap:2px}}
.search-card{max-width:820px}.search-row{display:flex;gap:10px;align-items:center}.search-row input{flex:1}.edit-panel{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.edit-panel summary{list-style:none;width:max-content}.edit-panel summary::-webkit-details-marker{display:none}.inline-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:end}.inline-form label{display:flex;flex-direction:column;gap:6px;font-weight:600}
@media(max-width:760px){.search-row,.inline-form{display:flex;align-items:stretch;flex-direction:column}.edit-panel summary{width:100%;text-align:center}}
.edit-action-row{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}.readonly-alias-row{justify-content:flex-start}.readonly-alias-row div{width:100%}

/* 0.1.1a3 – Gruppenuebersicht ohne innere Slider */
.group-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:18px;align-items:start}
@media(min-width:1180px){.group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.group-page-head{align-items:flex-start}.page-subtitle{margin-top:-10px}.group-round-tabs{margin:.35rem 0 .4rem}.group-round-period{margin:.15rem 0 1rem}.group-card-overview{min-width:0}.missing-top50-card{grid-column:1/-1}.missing-top50-table{max-width:900px}.group-table-wrap{border:1px solid var(--line);border-radius:12px;overflow:visible}.group-table{table-layout:fixed}.group-table th{white-space:nowrap;overflow-wrap:normal;word-break:normal}.group-table td{white-space:normal;overflow-wrap:break-word;word-break:normal}.group-table .col-place{width:58px}.group-table .col-guild{width:auto}.group-table .col-points{width:146px}.group-table .points{text-align:right;white-space:nowrap}.muted-row td{color:var(--muted)}.subtle-note{display:inline-block;margin-left:6px;color:var(--muted);font-size:.78rem}.danger-zone{border-color:#684343}.group-chart{margin-top:14px;border-top:1px solid var(--line);padding-top:12px}.group-chart summary{cursor:pointer;color:var(--accent);font-weight:700}.group-chart-svg{display:block;width:100%;height:270px;margin-top:10px;background:#111823;border:1px solid var(--line);border-radius:10px}.chart-axis,.chart-tick{stroke:#526079;stroke-width:.42}.chart-label{fill:var(--muted);font-size:4px;text-anchor:middle}.chart-line{fill:none;stroke:var(--series-color);stroke-width:.5;stroke-linecap:round;stroke-linejoin:round}.chart-point{fill:var(--series-color);stroke:#111823;stroke-width:.35}.chart-line-0{--series-color:#d7b56c}.chart-line-1{--series-color:#7fb4ff}.chart-line-2{--series-color:#7bd1a7}.chart-line-3{--series-color:#f28f8f}.chart-line-4{--series-color:#c59cff}.chart-line-5{--series-color:#f5a65b}.chart-line-6{--series-color:#6bd4d9}.chart-line-7{--series-color:#e6e6e6}
@media(max-width:760px){.group-table .col-place{width:42px}.group-table .col-points{width:112px}.group-table th,.group-table td{font-size:.9rem;padding:8px}.group-chart-svg{height:210px}}


/* 0.1.1a7 – kleine Bedienhilfen und Rollenverwaltung */
.group-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.group-card-title-row h2{margin-bottom:0}.missing-copy-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.copy-feedback{min-height:1.2em}.user-role-panel{border-top:1px solid rgba(255,255,255,.08);padding-top:.8rem}.user-role-form{margin-top:.6rem}
@media(max-width:760px){.group-card-title-row .button,.missing-copy-tools .button{width:100%;text-align:center}.missing-copy-tools,.missing-copy-tools .button-row{width:100%}.user-role-form{display:flex;flex-direction:column;align-items:stretch}}

/* 0.1.2a11 – Kopfzeile, Navigationsgruppen und Ausgaben-Schaltzentrale */
body{background:radial-gradient(circle at top left,#182131 0,#11151c 32%,#0e1218 100%)}
.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:16px 24px;background:rgba(9,12,18,.94);border-bottom:1px solid rgba(199,164,90,.22);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}
.brand-block{display:flex;align-items:center;gap:16px;min-width:0;flex-shrink:0}
.brand-logo-link{display:block;line-height:0}
.brand-logo{display:block;width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(0,0,0,.35))}
.brand-copy{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0}
.brand-title{font-size:1.4rem;font-weight:800;color:var(--text);text-decoration:none;letter-spacing:.02em}
.brand-meta{color:var(--accent);font-size:.92rem;font-weight:600;white-space:nowrap}
.topbar-shell{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex:1;min-width:0}
.main-nav{display:flex;gap:18px;flex-wrap:wrap;align-items:stretch;flex:1;min-width:0}
.main-nav .nav-group{display:flex;flex-direction:column;gap:8px;padding:10px 12px 12px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:linear-gradient(180deg,rgba(36,45,61,.82),rgba(19,24,33,.92));min-width:min(100%,280px)}
.main-nav .nav-group-admin{background:linear-gradient(180deg,rgba(53,65,87,.86),rgba(24,30,41,.96))}
.nav-group-label{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:var(--accent);font-weight:800;padding-left:2px}
.nav-group-links{display:flex;flex-wrap:wrap;gap:8px}
.main-nav .nav-link{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(10,13,18,.22);color:var(--text);font-weight:600;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}
.main-nav .nav-link:hover{background:rgba(199,164,90,.12);border-color:rgba(199,164,90,.28);transform:translateY(-1px)}
.main-nav .nav-link.active{background:linear-gradient(180deg,rgba(199,164,90,.9),rgba(164,132,67,.95));border-color:rgba(199,164,90,.9);color:#17120a;box-shadow:0 10px 18px rgba(0,0,0,.18)}
.topbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.topbar-action-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.05);color:var(--text);text-decoration:none}
.topbar-action-link:hover{background:rgba(255,255,255,.09)}
.logout-form{margin:0}
.link-button.topbar-action-link{padding:8px 14px}
.container{max-width:1480px;padding:28px 24px 36px}
.page-subtitle{margin:.35rem 0 0 0}
.subtabs{display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0 1.15rem}
.subtabs .subtab{display:inline-flex;align-items:center;min-height:40px;padding:.6rem .95rem;border-radius:.85rem;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:var(--text);text-decoration:none;font-weight:700}
.subtabs .subtab.active{background:rgba(199,164,90,.16);border-color:rgba(199,164,90,.5);color:#f0d8a0}
.output-card-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:0}
.output-overview-card{display:flex;flex-direction:column;gap:12px}
.output-overview-card h2{margin:0}
.output-overview-card p{margin:0;flex:1}
.output-overview-note ul,.output-feature-box ul{margin:0;padding-left:1.15rem}
.output-overview-note li,.output-feature-box li{margin:.35rem 0}
.output-detail-card{display:grid;gap:18px}
.output-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:var(--accent);font-weight:800}
.output-detail-card h2{margin:0}
.output-detail-card p{margin:0}
.output-image-frame{border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#101621;padding:16px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.output-hero-image{display:block;width:100%;height:auto;border-radius:12px}
.output-construction-banner{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:.55rem 1rem;border-radius:999px;background:rgba(199,164,90,.16);border:1px solid rgba(199,164,90,.38);color:#f0d8a0;font-weight:800;letter-spacing:.08em}
.output-feature-box{padding:18px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.03)}
.output-feature-box h3{margin-top:0}

@media(max-width:1160px){
  .topbar{flex-direction:column;align-items:stretch}
  .topbar-shell{flex-direction:column;align-items:stretch}
  .topbar-actions{justify-content:flex-start}
}
@media(max-width:760px){
  .topbar{padding:14px 14px 16px}
  .brand-block{align-items:flex-start}
  .brand-logo{width:58px;height:58px}
  .brand-title{font-size:1.15rem}
  .brand-meta{font-size:.82rem;white-space:normal}
  .main-nav{gap:12px}
  .main-nav .nav-group{width:100%;min-width:0}
  .main-nav .nav-link,.topbar-action-link,.subtabs .subtab{width:100%;justify-content:center}
  .nav-group-links{display:grid;grid-template-columns:1fr;gap:8px}
  .subtabs{display:grid;grid-template-columns:1fr}
  .container{padding:20px 12px 28px}
}

/* 0.1.3a2 – kompakter Desktop-Header und Gruppenpflege */
@media(min-width:1161px){
  .topbar{align-items:center;gap:14px;padding:10px 16px}
  .brand-block{gap:10px;min-width:310px}
  .brand-logo{width:58px;height:58px}
  .brand-title{font-size:1.22rem;line-height:1.15}
  .brand-meta{font-size:.82rem}
  .topbar-shell{align-items:center;gap:12px}
  .main-nav{flex-wrap:nowrap;gap:10px;align-items:center}
  .main-nav .nav-group{min-width:0;gap:5px;padding:7px 8px 8px;border-radius:12px}
  .nav-group-label{font-size:.64rem;letter-spacing:.12em}
  .nav-group-links{flex-wrap:nowrap;gap:5px}
  .main-nav .nav-link{min-height:34px;padding:6px 9px;border-radius:9px;font-size:.86rem;white-space:nowrap}
  .topbar-actions{flex-wrap:nowrap;gap:7px}
  .topbar-action-link{min-height:36px;padding:6px 10px;font-size:.88rem;white-space:nowrap}
  .link-button.topbar-action-link{padding:6px 10px}
}
@media(min-width:1161px) and (max-width:1500px){
  .brand-block{min-width:270px}
  .brand-logo{width:52px;height:52px}
  .brand-title{font-size:1.08rem}
  .brand-meta{font-size:.76rem}
  .main-nav{gap:7px}
  .main-nav .nav-group{padding:6px}
  .main-nav .nav-link{padding:6px 7px;font-size:.8rem}
  .topbar-action-link{padding:6px 8px;font-size:.8rem}
}

/* 0.1.3a3 – kompaktere Hauptnavigation und gebündelte Unterbereiche */
.main-nav{gap:12px}
.main-nav .nav-group{padding:8px 10px 10px;min-width:0}
.nav-group-links{gap:6px}
.main-nav .nav-link{min-height:34px;padding:7px 10px;font-size:.94rem}
.topbar-actions{gap:7px}
.topbar-action-link{min-height:36px;padding:7px 11px;font-size:.92rem}
.admin-area-tabs{margin-top:.75rem}

@media(max-width:1380px){
  .topbar{flex-wrap:wrap}
  .topbar-shell{flex-basis:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}
  .main-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .main-nav .nav-group{width:100%}
}
@media(max-width:980px){
  .topbar-shell{grid-template-columns:1fr}
  .main-nav{grid-template-columns:1fr 1fr}
  .main-nav .nav-group-admin{grid-column:1/-1}
  .topbar-actions{justify-content:flex-start}
}
@media(max-width:700px){
  .main-nav{grid-template-columns:1fr}
  .main-nav .nav-group-admin{grid-column:auto}
}

/* 0.1.3a4 – stabile Navigationsinseln und eigenständige Einstellungen */
@media (min-width:761px) and (max-width:1580px){
  .topbar{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:10px 16px;
    padding:10px 16px 12px;
  }
  .brand-block{
    grid-column:1;
    grid-row:1;
    min-width:0;
  }
  .topbar-shell{
    display:contents;
  }
  .main-nav{
    grid-column:1/-1;
    grid-row:2;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    width:100%;
    min-width:0;
  }
  .main-nav .nav-group{
    width:100%;
    min-width:0;
    max-width:none;
    overflow:visible;
  }
  .nav-group-links{
    display:flex;
    flex-wrap:wrap;
    min-width:0;
  }
  .main-nav .nav-link{
    flex:0 1 auto;
    max-width:100%;
  }
  .topbar-actions{
    grid-column:2;
    grid-row:1;
    justify-content:flex-end;
    align-self:center;
  }
}
@media (min-width:761px) and (max-width:1040px){
  .main-nav{
    grid-template-columns:1fr 1fr;
  }
  .main-nav .nav-group-admin{
    grid-column:1/-1;
  }
}
@media (max-width:760px){
  .topbar{
    display:flex;
  }
  .topbar-shell{
    display:flex;
  }
}

/* Snapshot-Verwaltung */
.snapshot-info-card { margin-bottom: 1rem; }
.snapshot-actions { display: flex; flex-wrap: wrap; gap: .45rem; align-items: center; }
.snapshot-actions form { margin: 0; }
.snapshot-actions .button { white-space: nowrap; }
.button.danger { background: #7d2828; border-color: #a53b3b; }
.button.danger:hover { background: #963131; }
@media (max-width: 900px) {
  .snapshot-actions { align-items: stretch; flex-direction: column; }
  .snapshot-actions .button { width: 100%; text-align: center; }
}

.output-ratatoskr-intro{display:grid;gap:14px}
.output-ratatoskr-intro h2,.output-ratatoskr-intro p{margin:0}
.output-ratatoskr-grid,.output-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0}
.output-settings-form{display:grid;gap:16px}
.output-settings-form label{display:grid;gap:8px}
.output-number-row{display:flex;align-items:center;gap:10px}
.output-number-row input{max-width:120px}
.output-status-list{display:grid;gap:0;margin:0}
.output-status-list div{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,1.4fr);gap:12px;padding:.7rem 0;border-bottom:1px solid rgba(255,255,255,.08)}
.output-status-list dt{font-weight:700}
.output-status-list dd{margin:0;overflow-wrap:anywhere}
.output-revision{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}
.output-preview-grid{margin:0}
.output-preview-grid h3{margin:.4rem 0}
@media(max-width:760px){.output-ratatoskr-grid,.output-preview-grid{grid-template-columns:1fr}.output-status-list div{grid-template-columns:1fr}.output-status-list dd{padding-bottom:.25rem}}

/* 0.1.4a7 – kompakteste Gruppenansicht, Archiv und robuste Breiten */
.group-card-overview{padding:16px 16px 12px}
.group-card-overview .group-card-title-row{gap:8px;align-items:center}
.group-card-overview .group-card-title-row h2{margin:0;font-size:1.18rem;line-height:1.25}
.group-card-overview>.muted{margin:.28rem 0 .62rem;font-size:.78rem;line-height:1.3}
.group-card-overview .button.compact{padding:5px 9px;font-size:.78rem}
.group-table-wrap{border-radius:9px}
.group-table .col-place{width:48px}
.group-table .col-points{width:132px}
.group-table th,.group-table td{padding:.48rem .58rem;font-size:.84rem;line-height:1.25;vertical-align:middle}
.group-table .guild-cell{overflow-wrap:normal;word-break:normal;hyphens:none}
.group-chart{margin-top:8px;padding-top:8px}
.group-chart summary{font-size:.8rem}
.group-grid{gap:12px}

@media(min-width:1180px) and (max-width:1479px){
  .group-grid{grid-template-columns:1fr}
}
@media(min-width:1480px){
  .group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

.group-archive-list{display:grid;gap:16px;margin-top:18px}
.group-archive-section{padding:18px}
.group-archive-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}
.group-archive-heading h2,.group-archive-heading p{margin:0}
.group-archive-rounds{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}
.group-archive-round{display:grid;gap:3px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025);color:var(--text);text-decoration:none}
.group-archive-round:hover{border-color:rgba(199,164,90,.5);background:rgba(199,164,90,.08)}
.group-archive-round-title{font-weight:800;color:var(--accent)}
.group-archive-round-meta{font-size:.78rem;color:var(--muted)}

@media(max-width:700px){
  .group-card-overview{padding:14px 12px 10px}
  .group-card-title-row .button{width:auto;text-align:center}
  .group-table-wrap{overflow:visible;border:0}
  .group-table{display:block;background:transparent}
  .group-table colgroup,.group-table thead{display:none}
  .group-table tbody{display:grid;gap:7px}
  .group-table tr{display:grid;grid-template-columns:2.2rem minmax(0,1fr);gap:.18rem .55rem;padding:.58rem .62rem;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.018)}
  .group-table td{display:block;padding:0;border:0;white-space:normal;text-align:left;font-size:.86rem}
  .group-table .place-cell{grid-column:1;grid-row:1 / span 3;color:var(--accent);font-weight:800}
  .group-table .guild-cell{grid-column:2;grid-row:1;font-weight:700;overflow-wrap:normal;word-break:normal;hyphens:none}
  .group-table .points-cell,.group-table .forecast-cell{grid-column:2;text-align:left;white-space:normal;color:var(--muted);font-size:.8rem}
  .group-table .points-cell::before,.group-table .forecast-cell::before{content:attr(data-label) ": ";font-weight:700;color:var(--text)}
  .group-archive-heading{flex-direction:column;gap:8px}
}


/* 0.1.4a8 – Aktualitätsinseln, Login-Komfort und Rundenstatus */
.data-status-island{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .9rem;width:max-content;max-width:100%;margin:.45rem 0 .85rem;padding:.38rem .68rem;border:1px solid rgba(199,164,90,.34);border-radius:9px;background:rgba(199,164,90,.10);color:#e8d6ad;font-size:.78rem;line-height:1.35;box-shadow:0 5px 16px rgba(0,0,0,.10)}
.data-status-island span{display:inline-flex;gap:.25rem;align-items:baseline}
.data-status-island strong{font-size:inherit;color:#f0d8a0}
.group-data-status{margin-top:.2rem}

.login-card form>label:not(.inline){display:grid;gap:6px;font-weight:600}
.password-field{position:relative;display:block}
.password-field input{padding-right:46px}
.password-visibility-toggle{position:absolute;top:50%;right:6px;display:grid;place-items:center;width:34px;height:34px;padding:0;transform:translateY(-50%);border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer}
.password-visibility-toggle:hover,.password-visibility-toggle:focus-visible{background:rgba(255,255,255,.07);color:var(--text);outline:1px solid rgba(199,164,90,.45)}
.password-eye{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.password-eye-closed{display:none}
.password-visibility-toggle.is-visible .password-eye-open{display:none}
.password-visibility-toggle.is-visible .password-eye-closed{display:block}

.badge{border:1px solid transparent}
.badge-completed{background:rgba(75,145,105,.22);border-color:rgba(103,184,139,.36);color:#a9dfbf}
.badge-active{background:rgba(199,164,90,.22);border-color:rgba(199,164,90,.44);color:#f0d8a0}
.badge-planned{background:rgba(91,113,148,.24);border-color:rgba(126,151,190,.30);color:#bdcbe0}

@media(max-width:760px){
  .data-status-island{display:grid;width:100%;gap:.25rem;font-size:.76rem}
  .data-status-island span{display:block}
}

/* 0.1.4a9 – historisches GG-Archiv von Eli · Hellfire */
.archive-credit-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:center;margin:16px 0 20px;padding:18px 20px;border:1px solid rgba(199,164,90,.48);border-radius:14px;background:linear-gradient(135deg,rgba(199,164,90,.16),rgba(199,164,90,.055));box-shadow:0 14px 34px rgba(0,0,0,.18)}
.archive-credit-card.compact{padding:13px 16px;margin:14px 0 18px}
.archive-transition-card{margin:2px 0 0}
.archive-credit-card h2,.archive-credit-card p{margin:0}
.archive-credit-card h2{font-size:1.12rem;color:#f3ddb0}
.archive-credit-card p{margin-top:.28rem;color:#d4c9b2;font-size:.9rem}
.archive-credit-mark{display:grid;place-items:center;min-width:118px;min-height:56px;padding:8px 12px;border-radius:10px;background:rgba(199,164,90,.20);border:1px solid rgba(199,164,90,.42);color:#f4d995;font-weight:800;text-align:center;letter-spacing:.02em}
.historical-archive-section{border-color:rgba(199,164,90,.30)}
.archive-title-link{color:var(--text);text-decoration:none}
.archive-title-link:hover{color:var(--accent)}
.archive-section-subtitle{margin:.35rem 0 0;color:#d6c7a8;font-size:.86rem}
.archive-source-line{margin:.5rem 0 0;color:#d5b875;font-size:.78rem;font-weight:700}
.archive-source-badge{background:rgba(199,164,90,.20);border:1px solid rgba(199,164,90,.42);color:#f1d498}
.group-archive-summary-link{display:grid;gap:3px;padding:13px 15px;border:1px solid rgba(199,164,90,.34);border-radius:10px;background:rgba(199,164,90,.07);color:var(--accent);text-decoration:none;font-weight:800}
.group-archive-summary-link:hover{background:rgba(199,164,90,.13)}
.group-archive-summary-link .muted{font-weight:400}
.archive-method-note{margin:18px 0;color:var(--muted);font-size:.82rem}
.archive-method-note summary{cursor:pointer;color:#c9b98f;font-weight:700}
.historical-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}
.historical-section-head h2,.historical-section-head p{margin:0}
.historical-warning-list{display:grid;gap:8px;margin:0 0 16px}
.historical-warning{margin:0;background:rgba(102,81,37,.55);border:1px solid rgba(199,164,90,.24);font-size:.86rem}
.historical-standing-card,.historical-round-overview{margin-top:16px}
.historical-table-wrap th,.historical-table-wrap td{white-space:normal}
.historical-standing-table td:nth-child(2){min-width:240px}
.historical-summary-only{padding:14px;border:1px dashed rgba(199,164,90,.34);border-radius:10px;background:rgba(199,164,90,.05)}
.historical-summary-only p{margin:.35rem 0 0}
.historical-source-island{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 1rem;width:max-content;max-width:100%;margin:.4rem 0 1rem;padding:.48rem .72rem;border:1px solid rgba(199,164,90,.38);border-radius:9px;background:rgba(199,164,90,.10);color:#dfcfad;font-size:.8rem}
.historical-source-island strong{color:#f0d18e}
.historical-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.historical-group-card{padding:16px}
.historical-group-card h2,.historical-group-card p{margin:0}
.historical-alias{display:inline-block;margin-left:.38rem;padding:.08rem .36rem;border-radius:999px;background:rgba(255,255,255,.06);color:var(--muted);font-size:.68rem;font-weight:700;vertical-align:middle}
.historical-measurements{margin-top:9px;padding-top:8px;border-top:1px solid rgba(255,255,255,.07)}
.historical-measurements summary{cursor:pointer;color:#d9c48f;font-size:.8rem;font-weight:700}
.historical-measurement-wrap{overflow:auto;margin-top:9px;border:1px solid var(--line);border-radius:9px}
.historical-measurement-table{min-width:max-content}
.historical-measurement-table th,.historical-measurement-table td{padding:.42rem .55rem;font-size:.76rem}
.historical-measurement-table th:first-child,.historical-measurement-table td:first-child{position:sticky;left:0;z-index:1;background:var(--panel2)}
.historical-measurement-table td:first-child{background:var(--panel)}
.historical-measurement-note{margin:.5rem 0 0;font-size:.74rem}
.historical-unassigned-card{margin-top:16px}

@media(max-width:1179px){
  .historical-group-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .archive-credit-card{grid-template-columns:1fr;padding:15px}
  .archive-credit-mark{min-width:0;min-height:0;width:max-content;max-width:100%}
  .historical-section-head{flex-direction:column;gap:8px}
  .historical-source-island{display:grid;width:100%}
  .historical-group-card{padding:13px 11px}
  .historical-standing-table td:nth-child(2){min-width:0}
}

/* 0.1.4a11 – geschützte TG-Homepage-Vorschau */
.topbar-preview-link{background:linear-gradient(180deg,rgba(199,164,90,.95),rgba(156,123,57,.96));border-color:rgba(224,194,126,.82);color:#17120a;font-weight:800;box-shadow:0 7px 18px rgba(0,0,0,.22)}
.topbar-preview-link:hover{background:linear-gradient(180deg,rgba(222,190,120,.98),rgba(181,144,70,.98));border-color:#efd59d;color:#17120a}

/* 0.2.0a1 – Web-Einbindungen, Varianten und Besucherhinweise */
.web-output-admin-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}
.web-output-admin-intro h2,.web-output-admin-intro p{margin:.25rem 0 0}
.web-output-status-badges{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.web-output-security-note{margin-bottom:16px;border-color:rgba(199,164,90,.34);background:rgba(199,164,90,.08)}
.web-output-security-note h2,.web-output-security-note p{margin:0}
.web-output-security-note p{margin-top:.5rem}
.web-output-variant-section{margin-top:16px}
.web-output-variant-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}
.web-output-variant-head h2,.web-output-variant-head p{margin:.25rem 0 0}
.web-embed-list{display:grid;gap:14px;margin-top:14px}
.web-embed-item{padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.025)}
.web-embed-item.featured{border-color:rgba(199,164,90,.5);background:linear-gradient(135deg,rgba(199,164,90,.1),rgba(255,255,255,.025));box-shadow:inset 0 0 0 1px rgba(199,164,90,.06)}
.web-embed-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.web-embed-item-head h3,.web-embed-item-head p{margin:0}
.web-embed-item-head p{margin-top:.35rem}
.web-embed-field-group{display:grid;gap:6px;margin-top:13px}
.web-embed-field-group label{font-size:.78rem;font-weight:800;color:#d9c48f;text-transform:uppercase;letter-spacing:.04em}
.web-embed-copy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}
.web-embed-code-field{width:100%;min-width:0;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:#0b1018;color:#dce5f2;font:600 .82rem/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;padding:.65rem .75rem;resize:vertical}
.web-embed-code-field:focus{outline:2px solid rgba(199,164,90,.38);outline-offset:1px}
.web-embed-copy-row .button{align-self:stretch;white-space:nowrap}
.web-copy-feedback{min-height:1.3em;margin:12px 0 0;text-align:right}
.web-output-handoff-card{margin-top:16px}
.web-output-handoff-card h2{margin-top:0}

body.web-output-preview{min-height:100vh;background:linear-gradient(160deg,#0d1219,#151c27 68%);display:flex;flex-direction:column}
.web-preview-header{position:sticky;top:0;z-index:5;background:rgba(10,14,20,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.web-preview-header-main{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px clamp(16px,4vw,44px) 9px}
.web-preview-brand{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}
.web-preview-brand strong{font-size:1.12rem;color:#f0d8a0;white-space:nowrap}
.web-preview-test-badge,.web-preview-variant-badge{display:inline-flex;align-items:center;padding:.26rem .62rem;border-radius:999px;font-size:.74rem;font-weight:800;letter-spacing:.04em}
.web-preview-test-badge{border:1px solid rgba(199,164,90,.46);background:rgba(199,164,90,.14);color:#f0d8a0}
.web-preview-variant-badge{border:1px solid rgba(126,158,199,.42);background:rgba(126,158,199,.12);color:#c8dbf3}
.web-output-variant-tg .web-preview-variant-badge{border-color:rgba(199,164,90,.34);background:rgba(199,164,90,.08);color:#e8d29e}
.web-preview-nav{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.web-preview-nav a{display:inline-flex;align-items:center;padding:.55rem .82rem;border-radius:.75rem;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:var(--text);text-decoration:none;font-weight:700}
.web-preview-nav a:hover,.web-preview-nav a.active{border-color:rgba(199,164,90,.52);background:rgba(199,164,90,.14);color:#f0d8a0}
.web-preview-update{display:flex;align-items:center;gap:.45rem;padding:7px clamp(16px,4vw,44px) 9px;border-top:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.018);color:#cbd5e3;font-size:.82rem}
.web-preview-update strong{color:#e9cf91}
.web-preview-container{width:100%;flex:1}
.web-preview-footer{padding:18px 24px;text-align:center;color:var(--muted);font-size:.82rem;border-top:1px solid rgba(255,255,255,.08);background:rgba(10,14,20,.72)}
.web-preview-welcome{max-width:920px;margin:clamp(28px,6vh,72px) auto;display:grid;gap:20px}
.web-preview-welcome-copy{padding:clamp(20px,4vw,34px);border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:0 16px 44px rgba(0,0,0,.28)}
.web-preview-welcome-copy h1{margin:.25rem 0 .65rem;font-size:clamp(2rem,5vw,3.4rem);line-height:1.08}
.web-preview-lead{margin:0;font-size:clamp(1rem,2.2vw,1.18rem);color:#dbe3ef}
.web-preview-notice-list{display:grid;gap:12px}
.web-preview-notice-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:clamp(18px,3vw,26px);border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 12px 32px rgba(0,0,0,.2)}
.web-preview-notice-item h2,.web-preview-notice-item p{margin:0}
.web-preview-notice-item p{margin-top:.5rem;color:#d6deea}
.web-preview-notice-number{display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;border:1px solid rgba(199,164,90,.46);background:rgba(199,164,90,.13);color:#efd49a;font-weight:900}
.web-preview-credit{border-color:rgba(199,164,90,.48);background:linear-gradient(135deg,rgba(199,164,90,.15),rgba(27,34,48,.94))}
.web-preview-entry-actions{display:flex;gap:12px;flex-wrap:wrap}
.web-preview-primary-action{min-width:210px;text-align:center}
.web-preview-default-note{margin:0}
.web-output-preview .page-head .button-row{display:none}
.web-output-preview .ranking-page-head,.web-output-preview .group-page-head{margin-top:.25rem}

@media(max-width:980px){
  .web-output-admin-intro,.web-output-variant-head{flex-direction:column}
  .web-output-status-badges{justify-content:flex-start}
}
@media(max-width:760px){
  .web-preview-header{position:static}
  .web-preview-header-main{align-items:stretch;flex-direction:column;padding:12px}
  .web-preview-brand{justify-content:flex-start}
  .web-preview-nav{display:grid;grid-template-columns:1fr}
  .web-preview-nav a{justify-content:center}
  .web-preview-update{align-items:flex-start;flex-direction:column;padding:8px 12px 10px}
  .web-preview-entry-actions,.web-preview-entry-actions .button{width:100%}
  .web-preview-entry-actions .button{text-align:center}
  .web-embed-item-head{flex-direction:column}
  .web-embed-copy-row{grid-template-columns:1fr}
  .web-embed-copy-row .button{width:100%}
}
@media(max-width:520px){
  .web-preview-brand strong{white-space:normal}
  .web-preview-notice-item{grid-template-columns:1fr}
}

/* 0.2.0a2 – direkt eingebettete Statistik mit schlankem Kopf */
.web-output-preview .web-preview-header-main{
  min-height:58px;
  padding:10px clamp(14px,2.2vw,30px);
}
.web-output-preview .web-preview-brand strong{
  font-size:1.08rem;
}
.web-output-preview .web-preview-container{
  max-width:none;
  margin:0;
  padding:24px clamp(14px,2.2vw,30px) 34px;
}
.web-output-preview .ranking-page-head,
.web-output-preview .group-page-head{
  margin-top:0;
}
@media(max-width:700px){
  .web-output-preview .web-preview-header{
    position:static;
  }
  .web-output-preview .web-preview-header-main{
    align-items:stretch;
    flex-direction:column;
    gap:10px;
    padding:10px;
  }
  .web-output-preview .web-preview-nav{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .web-output-preview .web-preview-nav a{
    justify-content:center;
  }
  .web-output-preview .web-preview-container{
    padding:16px 10px 24px;
  }
}
@media(max-width:420px){
  .web-output-preview .web-preview-nav{
    grid-template-columns:1fr;
  }
}

/* 0.2.0a3 – zentrierte Inhaltsbühnen und ruhigere Besucheransichten */
.web-output-preview .web-preview-page{
  --web-preview-page-max:1320px;
  width:min(100%,var(--web-preview-page-max));
  margin:0 auto;
}
.web-output-preview .web-preview-page-intro{
  --web-preview-page-max:920px;
}
.web-output-preview .web-preview-page-groups{
  --web-preview-page-max:1500px;
}
.web-output-preview .web-preview-page-ranking{
  --web-preview-page-max:1180px;
}
.web-output-preview .web-preview-page-trend{
  --web-preview-page-max:1320px;
}
.web-output-preview .web-preview-page-archive{
  --web-preview-page-max:1320px;
}
.web-output-preview .web-preview-page-archive-championship{
  --web-preview-page-max:1180px;
}
.web-output-preview .web-preview-page-archive-round{
  --web-preview-page-max:1500px;
}
.web-output-preview .web-preview-page-groups,
.web-output-preview .web-preview-page-ranking,
.web-output-preview .web-preview-page-trend,
.web-output-preview .web-preview-page-archive,
.web-output-preview .web-preview-page-archive-championship,
.web-output-preview .web-preview-page-archive-round{
  padding:clamp(18px,2.2vw,32px);
  border:1px solid rgba(199,164,90,.38);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(24,32,45,.95),rgba(14,20,29,.97) 68%,rgba(31,20,27,.94));
  box-shadow:0 18px 48px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.025);
}
.web-output-preview .web-preview-page-ranking .ranking-current-panel,
.web-output-preview .web-preview-page-ranking .ranking-current-table-wrap{
  width:100%;
  max-width:1080px;
  margin-left:auto;
  margin-right:auto;
}
.web-output-preview .web-preview-page-ranking .ranking-current-table{
  table-layout:fixed;
}
.web-output-preview .web-preview-page-ranking .ranking-col-rank{width:4.2rem}
.web-output-preview .web-preview-page-ranking .ranking-col-wins{width:5.4rem}
.web-output-preview .web-preview-page-ranking .ranking-col-points{width:10rem}
.web-output-preview .web-preview-page-ranking .ranking-page-head,
.web-output-preview .web-preview-page-trend .ranking-page-head,
.web-output-preview .web-preview-page-groups .group-page-head{
  margin-bottom:.85rem;
}
.web-output-preview .web-preview-page-ranking .data-status-island,
.web-output-preview .web-preview-page-trend .data-status-island{
  margin-bottom:1.15rem;
}
@media(max-width:700px){
  .web-output-preview .web-preview-page-groups,
  .web-output-preview .web-preview-page-ranking,
  .web-output-preview .web-preview-page-trend,
  .web-output-preview .web-preview-page-archive,
  .web-output-preview .web-preview-page-archive-championship,
  .web-output-preview .web-preview-page-archive-round{
    padding:14px 10px;
    border-radius:12px;
  }
  .web-output-preview .web-preview-page-ranking .ranking-current-table-wrap{
    overflow-x:auto;
  }
  .web-output-preview .web-preview-page-ranking .ranking-current-table{
    min-width:620px;
  }
}

/* 0.2.0a4 – transparenter Einbettungshintergrund und feinere Skalierung */
html.web-output-preview-root,
html.web-output-preview-root body.web-output-preview,
body.web-output-preview{
  background:transparent;
}
body.web-output-preview{
  font-size:clamp(14px,calc(.72vw + 4.4px),16px);
}
.web-output-preview .web-preview-container{
  background:transparent;
}
.web-output-preview .web-preview-header-main{
  min-height:52px;
  padding:8px clamp(12px,1.8vw,26px);
}
.web-output-preview .web-preview-brand strong{
  font-size:1.02rem;
}
.web-output-preview .web-preview-nav{
  gap:6px;
}
.web-output-preview .web-preview-nav a{
  padding:.46rem .72rem;
  border-radius:.68rem;
  font-size:.92rem;
}
.web-output-preview .web-preview-container{
  padding:clamp(14px,2vw,24px) clamp(10px,1.8vw,26px) clamp(24px,3vw,40px);
}
.web-output-preview .web-preview-welcome{
  max-width:860px;
  margin:clamp(18px,4vh,48px) auto;
  gap:14px;
}
.web-output-preview .web-preview-welcome-copy{
  padding:clamp(18px,2.5vw,28px);
  border-radius:16px;
}
.web-output-preview .web-preview-welcome-copy h1{
  margin:.15rem 0 .5rem;
  font-size:clamp(1.9rem,2.6vw,2.75rem);
  line-height:1.08;
}
.web-output-preview .web-preview-lead{
  font-size:clamp(.95rem,1.25vw,1.08rem);
}
.web-output-preview .web-preview-notice-list{
  gap:10px;
}
.web-output-preview .web-preview-notice-item{
  gap:12px;
  padding:clamp(15px,2vw,21px);
  border-radius:14px;
}
.web-output-preview .web-preview-notice-item h2{
  font-size:clamp(1.05rem,1.35vw,1.24rem);
}
.web-output-preview .web-preview-notice-item p{
  margin-top:.35rem;
}
.web-output-preview .web-preview-notice-number{
  width:1.8rem;
  height:1.8rem;
  font-size:.9rem;
}
.web-output-preview .web-preview-page-groups,
.web-output-preview .web-preview-page-ranking,
.web-output-preview .web-preview-page-trend,
.web-output-preview .web-preview-page-archive,
.web-output-preview .web-preview-page-archive-championship,
.web-output-preview .web-preview-page-archive-round{
  padding:clamp(15px,1.8vw,27px);
}
.web-output-preview .group-grid{
  gap:clamp(10px,1.2vw,16px);
}
.web-output-preview .card,
.web-output-preview .group-card-overview{
  padding:clamp(14px,1.4vw,20px);
}
.web-output-preview th,
.web-output-preview td{
  padding:clamp(7px,.72vw,10px) clamp(8px,.8vw,12px);
}
@media (max-width:1450px) and (min-width:701px){
  .web-output-preview .web-preview-welcome{
    max-width:790px;
    margin:22px auto 32px;
  }
  .web-output-preview .web-preview-welcome-copy h1{
    font-size:clamp(1.85rem,2.35vw,2.35rem);
  }
  .web-output-preview .web-preview-page-intro{
    --web-preview-page-max:820px;
  }
}
@media (max-width:1120px) and (min-width:701px){
  .web-output-preview .web-preview-header-main{
    min-height:48px;
  }
  .web-output-preview .web-preview-nav a{
    padding:.4rem .6rem;
    font-size:.86rem;
  }
  .web-output-preview .web-preview-welcome{
    max-width:720px;
  }
  .web-output-preview .web-preview-notice-item{
    padding:14px 16px;
  }
}
@media(max-width:700px){
  body.web-output-preview{
    font-size:14px;
  }
  .web-output-preview .web-preview-welcome{
    margin:12px auto 22px;
    gap:10px;
  }
  .web-output-preview .web-preview-welcome-copy{
    padding:16px;
    border-radius:12px;
  }
  .web-output-preview .web-preview-welcome-copy h1{
    font-size:clamp(1.65rem,8vw,2.15rem);
  }
  .web-output-preview .web-preview-notice-item{
    padding:14px;
    border-radius:12px;
  }
}



/* 0.2.0a5 – GG-Archiv als fünfte Besucheransicht */
.web-output-preview .web-preview-page-archive .group-archive-list{margin-top:12px}
.web-output-preview .web-preview-page-archive .group-archive-rounds{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}
.web-output-preview .web-preview-page-archive .archive-method-note{margin-top:14px}
.web-output-preview .web-preview-page-archive-championship .historical-standing-card,
.web-output-preview .web-preview-page-archive-championship .historical-round-overview{margin-top:12px}
.web-output-preview .web-preview-page-archive-round .historical-group-grid{gap:clamp(10px,1.2vw,16px)}
@media(max-width:700px){
  .web-output-preview .web-preview-page-archive .group-archive-rounds{grid-template-columns:1fr}
}

/* 0.2.0a6 – responsive Kopfzeile ohne schrumpfende Menüknöpfe */
@media (min-width:761px) and (max-width:1580px){
  /*
   * Die einzelnen Menüknöpfe werden als vollständige Elemente
   * umgebrochen. Sie dürfen nicht schmaler als ihre Beschriftung
   * gerechnet werden.
   */
  .nav-group-links{
    align-content:flex-start;
  }

  .main-nav .nav-link{
    flex:0 0 auto;
    width:auto;
    max-width:100%;
    white-space:nowrap;
  }

  /*
   * Auch Homepage-Vorschau, Passwort und Abmelden dürfen innerhalb
   * ihres Aktionsbereichs nicht zusammengedrückt werden.
   */
  .topbar-action-link,
  .topbar-actions .logout-form{
    flex:0 0 auto;
  }
}

/* 0.2.0a7 – inhaltsbreite Navigationsinseln und gestapelte Kopfaktionen */

/*
 * Passwort und Abmelden bilden die obere Aktionszeile.
 * Die Homepage-Vorschau liegt darunter und beansprucht nicht mehr
 * zusätzlich Platz neben beiden Kontoknöpfen.
 */
.topbar-actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:flex-start;
  gap:7px;
}

.topbar-account-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  flex-wrap:nowrap;
}

.topbar-account-actions .logout-form{
  flex:0 0 auto;
}

.topbar-preview-link{
  width:100%;
}

/*
 * Oberhalb der mobilen Einspaltenansicht werden nicht mehr die
 * einzelnen Knöpfe oder ihre Inseln zusammengestaucht.
 *
 * Jede Insel erhält die tatsächlich benötigte Inhaltsbreite.
 * Reicht eine Zeile nicht aus, springt die vollständige Insel
 * in die nächste Zeile.
 */
@media (min-width:761px){
  .topbar-shell{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    min-width:0;
  }

  .main-nav{
    display:flex;
    flex:1 1 760px;
    flex-wrap:wrap;
    align-items:flex-start;
    gap:10px;
    min-width:0;
    width:auto;
  }

  .main-nav .nav-group{
    flex:0 0 auto;
    width:max-content;
    max-width:100%;
    min-width:0;
  }

  .nav-group-links{
    display:flex;
    flex-wrap:nowrap;
    align-items:stretch;
    gap:6px;
    min-width:0;
  }

  .main-nav .nav-link{
    flex:0 0 auto;
    width:auto;
    max-width:none;
    white-space:nowrap;
  }

  .topbar-actions{
    flex:0 0 auto;
    min-width:max-content;
  }

  .topbar-account-actions .topbar-action-link{
    width:auto;
    white-space:nowrap;
  }
}

/*
 * In schmaleren Fenstern steht der Aktionsblock unterhalb der
 * Navigation. Die Navigationsinseln bleiben weiterhin vollständig.
 */
@media (min-width:761px) and (max-width:1100px){
  .topbar-shell{
    flex-direction:column;
    align-items:stretch;
  }

  .main-nav{
    flex-basis:auto;
    width:100%;
  }

  .topbar-actions{
    align-self:flex-start;
  }
}

/*
 * Mobile Ansicht: Passwort und Abmelden nebeneinander,
 * Homepage-Vorschau darunter über die volle Breite.
 */
@media (max-width:760px){
  .topbar-actions{
    width:100%;
  }

  .topbar-account-actions{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    width:100%;
  }

  .topbar-account-actions .logout-form{
    width:100%;
  }
}

/* 0.2.0a8 – feste dreistufige Kopfzeilenstruktur */

/*
 * STUFE 1: Breite Desktopansicht
 *
 * Ab 1451 Pixel bleibt die kompakte einzeilige Kopfzeile aus 0.2.0a7
 * erhalten. Die folgenden Regeln greifen daher nur darunter.
 */

/*
 * STUFE 2: Mittlere Fensterbreite
 *
 * Die topbar selbst übernimmt das Raster:
 *
 *   Branding              Kontoaktionen
 *   Navigation über die gesamte Breite
 *
 * Die bisherige topbar-shell wird in diesem Bereich nur noch als
 * strukturelle Hülle behandelt. Ihre Kinder nehmen unmittelbar am
 * Raster der topbar teil.
 */
@media (min-width:761px) and (max-width:1450px){
  .topbar{
    display:grid;
    grid-template-columns:minmax(0,1fr) max-content;
    grid-template-areas:
      "brand actions"
      "navigation navigation";
    align-items:start;
    gap:10px 16px;
    padding:12px 16px 14px;
  }

  .brand-block{
    grid-area:brand;
    align-self:center;
    min-width:0;
    max-width:100%;
  }

  .brand-copy{
    min-width:0;
  }

  .brand-title{
    display:block;
    max-width:100%;
    line-height:1.15;
    white-space:normal;
    overflow-wrap:normal;
    word-break:normal;
  }

  /*
   * Die Hülle darf in dieser Stufe keinen eigenen Flex- oder Gridplatz
   * mehr beanspruchen. Navigation und Aktionsblock werden direkte
   * Rasterelemente der topbar.
   */
  .topbar-shell{
    display:contents;
  }

  .main-nav{
    grid-area:navigation;
    display:flex;
    width:100%;
    min-width:0;
    flex:0 0 auto;
    flex-wrap:wrap;
    align-items:flex-start;
    align-content:flex-start;
    gap:10px;
  }

  .main-nav .nav-group{
    flex:0 0 auto;
    width:max-content;
    max-width:100%;
    min-width:0;
    margin:0;
  }

  .nav-group-links{
    display:flex;
    flex-wrap:nowrap;
    align-items:stretch;
    gap:6px;
    min-width:0;
  }

  .main-nav .nav-link{
    flex:0 0 auto;
    width:auto;
    max-width:none;
    white-space:nowrap;
  }

  .topbar-actions{
    grid-area:actions;
    align-self:start;
    justify-self:end;
    display:flex;
    flex-direction:column;
    width:max-content;
    min-width:max-content;
    margin:0;
    gap:7px;
  }

  .topbar-account-actions{
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-end;
    gap:7px;
  }

  .topbar-account-actions .topbar-action-link,
  .topbar-account-actions .logout-form{
    flex:0 0 auto;
    width:auto;
  }

  .topbar-preview-link{
    width:100%;
    white-space:nowrap;
  }
}

/*
 * Bei engeren mittleren Breiten wird das Branding etwas kompakter.
 * Es bleibt aber vollständig links oben und kann nicht mehr von der
 * Navigation überdeckt werden.
 */
@media (min-width:761px) and (max-width:1050px){
  .brand-logo{
    width:58px;
    height:58px;
  }

  .brand-block{
    gap:10px;
  }

  .brand-title{
    font-size:1.08rem;
  }

  .brand-meta{
    font-size:.8rem;
    white-space:normal;
  }

  .main-nav .nav-group{
    padding:7px 8px 8px;
  }

  .main-nav .nav-link{
    padding:6px 8px;
    font-size:.84rem;
  }
}

/*
 * STUFE 3: Mobile Einspaltenansicht
 *
 * Alle Bereiche folgen normal untereinander. Keine absoluten Positionen,
 * keine übergroßen Flexflächen und keine künstlichen Zwischenräume.
 */
@media (max-width:760px){
  .topbar{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    gap:12px;
    min-height:0;
    padding:12px;
  }

  .brand-block{
    order:1;
    width:100%;
    align-items:center;
  }

  .brand-copy{
    min-width:0;
  }

  .brand-title{
    white-space:normal;
    line-height:1.15;
  }

  .topbar-shell{
    order:2;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    justify-content:flex-start;
    width:100%;
    min-width:0;
    gap:12px;
  }

  .main-nav{
    order:1;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    width:100%;
    min-width:0;
    gap:10px;
  }

  .main-nav .nav-group{
    width:100%;
    max-width:none;
    min-width:0;
    margin:0;
  }

  .nav-group-links{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
    gap:8px;
  }

  .main-nav .nav-link{
    width:100%;
    max-width:100%;
    justify-content:center;
    white-space:normal;
    text-align:center;
  }

  .topbar-actions{
    order:2;
    display:flex;
    flex-direction:column;
    align-items:stretch;
    width:100%;
    min-width:0;
    margin:0;
    gap:8px;
  }

  .topbar-account-actions{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    width:100%;
    gap:8px;
  }

  .topbar-account-actions .logout-form,
  .topbar-account-actions .topbar-action-link{
    width:100%;
  }

  .topbar-preview-link{
    width:100%;
  }
}

/* 0.3.0a1 – Ausgaben 2.0, öffentliche Meldungen und Meldebriefkasten */
.output-status-grid,.web-site-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin:16px 0}
.output-status-card,.web-site-admin-card{display:flex;flex-direction:column;gap:14px}
.output-status-head,.web-site-card-head,.web-notice-editor-head,.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.output-status-head h2,.web-site-card-head h2,.web-site-publish-status h2,.section-head h2{margin:0}
.output-status-list{display:grid;gap:8px;margin:0}
.output-status-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:.45rem 0;border-bottom:1px solid rgba(255,255,255,.07)}
.output-status-list>div:last-child{border-bottom:0}
.output-status-list dt{color:var(--muted)}
.output-status-list dd{margin:0;text-align:right;overflow-wrap:anywhere}
.web-site-config-form{gap:16px}
.web-site-publish-status,.web-publish-actions,.danger-zone{margin-top:16px}
.web-output-section-options{display:grid;gap:10px;margin-bottom:16px}
.web-output-section-option{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}
.web-output-detail-toggle{margin:.55rem 0 0 1.8rem;color:var(--muted)}
.web-notice-editor-list{display:grid;gap:14px;margin-top:14px}
.web-notice-editor{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}
.web-site-save-row{position:sticky;bottom:10px;z-index:3;padding:12px;border:1px solid rgba(199,164,90,.35);border-radius:12px;background:rgba(12,17,24,.95);backdrop-filter:blur(8px)}
.danger-zone{border-color:rgba(213,92,92,.42)}

.web-preview-brand{display:grid;grid-template-columns:1fr;gap:1px}
.web-preview-provider{display:block;color:var(--muted);font-size:.72rem;line-height:1.25}
.web-preview-provider a{color:#d9c48f;text-decoration:none;font-weight:700}
.web-preview-provider a:hover{text-decoration:underline}
.web-preview-nav-action{display:inline-flex;align-items:center;justify-content:center;padding:.46rem .72rem;border:1px solid rgba(199,164,90,.42);border-radius:.68rem;background:rgba(199,164,90,.12);color:#f0d8a0;font:inherit;font-size:.92rem;font-weight:800;cursor:pointer}
.web-preview-nav-action:hover{background:rgba(199,164,90,.2);border-color:rgba(199,164,90,.62)}
.web-output-update-banner{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 12px;border-bottom:1px solid rgba(199,164,90,.5);background:rgba(48,38,18,.97);color:#f3dfad;text-align:center}
.web-output-update-banner[hidden]{display:none}
.web-submission-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;background:rgba(0,0,0,.68);backdrop-filter:blur(4px)}
.web-submission-backdrop[hidden]{display:none}
.web-submission-dialog{width:min(680px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:20px;border:1px solid rgba(199,164,90,.48);border-radius:16px;background:linear-gradient(145deg,#18202d,#0f151e 70%,#21151c);box-shadow:0 24px 70px rgba(0,0,0,.48)}
.web-submission-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}
.web-submission-head h2{margin:.2rem 0 0}
.web-submission-close{display:grid;place-items:center;width:2.2rem;height:2.2rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.04);color:var(--text);font-size:1.35rem;cursor:pointer}
.web-submission-form{display:grid;gap:14px}
.web-submission-form label{display:grid;gap:6px;font-weight:700}
.web-submission-form label .muted{font-weight:400}
.web-submission-form input,.web-submission-form textarea{width:100%;box-sizing:border-box}
.web-submission-form .separator{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.82rem}
.web-submission-form .separator::before,.web-submission-form .separator::after{content:"";height:1px;flex:1;background:var(--line)}
.web-submission-privacy,.web-submission-dac{margin:0}
.web-submission-feedback{min-height:1.35em;color:#f0c9c9}
.web-submission-feedback.success{color:#b9dfc0}
.web-submission-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}
body.web-submission-open{overflow:hidden}

.submission-inbox-launcher.has-new{border-color:rgba(235,172,54,.85);background:linear-gradient(180deg,rgba(225,164,47,.96),rgba(171,112,20,.98));color:#171006;box-shadow:0 0 0 2px rgba(225,164,47,.12),0 8px 22px rgba(0,0,0,.25);font-weight:900}
.submission-count-badge{display:inline-grid;place-items:center;min-width:1.55rem;height:1.55rem;margin-left:.35rem;padding:0 .35rem;border-radius:999px;background:#6f1d1d;color:#fff;font-size:.76rem;font-weight:900}
.submission-count-badge[hidden]{display:none}
.submission-inbox-shell{position:fixed;right:18px;top:96px;z-index:80;display:flex;flex-direction:column;width:min(520px,calc(100vw - 36px));height:min(720px,calc(100vh - 118px));min-width:340px;min-height:300px;resize:both;overflow:hidden;border:1px solid rgba(199,164,90,.55);border-radius:15px;background:#111821;box-shadow:0 24px 70px rgba(0,0,0,.5)}
.submission-inbox-shell[hidden]{display:none}
.submission-inbox-window-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line);background:rgba(199,164,90,.1);cursor:move;user-select:none;touch-action:none}
.submission-inbox-window-feedback{min-height:1.3rem;padding:5px 12px;font-size:.8rem}
.submission-inbox-window-body{flex:1;overflow:auto;padding:0 12px 12px}
.submission-panel-summary{display:grid;gap:3px;margin-bottom:10px;padding:10px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}
.submission-panel-list{display:grid;gap:10px}
.submission-panel-item{padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}
.submission-panel-item.is-new{border-color:rgba(225,164,47,.52)}
.submission-panel-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.submission-panel-item-head>div{display:grid;gap:2px}
.submission-claim-note{margin:.65rem 0;padding:.55rem .7rem;border-radius:8px;background:rgba(126,158,199,.1);color:#d7e3f1;font-size:.84rem}
.submission-copy-label{display:grid;gap:5px;margin-top:10px;font-weight:700}
.submission-copy-label textarea{width:100%;box-sizing:border-box;resize:vertical;font:600 .86rem/1.45 ui-monospace,SFMono-Regular,Consolas,monospace}
.submission-panel-actions{margin-top:10px}
.submission-screenshot-preview{display:grid;gap:7px;margin:10px 0 0}
.submission-screenshot-preview img{display:block;width:100%;max-height:360px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:rgba(0,0,0,.28)}
.submission-screenshot-preview figcaption{margin:0}

@media(max-width:760px){
  .output-status-head,.web-site-card-head,.web-notice-editor-head,.section-head{flex-direction:column}
  .output-status-list>div{grid-template-columns:1fr}
  .output-status-list dd{text-align:left}
  .web-output-detail-toggle{margin-left:0}
  .web-site-save-row{position:static}
  .web-preview-nav-action{width:100%}
  .web-output-update-banner{align-items:stretch;flex-direction:column}
  .web-submission-backdrop{padding:0}
  .web-submission-dialog{width:100%;max-height:100vh;min-height:100vh;border:0;border-radius:0}
  .submission-inbox-shell{inset:0!important;width:100%!important;height:100%!important;min-width:0;min-height:0;border:0;border-radius:0;resize:none}
  .submission-inbox-window-head{cursor:default}
}

/* 0.3.0a2 – ruhige, breite Verwaltung der Webausgaben */
.web-site-config-form{
  width:100%;
  max-width:none;
}
.web-site-config-form>.card,
.web-site-publish-status,
.web-publish-actions{
  width:100%;
}
.web-site-config-form .form-check{
  display:flex!important;
  flex-direction:row!important;
  align-items:center;
  gap:.7rem;
  width:100%;
  margin:0;
  font-weight:700;
  cursor:pointer;
}
.web-site-config-form .form-check-input{
  flex:0 0 auto;
  width:1.05rem!important;
  height:1.05rem;
  margin:0;
  padding:0;
  accent-color:var(--accent);
}
.web-site-config-form .form-check-label{
  display:flex;
  flex-direction:column;
  gap:2px;
  min-width:0;
}
.web-site-action-bar{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  flex-wrap:wrap;
  width:100%;
  margin:16px 0;
  padding:12px 14px;
  border:1px solid rgba(199,164,90,.32);
  border-radius:12px;
  background:rgba(12,17,24,.82);
}
.web-site-action-bar-bottom{
  justify-content:flex-start;
}
.web-site-hidden-action-form{
  display:none;
}
.web-output-section-options{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.web-output-section-option{
  display:grid;
  align-content:start;
  gap:8px;
  min-height:64px;
}
.web-output-section-main{
  font-size:1rem;
}
.web-output-detail-toggle{
  margin:.1rem 0 0 1.75rem!important;
  color:var(--muted);
  font-size:.9rem;
  font-weight:600!important;
}
.web-output-section-settings{
  display:grid;
  grid-template-columns:minmax(260px,.8fr) minmax(320px,1.2fr);
  align-items:end;
  gap:16px;
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.08);
}
.web-output-submission-toggle{
  min-height:44px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:rgba(255,255,255,.025);
}
.web-notice-editor{
  gap:0;
  padding:0;
  overflow:hidden;
}
.web-notice-editor-head{
  align-items:center;
  padding:14px 16px;
}
.web-notice-editor.is-expanded .web-notice-editor-head{
  border-bottom:1px solid rgba(255,255,255,.08);
  background:rgba(199,164,90,.045);
}
.web-notice-editor-summary{
  display:flex;
  align-items:center;
  gap:18px;
  min-width:0;
  flex:1 1 420px;
}
.web-notice-editor-summary>.form-check{
  width:auto;
  flex:0 0 auto;
}
.web-notice-editor-title-block{
  display:grid;
  gap:2px;
  min-width:0;
}
.web-notice-editor-title-block strong{
  overflow-wrap:anywhere;
}
.web-notice-editor-actions{
  justify-content:flex-end;
}
.web-notice-editor-fields{
  display:grid;
  gap:12px;
  padding:16px;
}
.web-notice-editor-fields[hidden]{
  display:none;
}
.web-access-control-list{
  display:grid;
  gap:14px;
}
.web-access-switch{
  min-height:54px;
  padding:11px 13px;
  border:1px solid var(--line);
  border-radius:11px;
  background:rgba(255,255,255,.025);
}
.web-access-origins{
  padding:0 2px;
}
.web-publish-actions .section-head{
  align-items:center;
}
.web-publish-actions .section-head>div:first-child{
  max-width:800px;
}

@media(max-width:960px){
  .web-output-section-options,
  .web-output-section-settings{
    grid-template-columns:1fr;
  }
  .web-notice-editor-head,
  .web-notice-editor-summary{
    align-items:flex-start;
    flex-direction:column;
  }
  .web-notice-editor-actions{
    width:100%;
    justify-content:flex-start;
  }
}

@media(max-width:760px){
  .web-site-action-bar .button{
    width:100%;
    text-align:center;
  }
  .web-output-detail-toggle{
    margin-left:0!important;
  }
}

/* 0.3.0a3 – eindeutige Rollenaktionen im Meldeeingang */
.button.admin-override{border-color:rgba(225,164,47,.72);background:rgba(225,164,47,.13);color:#f1d28d;font-weight:800}

/* 0.4.0 – Wartung und Importrevision */
.detail-list{display:grid;grid-template-columns:minmax(180px,auto) 1fr;gap:.55rem 1rem;margin:0}.detail-list dt{font-weight:700;color:var(--muted)}.detail-list dd{margin:0}.transition-card{margin-bottom:1rem;border-color:rgba(199,164,90,.38)}.button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:760px){.detail-list{grid-template-columns:1fr;gap:.15rem}.detail-list dd{margin-bottom:.65rem}}
.badge-archived,
.badge-verified,
.badge-backup_verified{background:rgba(78,127,178,.22);border-color:rgba(112,165,218,.38);color:#c5def7}
.badge-compacted{background:rgba(75,145,105,.26);border-color:rgba(103,184,139,.44);color:#bce9cf}
.badge-compacted_cleanup_pending{background:rgba(178,120,64,.26);border-color:rgba(218,157,93,.44);color:#f1c994}
.badge-failed{background:rgba(158,65,72,.28);border-color:rgba(211,91,100,.44);color:#f5b3b8}


/* 0.6.0a3 – kompakter Sicherungsbereich mit geschützten schwebenden Fenstern */
.maintenance-summary-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"automatic create" "manual create";gap:16px;align-items:stretch}
.maintenance-summary-card{display:flex;flex-direction:column;gap:10px}
.maintenance-summary-automatic{grid-area:automatic}
.maintenance-summary-manual{grid-area:manual}
.maintenance-summary-create{grid-area:create}
.maintenance-summary-card h2{margin-bottom:0}
.maintenance-summary-actions{margin-top:auto}
.maintenance-action-stack{display:grid;gap:10px}
.maintenance-action-stack form{margin:0}
.maintenance-help{margin-top:auto}
.maintenance-mini-facts{display:grid;gap:8px;margin:0}
.maintenance-mini-facts div{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.03)}
.maintenance-mini-facts dt{margin:0;font-weight:800;color:var(--muted)}
.maintenance-mini-facts dd{margin:0;text-align:right}
.maintenance-inline-head{align-items:flex-start;gap:14px}
.maintenance-footnote{margin-top:10px}
.maintenance-window-backdrop{position:fixed;inset:0;z-index:81;background:rgba(3,7,12,.66);backdrop-filter:blur(1px)}
.maintenance-window-backdrop[hidden]{display:none}
.maintenance-window{position:fixed;right:20px;top:96px;z-index:82;display:flex;flex-direction:column;width:min(980px,calc(100vw - 40px));height:min(760px,calc(100vh - 116px));min-width:420px;min-height:340px;resize:both;overflow:hidden;border:1px solid rgba(199,164,90,.55);border-radius:15px;background:#111821;box-shadow:0 24px 70px rgba(0,0,0,.5)}
.maintenance-window[hidden]{display:none}
.maintenance-window-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line);background:rgba(199,164,90,.1);cursor:move;user-select:none;touch-action:none}
.maintenance-window-body{flex:1;overflow:auto;padding:12px}
.maintenance-window-section+.maintenance-window-section{margin-top:18px}
.maintenance-window-section h3{margin-bottom:6px}
@media(max-width:1100px){
  .maintenance-summary-grid{grid-template-columns:1fr;grid-template-areas:"create" "automatic" "manual"}
}
@media(max-width:760px){
  .maintenance-window{inset:0!important;width:100%!important;height:100%!important;min-width:0;min-height:0;border:0;border-radius:0;resize:none}
  .maintenance-window-head{cursor:default}
}