/* Shared visual language with https://status.it-bachmann.net/ */
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;color:#212529;background:#667eea;--accent:#667eea;--line:#e9ecef;--muted:#666;--nav:#fff}
body{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);background-attachment:fixed;min-height:100vh}
.layout{display:block;max-width:1200px;margin:auto;padding:20px}.sidebar{position:static;width:auto;display:block;background:transparent;color:white;padding:0}.brand{padding:8px 0 20px;color:white;justify-content:center;font-size:25px;letter-spacing:0}.brand small{color:#ffffffc7;letter-spacing:1.5px;font-size:10px}.brand-icon{border-color:#ffffff80;color:white;background:#ffffff15}.nav-label,.side-footer{display:none}.sidebar nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;justify-content:center}.nav-item{width:auto;background:white;color:#343a40;border-radius:8px;padding:12px 16px;font-size:14px;margin:0;border:0;box-shadow:0 2px 4px #00000010}.nav-item.active{background:#343a40;color:white;border:0}.nav-item:hover{transform:translateY(-1px)}.nav-icon{font-size:16px}.content{display:block}.topbar{height:auto;min-height:60px;padding:15px 25px;border:0;background:#ffffffed;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px}.breadcrumb{color:#666}.breadcrumb strong{color:#343a40}.avatar{background:#ede9f8;color:#764ba2}.profile small{color:#666}.main{padding:0 0 70px;max-width:none}.page-heading{background:white;display:flex;flex-direction:column;align-items:center;text-align:center;padding:35px 40px;margin-bottom:30px;border-radius:12px;box-shadow:0 4px 6px #0000001a;gap:15px}.page-heading h1{font-size:32px;color:#212529;letter-spacing:0;margin-bottom:8px}.page-heading .muted{font-size:16px;margin-bottom:0;color:#666}.eyebrow{color:#667eea;font-size:11px;letter-spacing:1.5px}.page-heading .actions{justify-content:center}.cards{gap:20px;margin-bottom:30px}.card{border:0;padding:20px;text-align:center;border-radius:12px;box-shadow:0 2px 4px #0000001a}.card .card-label{justify-content:center;gap:10px;color:#343a40;font-size:16px;font-weight:600}.card .number{font-size:40px;font-weight:700;margin:10px 0;color:#667eea}.card:nth-child(2) .number{color:#28a745}.card:nth-child(3) .number{color:#764ba2}.card .foot{color:#666;font-size:12px}.panel{border:0;border-radius:12px;margin-bottom:25px;box-shadow:0 2px 4px #0000001a}.panel-heading{padding:20px 25px}.panel-heading h2{font-size:20px;color:#212529}.panel-body{padding:25px}.server-grid{background:#eee;gap:1px}.server-tile{padding:22px 25px;transition:background .2s}.server-tile:hover{background:#fbfaff}.server-tile.selected{box-shadow:inset 0 -3px #667eea}.server-tile h3{font-size:16px;color:#212529}.server-tile p{font-size:13px;color:#666}.server-tile .server-tag{color:#667eea}.pill{border-radius:20px;padding:5px 12px;font-weight:500;font-size:12px;background:#d4edda;color:#155724}.pill.gray{background:#f1f3f5;color:#666}.pill.blue{background:#d1ecf1;color:#0c5460}.pill.red{background:#f8d7da;color:#721c24}.status-dot{background:#28a745}.toolbar{padding:16px 25px;background:#f8f9fa}.search{background:white}.zone-symbol{color:#667eea;background:#f3f1ff;border-color:#e7e2f4}.zone-link{color:#343a40!important}th{background:#f8f9fa;color:#666;font-size:11px}td{font-size:13px;color:#343a40}.muted{color:#666}.table-footer{color:#666}.notice{border:0;border-left:4px solid #667eea;background:#fff;color:#525966;box-shadow:0 2px 4px #0000001a;border-radius:10px;padding:18px 20px;font-size:13px}.error{background:#f8d7da;color:#721c24;border-color:#f5c6cb}.tabs{gap:12px;margin-bottom:20px}.tabs button{background:white;color:#343a40;border-radius:8px;padding:12px 20px}.tabs button.active{background:#343a40;color:white}button{background:#667eea;border-radius:5px;font-weight:500;transition:background .2s,transform .2s}button:hover{background:#5a67d8;filter:none}button.secondary{background:#eef0fc;color:#5364be}button.secondary:hover{background:#e1e5fa}button.danger{background:#f8d7da;color:#721c24}button.danger:hover{background:#f1bdc2}input,select,textarea{border-color:#ddd;border-radius:6px;color:#343a40}label{color:#495057;font-size:13px}pre{background:#f8f9fa;border-color:#e9ecef;color:#343a40}.loading{color:white}.empty{color:#666}.form-note{color:#666}.login-page{max-width:1100px;margin:50px auto;min-height:calc(100vh - 100px);grid-template-columns:1fr 1fr;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0002;background:white}.login-aside{background:linear-gradient(135deg,#667eea,#764ba2);padding:45px 35px}.login-aside .brand{font-size:24px;justify-content:flex-start}.login-aside h1{font-size:40px;color:white}.login-aside .eyebrow,.login-aside p,.login-aside footer{color:#ffffffe0}.network-node{border-color:#ffffff60;background:#ffffff12;color:#fff}.network-node strong{color:white}.login-main{background:white;padding:40px}.login-box h2{color:#212529}.login-footer{color:#666}.security-badge{color:#667eea}dialog{border:0;border-radius:12px;box-shadow:0 12px 45px #0003;padding:28px}dialog::backdrop{background:#17152d88;backdrop-filter:blur(5px)}#toast{background:#343a40}.numeric-type-fields{background:#f8f9fa;padding:2px 15px 15px;border:1px solid #e9ecef;border-radius:8px;margin-top:12px}.record-type-help{margin:8px 0 0;font-size:12px;color:#666;line-height:1.6}
@media(max-width:1050px){.layout{padding:20px}.sidebar{padding:0}.main{padding:0 0 70px}.topbar{padding:15px 20px}.server-grid{grid-template-columns:repeat(3,1fr)}.server-tile{padding:20px 15px}.server-tile h3{font-size:13px}.server-tile .pill{display:block;width:fit-content;margin-top:6px}}
@media(max-width:720px){.layout{padding:15px}.sidebar{padding:0}.brand{font-size:23px;padding:5px 0 20px}.sidebar nav{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding-bottom:5px;gap:8px}.nav-item{padding:11px 15px;font-size:13px;white-space:nowrap}.topbar{padding:13px 15px;gap:10px}.page-heading{padding:28px 20px;margin-bottom:20px}.page-heading h1{font-size:26px}.page-heading .muted{font-size:14px}.cards{gap:10px;margin-bottom:20px}.card{padding:18px 10px}.card .card-label{font-size:12px!important}.card .number{font-size:32px}.card .foot{font-size:10px}.panel-heading,.panel-body{padding:20px}.server-grid{grid-template-columns:1fr}.server-tile{padding:20px}.server-tile .pill{display:inline-block;margin:0 0 0 5px}.server-tile h3{font-size:16px}.tabs{gap:8px}.tabs button{padding:10px 13px;font-size:12px}.toolbar{padding:15px;gap:10px}.login-page{margin:15px;min-height:calc(100vh - 30px);display:block}.login-aside{padding:25px}.login-aside .brand{padding:0}.login-main{padding:30px 22px}.grid2{grid-template-columns:1fr}}
.brand-logo{display:block;width:96px;height:96px;object-fit:contain;border-radius:12px;box-shadow:0 3px 12px #0002;flex-shrink:0}.brand{gap:18px}.login-aside .brand{flex-direction:column;align-items:flex-start;gap:15px}.login-aside .brand-logo{width:128px;height:128px}.login-aside .brand small{margin-top:6px}@media(max-width:720px){.brand-logo{width:80px;height:80px}.login-aside .brand{flex-direction:row;align-items:center}.login-aside .brand-logo{width:88px;height:88px}}
.ui-icon{display:inline-block;width:20px;height:20px;vertical-align:middle;flex-shrink:0}.nav-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.with-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px}.small .ui-icon{width:15px;height:15px}.zone-symbol .ui-icon{width:17px;height:17px}.security-badge{display:flex;align-items:center;gap:8px}.security-badge .ui-icon{width:17px;height:17px}.card-label>.ui-icon{color:#667eea}.zone-symbol{display:inline-flex;align-items:center;justify-content:center}@media(max-width:720px){.nav-icon{display:inline-flex}.nav-item{display:flex;gap:8px}}
.authenticator-qr{display:flex;justify-content:center;padding:16px;background:#fff;border:1px solid #e9ecef;border-radius:10px;margin:18px 0}.authenticator-qr svg{display:block;width:min(100%,280px);height:auto}.login-box:has(.authenticator-qr){max-width:420px}
.cf-description{margin:15px 0 8px}[data-cf-preview],[data-cf-toggle],[data-cf-runs]{white-space:nowrap}#cf-preview ul{padding-left:20px;margin:10px 0 0}#cf-preview li{margin-bottom:8px}#cf-preview .panel-body>.notice{box-shadow:none;background:#f6f7fc}.row-actions:has([data-cf-preview]){flex-wrap:wrap;max-width:300px}