/* Datenstadl CI. All fonts and identity assets are served from this VPS. */
@font-face{font-family:"Clash Display";src:url("brand/fonts/clash-display.woff2") format("woff2");font-weight:200 700;font-style:normal;font-display:swap}
@font-face{font-family:Manrope;src:url("brand/fonts/manrope.woff2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:Comfortaa;src:url("brand/fonts/comfortaa.woff2") format("woff2");font-weight:500 700;font-style:normal;font-display:swap}
:root{
 color-scheme:light;--serif:"Clash Display","Segoe UI",system-ui,sans-serif;--sans:Manrope,"Segoe UI",system-ui,sans-serif;
 --tanne:#12291D;--tanne-tief:#0B1D14;--moos:#2F5C3E;--salbei:#A9BFAE;--holz:#7C4A1F;--karamell:#B97C3E;--karamell-tief:#8E5F2F;--karamell-hell:#BE7F3F;--creme:#F2ECDD;--papier:#FAF6EC;--tinte:#1B1A14;--grau:#6D685C;--linie:#DDD3BD;
 --bg:var(--creme);--surface:var(--papier);--elevated:#E9E2D3;--line:var(--linie);--text:var(--tinte);--muted:var(--grau);--heading:var(--tanne);
 --mint:var(--tanne);--purple:var(--holz);--red:var(--holz);--green:var(--moos);--amber:var(--karamell-tief);--hover:#E8E2D4;--selected:#E3E6D8;--sidebar:var(--papier);
 --ring-track:var(--linie);--map-halo:var(--papier);--map-land:#DDD9C8;--map-stroke:var(--papier);
 --chart-cyan:#2F5C3E;--chart-purple:#7C4A1F;--chart-green:#12291D;--chart-amber:#8E5F2F;--chart-pink:#6D685C;
 --server-cyan:#2F5C3E;--server-pink:#8E5F2F;--server-purple:#7C4A1F;--server-green:#12291D;--server-amber:#8E5F2F;--server-blue:#6D685C;--server-red:#7C4A1F;--server-teal:#2F5C3E;
 --shadow-sm:0 6px 18px -8px rgba(18,41,29,.6);--shadow-md:0 12px 26px -12px rgba(18,41,29,.5);--shadow-lg:0 22px 46px -26px rgba(18,41,29,.38);
 font-family:var(--sans);font-size:16.5px;-webkit-font-smoothing:antialiased;
}
:root[data-theme=dark]{
 color-scheme:dark;--bg:var(--tanne-tief);--surface:var(--tanne);--elevated:#1D3727;--line:#3C5141;--text:var(--creme);--muted:var(--salbei);--heading:var(--papier);
 --mint:var(--salbei);--purple:var(--karamell-hell);--red:var(--karamell-hell);--green:var(--salbei);--amber:var(--karamell-hell);--hover:#213D2A;--selected:#294631;--sidebar:var(--tanne);--ring-track:#3C5141;
 --map-halo:var(--tanne);--map-land:#354C3B;--map-stroke:var(--tanne-tief);
 --chart-cyan:#A9BFAE;--chart-purple:#BE7F3F;--chart-green:#F2ECDD;--chart-amber:#BE7F3F;--chart-pink:#DDD3BD;
 --server-cyan:#A9BFAE;--server-pink:#BE7F3F;--server-purple:#DDD3BD;--server-green:#A9BFAE;--server-amber:#BE7F3F;--server-blue:#F2ECDD;--server-red:#BE7F3F;--server-teal:#A9BFAE;
}
body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:1rem;line-height:1.7}
h1,h2,h3{font-family:var(--serif);font-weight:600;color:var(--heading)}
h1{font-size:clamp(2rem,3.5vw,3.15rem);line-height:1.08;letter-spacing:-.035em}
h2{font-size:1.3rem;line-height:1.25;letter-spacing:-.015em}h3{font-size:1.12rem;line-height:1.35}
.eyebrow{font-size:.66rem;letter-spacing:.14em;font-weight:700;color:var(--muted)}.mint{color:var(--heading)}.micro{font-size:.73rem}
.sidebar{width:248px;background:var(--sidebar);border-right:1px solid var(--line);padding:0 18px 22px}
.content-shell{margin-left:248px}
.brand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;height:136px;min-height:136px;padding:24px 9px;letter-spacing:normal}
.brand-logo{display:flex;align-items:center;gap:8px;background:var(--papier);color:var(--tanne);padding:7px 9px 7px 4px;max-width:100%;width:max-content;line-height:1.25}
.brand-logo img{width:44px;height:44px;flex:0 0 44px;object-fit:contain;transform:none;filter:none}
.brand-wordmark{font:700 1.04rem/1.2 Comfortaa,var(--sans);white-space:nowrap;letter-spacing:-.035em}.brand-wordmark b{color:var(--holz);font-weight:700}
.brand-wordmark small{display:block;margin-top:5px;font:600 .49rem/1.2 var(--sans);letter-spacing:.26em;color:var(--grau)}
.brand-caption{font-size:.52rem;letter-spacing:.13em;font-weight:600;color:var(--muted)}
.workspace{padding:24px 9px 4px;gap:11px}.workspace strong,.user-line strong{font-size:.8rem;font-weight:700}.workspace div>span,.user-line div>span{font-size:.71rem;color:var(--muted)}
.avatar,.avatar.small{background:transparent;color:var(--heading);border:1px solid var(--line);border-radius:2px;font-size:.83rem;font-weight:700}
.nav-label{margin:30px 12px 12px;font-size:.6rem}.nav-item{font-size:.83rem;border:0;border-left:2px solid transparent;border-radius:0;padding:11px 12px;min-height:46px;color:var(--muted)}
.nav-item svg{width:18px;height:18px;color:inherit}.nav-item:hover,.server-nav-item:hover{background:var(--hover);color:var(--heading)}
.nav-item.active{background:var(--selected);color:var(--heading);border-color:var(--moos)}.nav-item.active svg{color:inherit}
.nav-count{margin-left:auto;background:none;border:0;border-radius:0;padding:0 3px;color:var(--muted);font-size:.74rem;font-variant-numeric:tabular-nums}
.server-nav-item{font-size:.76rem;border-radius:0;padding:12px}.server-nav-item.active{background:var(--selected);color:var(--heading)}.sidebar-bottom{padding-top:35px}.user-line{padding-top:22px}
.topbar{height:80px;background:var(--bg);border-bottom:1px solid var(--line);padding:0 42px}.breadcrumb{font-size:.76rem;align-items:center}.breadcrumb strong{color:var(--text)}
.topbar-right{gap:20px}.live-indicator{font-size:.71rem}.live-indicator:before,.status-dot{background:var(--moos)}:root[data-theme=dark] .live-indicator:before{background:var(--salbei)}
.live-indicator.stale:before,.status-dot.stale{background:var(--karamell)}.status-dot.pending{background:var(--muted)}
main#main{padding:44px 42px;max-width:1600px}.page-heading{margin-bottom:42px;align-items:flex-end}.page-heading .eyebrow{margin-bottom:15px}.intro{font-size:.9rem;margin-top:13px;color:var(--muted)}
.heading-actions{gap:10px}.button{background:transparent;border:1px solid var(--line);border-radius:3px;padding:11px 17px;min-height:44px;font-size:.8rem;font-weight:700;box-shadow:none;color:var(--heading)}
.button:hover{background:var(--hover);border-color:var(--muted)}.button.primary{background:var(--tanne);border-color:var(--tanne);color:var(--papier);box-shadow:var(--shadow-sm)}.button.primary:hover{background:var(--moos);border-color:var(--moos)}
:root[data-theme=dark] .button.primary{background:var(--salbei);border-color:var(--salbei);color:var(--tanne-tief)}:root[data-theme=dark] .button.primary:hover{background:var(--creme)}
.button.danger{color:var(--amber);background:none;border-color:var(--line)}.icon-button{border-radius:2px}.icon-button:hover{background:var(--hover);color:var(--heading)}.text-button{color:var(--heading);font-size:.82rem}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:4px}
input,select{background:var(--surface);border:1px solid var(--line);border-radius:2px;padding:12px;font-size:.88rem;color:var(--text)}input::placeholder{color:var(--muted);opacity:.85}
form label{font-size:.83rem;font-weight:600;margin-top:22px}form label input,form label select{margin-top:8px}.field-help{font-size:.78rem;line-height:1.75;color:var(--muted)}
.theme-control{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.75rem}.theme-control select{min-height:44px;font-size:.76rem;padding:9px 25px 9px 12px}.topbar .theme-control>span{display:none}
.section-heading{margin:22px 0 24px;gap:20px;flex-wrap:wrap}.section-heading h2{font-size:1.35rem}.pill{background:none;border:0;border-radius:0;color:var(--muted);font-size:.8rem;padding:0 3px}
.toolbar{gap:10px;flex-wrap:wrap}.toolbar select{font-size:.76rem}.search{background:var(--surface);border-color:var(--line);border-radius:2px}.search input{font-size:.8rem;width:190px}
.service-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:28px;max-width:none}
.service-card{background:var(--surface);border:0;border-top:2px solid var(--tanne);border-bottom:1px solid var(--line);border-radius:0;padding:30px;box-shadow:none}
.server-card:hover{border-color:var(--moos);box-shadow:var(--shadow-md)}.card-link:after{border-radius:0}.card-top{margin-bottom:22px}
.service-icon,.service-icon.website,.service-icon.app,.server-card .service-icon{background:none;color:var(--heading);border:0;border-radius:0;width:44px;height:44px}.service-icon svg{width:33px;height:33px}
.card-edit{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:6px 2px;min-height:38px;font-size:.73rem;box-shadow:none}
.card-title{font-size:1.4rem;letter-spacing:-.02em}.card-subtitle{font-size:.8rem;margin-top:6px}.compact-metrics{margin:30px 0;gap:30px}.compact-metric strong{font-family:var(--serif);font-size:2rem;font-weight:600;color:var(--heading)}.compact-metric span{font-size:.78rem}.metric-ring{width:65px;height:65px}
.card-bottom{font-size:.76rem;padding-top:20px}.card-open{color:var(--heading);font-size:.76rem}.status-badge,.status-badge.live,.status-badge.stale,.status-badge.unhealthy{background:none;border:0;border-radius:0;padding:3px 0;color:var(--muted);font-size:.72rem;font-weight:600;white-space:normal}
.status-badge.live{color:var(--green)}.status-badge.stale,.status-badge.unhealthy{color:var(--amber)}.status-badge:before{width:5px;height:5px;flex-shrink:0}
.collection-note{font-size:.79rem;margin-top:22px;max-width:850px}.app-metric strong{font-family:var(--serif);font-weight:600}.app-metric span,.website-health-copy{font-size:.83rem}.website-checked,.website-audience{font-size:.77rem}
.detail-toolbar{font-size:.8rem;gap:14px;margin-bottom:28px}.stats{gap:0;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat{background:none;border:0;border-right:1px solid var(--line);border-radius:0;padding:26px 22px;box-shadow:none}.stat:last-child{border-right:0}.stat-label{font-size:.8rem}.stat-number{font-family:var(--serif);font-weight:600;font-size:2.2rem;color:var(--heading)}.stat-footer{font-size:.72rem}.uptime-icon{background:none;color:var(--green);border:0;border-radius:0;padding:5px}
.performance-heading{margin:35px 0 22px}.range-control{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0;gap:4px}.range-control button{border-radius:0;border:0;border-bottom:2px solid transparent;min-height:44px;font-size:.76rem;padding:8px 13px}.range-control button.selected{background:none;color:var(--heading);border-bottom-color:var(--green)}
.charts-grid{gap:26px}.chart-panel,.map-panel,.technical-panel{background:var(--surface);border:0;border-top:1px solid var(--line);border-radius:0;padding:29px;box-shadow:none}
.chart-heading h3{font-size:1.15rem}.chart-heading .muted{font-size:.78rem}.chart-value{font-family:var(--serif);font-size:1.3rem;font-weight:600}.cyan .chart-value{color:var(--chart-cyan)}.purple .chart-value{color:var(--chart-purple)}.green .chart-value{color:var(--chart-green)}.amber .chart-value{color:var(--chart-amber)}
.chart-legend{font-size:.75rem;margin:24px 0 15px}.chart-legend i{width:7px;height:7px;border-radius:0}.main-chart{height:200px}.chart-empty{background:var(--surface);color:var(--muted);font-size:.8rem}.chart-axis,.history-note{font-size:.72rem}
#overview-map-slot{margin-top:38px}.map-total strong{font-family:var(--serif);font-weight:600;color:var(--heading);font-size:2.4rem}.map-total span{font-size:.73rem}
.map-layout{gap:30px;margin-top:26px}.map-stage{background:var(--surface);border:0;border-radius:0}#map-countries path{fill:var(--map-land);stroke:var(--map-stroke);stroke-width:.7}#map-countries path.has-connections{fill:var(--server-accent);fill-opacity:.7}#map-countries path.selected-country{fill-opacity:1;stroke:var(--heading);stroke-width:1.2}
.map-message{background:var(--surface);border-color:var(--line);border-radius:0;font-size:.76rem}.map-toolbar{gap:14px}.map-toolbar>p{font-size:.76rem}
.map-server-key{background:none;border:0;border-left:2px solid var(--server-accent);border-radius:0;padding:5px 15px}.map-server-key strong{font-size:.78rem}.map-server-key span{font-size:.7rem}
.country-panel h3{font-size:1rem}.country-panel>p{font-size:.74rem}.country-row{padding:12px 5px}.country-row.selected,.country-row:hover{background:var(--hover)}.country-code{background:none;border:0;border-radius:0;color:var(--muted);font-size:.7rem;padding:3px}.country-name{font-size:.8rem}.country-row strong{font-size:.87rem;color:var(--heading)}
.country-breakdown strong{color:var(--heading)}.map-footer{font-size:.71rem;line-height:1.75}.map-footer>span{font-size:.67rem}.map-footer a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.map-server-filter summary{background:var(--surface);border-color:var(--line);border-radius:2px;font-size:.8rem}.map-server-options{background:var(--surface);border-color:var(--line);border-radius:2px;box-shadow:var(--shadow-md)}.map-filter-option:hover{background:var(--hover)}.map-filter-option input{accent-color:var(--green)}
.technical-panel{margin-top:27px}.detail>span{font-size:.76rem}.detail strong{font-size:.85rem}.unit-row{font-size:.8rem}.sample-table{background:none;border:0;border-top:1px solid var(--line);border-radius:0;font-size:.8rem;padding:18px 0}.sample-table table{font-size:.78rem}
.main-footer{border-top:1px solid var(--line);padding-top:24px;margin-top:46px;font-size:.71rem;line-height:1.7}
.settings-card{background:var(--surface);border:0;border-top:1px solid var(--line);border-radius:0;padding:32px;margin-bottom:25px;box-shadow:none}.settings-card .eyebrow{font-size:.65rem;margin-bottom:12px}.settings-card h2{font-size:1.5rem}.settings-card>.muted{font-size:.87rem;max-width:800px}
.appearance-card{display:flex;justify-content:space-between;align-items:center;gap:30px}.appearance-card .field-help{max-width:650px}.appearance-card .theme-control>span{display:none}.settings-save,.delivery-row{font-size:.8rem}.checkbox-label input{accent-color:var(--green)}
dialog{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:4px;padding:34px;box-shadow:var(--shadow-lg);max-height:90dvh}dialog::backdrop{background:rgba(11,29,20,.65);backdrop-filter:blur(4px)}.dialog-top h2{font-size:1.7rem}.security-details p{font-size:.9rem;line-height:1.7}
.toast{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:2px;box-shadow:var(--shadow-md);font-size:.85rem}.error{background:var(--surface);color:var(--amber);border:0;border-left:3px solid var(--karamell);border-radius:0;font-size:.83rem}
.order-controls{border-color:var(--line)}.drag-handle{color:var(--heading)}#organize[aria-pressed=true]{background:var(--selected);color:var(--heading);border-color:var(--muted)}.service-card.drop-target{border-color:var(--heading);box-shadow:0 0 0 2px var(--green)}
.empty,.loading-card{background:none;border:0;border-top:1px solid var(--line);border-radius:0}.skip{background:var(--tanne);color:var(--papier)}
/* Original brand assets are selected by theme without recoloring or distortion. */
.login-shell{grid-template-columns:1.2fr 1fr;background:var(--bg)}
.login-art{background:var(--creme);color:var(--tanne);padding:42px 64px 34px;border-right:1px solid var(--linie);position:relative}
.login-masthead{display:flex;align-items:center;justify-content:space-between;gap:24px}.login-masthead .brand{padding:0;height:auto;min-height:0}.login-masthead .brand-logo{background:transparent}.login-masthead>span{font-size:.59rem;font-weight:600;letter-spacing:.16em;color:var(--grau)}
.login-statement{margin:auto 0;padding:80px 0 65px}.login-statement .eyebrow{color:var(--holz)}.login-statement h1{font:600 clamp(2.8rem,4.5vw,5rem)/1.05 var(--serif);letter-spacing:-.035em;color:var(--tanne);margin:25px 0 28px}.login-statement h1 span{color:var(--moos);background:none}
.login-statement>p:not(.eyebrow){font-size:1rem;line-height:1.8;color:var(--grau)}.login-disciplines{display:flex;gap:45px;border-top:1px solid var(--linie);padding-top:27px;margin-top:45px;color:var(--tanne);font-size:.85rem}.login-disciplines span{display:flex;flex-direction:column;gap:12px}.login-disciplines b{color:var(--karamell-tief);font-size:.66rem;font-weight:600;letter-spacing:.1em}
.login-art-footer{display:flex;justify-content:space-between;gap:20px;font-size:.59rem;font-weight:600;letter-spacing:.13em;color:var(--grau)}
.login-panel{background:var(--surface);position:relative;padding:110px 55px 70px}.login-box{width:min(390px,100%)}.login-appearance{position:absolute;top:38px;right:42px}.login-appearance .theme-control>span{font-size:.74rem}.label-chip{display:inline-block;background:none;border:0;border-radius:0;padding:0;font-size:.65rem;font-weight:700;letter-spacing:.14em;color:var(--muted)}
.login-box h2{font-family:var(--serif);font-size:2.4rem;font-weight:600;letter-spacing:-.025em;margin-top:18px}.login-box>p{font-size:.91rem}.login-box form{margin-top:32px}.login-submit{width:100%;margin-top:30px;min-height:51px;justify-content:space-between;padding-inline:20px;font-size:.9rem}.login-security{font-size:.76rem;color:var(--muted);border-top:1px solid var(--line);padding-top:24px;margin-top:30px}.login-box>.micro{font-size:.73rem;margin-top:12px;line-height:1.7}
.mobile-login-brand,.mobile-header-brand{display:none}
.color-cyan{--server-accent:var(--server-cyan)}.color-pink{--server-accent:var(--server-pink)}.color-purple{--server-accent:var(--server-purple)}.color-green{--server-accent:var(--server-green)}.color-amber{--server-accent:var(--server-amber)}.color-blue{--server-accent:var(--server-blue)}.color-red{--server-accent:var(--server-red)}.color-teal{--server-accent:var(--server-teal)}
@media(min-width:1450px){.main-chart{height:220px}}
@media(max-width:1200px){.sidebar{width:225px;padding-inline:12px}.content-shell{margin-left:225px}.topbar{padding-inline:28px}main#main{padding:35px 28px}.brand{padding-inline:3px}.brand-wordmark{font-size:1rem}.stat{padding:20px 15px}.stat-number{font-size:1.8rem}.login-art{padding-inline:36px}.login-masthead>span{display:none}.login-panel{padding-inline:35px}.login-box h2{font-size:2rem}.page-heading{align-items:flex-start;flex-wrap:wrap}}
@media(min-width:761px) and (max-width:980px){.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.charts-grid{grid-template-columns:1fr}.map-layout{grid-template-columns:1fr}.topbar .live-indicator{display:none}.toolbar{width:100%}}
@media(max-width:760px){
 .sidebar{position:sticky;top:0;width:100%;padding:0 9px;background:var(--sidebar);border:0;border-bottom:1px solid var(--line)}.sidebar .brand{display:none}.content-shell{margin-left:0}.sidebar nav#nav{gap:3px}.sidebar nav#nav .nav-item{border-radius:0;border-left:0;border-bottom:2px solid transparent;font-size:.65rem;min-height:48px;padding:8px 4px}.sidebar nav#nav .nav-item.active{border-bottom-color:var(--green)}.sidebar-bottom{padding:0;background:var(--surface)}
 .topbar{height:76px;padding:0 20px}.topbar-right .live-indicator,.desktop-workspace{display:none}.topbar .theme-control select{font-size:.74rem;max-width:105px;padding-inline:9px}.breadcrumb{font-size:.75rem;gap:7px}.mobile-header-brand{display:block}.mobile-header-brand .brand-logo{padding:4px}.mobile-header-brand .brand-logo img{width:34px;height:34px;flex-basis:34px}.mobile-header-brand .brand-wordmark{display:none}
 main#main{padding:30px 20px}.page-heading{margin-bottom:32px;gap:23px}.page-heading h1{font-size:2.4rem}.page-heading .eyebrow{font-size:.62rem}.intro{font-size:.84rem}.heading-actions{width:100%}.heading-actions .button{font-size:.76rem}.section-heading{gap:18px}.section-heading h2{font-size:1.3rem}.toolbar{width:100%;gap:8px}.toolbar .search{flex:1 0 100%;order:0}.search input{width:100%;font-size:.82rem}.toolbar select{flex:1;order:1;min-width:0;max-width:none;font-size:.76rem}.toolbar #organize{order:2}
 .service-card{padding:24px 20px}.card-title{font-size:1.35rem}.compact-metric{display:flex}.compact-metric strong{font-size:1.9rem}.compact-metrics{gap:15px}.compact-metric .metric-ring{width:50px;height:50px}.card-bottom{font-size:.7rem;flex-wrap:wrap}.card-actions{gap:8px}.card-edit{font-size:.7rem}.status-badge{font-size:.7rem}
 .stats{grid-template-columns:1fr 1fr;gap:0}.stat{padding:20px 14px}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.stat-number{font-size:1.7rem}.stat-label{font-size:.72rem}.stat-footer{font-size:.67rem}.stat .metric-ring{width:36px;height:36px}.charts-grid{grid-template-columns:1fr}.chart-panel,.map-panel,.technical-panel{padding:23px 19px}.chart-value{font-size:1.12rem}.main-chart{height:185px}.map-layout{grid-template-columns:1fr;gap:20px}.map-stage{margin:0}.map-total strong{font-size:2rem}.map-toolbar{gap:10px}.map-total span{font-size:.63rem}.map-server-key{min-width:120px}.map-server-filter{max-width:100%}.map-server-options{width:min(300px,calc(100vw - 80px));right:0;left:auto}.map-footer{font-size:.68rem}.map-footer>span{font-size:.64rem}
 .details-grid{grid-template-columns:1fr 1fr;gap:0 15px}.detail strong{font-size:.78rem}.detail>span{font-size:.7rem}.units{grid-template-columns:1fr}.unit-row{font-size:.78rem}.performance-heading{gap:16px;flex-wrap:wrap}.range-control button{font-size:.72rem;padding:8px 11px}.detail-toolbar .button{margin-left:0}
 .appearance-card{flex-direction:column;align-items:stretch;gap:24px}.appearance-card .theme-control,.appearance-card select{width:100%}.settings-card{padding:25px 20px}.settings-card .form-row{grid-template-columns:1fr;gap:0}.settings-save{flex-direction:column;align-items:stretch;gap:18px}.delivery-row{display:block}.delivery-row span{display:block;margin-top:6px}.main-footer{font-size:.68rem;flex-direction:column;padding-bottom:48px}.main-footer>div{flex-wrap:wrap;gap:12px}
 .login-shell{grid-template-columns:1fr}.login-art{display:none}.login-panel{min-height:100dvh;padding:115px 27px 45px}.login-appearance{top:24px;right:26px}.login-appearance .theme-control>span{display:none}.mobile-login-brand{display:block;margin-bottom:36px}.mobile-login-brand .brand-logo{padding:8px}.mobile-login-brand .brand-wordmark{font-size:1.2rem}.login-box h2{font-size:2.15rem}.login-box{width:100%}.login-box form{margin-top:27px}.login-art-footer{display:none}
 dialog{padding:25px}.dialog-top h2{font-size:1.5rem}.dialog-actions{flex-wrap:wrap}.form-row{gap:11px}
}
@media(max-width:390px){.nav-item .nav-count{display:none}.card-top{gap:5px}.compact-metric{gap:8px}.compact-metric strong{font-size:1.65rem}.map-total{display:none}.topbar-right{gap:9px}.topbar-right>.avatar{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Keep legacy layout selectors within the Datenstadl palette. */
.brand-logo{height:auto;min-height:58px}
[class*="color-"]{--server-tint:transparent}
#server-view .stat{background:var(--surface)}
.map-footer #map-method{color:var(--muted)}
.map-server-filter[open] summary{border-color:var(--heading)}
@media(max-width:760px){.sidebar-bottom{border-radius:2px;box-shadow:0 6px 18px -8px rgba(18,41,29,.6)}}

/* Supplied zeichen-hell.svg: cream lettering and caramel detail on deep fir. */
.brand-logo .brand-mark-dark{display:none}
:root[data-theme=dark]{--heading:var(--creme)}
:root[data-theme=dark] .brand-logo{background:transparent;color:var(--creme)}
:root[data-theme=dark] .brand-logo .brand-mark-light{display:none}
:root[data-theme=dark] .brand-logo .brand-mark-dark{display:block}
:root[data-theme=dark] .brand-wordmark b{color:var(--karamell-hell)}
:root[data-theme=dark] .brand-wordmark small{color:var(--salbei)}
:root[data-theme=dark] .login-art{background:var(--tanne-tief);color:var(--creme);border-color:var(--line)}
:root[data-theme=dark] .login-statement h1{color:var(--creme)}
:root[data-theme=dark] .login-statement h1 span{color:var(--salbei)}
:root[data-theme=dark] .login-statement .eyebrow{color:var(--karamell-hell)}
:root[data-theme=dark] .login-statement>p:not(.eyebrow),
:root[data-theme=dark] .login-masthead>span,
:root[data-theme=dark] .login-art-footer{color:var(--salbei)}
:root[data-theme=dark] .login-disciplines{color:var(--creme);border-color:var(--line)}

.maintenance-note{font-size:.78rem;color:var(--amber);padding:12px 0;border-bottom:1px solid var(--line);line-height:1.6}.maintenance-fields{margin:25px 0 0;padding:20px 0;border:0;border-top:1px solid var(--line)}.maintenance-fields legend{padding:0 10px 0 0;color:var(--heading);font-weight:600}.maintenance-fields label{margin-top:0}.maintenance-actions{display:flex;gap:8px;flex-wrap:wrap}.maintenance-actions .button{font-size:.73rem;padding:8px 12px}