/* Nebenseiten im neuen Design (nach design.css laden) */
:root,html[data-theme="light"]{--panel:var(--p);--ink:#1a1d22;--muted:#59616d;--green-bg:rgba(47,133,90,.14);--yellow-bg:rgba(183,121,31,.16);--red-bg:rgba(198,40,40,.12);--orange-bg:rgba(183,121,31,.16);--gray-bg:var(--hover)}
html[data-theme="dark"]{--panel:var(--p);--ink:#eef0f3;--muted:#b4bac3;--green-bg:rgba(98,210,155,.14);--yellow-bg:rgba(242,179,92,.16);--red-bg:rgba(255,143,133,.14);--orange-bg:rgba(242,179,92,.16);--gray-bg:var(--hover)}
html body{background:var(--bg)!important;color:var(--ink)!important;font-family:Manrope,"Segoe UI",system-ui,sans-serif!important;min-height:100vh}
body>.appbar-page{position:sticky;top:0}
.appbar-page{margin:0;padding:10px 20px}
.appbar-page .appbar-brand{text-decoration:none}
body>*:not(.appbar-page):not(script):not(style){position:relative}
.shell,.wrap,main,.container{max-width:1200px;margin-left:auto;margin-right:auto}
.shell{padding:28px 20px 48px}
.panel,.card,.dialog-body,dialog{background:var(--p)!important;border:1px solid var(--line)!important;border-radius:16px!important;color:var(--ink)}
dialog::backdrop{background:rgba(10,14,20,.55)}
h1{font-size:30px;font-weight:800;letter-spacing:-.02em}
.head,.access-head,.panel-head{border-color:var(--line)}
.muted,.access-note,.decision-note{color:var(--m)}
.btn,button.btn,.danger-button,.dialog-close{border-radius:10px!important}
.danger,.danger-button{color:#b02a2a}html[data-theme="dark"] .danger,html[data-theme="dark"] .danger-button{color:#ff8f85}
.status-dot{border-radius:50%}
.drop{border:2px dashed var(--line)!important;background:var(--bg)!important;border-radius:14px!important}
.notice,.access-note,.decision-note{border-radius:12px}
html body .login{background:var(--bg)}
@media(max-width:700px){.appbar-page .brand-word{font-size:18px}.shell{padding:16px 12px 32px}}