:root{color-scheme:dark;--bg:#08101d;--panel:#111c2c;--panel2:#172439;--text:#eef4ff;--muted:#9cadc5;--line:#263750;--blue:#5c8dff;--green:#32d583;--yellow:#f7c948;--red:#f97066;--gray:#8090a6}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 10% 0,#13233c 0,var(--bg) 38%);color:var(--text);font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:#9cb9ff;text-decoration:none}
a:hover{text-decoration:underline}
.topbar{min-height:68px;padding:0 max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);background:rgba(8,16,29,.9)}
.brand{font-weight:800;color:#fff}
.topbar nav{display:flex;gap:20px}
.account{margin-left:auto;display:flex;align-items:center;gap:16px}
.account-name{color:#dbe6f7;font-weight:700}
.account form{margin:0}
.container{width:min(1240px,calc(100% - 32px));margin:36px auto 80px}
.auth-container{min-height:100vh;display:grid;place-items:center;margin-top:0;margin-bottom:0}
.auth-card{width:min(440px,100%);padding:38px;background:var(--panel);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 80px #0006}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#7fa5ff;font-size:12px;font-weight:800;margin:0 0 8px}
h1{font-size:clamp(28px,4vw,42px);line-height:1.08;margin:0}
h2{margin:0 0 16px;font-size:20px}
.muted,.hint{color:var(--muted)}
.hint{font-size:12px}
.page-heading,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}
.back-link{display:inline-block;margin-bottom:10px}
.title-with-status,.card-title{display:flex;align-items:center;gap:12px}
.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:38px}
.summary{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--panel);display:flex;flex-direction:column}
.summary strong{font-size:32px}
.summary.online{border-top:3px solid var(--green)}
.summary.warning{border-top:3px solid var(--yellow)}
.summary.offline{border-top:3px solid var(--red)}
.summary.unknown{border-top:3px solid var(--gray)}
.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.system-card{color:var(--text);padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:14px}
.system-card:hover{border-color:#5576aa;text-decoration:none;transform:translateY(-1px)}
.system-card dl{margin:18px 0 0}
.system-card dl div,.detail-list div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-top:1px solid var(--line)}
dt{color:var(--muted)}
dd{margin:0;text-align:right}
.status-dot{width:12px;height:12px;border-radius:50%;background:var(--gray);box-shadow:0 0 0 4px #8090a622}
.status-dot.online{background:var(--green)}
.status-dot.warning{background:var(--yellow)}
.status-dot.offline{background:var(--red)}
.status-label{display:inline-block;border-radius:999px;padding:3px 9px;background:#8090a622;color:#b7c2d1;font-size:12px;font-weight:800}
.status-label.online{background:#32d58322;color:#72e5aa}
.status-label.warning{background:#f7c94822;color:#ffe27d}
.status-label.offline{background:#f9706622;color:#ffaaa3}
.panel,.empty-state,.secret-panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:20px}
.secret-panel{border-color:#5c8dff;background:#132746}
.secret-token{display:block;padding:14px;background:#08101d;border-radius:8px;overflow-wrap:anywhere;color:#fff}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}
table{width:100%;border-collapse:collapse;background:var(--panel)}
th,td{padding:13px 14px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
tr:last-child td{border-bottom:0}
.form-stack{display:grid;gap:18px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form-stack label,.inline-form label{display:grid;gap:7px;color:#ccd8e9;font-weight:650}
input,select,textarea{width:100%;padding:11px 12px;border:1px solid #385071;border-radius:8px;background:#091322;color:var(--text);font:inherit}
textarea{resize:vertical}
input:focus,select:focus,textarea:focus{outline:2px solid var(--blue);outline-offset:1px}
.actions,.inline-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.inline-form label{min-width:260px;flex:1}
.button,.link-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:10px 15px;font:inherit;font-weight:750;cursor:pointer}
.button:hover{text-decoration:none}
.button.primary{background:var(--blue);color:#fff}
.button.secondary{background:var(--panel2);color:#dbe6f7;border:1px solid var(--line)}
.button.danger{background:#642d31;color:#ffd9d5;border:1px solid #a84747}
.button.small{padding:6px 10px;font-size:12px}
.link-button{background:transparent;color:#9cb9ff;padding:0}
.notice{padding:13px 16px;border-radius:9px;margin-bottom:18px}
.notice.success{background:#164a36;color:#aaf0cd}
.notice.error{background:#552a31;color:#ffd1d1}
.danger-zone{border-color:#71363a}
.danger-zone form+form{margin-top:18px}
code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
@media(max-width:850px){.system-grid{grid-template-columns:1fr 1fr}
.summary-grid{grid-template-columns:1fr 1fr}
.detail-grid{grid-template-columns:1fr}
.topbar{flex-wrap:wrap;padding:14px 20px}
.account{margin-left:0;width:100%;justify-content:space-between}
}
@media(max-width:560px){.system-grid,.form-grid{grid-template-columns:1fr}
.page-heading{align-items:flex-start;flex-direction:column}
.summary-grid{gap:9px}
.container{width:min(100% - 22px,1240px);margin-top:24px}
.panel,.auth-card{padding:18px}
}

/* Persönliche Zugangsdaten */
.account-heading{align-items:flex-start}.account-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;max-width:1100px}.account-settings-card{margin:0}.account-settings-card>.notice{margin:0}.account-settings-card>.button{justify-self:start}.account-settings-card ul{margin:8px 0 0;padding-left:20px}
@media(max-width:850px){.account-settings-grid{grid-template-columns:1fr}}
@media(max-width:560px){.topbar nav{width:100%;overflow-x:auto;padding-bottom:2px}.topbar nav a{white-space:nowrap}.account-settings-card>.button{width:100%}}

/* Fotosystem-Detailseite */
.system-detail-hero{position:relative;overflow:hidden;padding:26px 28px;margin-bottom:18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#15243a 0,var(--panel) 62%,#102038 100%);box-shadow:0 18px 50px #0003}
.system-detail-hero::after{content:"";position:absolute;right:-80px;top:-110px;width:260px;height:260px;border-radius:50%;background:#5c8dff12;pointer-events:none}
.system-detail-heading{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:28px}
.system-detail-type{margin:9px 0 0;color:var(--muted);font-size:16px}
.system-detail-status{display:flex;align-items:center;gap:13px}
.status-label-large{padding:8px 16px;font-size:14px;letter-spacing:.02em}
.system-detail-actions{position:relative;z-index:1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.system-detail-actions form{margin:0}
.system-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:30px}
.overview-tile{min-width:0;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.overview-tile strong{display:flex;align-items:center;gap:10px;margin-top:8px;font-size:16px;overflow-wrap:anywhere}
.overview-label,.telemetry-label{display:block;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.system-detail-section{margin-bottom:22px}
.detail-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.detail-section-heading h2{margin:0}
.section-meta{color:var(--muted);font-size:12px}
.system-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;border-top:1px solid var(--line)}
.system-info-grid>div{min-width:0;padding:16px 0;border-bottom:1px solid var(--line)}
.system-info-grid>div:nth-child(odd){padding-right:28px}
.system-info-grid>div:nth-child(even){padding-left:28px;border-left:1px solid var(--line)}
.system-info-grid dt{margin-bottom:5px;font-size:12px}
.system-info-grid dd{text-align:left;color:#e4edf9;font-weight:650;overflow-wrap:anywhere}
.identifier-value{color:#c7d8f2;overflow-wrap:anywhere;word-break:break-word}
.telemetry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.telemetry-card{min-width:0;padding:21px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,var(--panel),#0e1928)}
.telemetry-card strong{display:block;margin:14px 0 5px;font-size:clamp(18px,2vw,24px);line-height:1.2;overflow-wrap:anywhere}
.telemetry-card small{color:var(--muted)}
.heartbeat-card{grid-column:span 2;border-color:#34507a;background:linear-gradient(145deg,#14243a,#101b2a)}
.activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.activity-column{min-width:0}
.activity-column h3,.alerts-block h3{margin:0 0 14px;font-size:15px}
.activity-list{list-style:none;margin:0;padding:0}
.activity-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding:13px 0;border-top:1px solid var(--line)}
.activity-list div{display:grid;gap:2px}
.activity-list div span,.activity-list time,.alert-item span,.alert-item time{color:var(--muted);font-size:12px}
.activity-list time,.alert-item time{text-align:right;white-space:nowrap}
.activity-marker{width:9px;height:9px;margin-top:6px;border-radius:50%;background:var(--gray);box-shadow:0 0 0 3px #8090a61c}
.activity-marker.online{background:var(--green)}
.activity-marker.warning{background:var(--yellow)}
.activity-marker.offline{background:var(--red)}
.alerts-block{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.empty-copy{margin:0;color:var(--muted)}
.all-clear{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #2b634e;border-radius:12px;background:#16362955}
.all-clear>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#32d58322;color:#72e5aa;font-weight:900}
.all-clear p{margin:2px 0 0;color:var(--muted);font-size:13px}
.alert-list{display:grid;gap:10px}
.alert-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}
.alert-item>div{display:grid;gap:3px}
.alert-item.warning{border-left:3px solid var(--yellow)}
.alert-item.critical,.alert-item.error{border-left:3px solid var(--red)}
.token-table{margin-top:20px}
.archive-form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.archive-form label{display:grid;flex:1;min-width:260px;gap:7px;color:#ccd8e9;font-weight:650}
@media(max-width:980px){.system-overview-grid,.telemetry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.heartbeat-card{grid-column:span 2}}
@media(max-width:760px){.system-detail-heading{align-items:flex-start;flex-direction:column}.activity-grid{grid-template-columns:1fr}.system-info-grid{grid-template-columns:1fr}.system-info-grid>div:nth-child(odd),.system-info-grid>div:nth-child(even){padding-left:0;padding-right:0;border-left:0}.section-meta{display:none}}
@media(max-width:560px){.system-detail-hero{padding:20px}.system-overview-grid,.telemetry-grid{grid-template-columns:1fr}.heartbeat-card{grid-column:auto}.system-detail-actions{align-items:stretch;flex-direction:column}.system-detail-actions .button,.system-detail-actions form,.system-detail-actions form .button{width:100%}.activity-list li{grid-template-columns:auto minmax(0,1fr)}.activity-list time{grid-column:2;text-align:left}.archive-form{align-items:stretch;flex-direction:column}.archive-form label,.archive-form .button{min-width:0;width:100%}}

/* Phase 5: visuelles Detailseiten-Polishing */
.detail-breadcrumb{position:relative;z-index:1;display:flex;align-items:center;gap:8px;margin-bottom:22px;color:var(--muted);font-size:13px}.detail-breadcrumb a{color:#b7c9e6}.detail-breadcrumb a:hover{color:#fff}.detail-breadcrumb span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-back-link{display:inline-flex;margin-bottom:22px;color:#abc2e7;font-size:13px;font-weight:700}.detail-back-link:hover{color:#fff}.system-detail-hero{padding:26px 28px 0;border-color:#30435f;background:linear-gradient(145deg,#17253a 0,#101b2a 68%,#12233d 100%)}.system-detail-hero.status-offline{border-color:#6f3d45;background:linear-gradient(145deg,#211b29 0,#121b29 68%,#2b1823 100%)}.system-detail-hero.status-warning{border-color:#665b36}.system-detail-hero.status-unknown{border-color:#36465d}.system-detail-hero::after{right:-55px;top:-90px;width:310px;height:310px;background:#5c8dff0c}.system-detail-hero.status-offline::after{background:#f970660a}.system-detail-heading{align-items:center}.system-detail-identity{min-width:0}.system-detail-identity h1{letter-spacing:-.035em}.system-detail-type{display:flex;align-items:center;gap:8px}.system-detail-type code{color:#b9c9df;font-size:12px}.hero-status-block{display:grid;justify-items:end;max-width:340px;text-align:right}.hero-status-caption{margin-bottom:8px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.status-label-hero{display:inline-flex;align-items:center;gap:11px;padding:10px 17px;font-size:15px;letter-spacing:.01em}.status-label-hero .status-dot{width:10px;height:10px}.hero-status-copy{margin-top:9px;color:#aebdd2;font-size:12px;line-height:1.45}.system-detail-actions{margin:28px -28px 0;padding:16px 28px;background:#09132155}.action-group-label{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.action-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.action-muted{border:1px solid var(--line);background:transparent;color:#c8d3e2}.action-muted:hover{border-color:#4a6284;background:#18263a}.action-archive-link{padding:8px 4px;color:#ce8d91;font-size:13px;font-weight:700}.action-archive-link:hover{color:#ffb1ad}.system-detail-hero .button,.action-muted,.action-archive-link,.metric-card,.info-group-card{transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.system-detail-hero a:focus-visible,.system-detail-hero button:focus-visible,.activity-panel a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.status-label.unknown,.status-label.inactive{background:#8090a61c;color:#c1ccd9}.status-command-card{display:grid;grid-template-columns:minmax(280px,1fr) minmax(480px,1.25fr);gap:30px;align-items:center;margin-bottom:38px;padding:24px 26px;border:1px solid var(--line);border-left:4px solid var(--gray);border-radius:14px;background:linear-gradient(145deg,var(--panel),#0e1928);box-shadow:0 14px 38px #0002}.status-command-card.status-online{border-left-color:var(--green)}.status-command-card.status-warning{border-left-color:var(--yellow);background:linear-gradient(145deg,#1b2029,#171b21)}.status-command-card.status-offline{border-color:#633940;border-left:4px solid var(--red);background:linear-gradient(145deg,#251b25,#171821);box-shadow:0 16px 42px #3d101522}.status-command-card.status-unknown,.status-command-card.status-inactive{border-left-color:var(--gray)}.status-command-main{display:flex;align-items:center;gap:18px}.status-command-main h2{margin:0;font-size:28px;letter-spacing:-.02em}.status-command-main p:last-child{max-width:470px;margin:5px 0 0;color:var(--muted);font-size:13px}.status-command-icon{display:grid;flex:0 0 44px;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:13px;background:#08101d66}.status-command-icon .status-dot{width:14px;height:14px}.status-command-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border:1px solid var(--line);border-radius:11px;background:#09132166}.status-command-facts>div{min-width:0;padding:14px 16px}.status-command-facts>div+div{border-left:1px solid var(--line)}.status-command-facts dt{font-size:11px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.status-command-facts dd{margin-top:6px;text-align:left;color:#e4edf9;font-size:13px;font-weight:700;overflow-wrap:anywhere}.system-detail-section{margin-bottom:38px}.detail-section-heading{margin-bottom:18px}.detail-section-heading h2{font-size:23px;letter-spacing:-.02em}.metric-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card{position:relative;min-height:174px;padding:19px 20px;border-color:#2a3c56;background:linear-gradient(155deg,#142033,#0f1928)}.metric-card:hover{border-color:#46658e;transform:translateY(-2px);box-shadow:0 14px 30px #0002}.metric-card-top{display:flex;align-items:center;justify-content:space-between}.metric-symbol{display:inline-flex;align-items:center;justify-content:center;min-width:45px;height:27px;padding:0 8px;border:1px solid #344a69;border-radius:7px;background:#0b1524;color:#a9bfe0;font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.metric-availability{width:8px;height:8px;border-radius:50%;background:var(--gray);box-shadow:0 0 0 4px #8090a614}.metric-availability.available{background:#6f9fff}.metric-value{display:flex;align-items:baseline;gap:7px;margin:24px 0 7px}.metric-value strong{margin:0;font-size:clamp(26px,2.6vw,36px);letter-spacing:-.04em}.metric-value span{color:#afbed2;font-size:14px;font-weight:700}.metric-value .no-data{color:#b1bdcc;font-size:20px;letter-spacing:-.01em}.metric-card p{margin:0;color:var(--muted);font-size:12px}.info-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.info-group-card{min-width:0;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.info-group-card:hover{border-color:#3b5273}.info-group-heading{display:flex;align-items:center;gap:10px;margin-bottom:17px}.info-group-heading h3{margin:0;font-size:15px}.info-group-index{color:#759cff;font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.info-group-card dl{margin:0}.info-group-card dl>div{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);gap:18px;padding:11px 0;border-top:1px solid var(--line)}.info-group-card dt{font-size:12px}.info-group-card dd{text-align:right;color:#e3ecf8;font-size:13px;font-weight:650;overflow-wrap:anywhere}.activity-panel{padding:26px}.activity-timeline{list-style:none;margin:0;padding:0}.activity-entry{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:14px;padding:16px 0}.activity-entry+.activity-entry{border-top:1px solid #26375099}.timeline-marker{position:relative;z-index:1;width:11px;height:11px;margin-top:5px;border:2px solid var(--gray);border-radius:50%;background:var(--panel);box-shadow:0 0 0 4px #8090a610}.activity-entry.state-online .timeline-marker{border-color:var(--green)}.activity-entry.state-warning .timeline-marker{border-color:var(--yellow)}.activity-entry.state-offline .timeline-marker,.activity-entry.state-error .timeline-marker,.activity-entry.state-critical .timeline-marker{border-color:var(--red)}.activity-entry-content{min-width:0}.activity-entry-content>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.activity-entry-content p{margin:3px 0 0;color:var(--muted);font-size:12px}.activity-kind-label{padding:2px 7px;border:1px solid var(--line);border-radius:999px;color:#9eafc7;font-size:10px;font-weight:750;letter-spacing:.05em;text-transform:uppercase}.activity-entry time{color:var(--muted);font-size:12px;white-space:nowrap}.activity-empty-state{display:flex;align-items:center;justify-content:center;gap:15px;min-height:150px;padding:25px;border:1px dashed #354a68;border-radius:12px;background:#0c1725;text-align:left}.activity-empty-state>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #405777;border-radius:50%;color:#8fa3bf;font-size:22px}.activity-empty-state p{margin:3px 0 0;color:var(--muted);font-size:13px}.access-panel{margin-top:6px}.danger-zone{margin-top:44px;background:#151922;border-color:#50343b}.danger-zone .eyebrow{color:#be7f85}.danger-zone .button.danger{background:#512a2f;border-color:#81434a}.danger-zone .button.danger:hover{background:#663137}.button:focus-visible,.link-button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:1100px){.status-command-card{grid-template-columns:1fr}.metric-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.system-detail-heading{align-items:flex-start;flex-direction:column}.hero-status-block{justify-items:start;max-width:520px;text-align:left}.system-detail-actions{align-items:flex-start;flex-direction:column}.status-command-facts{grid-template-columns:1fr 1fr 1fr}.info-group-grid{grid-template-columns:1fr}.activity-entry{grid-template-columns:18px minmax(0,1fr)}.activity-entry time{grid-column:2}}
@media(max-width:560px){.detail-breadcrumb{margin-bottom:18px}.detail-back-link{margin-bottom:18px}.system-detail-hero{padding:19px 19px 0}.system-detail-type{align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px}.system-detail-actions{margin:24px -19px 0;padding:15px 19px}.action-group{align-items:stretch;width:100%;flex-direction:column}.action-group .button,.action-group form,.action-group form .button{width:100%}.action-archive-link{align-self:center;padding:8px}.status-command-card{gap:20px;padding:20px}.status-command-main{align-items:flex-start}.status-command-facts{grid-template-columns:1fr}.status-command-facts>div+div{border-top:1px solid var(--line);border-left:0}.metric-card-grid{grid-template-columns:1fr}.metric-card{min-height:154px}.info-group-card{padding:18px}.info-group-card dl>div{grid-template-columns:1fr;gap:4px}.info-group-card dd{text-align:left}.activity-panel{padding:19px}.activity-entry-content>div{align-items:flex-start;flex-direction:column;gap:5px}.activity-entry time{white-space:normal}.activity-empty-state{align-items:flex-start;flex-direction:column}.access-panel{padding:18px}}

/* Ferngesteuerter Gästehinweis */
.guest-notice-control{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 0 38px;padding:24px 26px;border:1px solid #55404a;border-left:4px solid #a94d57;border-radius:14px;background:linear-gradient(145deg,#201923,#131923);box-shadow:0 14px 38px #0002}.guest-notice-control.is-active{border-color:#a94854;border-left-color:#ff5e68;background:linear-gradient(145deg,#351b24,#1d1720);box-shadow:0 16px 42px #62131d2e}.guest-notice-copy{max-width:760px;flex:1 1 auto}.guest-notice-status-row{display:flex;align-items:center;gap:12px}.guest-notice-status-row .eyebrow{margin:0}.guest-notice-state{display:inline-flex;padding:4px 9px;border-radius:999px;background:#8090a61c;color:#bbc6d4;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.guest-notice-state.active{background:#f9706624;color:#ffaaa5}.guest-notice-control h2{margin:9px 0 10px}.guest-notice-control p{margin:0;color:#d8cbd0;line-height:1.55}.guest-notice-control small{display:block;margin-top:10px;color:#a99ca5;line-height:1.5}.guest-notice-text-form{display:grid;grid-template-columns:minmax(180px,.55fr) minmax(280px,1fr) auto;gap:12px;align-items:end;margin-top:18px}.guest-notice-text-form label{display:grid;gap:6px;color:#cbbdc2;font-size:12px;font-weight:750}.guest-notice-text-form input,.guest-notice-text-form textarea{width:100%;border-color:#63454f;background:#140f17}.guest-notice-text-form textarea{resize:vertical}.guest-notice-text-form .button{white-space:nowrap}.guest-notice-form{flex:0 0 250px}.guest-notice-button{width:100%;border-color:#ce4f59;background:#a52f3c;color:#fff}.guest-notice-button:hover{background:#bd3947}.guest-notice-button:disabled{border-color:#67434a;background:#452a31;color:#ad9398;cursor:not-allowed;opacity:.8}.guest-notice-requirement{max-width:250px;text-align:center}
@media(max-width:980px){.guest-notice-text-form{grid-template-columns:1fr 1fr}.guest-notice-text-form .button{grid-column:1/-1}}@media(max-width:760px){.guest-notice-control{align-items:stretch;flex-direction:column}.guest-notice-text-form{grid-template-columns:1fr}.guest-notice-text-form .button{grid-column:auto}.guest-notice-form,.guest-notice-form .button{width:100%}}

/* Phase 6: Systemverwaltung */
.management-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 28px}.management-heading>div>p:last-child{max-width:680px;margin:10px 0 0;color:var(--muted)}.management-form{display:grid;gap:18px;max-width:980px}.management-section{display:grid;gap:20px;margin:0;padding:26px}.management-section label{display:grid;gap:7px;color:#ccd8e9;font-weight:650}.management-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:17px;border-bottom:1px solid var(--line)}.management-section-heading h2{margin:0}.locked-badge{padding:4px 9px;border:1px solid #3b4c64;border-radius:999px;color:#9fadc0;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.immutable-section{background:linear-gradient(145deg,#111c2c,#0e1827)}.immutable-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0}.immutable-grid>div{min-width:0;padding:15px;border:1px solid var(--line);border-radius:10px;background:#09132288}.immutable-grid dt{margin-bottom:5px;font-size:12px}.immutable-grid dd{text-align:left;overflow-wrap:anywhere}.full-field{grid-column:1/-1}.management-submit{position:sticky;bottom:12px;z-index:2;display:flex;gap:12px;padding:14px;border:1px solid #30435f;border-radius:12px;background:#0b1524e8;box-shadow:0 12px 34px #0005;backdrop-filter:blur(10px)}
.section-intro{margin:6px 0 0;color:var(--muted);font-size:13px}.token-create-form{padding:16px;border:1px solid var(--line);border-radius:11px;background:#0b1524}.token-table th,.token-table td{padding:12px 10px}.token-table td{vertical-align:middle}.token-table td:first-child code{display:block;color:#d7e4f6}.token-table td:first-child small{display:block;margin-top:4px;color:var(--muted)}.scope-badge{display:inline-flex;padding:4px 8px;border:1px solid #395172;border-radius:7px;background:#101d30;color:#bcd0ec;font:700 11px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace}.token-actions{display:flex;align-items:center;gap:10px}.token-revoke-link{color:#d39497;font-size:12px;font-weight:750}.token-revoke-link:hover{color:#ffb1ad}.token-empty{margin-top:18px;padding:24px;border:1px dashed #354a68;border-radius:11px;background:#0c1725;text-align:center}.token-empty p{margin:4px 0 0;color:var(--muted)}
.confirmation-card{max-width:720px;margin:30px auto;padding:34px;border-top:3px solid var(--yellow)}.confirmation-card.confirmation-danger{border-top-color:var(--red)}.confirmation-card h1{font-size:clamp(28px,4vw,38px)}.confirmation-copy{max-width:620px;margin:14px 0 24px;color:#b9c7da;font-size:16px}.confirmation-context{margin:0 0 26px;border-top:1px solid var(--line)}.confirmation-context>div{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr);gap:18px;padding:13px 0;border-bottom:1px solid var(--line)}.confirmation-context dd{text-align:left;overflow-wrap:anywhere}.confirmation-actions{display:flex;gap:12px;flex-wrap:wrap}.warning-button{border:1px solid #8b7131;background:#66511f;color:#fff1ba}.warning-button:hover{background:#776026}
@media(max-width:760px){.management-heading{align-items:flex-start;flex-direction:column}.immutable-grid{grid-template-columns:1fr}.management-form{max-width:none}.management-submit{position:static}.token-actions{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.management-section{padding:19px}.management-section-heading{align-items:flex-start;flex-direction:column}.management-submit,.confirmation-actions{flex-direction:column}.management-submit .button,.confirmation-actions .button{width:100%}.confirmation-card{padding:22px}.confirmation-context>div{grid-template-columns:1fr;gap:4px}}

/* Phase 7.1: Live-Monitoring-Dashboard */
.dashboard-heading{align-items:flex-start}.live-update-state{display:inline-flex;align-items:center;gap:8px;margin-top:11px;color:var(--muted);font-size:12px}.live-update-state>span:first-child{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #32d58316}.live-update-state.is-disconnected{color:#d9b0a9}.live-update-state.is-disconnected>span:first-child{background:var(--red);box-shadow:0 0 0 4px #f9706616}.dashboard-system-grid{align-items:stretch}.dashboard-system-card{display:flex;min-width:0;flex-direction:column;border-top:3px solid var(--gray);transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.dashboard-system-card.status-online{border-top-color:var(--green)}.dashboard-system-card.status-warning{border-top-color:var(--yellow)}.dashboard-system-card.status-offline{border-top-color:var(--red)}.dashboard-system-card.status-unknown,.dashboard-system-card.status-inactive{border-top-color:var(--gray)}.dashboard-system-card:hover{box-shadow:0 14px 32px #0002}.dashboard-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.dashboard-card-header .card-title{min-width:0}.dashboard-card-header strong{overflow-wrap:anywhere}.dashboard-card-header .status-label{flex:0 0 auto}.dashboard-card-details{margin:18px 0 16px!important}.dashboard-card-details div{align-items:baseline;padding:7px 0!important}.dashboard-card-details dt{font-size:12px}.dashboard-card-details dd{min-width:0;color:#dbe6f5;font-size:12px;font-weight:700;overflow-wrap:anywhere}.dashboard-card-meta{display:flex;justify-content:space-between;gap:14px;margin-top:auto;padding-top:13px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.dashboard-card-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:1024px){.dashboard-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.dashboard-system-grid{grid-template-columns:1fr}.dashboard-card-details dd{text-align:right}.live-update-state{margin-top:9px}}

/* Erweiterte Agent-Telemetrie: aktive Anwendung und DNP DS620 */
.operational-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.operational-card{min-width:0;padding:22px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,var(--panel),#0e1928);box-shadow:0 12px 30px #0000001c}.operational-card.is-socialbooth,.operational-card.is-detected{border-color:#32d58352;box-shadow:inset 0 1px 0 #32d58316,0 12px 30px #0000001c}.operational-card.not-detected{border-color:#f7c94842}.operational-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.operational-card-header h3{margin:5px 0 0;font-size:clamp(18px,2vw,24px);overflow-wrap:anywhere}.operational-state{flex:0 0 auto;padding:5px 10px;border-radius:999px;background:#8090a622;color:#b7c2d1;font-size:11px;font-weight:800;letter-spacing:.03em}.operational-state.active{background:#32d58322;color:#72e5aa}.operational-state.warning{background:#f7c94822;color:#ffe27d}.operational-state.unknown{background:#8090a616;color:var(--muted)}.operational-facts{margin:0}.operational-facts>div{display:grid;grid-template-columns:minmax(120px,.7fr) minmax(0,1.3fr);gap:18px;padding:10px 0;border-top:1px solid var(--line)}.operational-facts dt{color:var(--muted);font-size:12px}.operational-facts dd{min-width:0;margin:0;color:#e5edf8;font-size:13px;font-weight:700;text-align:right;overflow-wrap:anywhere}
.print-alert-form{display:grid;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.print-alert-form>label{display:grid;gap:7px;color:#ccd8e9;font-size:13px;font-weight:700}.print-alert-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.print-alert-input-row>span{color:var(--muted);font-size:12px}.print-alert-form .button{justify-self:start}.print-alert-form small{color:var(--muted);line-height:1.5}
@media(max-width:820px){.operational-card-grid{grid-template-columns:1fr}}
@media(max-width:560px){.operational-card{padding:18px}.operational-card-header{align-items:flex-start;flex-direction:column}.operational-facts>div{grid-template-columns:1fr;gap:4px}.operational-facts dd{text-align:left}}

/* Persistent, non-modal paper service notice above dashboard content. */
.paper-service-popups{position:fixed;top:84px;right:16px;width:min(350px,calc(100vw - 24px));z-index:1000;max-height:55vh;max-height:55dvh;overflow-y:auto;overscroll-behavior:contain;border-radius:14px;box-shadow:0 12px 35px #0007}
.paper-service-popups[hidden]{display:none}
.paper-service-card{padding:18px;background:#311916;border:2px solid #ffb454;border-radius:14px;color:#fff4e5;overflow-wrap:anywhere}
.paper-service-card + .paper-service-card{margin-top:8px}
.paper-service-card h2{color:#ffd18b;font-size:21px;margin:0 0 6px}
.paper-service-card p{margin:8px 0;font-size:14px;line-height:1.4}
.paper-service-card small{display:block;color:#e6c9a6;font-size:11px}
.paper-service-instruction{font-weight:750}
@media(max-width:850px){.paper-service-popups{position:sticky;top:12px;right:auto;margin:12px 12px 0 auto;width:min(300px,calc(100vw - 24px));max-height:45vh;max-height:45dvh}.paper-service-card{padding:12px}.paper-service-card h2{font-size:18px}.paper-service-card p{font-size:12px;margin:6px 0}}