/* Ergänzungen zum Mockup-CSS: Klassen statt Inline-Styles (CSP erlaubt keine style-Attribute). */
.right{text-align:right}
.nowrap{white-space:nowrap}
.mt{margin-top:14px}
.mb0{margin-bottom:0}
.m0{margin:0}
.w-xs{width:80px}
.w-sm{width:140px}
.w-md{width:240px}
.w-full{width:100%}
.alert{padding:10px 14px;border-radius:6px;margin-bottom:16px}
.alert.ok{background:var(--ok-bg);color:var(--ok)}
.alert.err{background:var(--bad-bg);color:var(--bad)}
nav a.disabled{opacity:.45;cursor:default}
nav a.disabled:hover{background:none}
nav form{margin:0}
.inline-form{display:inline}
.feature-row input[type=text]{width:100%}
.feature-row select{width:100%}
.hdr-right form{margin:0}
.actions{display:flex;gap:10px;margin-top:16px;align-items:center;flex-wrap:wrap}
.hint{color:var(--muted);font-size:13px}
.err-code{font-size:48px;font-weight:700;color:var(--muted);margin:0}
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center}
.login-box{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:28px;width:340px;box-shadow:var(--shadow)}
.login-box h1{font-size:20px;margin:0 0 18px}
.login-box label{display:block;margin-bottom:12px;color:var(--muted);font-size:13px}
.login-box input{width:100%;margin-top:3px}
.login-box .btn{width:100%;justify-content:center}
.sep{border:0;border-top:1px solid var(--line);margin:20px 0}
details.act{display:block;margin:0}
details.act>summary{list-style:none;cursor:pointer;display:inline-flex}
details.act>summary::-webkit-details-marker{display:none}
details.act[open]{flex-basis:100%;border:1px solid var(--line);border-radius:var(--radius);padding:10px 12px;background:var(--bg)}
details.act[open]>summary{margin-bottom:10px}
a.tab{text-decoration:none}
dl.kv dd.mono{word-break:break-all}
textarea.mono{font-family:var(--mono);font-size:12.5px}
.events li>span{flex:1}
.count{display:inline-block;min-width:20px;padding:0 6px;border-radius:10px;background:var(--bad);color:#fff;font-size:12px;text-align:center;margin-left:4px}
.preview-ok{border-left:4px solid var(--ok)}
.preview-bad{border-left:4px solid var(--bad)}
.cols3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}