*{box-sizing:border-box}
:root{
  --bg:#111214;--sidebar:#050505;--panel:#191a1c;--panel2:#222326;--line:#34363a;
  --text:#f1f1f1;--muted:#a7a8aa;--muted2:#77797c;--accent:#1f6a3b;--accent2:#2f8a50;
  --accent-soft:#173421;--danger:#b65a62;--success:#4f9b6b;--radius:12px;
}
html,body{margin:0;min-height:100%;background:linear-gradient(180deg,#050505 0,#090909 16%,#17181a 55%,#242528 100%);background-attachment:fixed;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{font-size:14px;font-weight:400}
button,input,select{font:inherit}button{cursor:pointer}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;background:var(--sidebar);border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column}
.brand{display:flex;align-items:center;gap:11px;padding:0 8px 24px}.logo-wrap{width:46px;height:46px;border:1px solid #284331;border-radius:10px;display:grid;place-items:center;background:#080a09;overflow:hidden}
.logo-wrap img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 0 9px rgba(29,105,57,.14))}
.brand-name{font-size:14px;font-weight:650;letter-spacing:.12em}.brand-caption{font-size:11px;color:var(--muted);margin-top:2px}
.nav{display:flex;flex-direction:column;gap:3px}.nav-item{border:0;background:transparent;color:#9ba2aa;text-align:left;padding:10px 11px;border-radius:8px;font-weight:450;display:flex;align-items:center;gap:10px}
.nav-item svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.nav-item:hover{background:#121914;color:#e6eee8}.nav-item.active{font-weight:550;background:#142019;color:#dce9df;border-left:2px solid var(--accent2)}
.nav-count{margin-left:auto;background:#1f3326;color:#a7c9b2;border:1px solid #31503a;border-radius:999px;min-width:22px;height:20px;display:grid;place-items:center;font-size:11px}
.sidebar-meta{margin-top:auto;border-top:1px solid var(--line);padding:18px 8px 0;display:flex;gap:10px;align-items:center}.sidebar-meta span{display:block;font-size:11px;color:var(--muted);margin-top:2px}.status-dot{width:7px;height:7px;border-radius:50%;background:#3f8a5a}
.main{padding:0 34px 48px;min-width:0;background:linear-gradient(180deg,rgba(0,0,0,.72) 0,rgba(18,19,21,.78) 42%,rgba(39,40,43,.9) 100%)}.topbar{height:86px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.topbar h1{font-size:24px;margin:0;font-weight:550;letter-spacing:-.015em}.topbar p{margin:5px 0 0;color:var(--muted)}
.account{display:flex;align-items:center;gap:10px}.sync-note{font-size:11px;color:#7d8a81;border-right:1px solid var(--line);padding-right:14px;margin-right:2px}.account-copy{text-align:right}.account-copy strong{display:block;font-size:13px;font-weight:550}.account-copy span{display:block;color:var(--muted);font-size:11px;margin-top:2px}.avatar{width:34px;height:34px;border-radius:50%;background:#172019;border:1px solid #2f4937;display:grid;place-items:center;font-weight:550}
.page{display:none}.page.active{display:block}.page-actions{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px}.page-actions h2{font-size:20px;margin:0;font-weight:550}.page-actions p{margin:6px 0 0;color:var(--muted)}
.btn,.text-btn{border:0;border-radius:8px;font-weight:500}.btn{padding:10px 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8}.btn.primary{background:#245f38;color:#f3f7f4;border:1px solid #33794a}.btn.primary:hover{background:#2c7243}.btn.secondary{background:#151b17;color:#d7e1da;border:1px solid #2c3930}.btn.danger{background:#271719;color:#e6a1a6;border:1px solid #4a252a}.text-btn{background:transparent;color:#73a583;padding:6px 0}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.metric{background:linear-gradient(180deg,#131714,#111412);border:1px solid #253129;border-radius:var(--radius);padding:18px}.metric span{display:block;color:#91a097;font-size:12px}.metric strong{display:block;font-size:24px;margin-top:9px;font-weight:520;letter-spacing:-.02em}.metric small{display:block;color:#68766d;margin-top:6px;font-size:11px}
.grid{display:grid;gap:16px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:16px}.activity-card{grid-column:1/-1}
.card{background:var(--panel);border:1px solid #253129;border-radius:var(--radius);padding:18px}.card h3{margin:0;font-size:15px;font-weight:550}.card-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:14px}.card-head p{margin:5px 0 0;color:var(--muted);font-size:12px}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:12px 10px;border-bottom:1px solid #242b26;text-align:left;white-space:nowrap}th{font-size:11px;text-transform:uppercase;letter-spacing:.065em;color:#6e7b72;font-weight:500}td{font-size:13px;color:#d7ddd8}td strong{font-weight:550}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#151a16}
.tag{display:inline-flex;align-items:center;padding:3px 7px;border:1px solid #313b34;border-radius:999px;font-size:11px;color:#bbc7be;background:#171b18}.tag.green{border-color:#315e40;color:#8fc7a0;background:#14241a}.tag.red{border-color:#4a2b30;color:#d48c93;background:#211719}.tag.orange{border-color:#574a34;color:#d1b783;background:#211d15}.tag.blue{border-color:#344039;color:#aab9af;background:#171b20}
.key-list{display:flex;flex-direction:column}.key-list>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid #252d27}.key-list>div:last-child{border-bottom:0}.key-list span{color:var(--muted)}.key-list b{font-weight:500}.ok{color:#72b58a!important}
.search,input,select{background:#0f1210;border:1px solid #2c3630;color:#f1f4f2;border-radius:8px;padding:9px 10px;outline:none}.search:focus,input:focus,select:focus{border-color:#3d6f4d;box-shadow:0 0 0 2px rgba(43,111,64,.10)}.search{width:220px}
.filter-row{display:flex;gap:8px}.faction-table{display:flex;flex-direction:column}.faction-row{display:grid;grid-template-columns:minmax(170px,1.3fr) 145px 100px 100px 160px 110px;gap:12px;align-items:center;padding:14px 4px;border-bottom:1px solid #252d27}.faction-row.header{padding-top:0;color:#6e7b72;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.faction-row:last-child{border-bottom:0}.faction-row.clickable{cursor:pointer}.faction-row.clickable:hover{background:#151a16}.faction-name strong{display:block;font-weight:550}.faction-name span{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.limit{display:flex;flex-direction:column;gap:5px}.limit-top{display:flex;justify-content:space-between;font-size:11px;color:#9ba69f}.progress{height:5px;background:#202923;border-radius:999px;overflow:hidden}.progress>i{display:block;height:100%;background:#3a8853;border-radius:inherit}.progress.warn>i{background:#9b7a45}.progress.danger>i{background:#9d5157}
.legend{display:flex;gap:16px;flex-wrap:wrap;color:#a2ada6;font-size:12px}.s{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.s.green{background:#3d955c}.s.yellow{background:#a89b58}.s.orange{background:#ad7850}.s.red{background:#a9565d}.s.beach{background:#779395}
.search-wrap{display:flex;align-items:center;gap:8px;background:#0f1210;border:1px solid #2c3630;border-radius:8px;padding:0 9px}.search-wrap svg{width:15px;height:15px;fill:none;stroke:#75827a;stroke-width:1.8}.search-wrap input{border:0;box-shadow:none!important;padding-left:0}
.status-row{display:grid;grid-template-columns:minmax(0,1fr) 170px 100px;gap:14px;align-items:center;padding:12px 4px;border-bottom:1px solid #252d27}.status-row:last-child{border-bottom:0}.status-name strong{display:block;font-weight:550}.status-name span{display:block;color:var(--muted);font-size:11px;margin-top:3px}
.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:16px}.tab{background:transparent;border:0;color:#88958c;padding:10px 12px;border-bottom:2px solid transparent;font-weight:450}.tab.active{color:#e6eee8;border-bottom-color:#3c8b57}.tab span{margin-left:5px;color:#7fa28a}
.request-list{display:flex;flex-direction:column;gap:10px}.request-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:grid;grid-template-columns:minmax(0,1fr) 130px 130px 190px;align-items:center;gap:16px}.request-card h3{margin:0;font-size:14px;font-weight:550}.request-card p{margin:4px 0 0;color:var(--muted);font-size:12px}.request-card .meta{color:var(--muted);font-size:12px}.request-card .meta b{display:block;color:#d9dfda;font-size:13px;margin-top:3px;font-weight:500}.request-actions{display:flex;gap:8px;justify-content:flex-end}.small-btn{border:1px solid #303a33;background:#171b18;color:#d4dcd6;border-radius:7px;padding:7px 9px;font-size:12px;font-weight:450}.small-btn.danger{border-color:#4a262a;color:#d98990;background:#211719}
.alerts{display:flex;flex-direction:column}.alert{padding:12px 0;border-bottom:1px solid #252d27}.alert:last-child{border:0}.alert strong{display:block;font-weight:500}.alert span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.alert.warning strong{color:#d4b881}
.activity-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.activity{display:grid;grid-template-columns:56px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid #252d27}.activity time{color:#6f7b73;font-size:11px}.activity p{margin:0;color:#cdd5cf}.activity p b{font-weight:500}
.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.bar-list{display:flex;flex-direction:column;gap:13px}.bar-row{display:grid;grid-template-columns:120px 1fr 90px;gap:12px;align-items:center}.bar-row span{color:#b9c3bb}.bar{height:7px;background:#202923;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:#347b4b}.bar-row b{text-align:right;font-weight:500}
.rank-list{display:flex;flex-direction:column}.rank{display:grid;grid-template-columns:30px 1fr auto;gap:10px;padding:11px 0;border-bottom:1px solid #252d27}.rank:last-child{border:0}.rank span:first-child{color:#718078}.rank b{font-weight:500}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.68);display:grid;place-items:center;padding:18px;z-index:20}.modal-backdrop.hidden{display:none}.modal{width:min(580px,100%);max-height:90vh;overflow:auto;background:#151918;border:1px solid #303a33;border-radius:12px;padding:20px;box-shadow:0 24px 80px rgba(0,0,0,.55)}.modal h3{margin:0 0 6px;font-size:17px;font-weight:550}.modal p{color:var(--muted);line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.stepper{display:flex;gap:8px;margin:16px 0 18px}.step{flex:1;height:4px;background:#273029;border-radius:999px}.step.active{background:#3d8c57}.summary-box{background:#101411;border:1px solid #263229;border-radius:10px;padding:14px}.summary-box .key-list>div{padding:9px 0}.faction-detail-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0}.detail-box{background:#101411;border:1px solid #263229;border-radius:9px;padding:12px}.detail-box span{display:block;color:var(--muted);font-size:11px}.detail-box b{display:block;margin-top:5px;font-weight:500}
.toast{position:fixed;right:22px;bottom:22px;background:#121914;border:1px solid #31513b;color:#e7ece8;padding:11px 14px;border-radius:8px;box-shadow:0 18px 45px rgba(0,0,0,.45);font-size:13px;z-index:30}.toast.hidden{display:none}
label{display:block;color:var(--muted);font-size:12px;margin:14px 0}label input,label select{display:block;width:100%;margin-top:7px}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.analytics-grid,.grid.three{grid-template-columns:1fr}.activity-card{grid-column:auto}.faction-row{grid-template-columns:1.3fr 1fr 1fr 1fr}.faction-row>*:nth-child(5),.faction-row>*:nth-child(6){display:none}.request-card{grid-template-columns:1fr 120px 170px}.request-card>*:nth-child(3){display:none}}
@media(max-width:760px){.layout{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.nav{display:grid;grid-template-columns:repeat(2,1fr)}.sidebar-meta{display:none}.main{padding:0 16px 32px}.topbar{height:76px}.sync-note,.account-copy{display:none}.page-actions{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:1fr}.faction-row{grid-template-columns:1fr 1fr}.faction-row>*:nth-child(n+3){display:none}.request-card{grid-template-columns:1fr}.request-card>*{display:block!important}.request-actions{justify-content:flex-start}.status-row{grid-template-columns:1fr}.filter-row{width:100%;flex-direction:column}.search{width:100%}.activity-list{grid-template-columns:1fr}.card-head{flex-direction:column}.bar-row{grid-template-columns:100px 1fr 75px}}

.auth-gate{position:fixed;inset:0;z-index:100;background:#090b0a;display:grid;place-items:center}
.auth-gate.hidden{display:none}.auth-box{width:min(380px,calc(100% - 32px));text-align:center;background:#121613;border:1px solid #263029;border-radius:14px;padding:34px}
.auth-box img{width:84px;height:84px;object-fit:contain}.auth-box h2{font-weight:550;letter-spacing:.04em}.auth-box p{color:#9aa69e;line-height:1.5;margin-bottom:22px}
.login-btn{text-decoration:none}.btn:disabled{opacity:.45;cursor:not-allowed}

.form-stack{display:grid;gap:14px}.form-stack label{display:grid;gap:7px;color:var(--muted);font-size:13px}
.form-stack input,.form-stack select,.form-stack textarea{width:100%;box-sizing:border-box;background:var(--panel2);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:11px 12px;font:inherit;outline:none}
.form-stack textarea{resize:vertical;min-height:120px}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus{border-color:var(--accent)}
.poll-preview{display:grid;gap:5px;background:var(--panel2);border-left:3px solid #5865f2;border-radius:7px;padding:14px}
.poll-preview strong{font-size:14px}.poll-preview span{font-size:13px}.poll-preview small{color:var(--muted);margin-top:5px}
.poll-state{border:1px solid var(--line);background:var(--panel2);border-radius:8px;padding:12px;color:var(--muted);font-size:13px;line-height:1.5}
.poll-state a{color:var(--text)}.muted{color:var(--muted);font-weight:400}

.fixed-channel{display:grid;gap:5px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:12px}
.fixed-channel span,.fixed-channel small{color:var(--muted);font-size:12px}.fixed-channel strong{font-size:14px;font-weight:550}
.sync-state{font-weight:550}.sync-state.ok{color:#7bcf98}.sync-state.bad{color:#e07b7b}

.empty-state{color:var(--muted);padding:18px 4px}
.sidebar-meta .status-dot.offline{opacity:.45}
.members-table{display:grid}.member-row{display:grid;grid-template-columns:1.35fr .55fr .72fr 1.2fr .45fr .45fr .58fr .72fr .9fr;gap:14px;align-items:center;padding:13px 12px;border-bottom:1px solid var(--line);font-size:13px}
.member-row.header{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.member-ident{display:flex;align-items:center;gap:10px}.member-ident img{width:34px;height:34px;border-radius:50%;object-fit:cover}.member-ident div{display:grid;gap:2px}.member-ident span{color:var(--muted);font-size:11px}
.probation-list{display:grid}.probation-row{display:grid;grid-template-columns:1.2fr 1fr 1fr .9fr 1.4fr;gap:14px;align-items:center;padding:14px 4px;border-bottom:1px solid var(--line)}.probation-row>div:first-child{display:grid;gap:4px}.probation-row>div:first-child span{color:var(--muted);font-size:12px}.probation-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.probation-actions small{color:var(--muted);text-align:right}
.poll-results-card{margin-top:16px}.poll-result-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.poll-result-head h3{margin:0 0 5px}.poll-result-head p{margin:0;color:var(--muted);white-space:pre-wrap}.poll-result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.poll-result-group{border:1px solid var(--line);background:var(--panel2);border-radius:9px;padding:12px}.poll-result-group>div{display:flex;justify-content:space-between;gap:10px}.poll-result-group p{color:var(--muted);font-size:12px;line-height:1.5;margin:9px 0 0}.vacation-strip{margin-top:10px;border:1px solid var(--line);border-radius:8px;padding:11px;display:grid;gap:5px}.vacation-strip span{color:var(--muted);font-size:12px}
.audit-list{display:grid}.audit-row{display:grid;grid-template-columns:160px 1fr;gap:18px;padding:13px 4px;border-bottom:1px solid var(--line)}.audit-row time{color:var(--muted);font-size:12px}.audit-row>div{display:grid;gap:3px}.audit-row span{font-size:13px}.audit-row small{color:var(--muted)}
.system-status-list .sync-state{white-space:nowrap}
@media(max-width:1100px){.member-row{grid-template-columns:1.4fr 1fr 1fr 1fr}.member-row>*:nth-child(4),.member-row>*:nth-child(5),.member-row>*:nth-child(6){display:none}.probation-row{grid-template-columns:1fr 1fr 1fr}.probation-row>*:nth-child(3){display:none}.poll-result-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.member-row{grid-template-columns:1fr 1fr}.member-row.header{display:none}.member-row>*:nth-child(3),.member-row>*:nth-child(7){display:none}.probation-row{grid-template-columns:1fr}.poll-result-grid{grid-template-columns:1fr}.audit-row{grid-template-columns:1fr}}

.rank-badge{display:inline-flex;align-items:center;justify-content:center;min-width:58px;padding:5px 8px;border:1px solid var(--line);border-radius:999px;background:var(--panel2);font-size:12px;font-weight:550}

.status-group{border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:14px;background:var(--panel)}
.status-group-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line);background:var(--panel2)}
.status-group-head h3{margin:0;font-size:14px;font-weight:600}.status-group-head span{color:var(--muted);font-size:12px}
.status-row.expanded{grid-template-columns:minmax(220px,1.4fr) minmax(160px,.75fr) minmax(160px,.75fr);padding:12px 14px}
.compact-control{display:grid;gap:4px}.compact-control>span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.member-channels{display:flex;flex-wrap:wrap;gap:6px}.member-channel{display:inline-grid;gap:1px;padding:5px 7px;border:1px solid var(--line);border-radius:7px;background:var(--panel2);font-size:11px}.member-channel small{color:var(--muted);font-size:9px}
@media(max-width:900px){.status-row.expanded{grid-template-columns:1fr}.compact-control{width:100%}}


/* Compact Channel Status */
.status-group.compact{
  margin-bottom:10px;
  border:1px solid var(--line);
  border-radius:8px;
  overflow:hidden;
  background:var(--panel);
}
.compact-head{
  min-height:34px;
  padding:7px 10px;
  background:var(--panel2);
}
.compact-head>div{
  display:flex;
  align-items:center;
  gap:8px;
}
.compact-head strong{
  font-size:12px;
  font-weight:600;
}
.compact-head span{
  min-width:20px;
  height:20px;
  padding:0 6px;
  border:1px solid var(--line);
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--muted);
  font-size:10px;
}
.status-table{
  display:grid;
}
.status-row.compact-row{
  display:grid;
  grid-template-columns:minmax(180px,1fr) 145px 130px;
  gap:8px;
  align-items:center;
  min-height:42px;
  padding:6px 10px;
  border-bottom:1px solid var(--line);
}
.status-row.compact-row:last-child{
  border-bottom:0;
}
.compact-name{
  min-width:0;
  display:grid;
  gap:1px;
}
.compact-name strong{
  font-size:12px;
  font-weight:550;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.compact-name small{
  color:var(--muted);
  font-size:9px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.mini-select{
  width:100%;
  height:30px;
  padding:3px 24px 3px 8px;
  border:1px solid var(--line);
  border-radius:6px;
  background:var(--panel2);
  color:var(--text);
  font-size:11px;
  outline:none;
}
.mini-select:focus{
  border-color:var(--accent);
}
.mini-tag{
  min-height:28px;
  padding:4px 8px;
  border:1px solid var(--line);
  border-radius:6px;
  background:var(--panel2);
  display:flex;
  align-items:center;
  font-size:11px;
  color:var(--text);
}
#status .page-actions{
  margin-bottom:10px;
}
#status .page-actions h2{
  margin-bottom:2px;
}
#status .search{
  max-width:260px;
  height:34px;
}
#status .card{
  padding:12px;
}
@media(max-width:900px){
  .status-row.compact-row{
    grid-template-columns:minmax(150px,1fr) 125px 115px;
    gap:6px;
    padding:6px 8px;
  }
}
@media(max-width:680px){
  .status-row.compact-row{
    grid-template-columns:1fr;
    gap:5px;
    padding:8px;
  }
  .compact-name small{
    display:none;
  }
}

.topbar{gap:18px}.topbar-tools{margin-left:auto;max-width:380px;width:36%}.global-search{position:relative}.global-search>svg{position:absolute;left:10px;top:9px;width:15px;height:15px;fill:none;stroke:var(--muted);stroke-width:1.8}.global-search>input{width:100%;height:34px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;color:var(--text);padding:0 11px 0 34px;font:inherit;font-size:12px}.global-search-results{position:absolute;z-index:50;top:39px;left:0;right:0;background:#111512;border:1px solid var(--line);border-radius:8px;box-shadow:0 14px 35px rgba(0,0,0,.35);overflow:hidden}.global-search-results button{width:100%;display:grid;gap:2px;text-align:left;padding:9px 11px;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--text)}.global-search-results button:hover{background:var(--panel2)}.global-search-results button span,.global-search-empty{color:var(--muted);font-size:10px}.global-search-empty{padding:11px}
.member-clickable{cursor:pointer}.member-clickable:hover{background:rgba(255,255,255,.018)}
.member-detail-modal{width:min(980px,94vw);max-height:90vh;overflow:auto;position:relative}.modal-close{position:absolute;right:14px;top:12px;width:30px;height:30px;border-radius:7px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font-size:18px}.member-detail-head{display:flex;align-items:center;gap:13px;margin-bottom:18px}.member-detail-head img{width:52px;height:52px;border-radius:50%}.member-detail-head h2{margin:0;font-size:20px}.member-detail-head p{margin:4px 0 0;color:var(--muted);font-size:12px}.member-detail-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}.member-detail-metrics>div,.poll-stat-cards>div{border:1px solid var(--line);background:var(--panel2);border-radius:8px;padding:10px}.member-detail-metrics span,.poll-stat-cards span{display:block;color:var(--muted);font-size:10px}.member-detail-metrics strong,.poll-stat-cards strong{display:block;margin-top:5px}.member-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.member-detail-grid>section,.member-poll-stats,.member-detail-modal>div>section{border:1px solid var(--line);border-radius:9px;padding:13px;margin-top:12px}.member-detail-grid h3,.member-poll-stats h3,.member-detail-modal section h3{margin:0 0 10px;font-size:13px}.member-detail-channels{display:grid;gap:6px}.member-detail-channels>div{display:grid;grid-template-columns:1fr auto;gap:2px 8px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:7px}.member-detail-channels span{color:var(--muted);font-size:10px}.member-detail-channels .small-btn{grid-row:1/3;grid-column:2}.member-action-bar{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.poll-stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.mini-history{display:grid}.mini-history>div{display:flex;justify-content:space-between;gap:12px;padding:7px 2px;border-bottom:1px solid var(--line);font-size:11px}.mini-history>div span{color:var(--muted)}
.poll-history-card{margin-top:14px}.poll-history-list{display:grid}.poll-history-row{display:grid;grid-template-columns:1.4fr 1fr auto;gap:14px;align-items:center;padding:10px 2px;border-bottom:1px solid var(--line);font-size:11px}.poll-history-row>div:first-child{display:grid;gap:2px}.poll-history-row>div:first-child span{color:var(--muted);font-size:10px}.poll-history-counts{display:flex;gap:8px;flex-wrap:wrap}.poll-history-row>b{font-weight:550}
@media(max-width:900px){.topbar-tools{display:none}.member-detail-grid{grid-template-columns:1fr}.member-detail-metrics,.poll-stat-cards{grid-template-columns:1fr 1fr}.poll-history-row{grid-template-columns:1fr}.member-detail-modal{width:96vw}}

/* Member detail: true centered, closable, draggable overlay */
#memberDetailModal{
  position:fixed;
  inset:0;
  z-index:1000;
  background:rgba(0,0,0,.58);
  backdrop-filter:blur(2px);
}
#memberDetailModal.hidden{display:none!important}
#memberDetailModal .member-detail-modal{
  position:fixed;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:min(920px,calc(100vw - 40px));
  max-height:min(84vh,820px);
  overflow:auto;
  background:#151918;
  border:1px solid #303a33;
  border-radius:12px;
  padding:20px;
  box-shadow:0 24px 80px rgba(0,0,0,.65);
  touch-action:none;
}
#memberDetailModal .member-detail-head{
  cursor:grab;
  user-select:none;
  padding-right:44px;
}
.dragging-member-modal #memberDetailModal .member-detail-head{cursor:grabbing}
#memberDetailModal .modal-close{
  position:sticky;
  float:right;
  top:0;
  z-index:4;
  margin:-7px -7px 0 10px;
  cursor:pointer;
}
@media(max-width:700px){
  #memberDetailModal .member-detail-modal{
    width:calc(100vw - 18px);
    max-height:90vh;
    padding:14px;
  }
}

.kill-progress-card{margin-bottom:16px}
.kill-progress-main{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:18px 0 12px}
.kill-progress-percent{display:block;font-size:30px;font-weight:600;letter-spacing:-.03em}
.kill-progress-caption{display:block;color:var(--muted);font-size:12px;margin-top:4px}
.kill-progress-eta{text-align:right}
.kill-progress-eta span{display:block;color:var(--muted);font-size:11px}
.kill-progress-eta strong{display:block;margin-top:4px;font-size:17px;font-weight:550}
.kill-analysis-progress{height:8px}
.kill-progress-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:14px}
.kill-progress-stats>div{border:1px solid var(--line);background:var(--panel2);border-radius:8px;padding:10px}
.kill-progress-stats span{display:block;color:var(--muted);font-size:10px}
.kill-progress-stats strong{display:block;margin-top:5px;font-size:14px;font-weight:550}
.kill-progress-detail{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:11px;margin-top:12px}
@media(max-width:900px){
  .kill-progress-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kill-progress-main{align-items:flex-start;flex-direction:column}
  .kill-progress-eta{text-align:left}
  .kill-progress-detail{flex-direction:column;gap:5px}
}

/* Cleaner Channel-Status layout */
.status-group.compact{margin-bottom:18px}
.status-group-head.compact-head{padding:10px 12px}
.status-group-head.compact-head strong{font-size:14px}
.status-group-head.compact-head span{margin-left:8px;color:var(--muted);font-size:11px}
.status-row.compact-row{
  grid-template-columns:minmax(240px,1fr) minmax(180px,240px) minmax(160px,210px);
  min-height:54px;
}
.status-row.compact-row:has(.group-select:last-child){
  grid-template-columns:minmax(240px,1fr) minmax(180px,240px);
}
.status-name.compact-name strong{font-size:13px}
.status-name.compact-name small{opacity:.72}
.group-select,.status-select{width:100%}
@media(max-width:900px){
  .status-row.compact-row,
  .status-row.compact-row:has(.group-select:last-child){
    grid-template-columns:1fr;
    gap:8px;
  }
}


/* Kill analysis error controls */
.kill-error-stat{
  appearance:none;
  border:1px solid var(--line);
  background:transparent;
  color:inherit;
  border-radius:10px;
  padding:10px 12px;
  text-align:left;
  cursor:pointer;
}
.kill-error-stat:hover{border-color:rgba(255,255,255,.22)}
.kill-error-stat span,.kill-error-stat strong{display:block}.kill-progress-stats>.kill-error-stat{background:var(--panel2);padding:10px;border-radius:8px}
.kill-error-stat span{font-size:11px;color:var(--muted);margin-bottom:4px}
.kill-progress-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.kill-error-list{display:grid;gap:8px;max-height:55vh;overflow:auto;margin-top:14px}
.kill-error-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:10px;
}
.kill-error-row div{min-width:0;display:grid;gap:3px}
.kill-error-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kill-error-row span{font-size:11px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}


/* v1.1 notification center */
.topbar-tools{
  max-width:460px;
  width:42%;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
}
.topbar-tools .global-search{flex:1;min-width:0}
.notification-center{position:relative;flex:0 0 auto}
.notification-bell{
  position:relative;
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--panel2);
  color:var(--text);
}
.notification-bell:hover{border-color:#3b4b40;background:#171c18}
.notification-bell svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}
.notification-badge{
  position:absolute;
  top:-6px;
  right:-6px;
  min-width:18px;
  height:18px;
  padding:0 5px;
  display:grid;
  place-items:center;
  border-radius:999px;
  background:#8b3d46;
  border:2px solid #101310;
  color:#fff;
  font-size:10px;
  font-weight:650;
}
.notification-panel{
  position:absolute;
  z-index:80;
  top:43px;
  right:0;
  width:min(390px,calc(100vw - 32px));
  max-height:min(580px,70vh);
  overflow:hidden;
  background:#111512;
  border:1px solid #2b352e;
  border-radius:11px;
  box-shadow:0 18px 55px rgba(0,0,0,.48);
}
.notification-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:13px 14px;
  border-bottom:1px solid var(--line);
}
.notification-head>div{display:grid;gap:2px}
.notification-head strong{font-size:13px}
.notification-head span{font-size:10px;color:var(--muted)}
.notification-list{overflow:auto;max-height:500px}
.notification-item{
  width:100%;
  display:grid;
  grid-template-columns:8px 1fr auto;
  gap:11px;
  align-items:start;
  padding:13px 14px;
  border:0;
  border-bottom:1px solid var(--line);
  background:transparent;
  color:var(--text);
  text-align:left;
}
.notification-item:last-child{border-bottom:0}
.notification-item:hover{background:#151a16}
.notification-dot{
  width:7px;
  height:7px;
  margin-top:5px;
  border-radius:50%;
  background:#718078;
}
.notification-item.error .notification-dot{background:#a9565d}
.notification-item.warning .notification-dot{background:#ad8b51}
.notification-item.info .notification-dot{background:#5680a3}
.notification-copy{display:grid;gap:4px;min-width:0}
.notification-copy strong{font-size:12px;font-weight:560}
.notification-copy small{color:var(--muted);font-size:10px;line-height:1.45}
.notification-arrow{color:#657269;font-size:20px;line-height:1}
.notification-empty{display:grid;gap:4px;padding:22px 16px;text-align:center}
.notification-empty strong{font-size:13px}
.notification-empty span{color:var(--muted);font-size:11px}

/* v1.1 integrity / roles-channel audit */
.tag.danger{border-color:#583038;color:#d99aa0;background:#241719}
.integrity-list{display:grid;gap:8px;margin-top:4px}
.integrity-row{
  display:grid;
  grid-template-columns:6px minmax(0,1fr) auto;
  gap:13px;
  align-items:center;
  border:1px solid var(--line);
  border-radius:10px;
  padding:12px 13px;
  background:#111512;
}
.integrity-row.error{border-color:#43282d}
.integrity-row.warning{border-color:#403829}
.integrity-indicator{width:5px;height:36px;border-radius:999px;background:#718078}
.integrity-row.error .integrity-indicator{background:#a9565d}
.integrity-row.warning .integrity-indicator{background:#a78852}
.integrity-copy{min-width:0}
.integrity-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.integrity-title strong{font-size:13px;font-weight:560}
.integrity-title span{
  padding:2px 6px;
  border:1px solid #3a423d;
  border-radius:999px;
  color:var(--muted);
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.integrity-row.error .integrity-title span{color:#d7979d;border-color:#4a2a30}
.integrity-row.warning .integrity-title span{color:#cfb47f;border-color:#4b402d}
.integrity-copy p{margin:4px 0 0;color:#aab5ad;font-size:11px;line-height:1.45}
.integrity-copy small{display:block;margin-top:4px;color:#68766d;font-size:10px}
.integrity-actions{display:flex;gap:6px;align-items:center}
.integrity-clean{
  min-height:150px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  color:#94b9a0;
}
.integrity-clean svg{
  width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.6
}
.integrity-clean>div{display:grid;gap:4px}
.integrity-clean strong{font-size:14px}
.integrity-clean span{font-size:11px;color:var(--muted)}
.alert.clickable{cursor:pointer}
.alert.clickable:hover{background:rgba(255,255,255,.015)}

@media(max-width:1050px){
  .topbar-tools{width:auto;max-width:none;flex:1;margin-left:22px}
}
@media(max-width:760px){
  .topbar{height:auto;min-height:86px;flex-wrap:wrap;padding:14px 0;gap:12px}
  .topbar-tools{order:3;flex-basis:100%;margin-left:0;width:100%}
  .notification-panel{right:0}
  .integrity-row{grid-template-columns:6px minmax(0,1fr)}
  .integrity-actions{grid-column:2;justify-content:flex-start}
}

/* Notification-Center: standardmäßig geschlossen, Glocke toggelt sichtbar/unsichtbar */
.notification-panel.hidden{display:none!important}


/* Discord Control Map */
.control-map-card{padding:0;overflow:hidden}
.control-map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--border)}
.control-map-search{display:flex;align-items:center;gap:9px;min-width:260px;max-width:430px;flex:1;background:rgba(255,255,255,.035);border:1px solid var(--border);border-radius:10px;padding:0 12px}
.control-map-search svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;opacity:.55}
.control-map-search input{width:100%;border:0;background:transparent;color:inherit;outline:0;padding:11px 0}
.control-map-board{display:grid;grid-template-columns:repeat(5,minmax(220px,1fr));gap:12px;padding:14px;overflow-x:auto;align-items:start}
.control-map-column{min-width:220px;background:rgba(255,255,255,.018);border:1px solid var(--border);border-radius:12px;overflow:hidden}
.control-map-column-head{padding:12px 13px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.025)}
.control-map-column-head>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
.control-map-column-head span{font-size:12px;opacity:.55}
.control-map-dropzone{min-height:390px;padding:9px;transition:.15s ease}
.control-map-dropzone.drag-over{background:rgba(74,222,128,.055);box-shadow:inset 0 0 0 1px rgba(74,222,128,.25)}
.control-map-channel{padding:10px;margin-bottom:8px;border:1px solid var(--border);border-radius:9px;background:var(--card,#15191d);cursor:grab;user-select:none;transition:transform .12s ease,border-color .12s ease,opacity .12s ease}
.control-map-channel:hover{border-color:rgba(255,255,255,.16);transform:translateY(-1px)}
.control-map-channel.dragging{opacity:.38}
.control-map-channel-main{display:flex;align-items:center;gap:9px;min-width:0}
.control-map-channel-main>div{min-width:0}
.control-map-channel-main strong,.control-map-channel-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.control-map-channel-main strong{font-size:13px}
.control-map-channel-main small{font-size:10px;opacity:.42;margin-top:2px}
.control-map-status{width:25px;text-align:center;flex:0 0 25px}
.control-map-status-select{width:100%;margin-top:8px}
.control-map-empty{height:58px;border:1px dashed rgba(255,255,255,.09);border-radius:8px;display:grid;place-items:center;font-size:11px;opacity:.3}
@media(max-width:1100px){.control-map-board{grid-template-columns:repeat(5,220px)}}

.faction-manage-actions{flex-wrap:wrap}


/* Grouped sidebar */
.nav{gap:7px}
.nav-section{display:grid;gap:2px}
.nav-primary{font-weight:550}
.nav-children{display:grid;gap:1px;margin-left:12px;padding-left:8px;border-left:1px solid #233029}
.nav-item.nav-child{padding:7px 9px;font-size:12px;min-height:32px}
.nav-item.nav-child svg{display:none}
.nav-branch{width:13px;color:#536259;font-size:11px;flex:0 0 13px}
.nav-section-title{
  color:#d8e2da;
  padding:10px 11px 7px;
  display:flex;
  align-items:center;
  gap:10px;
  font-size:13px;
  font-weight:550;
}
.nav-section-title svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.nav-item.nav-child.active{border-left:0;background:#142019}

/* Old members */
.old-members-list{display:grid}
.old-member-row{
  display:grid;
  grid-template-columns:minmax(220px,1.4fr) 120px 190px minmax(180px,1fr);
  gap:16px;
  align-items:center;
  padding:12px 2px;
  border-bottom:1px solid var(--line);
}
.old-member-row:last-child{border-bottom:0}
.old-member-ident{display:flex;align-items:center;gap:10px;min-width:0}
.old-member-ident img,.old-member-avatar{
  width:36px;height:36px;border-radius:50%;flex:0 0 36px;
  background:var(--panel2);border:1px solid var(--line)
}
.old-member-ident img{object-fit:cover}
.old-member-avatar{display:grid;place-items:center;font-weight:600}
.old-member-ident>div{min-width:0}
.old-member-ident strong,.old-member-ident span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.old-member-ident span,.old-member-date span{font-size:10px;color:var(--muted);margin-top:2px}
.old-member-date strong{display:block;font-size:11px;font-weight:500;margin-top:3px}
.old-member-channels{display:flex;gap:5px;flex-wrap:wrap}
.old-member-channels span{
  border:1px solid var(--line);background:var(--panel2);border-radius:6px;
  padding:4px 6px;font-size:10px;color:#aeb9b1
}
@media(max-width:900px){
  .old-member-row{grid-template-columns:1fr 1fr}
  .old-member-channels{grid-column:1/-1}
}

/* PRESTIGE FINAL / UCP — visual redesign only; functional selectors preserved */
:root{--bg:#070809;--sidebar:#0b0c0c;--panel:#0d0f10;--panel2:#111314;--line:#292b2d;--text:#e8e8e6;--muted:#777a7d;--accent:#ff9d00;--accent2:#ff9d00;--radius:6px}
body{background:radial-gradient(circle at 88% 100%,rgba(255,157,0,.025),transparent 28%),#070809;color:var(--text);letter-spacing:.01em}
.layout{grid-template-columns:188px minmax(0,1fr)}
.sidebar{background:#0b0c0c;border-right:1px solid #26282a;padding:14px 7px 12px}
.brand{min-height:40px;padding:0 3px 14px;gap:7px;border-bottom:1px solid #1d1f20;margin-bottom:10px}.logo-wrap{display:none}
.brand-name{color:var(--accent);font-size:15px;font-weight:800;letter-spacing:.18em;font-style:italic}.brand-caption{display:inline-block;margin-left:3px;padding-left:7px;border-left:1px solid #353739;color:#626568;font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.nav{gap:4px}.nav-section{gap:1px}.nav-item{min-height:34px;padding:8px 10px;border-radius:6px;color:#888b8e;font-size:10px;font-weight:700;letter-spacing:.075em;text-transform:uppercase}
.nav-item svg{width:14px;height:14px;stroke:#74777a}.nav-item:hover{background:#121314;color:#d8d8d6}.nav-item.active{position:relative;background:#1a1b1c;color:#e9e9e7;border-left:0}.nav-item.active:before{content:"";position:absolute;left:-7px;top:8px;bottom:8px;width:2px;border-radius:3px;background:var(--accent);box-shadow:0 0 8px rgba(255,157,0,.45)}.nav-item.active svg{stroke:var(--accent)}
.nav-children{margin:1px 0 3px 17px;padding-left:6px;border-left:1px solid #242627}.nav-item.nav-child{min-height:27px;padding:5px 7px;font-size:8.5px;letter-spacing:.06em;border-radius:4px}.nav-branch{color:#4f5153;width:9px;flex-basis:9px}
.nav-section-title{color:#8d9092;padding:8px 10px 5px;font-size:9px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.nav-section-title svg{width:13px;height:13px}.nav-count{min-width:17px;height:17px;border-color:#3b3327;background:#17140f;color:#c98a2b;font-size:8px}
.sidebar-meta{padding:12px 7px 0;border-color:#242627;gap:7px}.sidebar-meta strong{font-size:8px;letter-spacing:.09em;text-transform:uppercase}.sidebar-meta span{font-size:8px;color:#5e6163}.status-dot{width:5px;height:5px;background:var(--accent);box-shadow:0 0 7px rgba(255,157,0,.55)}
.main{padding:0 34px 42px}.topbar{height:84px;margin-bottom:22px;border-bottom:0;align-items:center}.topbar>div:first-child:before{content:"◆  ÜBERSICHT";display:block;margin-bottom:4px;color:#6f7274;font-size:8px;font-weight:800;letter-spacing:.14em}.topbar h1{font-size:24px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.topbar p{display:none}
.topbar-tools{max-width:350px}.global-search>input{background:#0e1011;border-color:#292b2d;border-radius:5px;color:#d7d7d5;font-size:10px}.notification-bell{border-radius:5px!important;background:#0e1011!important;border-color:#292b2d!important}.account{padding:6px 8px;border:1px solid #292b2d;border-radius:5px;background:#101112}.sync-note{color:#9b6a24;border-color:#292b2d;font-size:8px;font-weight:800;letter-spacing:.1em}.account-copy strong{font-size:10px}.account-copy span{font-size:8px}.avatar{width:28px;height:28px;border-radius:5px;border-color:#393b3d;background:#17191a;font-size:10px}
.page-actions{margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #252729}.page-actions h2{font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.page-actions h2:before{content:"◆";color:var(--accent);margin-right:7px;font-size:7px;vertical-align:2px}.page-actions p{margin-top:4px;font-size:9px;color:#65686a}
.btn,.text-btn{border-radius:4px}.btn{padding:8px 11px;font-size:9px;font-weight:750;letter-spacing:.055em;text-transform:uppercase}.btn.primary{background:#19150f;border-color:#6c4a18;color:#f2a72f}.btn.primary:hover{background:#211a10;border-color:#a66a15}.btn.secondary{background:#121415;border-color:#303234;color:#c2c3c1}.btn.danger{background:#1b1112;border-color:#4d292c;color:#d98b90}.text-btn{color:#a97831;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.metrics{gap:8px;margin-bottom:12px}.metric{min-height:83px;padding:13px 14px;border-radius:5px;border-color:#292b2d;background:#0e1011;box-shadow:none}.metric span{color:#686b6d;font-size:8px;font-weight:800;letter-spacing:.075em;text-transform:uppercase}.metric strong{margin-top:8px;font-size:19px;font-weight:550}.metric small{color:#5e6163;font-size:8px}
.card{border-radius:6px;border-color:#292b2d;background:#0c0e0f;box-shadow:none}.card-head{border-color:#252729!important}.card-head h3{font-size:10px!important;font-weight:800!important;letter-spacing:.075em;text-transform:uppercase}.card-head h3:before{content:"◉";color:var(--accent);margin-right:7px;font-size:8px}.card-head p{font-size:8.5px!important;color:#626567!important}
input,select,textarea,.search{background:#0e1011!important;border-color:#2b2d2f!important;border-radius:4px!important;color:#ddd!important;font-size:10px!important}input:focus,select:focus,textarea:focus{border-color:#6f4d1c!important;box-shadow:0 0 0 1px rgba(255,157,0,.06)!important}label{color:#777a7c;font-size:9px;font-weight:700;letter-spacing:.04em}
table{font-size:9.5px}th{color:#696c6e!important;font-size:7.5px!important;font-weight:800!important;letter-spacing:.08em!important;text-transform:uppercase;background:#0e1011!important}td{border-color:#222426!important}tr:hover td{background:#101213}
.tag,.rank-badge,.mini-tag{border-radius:4px!important;font-size:8px!important;font-weight:700;letter-spacing:.03em}.rank-badge{min-width:48px;padding:4px 6px;background:#111314}.small-btn{border-radius:4px!important;font-size:8px!important;text-transform:uppercase;letter-spacing:.04em}
.modal{background:rgba(0,0,0,.78)!important;backdrop-filter:blur(2px)}.modal-card,.member-detail-modal{border:1px solid #303234!important;border-radius:6px!important;background:#0d0f10!important;box-shadow:0 25px 90px rgba(0,0,0,.6)!important}.modal-close{border-radius:4px;background:#111314;border-color:#303234}.modal-close:hover{color:var(--accent);border-color:#684719}
.status-group,.status-group.compact{border-radius:5px;background:#0d0f10;border-color:#292b2d}.status-group-head,.compact-head{background:#101213;border-color:#252729}.compact-head strong{font-size:9px;letter-spacing:.07em;text-transform:uppercase}.status-row.compact-row{min-height:37px;border-color:#222426}.compact-name strong{font-size:10px}.compact-name small{font-size:8px}.mini-select{height:27px;border-radius:4px;background:#101213;font-size:9px}.mini-tag{min-height:25px;background:#101213}
.member-row{padding:9px 10px;font-size:9.5px;border-color:#222426}.member-row.header{font-size:7.5px;letter-spacing:.08em}.member-ident img{width:28px;height:28px}.member-ident span{font-size:8px}.member-clickable:hover{background:#101213}.member-channel{border-radius:4px;background:#101213;font-size:8.5px}.member-channel small{font-size:7px}
.probation-row,.audit-row,.poll-history-row,.old-member-row{border-color:#222426}.probation-row{padding:10px 4px}.audit-row{padding:9px 4px}.audit-row time,.audit-row span{font-size:9px}.audit-row small{font-size:8px}
.notification-panel,.global-search-results{background:#0c0e0f!important;border-color:#303234!important;border-radius:5px!important;box-shadow:0 18px 55px rgba(0,0,0,.55)!important}.notification-badge{background:var(--accent)!important;color:#0b0b0b!important}
.control-map-column{border-radius:5px!important;border-color:#292b2d!important;background:#0c0e0f!important}.control-map-card{border-radius:4px!important;border-color:#282a2c!important;background:#111314!important}.control-map-card:hover{border-color:#5b4320!important;background:#141515!important}
.progress{background:#1a1c1d!important}.progress i{background:#a66c17!important}.progress.warn i{background:#b56b25!important}
.auth-gate{background:#070809}.auth-box{border:1px solid #303234;border-radius:6px;background:#0d0f10}.auth-box h2{letter-spacing:.1em;text-transform:uppercase}.auth-box p{color:#6d7072}
.old-member-row{padding:9px 2px}.old-member-ident img,.old-member-avatar{width:30px;height:30px;flex-basis:30px;border-radius:4px;background:#111314}.old-member-ident span,.old-member-date span{font-size:8px}.old-member-date strong{font-size:9px}.old-member-channels span{border-radius:4px;background:#101213;font-size:8px}
\1"made by zcrowd - Prestige Bot System";display:block;margin:56px auto 0;max-width:980px;padding-top:9px;border-top:1px solid #2b2d2f;color:#515456;text-align:right;font-size:7px;font-weight:800;letter-spacing:.13em}
@media(max-width:900px){.layout{grid-template-columns:160px minmax(0,1fr)}.main{padding-left:20px;padding-right:20px}}
@media(max-width:700px){.layout{display:block}.sidebar{position:relative;height:auto}.main{padding:0 12px 30px}.topbar{height:auto;padding:16px 0}.account{display:none}}


/* ==========================================================
   PRESTIGE FINAL / UCP — DARK GREEN ACCENT
   ========================================================== */
:root{
  --accent:#1f6f46;
  --accent2:#2a8557;
  --green:#3b9567;
}
body{
  background:
    radial-gradient(circle at 88% 100%,rgba(31,111,70,.045),transparent 30%),
    #070a08;
}
.brand-name{color:#2b8a59}
.nav-item.active:before{
  background:#236f49;
  box-shadow:0 0 8px rgba(31,111,70,.48);
}
.nav-item.active svg{stroke:#3a8c62}
.nav-count{
  border-color:#284034;
  background:#0e1712;
  color:#68a783;
}
.status-dot{
  background:#2b8055;
  box-shadow:0 0 7px rgba(31,111,70,.55);
}
.global-search>input:focus{
  border-color:#315e47;
  box-shadow:0 0 0 1px rgba(31,111,70,.10);
}
.notification-bell:hover{border-color:#315e47!important}
.sync-note{color:#5c9a77}
.page-actions h2:before{color:#37885e}
.btn.primary{
  background:#0e1812;
  border-color:#295b40;
  color:#71ad89;
}
.btn.primary:hover{
  background:#112017;
  border-color:#367553;
}
.text-btn{color:#659d7d}
input:focus,select:focus,textarea:focus{
  border-color:#315e47!important;
  box-shadow:0 0 0 1px rgba(31,111,70,.10)!important;
}
.card-head h3:before{color:#33845a}
.modal-close:hover{
  color:#69a985;
  border-color:#315e47;
}
.notification-badge{
  background:#246f4a!important;
  color:#eef7f1!important;
}
.control-map-card:hover{
  border-color:#315e47!important;
  background:#101713!important;
}
.progress i{background:#28764f!important}
.progress.warn i{background:#557a61!important}
.main:after{color:#4e6256}


/* ==========================================================
   PRESTIGE UCP — READABILITY & INFORMATION ARCHITECTURE PASS
   More readable, less cramped, no sidebar arrows.
   ========================================================== */
:root{
  --readable-text:#eef2ef;
  --readable-muted:#9aa49e;
  --readable-soft:#69736d;
  --readable-line:#2a342e;
  --readable-panel:#0e1210;
  --readable-panel2:#121814;
}

/* Global readability */
body{
  color:var(--readable-text);
  font-size:13px;
  line-height:1.45;
}
.layout{grid-template-columns:220px minmax(0,1fr)}
.sidebar{padding:18px 12px 14px}
.main{padding:0 38px 50px}
.brand{padding:0 6px 18px;margin-bottom:15px}
.brand-name{font-size:17px}
.brand-caption{font-size:9px}

/* Sidebar: cleaner hierarchy, no arrows */
.nav{gap:8px}
.nav-section{
  gap:3px;
  padding-top:3px;
}
.nav-group-label{
  padding:7px 10px 4px;
  color:#53605a;
  font-size:8px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.nav-item{
  min-height:39px;
  padding:9px 11px;
  gap:10px;
  font-size:11px;
  letter-spacing:.035em;
  text-transform:none;
  font-weight:600;
}
.nav-item svg{width:16px;height:16px}
.nav-item.nav-primary{
  font-size:11.5px;
  color:#cbd3ce;
}
.nav-item.nav-primary.active{
  color:#f2f5f3;
}
.nav-children{
  margin:0 0 6px 13px;
  padding:3px 0 3px 11px;
  border-left:1px solid #24332b;
  gap:2px;
}
.nav-item.nav-child{
  min-height:32px;
  padding:7px 9px;
  font-size:10px;
  letter-spacing:.015em;
  color:#89958e;
  text-transform:none;
}
.nav-item.nav-child:hover{color:#dce3df;background:#101713}
.nav-item.nav-child.active{
  color:#bfe0cb;
  background:#101a14;
  box-shadow:inset 2px 0 #2c7650;
}
.nav-branch{display:none!important}
.nav-section-title{
  min-height:38px;
  padding:9px 11px;
  color:#cbd3ce;
  font-size:11.5px;
  font-weight:600;
  letter-spacing:.035em;
  text-transform:none;
}
.nav-section-title svg{width:16px;height:16px}
.nav-count{
  min-width:20px;
  height:18px;
  padding:0 5px;
  font-size:9px;
}
.sidebar-meta strong{font-size:9px}
.sidebar-meta span{font-size:9px}

/* Header: clearer page context */
.topbar{
  min-height:94px;
  height:auto;
  padding:20px 0;
  margin-bottom:26px;
  border-bottom:1px solid #1f2923;
}
.topbar>div:first-child:before{
  margin-bottom:6px;
  font-size:8px;
  color:#65726b;
}
.topbar h1{
  font-size:25px;
  letter-spacing:.08em;
  line-height:1.1;
}
.topbar p{
  display:block;
  margin-top:7px;
  color:#77837c;
  font-size:10px;
}
.topbar-tools{max-width:460px;gap:10px}
.global-search>input{font-size:11px!important;height:39px}
.notification-bell{width:39px!important;height:39px!important}
.account{min-height:39px;padding:7px 10px}
.account-copy strong{font-size:11px}
.account-copy span{font-size:9px}
.sync-note{font-size:9px}

/* Page headings and sections */
.page-actions{
  align-items:center;
  margin-bottom:18px;
  padding-bottom:14px;
}
.page-actions h2{
  font-size:16px;
  letter-spacing:.055em;
}
.page-actions h2:before{
  font-size:8px;
  margin-right:9px;
}
.page-actions p{
  margin-top:6px;
  font-size:10.5px;
  color:#88948d;
}
.card{
  border-color:#27332c;
  background:#0d110f;
}
.card-head{
  min-height:60px;
  padding-top:15px!important;
  padding-bottom:15px!important;
}
.card-head h3{
  font-size:12px!important;
  letter-spacing:.04em!important;
}
.card-head h3:before{margin-right:8px}
.card-head p{
  margin-top:5px!important;
  font-size:10px!important;
  color:#7e8982!important;
}

/* Metrics: better scanning */
.metrics{gap:11px;margin-bottom:17px}
.metric{
  min-height:96px;
  padding:16px 17px;
  border-color:#28342d;
  background:linear-gradient(180deg,#101512,#0d110f);
}
.metric span{
  font-size:9px;
  color:#87928b;
  letter-spacing:.055em;
}
.metric strong{
  margin-top:10px;
  font-size:22px;
  font-weight:600;
}
.metric small{
  margin-top:7px;
  font-size:9px;
  color:#69756e;
}

/* Controls */
.btn{
  min-height:36px;
  padding:9px 13px;
  font-size:10px;
  letter-spacing:.03em;
  text-transform:none;
}
.text-btn{
  font-size:10px;
  letter-spacing:.02em;
  text-transform:none;
}
input,select,textarea,.search{
  min-height:37px;
  padding-top:8px!important;
  padding-bottom:8px!important;
  font-size:11px!important;
}
textarea{line-height:1.5}
label{font-size:10px}

/* Tables: biggest readability improvement */
.table-wrap{overflow:auto}
table{
  font-size:11px;
  line-height:1.4;
}
th{
  height:38px;
  padding:10px 12px!important;
  font-size:8.5px!important;
  color:#8c9891!important;
  letter-spacing:.065em!important;
}
td{
  min-height:44px;
  padding:11px 12px!important;
  color:#d4dbd6;
}
tbody tr:nth-child(even) td{background:rgba(255,255,255,.008)}
tbody tr:hover td{background:#111813!important}
.tag,.rank-badge,.mini-tag{
  font-size:9px!important;
  line-height:1.2;
}
.small-btn{
  min-height:29px;
  padding:6px 9px!important;
  font-size:9px!important;
  text-transform:none;
}

/* Members */
.member-row{
  min-height:58px;
  padding:11px 12px;
  font-size:11px;
}
.member-row.header{
  min-height:38px;
  font-size:8.5px;
  color:#87928b;
}
.member-ident{gap:11px}
.member-ident img{width:34px;height:34px}
.member-ident strong{font-size:11.5px}
.member-ident span{font-size:9px;color:#829087}
.member-channel{
  padding:7px 9px;
  font-size:9.5px;
}
.member-channel small{font-size:8px}
.member-detail-modal{
  width:min(1000px,94vw)!important;
}

/* Channel Status */
.status-group,.status-group.compact{
  margin-bottom:13px;
}
.status-group-head,.compact-head{
  min-height:43px;
  padding:10px 13px!important;
}
.compact-head strong{
  font-size:11px;
  letter-spacing:.035em;
}
.status-row.compact-row{
  min-height:48px;
  padding-top:8px!important;
  padding-bottom:8px!important;
}
.compact-name strong{font-size:11px}
.compact-name small{font-size:9px}
.mini-select{
  min-height:32px;
  height:32px;
  font-size:10px!important;
}

/* Fraktionen */
.faction-row{
  min-height:52px;
}
.faction-row.header{
  min-height:37px;
}
.faction-name strong{font-size:11.5px!important}
.faction-name span{font-size:9px!important}

/* Probation / audit / old members / history */
.probation-row{
  min-height:58px;
  padding:12px 8px;
}
.audit-row{
  min-height:46px;
  padding:10px 7px;
}
.audit-row time,.audit-row span{font-size:10px}
.audit-row small{font-size:9px}
.poll-history-row{padding:11px 7px}
.old-member-row{
  min-height:58px;
  padding:11px 7px;
}
.old-member-ident img,.old-member-avatar{
  width:34px;height:34px;flex-basis:34px;
}
.old-member-ident strong{font-size:11px}
.old-member-ident span,.old-member-date span{font-size:9px}
.old-member-date strong{font-size:10px}
.old-member-channels span{font-size:9px;padding:5px 7px}

/* Control map: less cramped */
.control-map-toolbar{
  padding:14px 16px!important;
}
.control-map-board{
  gap:14px!important;
  padding:14px!important;
}
.control-map-column{
  min-width:245px!important;
}
.control-map-column-head{
  min-height:45px;
  padding:11px 13px!important;
}
.control-map-column-head strong{font-size:11px}
.control-map-card{
  min-height:58px;
  padding:10px!important;
}
.control-map-card strong{font-size:10.5px!important}
.control-map-card small{font-size:8.5px!important}

/* Notifications and integrity */
.notification-panel{width:min(430px,calc(100vw - 28px))!important}
.notification-head strong{font-size:12px!important}
.notification-head span{font-size:9px!important}
.notification-copy strong{font-size:11px!important}
.notification-copy small{font-size:9.5px!important}
.integrity-row{padding:13px 14px!important}
.integrity-title strong{font-size:11.5px!important}
.integrity-copy p{font-size:10px!important}
.integrity-copy small{font-size:9px!important}

/* Modals */
.modal-card{
  padding:22px!important;
}
.modal-card h3{
  font-size:15px!important;
  letter-spacing:.035em!important;
}
.modal-card p{
  font-size:11px;
  color:#8b9690;
}
.detail-box span{font-size:9px!important}
.detail-box b,.detail-box strong{font-size:14px!important}

/* Footer less distracting */
.main:after{
  margin-top:48px;
  font-size:7px;
  opacity:.65;
}

/* More comfortable widths at desktop sizes */
@media(min-width:1500px){
  .main{padding-left:48px;padding-right:48px}
}
@media(max-width:1100px){
  .layout{grid-template-columns:205px minmax(0,1fr)}
  .main{padding-left:24px;padding-right:24px}
}
@media(max-width:760px){
  .layout{display:block}
  .sidebar{position:relative;height:auto}
  .nav-children{margin-left:8px}
  .main{padding:0 14px 30px}
  .topbar{padding:15px 0}
  .topbar-tools{width:100%;max-width:none}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* Administrator activity center */
.admin-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:14px;align-items:start}
.admin-actor-list,.admin-login-list{display:grid;max-height:680px;overflow:auto}
.admin-actor-row,.admin-login-row{
  width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;color:inherit;
  text-align:left;cursor:pointer
}
.admin-actor-row{
  display:grid;grid-template-columns:minmax(210px,1.5fr) 70px 80px 160px auto;
  gap:14px;align-items:center;padding:12px 13px
}
.admin-login-row{
  display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(140px,1fr) 105px;
  gap:12px;align-items:center;padding:10px 13px
}
.admin-actor-row:hover,.admin-login-row:hover{background:#101713}
.admin-person{display:flex;align-items:center;gap:10px;min-width:0}
.admin-person img,.admin-avatar-fallback{
  width:34px;height:34px;flex:0 0 34px;border-radius:6px;border:1px solid #314138;background:#111814
}
.admin-person img{object-fit:cover}
.admin-avatar-fallback{display:grid;place-items:center;color:#94b6a1;font-weight:700}
.admin-person>div{min-width:0}.admin-person strong,.admin-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin-person strong{font-size:11px}.admin-person small{font-size:8.5px;color:#77847c;margin-top:2px}
.admin-person.compact img,.admin-person.compact .admin-avatar-fallback{width:29px;height:29px;flex-basis:29px}
.admin-stat-pair,.admin-last-seen,.admin-ip{display:grid;gap:3px}
.admin-stat-pair span,.admin-last-seen span,.admin-ip span,.admin-login-meta span{font-size:8px;color:#68756d;text-transform:uppercase;letter-spacing:.055em}
.admin-stat-pair strong{font-size:14px;font-weight:600}
.admin-last-seen strong,.admin-ip strong,.admin-login-meta strong{font-size:9px;font-weight:550}
.admin-login-meta{display:grid;gap:3px}
.admin-detail-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.admin-person.large img,.admin-person.large .admin-avatar-fallback{width:48px;height:48px;flex-basis:48px}
.admin-person.large h3{margin:0!important}.admin-person.large p{margin:4px 0 0!important}
.admin-detail-stats{margin-bottom:18px}
.small-value{font-size:10px!important;line-height:1.3}
.admin-detail-columns{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:14px}
.admin-detail-columns>section{border:1px solid var(--line);border-radius:6px;background:#0c100e;overflow:hidden}
.admin-detail-section-head{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid var(--line);background:#101512}
.admin-detail-section-head h3{font-size:10px!important;margin:0!important}.admin-detail-section-head span{font-size:9px;color:#718078}
.admin-action-timeline,.admin-session-list{max-height:430px;overflow:auto}
.admin-action-event{display:grid;grid-template-columns:25px minmax(0,1fr);gap:9px;padding:10px 12px;border-bottom:1px solid #202823}
.admin-event-icon{width:24px;height:24px;border:1px solid #2b4536;border-radius:5px;display:grid;place-items:center;color:#63a27d;background:#0f1813;font-size:11px}
.admin-action-event>div>div{display:flex;align-items:center;justify-content:space-between;gap:12px}
.admin-action-event strong{font-size:10px}.admin-action-event time{font-size:8px;color:#68756d;white-space:nowrap}
.admin-action-event p{margin:3px 0 0!important;font-size:9px!important;color:#a9b3ad!important}
.admin-action-event small{display:block;margin-top:3px;color:#6e7b73;font-size:8.5px}
.admin-session{display:grid;gap:8px;padding:11px 12px;border-bottom:1px solid #202823}
.admin-session>div{display:flex;justify-content:space-between;gap:12px}
.admin-session span{font-size:8px;color:#68756d}.admin-session strong{font-size:9px;font-weight:550;text-align:right}
@media(max-width:1200px){
  .admin-layout{grid-template-columns:1fr}
}
@media(max-width:850px){
  .admin-actor-row{grid-template-columns:1fr 65px 70px}
  .admin-last-seen,.admin-actor-row>.tag{display:none}
  .admin-detail-columns{grid-template-columns:1fr}
}


/* KILL SYSTEM V2 */
.kills-page-actions{display:flex;align-items:center;gap:9px}
.kills-page-actions .search{min-width:240px}
.kills-member-list{display:grid}
.kills-member-row{
  width:100%;
  display:grid;
  grid-template-columns:minmax(240px,1.5fr) 105px 90px 90px minmax(150px,.8fr);
  gap:14px;
  align-items:center;
  min-height:58px;
  padding:10px 12px;
  border:0;
  border-bottom:1px solid var(--line);
  background:transparent;
  color:inherit;
  text-align:left;
}
.kills-member-row.header{
  min-height:37px;
  color:#78857d;
  font-size:8.5px;
  font-weight:750;
  letter-spacing:.065em;
  text-transform:uppercase;
}
.kills-member-row.clickable{cursor:pointer}
.kills-member-row.clickable:hover{background:#101713}
.kills-person{display:flex;align-items:center;gap:10px;min-width:0}
.kills-person img,.kills-avatar-fallback{
  width:34px;height:34px;flex:0 0 34px;
  border:1px solid #304238;border-radius:6px;
  background:#111814
}
.kills-person img{object-fit:cover}
.kills-avatar-fallback{display:grid;place-items:center;color:#8eb49b;font-weight:700}
.kills-person>div{min-width:0}
.kills-person strong,.kills-person small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kills-person strong{font-size:11px}.kills-person small{font-size:8.5px;color:#75837a;margin-top:2px}
.kills-number{font-size:15px;font-weight:600}
.kills-number.primary{color:#72b48b}
.kills-analysis-state{display:flex;gap:5px;flex-wrap:wrap}
.kills-person.large img,.kills-person.large .kills-avatar-fallback{width:48px;height:48px;flex-basis:48px}
.kills-person.large h3{margin:0!important}.kills-person.large p{margin:4px 0 0!important}
.kill-member-modal-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.kill-member-stats{margin-bottom:16px}
.kill-detail-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:14px}
.kill-detail-panel{
  border:1px solid var(--line);border-radius:6px;background:#0c100e;overflow:hidden
}
.kill-detail-panel-head{
  min-height:55px;display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:11px 13px;border-bottom:1px solid var(--line);background:#101512
}
.kill-detail-panel-head h3{font-size:10.5px!important;margin:0!important}
.kill-detail-panel-head p{font-size:8.5px!important;margin:3px 0 0!important}
.kill-detail-panel-head>span{font-size:9px;color:#789083}
.kill-event-scroll,.kill-video-scroll{max-height:470px;overflow:auto}
.kill-event-row{
  display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;
  padding:10px 12px;border-bottom:1px solid #202823
}
.kill-event-index{
  width:31px;height:31px;border:1px solid #2d4938;border-radius:5px;
  display:grid;place-items:center;background:#0f1813;color:#6ead86;font-size:9px;font-weight:700
}
.kill-event-main{min-width:0}
.kill-event-main>div{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.kill-event-main strong{font-size:10px}.kill-event-main span{font-size:8px;color:#6d7c73}
.kill-event-main small{display:block;margin-top:4px;color:#77857c;font-size:8.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kill-video-row{padding:11px 12px;border-bottom:1px solid #202823}
.kill-video-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.kill-video-top>div{min-width:0}.kill-video-top strong,.kill-video-top small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kill-video-top strong{font-size:10px}.kill-video-top small{font-size:8px;color:#6f7e75;margin-top:3px}
.kill-count-pill{
  flex:0 0 auto;padding:4px 7px;border:1px solid #31533d;border-radius:5px;
  background:#101a14;color:#78b78f;font-size:8.5px;font-weight:650
}
.kill-video-events{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}
.kill-video-events span{
  padding:3px 6px;border:1px solid #29382f;border-radius:4px;background:#101512;
  color:#a8b6ad;font-size:8px
}
.kill-video-link{display:inline-block;margin-top:8px;color:#6fa987;font-size:8.5px;text-decoration:none}
.kill-video-link:hover{text-decoration:underline}
.kill-cutoff-note{
  margin-top:14px;padding:10px 12px;border:1px solid #294033;border-radius:5px;
  background:#0e1712;color:#81958a;font-size:9px
}
.kill-cutoff-note strong{color:#9ec0aa}
@media(max-width:980px){
  .kills-member-row{grid-template-columns:minmax(200px,1.4fr) 80px 70px 70px}
  .kills-analysis-state{display:none}
  .kill-detail-layout{grid-template-columns:1fr}
}
@media(max-width:680px){
  .kills-page-actions{width:100%;flex-wrap:wrap}
  .kills-page-actions .search{min-width:0;flex:1}
  .kills-member-row{grid-template-columns:minmax(180px,1fr) 70px 60px}
  .kills-member-row>div:nth-child(2){display:none}
  .kills-member-row.header>div:nth-child(2){display:none}
}


/* Kills list: use the exact visual language of the Mitglieder table */
#killsMemberList{
  display:grid;
  width:100%;
}
#killsMemberList .member-row{
  grid-template-columns:minmax(260px,1.6fr) 110px 100px 100px minmax(150px,.9fr);
  width:100%;
  box-sizing:border-box;
}
#killsMemberList .kills-member-header{
  min-height:38px;
  padding:10px 12px;
  color:#87928b;
  font-size:8.5px;
  font-weight:750;
  letter-spacing:.065em;
  text-transform:uppercase;
  border-bottom:1px solid var(--line);
}
#killsMemberList .kills-member-row-fixed{
  min-height:58px;
  padding:11px 12px;
  border-bottom:1px solid var(--line);
}
#killsMemberList .kills-member-row-fixed:last-child{
  border-bottom:0;
}
#killsMemberList .member-ident{
  min-width:0;
}
#killsMemberList .member-ident img,
#killsMemberList .kills-avatar-fallback{
  width:34px!important;
  height:34px!important;
  max-width:34px!important;
  max-height:34px!important;
  min-width:34px!important;
  min-height:34px!important;
  flex:0 0 34px!important;
  object-fit:cover;
  border-radius:50%;
}
#killsMemberList .kills-avatar-fallback{
  display:grid;
  place-items:center;
  border:1px solid #304238;
  background:#111814;
  color:#8eb49b;
  font-weight:700;
}
#killsMemberList .kills-cell-number{
  font-size:11px;
  font-weight:550;
  color:#d4dbd6;
}
#killsMemberList .kills-cell-primary{
  color:#7fb491;
  font-weight:700;
}
#killsMemberList .kills-analysis-state{
  display:flex;
  align-items:center;
  gap:5px;
  flex-wrap:wrap;
}
@media(max-width:900px){
  #killsMemberList .member-row{
    grid-template-columns:minmax(210px,1.6fr) 90px 80px 80px;
  }
  #killsMemberList .kills-analysis-state{
    display:none;
  }
}


/* Kill popup header: compact profile avatar next to identity, never full-size */
.kill-member-modal-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}
.kill-popup-profile{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.kill-popup-avatar{
  width:46px!important;
  height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  max-width:46px!important;
  max-height:46px!important;
  flex:0 0 46px!important;
  display:block;
  object-fit:cover!important;
  border-radius:50%!important;
  border:1px solid #304238!important;
  background:#111814!important;
}
.kill-popup-avatar-fallback{
  display:grid!important;
  place-items:center!important;
  color:#8eb49b!important;
  font-weight:700!important;
}
.kill-popup-identity{
  min-width:0;
}
.kill-popup-identity h3{
  margin:0!important;
  font-size:14px!important;
  line-height:1.2!important;
}
.kill-popup-identity p{
  margin:4px 0 0!important;
  font-size:9px!important;
  color:#77857c!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* Prevent any generic modal image rule from stretching the kill avatar. */
.modal-card .kill-popup-avatar,
.modal-card img.kill-popup-avatar{
  width:46px!important;
  height:46px!important;
  max-width:46px!important;
  max-height:46px!important;
  min-width:46px!important;
  min-height:46px!important;
  object-fit:cover!important;
}


/* Kill detail popup V2: wide desktop workspace instead of cramped generic modal */
.modal.kill-member-modal{
  width:min(1180px,94vw)!important;
  max-width:1180px!important;
  max-height:88vh!important;
  overflow:hidden!important;
  padding:24px!important;
  box-sizing:border-box!important;
}
.modal.kill-member-modal .kill-member-modal-head{
  margin-bottom:18px!important;
}
.modal.kill-member-modal .kill-popup-avatar{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  max-width:52px!important;
  max-height:52px!important;
  flex-basis:52px!important;
}
.modal.kill-member-modal .kill-popup-identity h3{
  font-size:16px!important;
}
.modal.kill-member-modal .kill-popup-identity p{
  font-size:10px!important;
}
.modal.kill-member-modal .kill-member-stats{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  margin-bottom:18px!important;
}
.modal.kill-member-modal .kill-member-stats .detail-box{
  min-height:74px!important;
  padding:14px 16px!important;
}
.modal.kill-member-modal .kill-member-stats .detail-box span{
  font-size:9px!important;
}
.modal.kill-member-modal .kill-member-stats .detail-box b{
  font-size:20px!important;
}
.modal.kill-member-modal .kill-detail-layout{
  grid-template-columns:minmax(380px,.9fr) minmax(520px,1.35fr)!important;
  gap:16px!important;
}
.modal.kill-member-modal .kill-detail-panel{
  min-width:0!important;
}
.modal.kill-member-modal .kill-detail-panel-head{
  min-height:64px!important;
  padding:13px 15px!important;
}
.modal.kill-member-modal .kill-detail-panel-head h3{
  font-size:12px!important;
}
.modal.kill-member-modal .kill-detail-panel-head p{
  font-size:9.5px!important;
}
.modal.kill-member-modal .kill-event-scroll,
.modal.kill-member-modal .kill-video-scroll{
  height:46vh!important;
  max-height:46vh!important;
  min-height:350px!important;
}
.modal.kill-member-modal .kill-event-row{
  grid-template-columns:40px minmax(0,1fr) auto!important;
  gap:12px!important;
  padding:12px 14px!important;
}
.modal.kill-member-modal .kill-event-index{
  width:36px!important;
  height:36px!important;
  font-size:10px!important;
}
.modal.kill-member-modal .kill-event-main strong{
  font-size:11px!important;
}
.modal.kill-member-modal .kill-event-main span,
.modal.kill-member-modal .kill-event-main small{
  font-size:9px!important;
}
.modal.kill-member-modal .kill-video-row{
  padding:13px 15px!important;
}
.modal.kill-member-modal .kill-video-top strong{
  font-size:11px!important;
}
.modal.kill-member-modal .kill-video-top small{
  font-size:9px!important;
}
.modal.kill-member-modal .kill-count-pill{
  font-size:9px!important;
  padding:5px 8px!important;
}
.modal.kill-member-modal .kill-video-events span{
  font-size:9px!important;
  padding:4px 7px!important;
}
.modal.kill-member-modal .kill-video-link{
  font-size:9px!important;
}
.modal.kill-member-modal .kill-cutoff-note{
  margin-top:16px!important;
  padding:11px 13px!important;
  font-size:9.5px!important;
}
.modal.kill-member-modal .modal-actions{
  margin-top:14px!important;
}

/* Make the intended rank order visually clear and keep the list compact. */
#killsMemberList .kills-member-header,
#killsMemberList .kills-member-row-fixed{
  grid-template-columns:minmax(280px,1.6fr) 120px 100px 100px minmax(160px,.8fr)!important;
}

@media(max-width:1000px){
  .modal.kill-member-modal{
    width:96vw!important;
    max-height:92vh!important;
    overflow:auto!important;
  }
  .modal.kill-member-modal .kill-detail-layout{
    grid-template-columns:1fr!important;
  }
  .modal.kill-member-modal .kill-event-scroll,
  .modal.kill-member-modal .kill-video-scroll{
    height:340px!important;
    min-height:340px!important;
  }
}

/* Kill detail popup V3 — force wide layout from content itself.
   :has() avoids relying on the runtime helper class and works immediately after frontend reload. */
#modal:has(.kill-member-modal-head){
  width:min(1480px,94vw)!important;
  max-width:1480px!important;
  min-width:min(1100px,92vw)!important;
  max-height:92vh!important;
  padding:26px 28px!important;
  overflow:auto!important;
  box-sizing:border-box!important;
  background:#0b100d!important;
}
#modal:has(.kill-member-modal-head) .kill-member-modal-head{
  padding-bottom:16px!important;
  margin-bottom:18px!important;
  border-bottom:1px solid #26332b!important;
}
#modal:has(.kill-member-modal-head) .kill-member-stats{
  grid-template-columns:repeat(4,minmax(180px,1fr))!important;
  gap:14px!important;
  margin-bottom:20px!important;
}
#modal:has(.kill-member-modal-head) .kill-member-stats .detail-box{
  min-height:82px!important;
  padding:16px 18px!important;
}
#modal:has(.kill-member-modal-head) .kill-detail-layout{
  grid-template-columns:minmax(500px,.95fr) minmax(680px,1.3fr)!important;
  gap:20px!important;
  align-items:stretch!important;
}
#modal:has(.kill-member-modal-head) .kill-detail-panel{
  min-width:0!important;
  border-radius:8px!important;
}
#modal:has(.kill-member-modal-head) .kill-detail-panel-head{
  min-height:68px!important;
  padding:14px 16px!important;
}
#modal:has(.kill-member-modal-head) .kill-event-scroll,
#modal:has(.kill-member-modal-head) .kill-video-scroll{
  height:50vh!important;
  min-height:420px!important;
  max-height:520px!important;
}
#modal:has(.kill-member-modal-head) .kill-event-row{
  grid-template-columns:42px minmax(0,1fr) 76px!important;
  gap:14px!important;
  padding:13px 15px!important;
}
#modal:has(.kill-member-modal-head) .kill-event-main>div{
  display:grid!important;
  grid-template-columns:minmax(140px,max-content) 1fr!important;
  gap:10px!important;
  align-items:center!important;
}
#modal:has(.kill-member-modal-head) .kill-video-row{
  padding:14px 16px!important;
}
#modal:has(.kill-member-modal-head) .kill-video-top{
  gap:18px!important;
}
#modal:has(.kill-member-modal-head) .kill-cutoff-note{
  margin-top:18px!important;
}
@media(max-width:1250px){
  #modal:has(.kill-member-modal-head){
    width:96vw!important;
    min-width:0!important;
  }
  #modal:has(.kill-member-modal-head) .kill-detail-layout{
    grid-template-columns:minmax(420px,.9fr) minmax(520px,1.1fr)!important;
  }
}
@media(max-width:980px){
  #modal:has(.kill-member-modal-head){
    width:96vw!important;
    min-width:0!important;
    max-height:94vh!important;
  }
  #modal:has(.kill-member-modal-head) .kill-detail-layout{
    grid-template-columns:1fr!important;
  }
  #modal:has(.kill-member-modal-head) .kill-event-scroll,
  #modal:has(.kill-member-modal-head) .kill-video-scroll{
    height:360px!important;
    min-height:360px!important;
  }
}


/* Manual single-video KILL SYSTEM rescan */
.kill-video-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-top:9px;
}
.kill-video-actions .kill-video-link{
  margin-top:0!important;
}
.kill-rescan-btn{
  flex:0 0 auto;
  min-height:28px!important;
  padding:5px 9px!important;
  border-color:#31533d!important;
  background:#0f1813!important;
  color:#7eb894!important;
}
.kill-rescan-btn:hover{
  border-color:#47745a!important;
  background:#132019!important;
}
.kill-rescan-btn:disabled{
  opacity:.55;
  cursor:wait;
}


#rescanAllKillsBtn{
  border-color:#3a4e42!important;
}
#rescanAllKillsBtn:hover{
  border-color:#4f6c5a!important;
}


/* Wochenabgabe */
.weekly-actions{display:flex;gap:9px;align-items:center}
.weekly-total-card{padding:16px 18px;margin-bottom:12px}
.weekly-total-main{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:11px}
.weekly-total-main span{display:block;font-size:8px;color:#748078;letter-spacing:.08em;font-weight:800}
.weekly-total-main strong{display:block;margin-top:5px;font-size:20px;font-weight:600}
.weekly-total-percent{font-size:20px;font-weight:650;color:#7fb493}
.weekly-members-table{display:grid;width:100%;overflow:auto}
.weekly-member-row{
  display:grid;grid-template-columns:minmax(230px,1.45fr) 90px 115px 120px 90px 90px minmax(120px,.8fr) 190px;
  gap:12px;align-items:center;min-height:58px;padding:10px 12px;border-bottom:1px solid var(--line);font-size:10px
}
.weekly-member-row.header{min-height:38px;font-size:8px;color:#78857d;font-weight:750;letter-spacing:.06em;text-transform:uppercase;background:#0e1210}
.weekly-member-person{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:inherit;text-align:left;min-width:0}
.weekly-member-person:hover strong{color:#8fc1a0}
.weekly-member-person img{width:34px;height:34px;border-radius:50%;object-fit:cover;flex:0 0 34px}
.weekly-member-person span{min-width:0}.weekly-member-person strong,.weekly-member-person small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.weekly-member-person small{font-size:8px;color:#78857d;margin-top:2px}
.weekly-row-actions{display:flex;gap:6px;justify-content:flex-end}
.weekly-quick-amounts{display:flex;gap:6px;flex-wrap:wrap;margin:-3px 0 10px}
.weekly-settings-card{margin-bottom:14px}
.weekly-settings-row{display:grid;grid-template-columns:minmax(220px,320px) minmax(230px,1fr) auto;gap:14px;align-items:end;padding:15px 16px}
.weekly-settings-card>small{display:block;padding:0 16px 15px;color:#78857d}
.weekly-settings-check{min-height:37px;display:flex;align-items:center;gap:9px}.weekly-settings-check input{min-height:0!important;width:15px;height:15px}
.weekly-detail-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}.weekly-detail-head img{width:48px!important;height:48px!important;border-radius:50%;object-fit:cover}.weekly-detail-head>div:nth-child(2){flex:1}.weekly-detail-head h3{margin:0!important}.weekly-detail-head p{margin:4px 0 0!important}
.weekly-detail-stats{margin-bottom:15px}.weekly-detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.weekly-detail-panel{border:1px solid var(--line);border-radius:6px;background:#0d110f;overflow:hidden}.weekly-detail-panel>h3{padding:11px 13px;margin:0!important;border-bottom:1px solid var(--line);font-size:10px!important}
.weekly-entry-history{max-height:330px;overflow:auto}.weekly-entry-history>div{padding:9px 12px;border-bottom:1px solid #202823}.weekly-entry-history span,.weekly-entry-history b,.weekly-entry-history small{display:block}.weekly-entry-history span{font-size:9px}.weekly-entry-history b{margin-top:3px;font-size:9px;color:#92a198}.weekly-entry-history small{margin-top:3px;color:#69766e;font-size:8px}
.member-weekly-section{margin-top:14px}
@media(max-width:1050px){.weekly-member-row{grid-template-columns:minmax(210px,1.4fr) 80px 100px 100px 80px 130px}.weekly-member-row>*:nth-child(5),.weekly-member-row>*:nth-child(6){display:none}.weekly-detail-columns{grid-template-columns:1fr}}

.weekly-settings-options{display:grid;gap:7px;align-self:center}

/* Kill-System entfernt: Mitglieder-Tabelle ohne Kill-Spalte */
.member-row{grid-template-columns:1.35fr .55fr .72fr 1.2fr .45fr .58fr .72fr .9fr}


/* Unified Channel-Verwaltung */
.channel-manager-top-actions{display:flex;gap:8px;align-items:center}
.channel-manager-card{overflow:hidden}
.channel-manager-toolbar{
  display:grid;
  grid-template-columns:minmax(260px,420px) 1fr auto;
  gap:14px;
  align-items:center;
  padding:14px 16px;
  border-bottom:1px solid var(--line)
}
.channel-manager-search{width:100%}
.channel-manager-legend{display:flex;gap:13px;flex-wrap:wrap;align-items:center;font-size:9px;color:#839188}
.channel-manager-legend span{display:flex;align-items:center;gap:5px}
.channel-manager-hint{
  padding:10px 16px;
  border-bottom:1px solid var(--line);
  background:#0d120f;
  color:#77847c;
  font-size:9px
}
.channel-manager-hint strong{color:#91b69d}
.channel-manager-board{
  padding:14px;
  gap:12px;
  align-items:start
}
.channel-manager-column{
  min-width:210px;
  background:#0c100e;
  border:1px solid #223029;
  border-radius:8px;
  overflow:hidden
}
.channel-manager-dropzone{min-height:150px;padding:8px}
.channel-manager-channel{
  display:grid;
  gap:9px;
  padding:10px;
  margin-bottom:8px;
  border:1px solid #26352d;
  border-radius:7px;
  background:#101612
}
.channel-manager-channel:hover{border-color:#365443;background:#111914}
.channel-manager-channel-actions{display:grid;grid-template-columns:1fr;gap:6px}
.channel-manager-channel-actions .mini-select{width:100%;min-width:0}
.channel-manager-metrics{margin-bottom:12px}
@media(max-width:1150px){
  .channel-manager-toolbar{grid-template-columns:1fr auto}
  .channel-manager-legend{grid-column:1/-1;order:3}
}


/* Operations dashboard + weekly workflow + probation/channel merge */
.dashboard-ops{grid-template-columns:repeat(5,minmax(150px,1fr))}
.metric-link{cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}
.metric-link:hover{border-color:#355744;background:#101713;transform:translateY(-1px)}
.weekly-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.weekly-actions .btn.danger{border-color:#603038;color:#e68c95;background:#1a1012}
.weekly-actions .btn.danger:hover{background:#251316}
.weekly-actions .btn.danger:disabled{opacity:.5;cursor:not-allowed}
.weekly-pending-list,.weekly-week-history{max-height:60vh;overflow:auto}
.weekly-pending-list>div,.weekly-week-history>div{padding:14px 0}
.channel-probation{
  display:grid;grid-template-columns:auto 1fr;gap:2px 8px;
  padding:7px 8px;border:1px solid #5a4927;border-radius:6px;
  background:#17150e;font-size:8px;color:#c9b26f
}
.channel-probation b{font-weight:600;color:#e2ca83;text-align:right}
.channel-probation small{grid-column:1/-1;color:#87938b}
.channel-probation-bad{border-color:#66343a;background:#1b1012}
.channel-probation-bad small{color:#e4838c}
@media(max-width:1350px){.dashboard-ops{grid-template-columns:repeat(3,minmax(160px,1fr))}}
@media(max-width:800px){.dashboard-ops{grid-template-columns:1fr 1fr}}

/* ========================================================================== 
   FINAL/UCP inspired visual system — green PRESTIGE edition
   UI-only override. No application behavior is changed here.
   ========================================================================== */
:root{
  --bg:#070909;
  --sidebar:#080b0a;
  --panel:#0d100f;
  --panel2:#111513;
  --line:#242a27;
  --line-strong:#303834;
  --text:#e8ece9;
  --muted:#777f7b;
  --muted2:#555d59;
  --accent:#2d8b52;
  --accent2:#46aa69;
  --accent-soft:#102319;
  --success:#46aa69;
  --danger:#b74c54;
  --radius:7px;
}
html,body{background:#070909!important;color:var(--text)!important;font-family:"Arial Narrow","Roboto Condensed","Segoe UI",Arial,sans-serif!important}
body{font-size:12px!important;letter-spacing:.005em}
.layout{grid-template-columns:216px minmax(0,1fr)!important;min-height:100vh;background:
  radial-gradient(circle at 94% 0%,rgba(43,93,61,.055),transparent 26%),#070909!important}
.sidebar{width:216px!important;background:#080b0a!important;border-right:1px solid #222825!important;padding:18px 9px 14px!important;position:fixed!important;left:0;top:0;bottom:0;z-index:30}
.main{margin-left:216px!important;padding:0 30px 54px!important;max-width:none!important;background:transparent}

/* Brand: compact typographic lockup like the reference UI */
.brand{height:56px;padding:0 10px 14px!important;margin-bottom:7px;border-bottom:1px solid #202522;gap:6px!important;align-items:flex-start!important}
.logo-wrap{display:none!important}
.brand>div:last-child{display:flex;align-items:baseline;gap:8px}
.brand-name{font-size:17px!important;line-height:1;font-style:italic;font-weight:800!important;letter-spacing:.18em!important;color:var(--accent2)!important;text-transform:uppercase}
.brand-caption{margin:0!important;padding-left:8px;border-left:1px solid #3b413e;font-size:9px!important;font-weight:700;letter-spacing:.17em!important;color:#646b67!important;text-transform:uppercase}

/* Navigation */
.nav{gap:2px!important;overflow:auto;padding-bottom:100px;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}
.nav-section{margin-top:14px}
.nav-group-label{font-size:7px!important;letter-spacing:.18em!important;color:#434b47!important;font-weight:800!important;padding:0 10px 7px!important;text-transform:uppercase}
.nav-section-title{height:34px;padding:0 10px!important;display:flex!important;align-items:center;gap:10px;color:#7f8783!important;text-transform:uppercase;font-size:9px!important;font-weight:800!important;letter-spacing:.08em!important}
.nav-section-title svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}
.nav-children{padding-left:0!important;border-left:0!important;margin-left:0!important}
.nav-item{min-height:38px!important;border-radius:5px!important;padding:0 11px!important;color:#737a77!important;font-size:10px!important;font-weight:700!important;letter-spacing:.065em;text-transform:uppercase;gap:11px!important;position:relative;border-left:2px solid transparent!important}
.nav-item svg{width:15px!important;height:15px!important;stroke-width:1.6!important}
.nav-item:hover{background:#101311!important;color:#cbd1cd!important}
.nav-item.active{background:#171a19!important;color:#e6e9e7!important;border-left-color:var(--accent2)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}
.nav-item.active svg{color:var(--accent2)!important;stroke:var(--accent2)!important}
.nav-child{min-height:32px!important;padding-left:27px!important;font-size:9px!important;letter-spacing:.03em!important;text-transform:none!important;font-weight:600!important}
.nav-child.active{padding-left:25px!important}
.nav-count{min-width:18px!important;height:18px!important;padding:0 5px!important;font-size:8px!important;border-color:#254330!important;background:#102017!important;color:#72b789!important}

/* Profile at the bottom of the sidebar, matching reference placement */
.sidebar-meta{position:absolute!important;bottom:0;left:0;right:0;height:64px;margin:0!important;padding:11px 14px!important;border-top:1px solid #252a27!important;background:#090c0b!important;gap:9px!important}
.sidebar-meta .status-dot{width:6px;height:6px;background:var(--accent2)!important;box-shadow:0 0 8px rgba(70,170,105,.3)}
.sidebar-meta strong{font-size:9px!important;text-transform:uppercase;letter-spacing:.08em}.sidebar-meta span{font-size:8px!important;color:#505854!important}

/* Top header behaves like the page heading in the screenshots */
.topbar{height:118px!important;margin:0 auto 8px!important;padding:28px 0 16px!important;border-bottom:0!important;max-width:1240px;align-items:flex-start!important;position:relative!important}
.topbar>div:first-child{min-width:0}
.topbar>div:first-child:before{content:"◆  ÜBERSICHT";display:block;margin-bottom:5px;color:#68706c;font-size:7px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.topbar>div:first-child:after{content:"";position:absolute;top:31px;left:0;width:4px;height:4px;background:var(--accent2);transform:rotate(45deg);box-shadow:0 0 8px rgba(70,170,105,.28)}
.topbar h1{margin:0!important;font-size:28px!important;line-height:1!important;font-weight:500!important;letter-spacing:.12em!important;text-transform:uppercase;color:#f0f2f1!important}
.topbar p{margin:7px 0 0!important;font-size:9px!important;color:#666e6a!important;letter-spacing:.01em}
.topbar-tools{position:absolute!important;right:0;top:28px;max-width:410px!important;width:42%!important;margin:0!important}
.global-search>input{height:38px!important;background:#0b0e0d!important;border-color:#222825!important;border-radius:5px!important;font-size:9px!important;color:#c9cecb!important;padding-left:35px!important}
.global-search>input::placeholder{color:#474e4a}
.global-search>svg{top:11px!important;left:11px!important;width:14px!important;height:14px!important}
.notification-bell{height:38px!important;width:38px!important;border-radius:5px!important;background:#0b0e0d!important;border-color:#222825!important}
.notification-badge{background:var(--accent2)!important;border-color:#070909!important;color:#071009!important;font-weight:900!important}
.account{position:fixed!important;left:13px!important;bottom:9px!important;z-index:50;width:190px;height:46px;background:transparent!important;padding:0!important;display:grid!important;grid-template-columns:1fr 30px!important;gap:7px!important;pointer-events:none}
.account .sync-note{display:none!important}.account-copy{text-align:left!important;align-self:center}.account-copy strong{font-size:9px!important;color:#dce1de!important}.account-copy span{font-size:7px!important;color:#555d59!important;text-transform:uppercase!important;letter-spacing:.08em}.avatar{grid-column:2;grid-row:1;width:30px!important;height:30px!important;align-self:center;border-color:#353b38!important;background:#101311!important;font-size:9px!important}

/* Main content sizing */
.page{max-width:1240px;margin:0 auto}
.page-actions{min-height:58px;margin:0 0 13px!important;padding-bottom:12px;border-bottom:1px solid #242925!important;align-items:center!important}
.page-actions h2{font-size:20px!important;font-weight:500!important;letter-spacing:.105em!important;text-transform:uppercase;color:#f0f2f1!important}
.page-actions p{font-size:9px!important;color:#707874!important;margin-top:5px!important}

/* Reference-like panels */
.card,.metric,.status-group,.request-card,.weekly-total-card,.channel-manager-column,.member-detail-grid>section,.member-poll-stats,.member-detail-modal>div>section{background:#0c0f0e!important;border:1px solid #292f2c!important;border-radius:7px!important;box-shadow:none!important}
.card{padding:0!important;overflow:hidden}
.card-head{min-height:42px;padding:11px 14px!important;margin:0!important;border-bottom:1px solid #252b28!important;align-items:center!important;position:relative}
.card-head:after{content:"";height:1px;flex:1;background:#2a302d;margin-left:14px}
.card-head:before{content:"";position:absolute;right:12px;width:4px;height:4px;background:var(--accent2);transform:rotate(45deg)}
.card-head>div{flex:0 0 auto}.card-head h3,.card h3{font-size:10px!important;letter-spacing:.07em!important;text-transform:uppercase;font-weight:800!important;color:#dce0dd!important}.card-head p{font-size:8px!important;color:#5d6561!important;margin-top:3px!important}
.card>.table-wrap,.card>.alerts,.card>.activity-list,.card>.key-list,.card>.bar-list,.card>.audit-list,.card>.admin-list,.card>.request-list{padding:0 14px 10px}

.metrics{gap:10px!important;margin-bottom:13px!important}.metric{min-height:77px!important;padding:14px!important;position:relative}.metric span{font-size:8px!important;letter-spacing:.06em!important;text-transform:uppercase;color:#626a66!important;font-weight:800!important}.metric strong{font-size:20px!important;line-height:1!important;margin-top:8px!important;font-weight:600!important;color:#e7ebe8!important}.metric small{font-size:8px!important;color:#4f5753!important;margin-top:6px!important}.metric-link:hover{border-color:#365442!important;background:#0f1511!important;transform:none!important}.dashboard-ops .metric:nth-child(2) strong,.dashboard-ops .metric:nth-child(3) strong{color:var(--accent2)!important}

.dashboard-grid{gap:12px!important}.grid{gap:12px!important}.analytics-grid{gap:12px!important}

/* Tables like Analytics screenshot */
table{min-width:760px!important}th,td{height:41px!important;padding:9px 10px!important;border-bottom-color:#242a27!important}th{font-size:7px!important;font-weight:800!important;letter-spacing:.11em!important;color:#555d59!important}td{font-size:10px!important;color:#bfc5c1!important}td strong{font-weight:700!important;color:#e3e7e4!important}tbody tr:hover td{background:#111412!important}
.table-wrap{scrollbar-color:#555d59 transparent;scrollbar-width:thin}

/* Controls */
.btn,.small-btn,.text-btn,.tab,.mini-select,.search,input,select,textarea{border-radius:5px!important}
.btn{min-height:34px!important;padding:7px 11px!important;font-size:8px!important;text-transform:uppercase!important;letter-spacing:.045em!important;font-weight:800!important}
.btn.primary{background:#102319!important;border:1px solid #286a41!important;color:#6ed38e!important}.btn.primary:hover{background:#142c1e!important;border-color:#358653!important}
.btn.secondary{background:#101312!important;border-color:#303633!important;color:#a9b0ac!important}.btn.secondary:hover{background:#151817!important;color:#d4d8d5!important}
.btn.danger{background:#1a1012!important;border-color:#573038!important;color:#d77880!important}
.small-btn{font-size:8px!important;text-transform:uppercase;letter-spacing:.025em;background:#101312!important;border-color:#303633!important;color:#b7bdb9!important;padding:6px 8px!important}.small-btn:hover{border-color:#3d5b47!important;color:#7ac892!important}.small-btn.danger{background:#1a1012!important;border-color:#553038!important;color:#d87981!important}
.text-btn{font-size:8px!important;text-transform:uppercase;letter-spacing:.05em;color:#68b17d!important}
.search,input,select,textarea{background:#0a0d0c!important;border-color:#292f2c!important;color:#d7dcda!important;font-size:9px!important}.search:focus,input:focus,select:focus,textarea:focus{border-color:#356a47!important;box-shadow:none!important}.search{height:35px!important}.mini-select{height:29px!important;font-size:8px!important}

/* Pills / statuses: all former orange/yellow emphasis becomes green */
.tag{border-radius:5px!important;padding:3px 6px!important;font-size:7px!important;font-weight:800!important;letter-spacing:.035em;text-transform:uppercase;background:#111513!important;border-color:#303633!important;color:#808984!important}.tag.green,.tag.orange,.tag.blue{border-color:#2d6841!important;color:#67c586!important;background:#102018!important}.tag.red,.tag.danger{border-color:#663139!important;color:#d5616a!important;background:#1d1113!important}
.progress{height:4px!important;background:#161b18!important}.progress>i,.progress.warn>i{background:var(--accent2)!important}.progress.danger>i{background:#ad4f57!important}
.s.yellow,.s.orange{background:var(--accent2)!important}.alert.warning strong{color:#71bb87!important}.notification-item.warning .notification-dot{background:var(--accent2)!important}.integrity-row.warning .integrity-indicator{background:var(--accent2)!important}.integrity-row.warning .integrity-title span{color:#71bb87!important;border-color:#315f41!important}.channel-probation{border-color:#315f41!important;background:#0e1812!important;color:#69b77f!important}.channel-probation b{color:#78ca91!important}

/* Tabs and section selectors */
.tabs{gap:0!important;margin-bottom:12px!important}.tab{font-size:8px!important;text-transform:uppercase!important;letter-spacing:.06em!important;color:#606864!important;padding:9px 12px!important;border-bottom-width:1px!important}.tab.active{color:#9dd2ad!important;border-bottom-color:var(--accent2)!important;background:#0d120f!important}

/* Rows/cards */
.request-card{border-radius:6px!important;padding:12px!important}.request-card h3{font-size:10px!important}.request-card p,.request-card .meta{font-size:8px!important}.request-card .meta b{font-size:9px!important}
.faction-row,.member-row,.probation-row,.status-row{border-bottom-color:#242a27!important}
.faction-row.clickable:hover,.member-clickable:hover{background:#101412!important}
.rank-badge{min-width:50px!important;padding:4px 7px!important;border-radius:5px!important;background:#101312!important;border-color:#303633!important;font-size:8px!important;color:#9fa6a2!important}

/* Channel board */
.channel-manager-toolbar{padding:11px 13px!important;border-color:#252b28!important;background:#0b0e0d!important}.channel-manager-hint{background:#0a0d0c!important;border-color:#252b28!important;color:#525a56!important;font-size:8px!important}.channel-manager-hint strong{color:#70b885!important}.channel-manager-board{padding:10px!important;gap:9px!important}.channel-manager-column{min-width:195px!important}.control-map-column-head{background:#0e1110!important;border-bottom:1px solid #242a27!important}.channel-manager-channel{background:#0d100f!important;border-color:#262d29!important;border-radius:5px!important;padding:8px!important}.channel-manager-channel:hover{background:#111512!important;border-color:#355443!important}

/* Notifications */
.notification-panel{background:#0b0e0d!important;border:1px solid #2b312e!important;border-radius:6px!important;box-shadow:0 18px 50px rgba(0,0,0,.55)!important}.notification-head{border-color:#242a27!important}.notification-item{border-color:#242a27!important}.notification-item:hover{background:#101311!important}

/* Modal / detail view like the third screenshot */
.modal-backdrop{background:rgba(0,0,0,.76)!important;backdrop-filter:blur(2px)}
.modal,.member-detail-modal{background:#090c0b!important;border:1px solid #303633!important;border-radius:7px!important;box-shadow:0 24px 80px rgba(0,0,0,.72)!important}
.member-detail-modal{width:min(1180px,94vw)!important;padding:20px!important}.member-detail-head{padding-bottom:14px;border-bottom:1px solid #252b28}.member-detail-head h2{font-size:24px!important;letter-spacing:.06em!important;text-transform:uppercase;font-weight:500!important}.member-detail-head p{font-size:8px!important}.member-detail-head img{border-radius:5px!important;width:48px!important;height:48px!important}.modal-close{border-radius:5px!important;background:#0c0f0e!important;border-color:#303633!important}.detail-box,.member-detail-metrics>div,.poll-stat-cards>div{background:#0d100f!important;border-color:#292f2c!important;border-radius:6px!important}.detail-box span,.member-detail-metrics span,.poll-stat-cards span{font-size:8px!important;text-transform:uppercase;letter-spacing:.05em;color:#5b635f!important}.detail-box b,.member-detail-metrics strong,.poll-stat-cards strong{font-size:11px!important;color:#e2e6e3!important}.weekly-detail-panel{background:#0b0e0d!important;border-color:#292f2c!important;border-radius:6px!important}

/* Login gate */
.auth-gate{background:#070909!important}.auth-box{background:#0c0f0e!important;border-color:#292f2c!important;border-radius:7px!important}.auth-box img{filter:saturate(.4) hue-rotate(65deg)}

/* Green replacement for remaining warm accent-like elements, without touching danger/red */
.weekly-total-percent,.ok,.sync-state.ok{color:var(--accent2)!important}.step.active,.bar i{background:var(--accent2)!important}.toast{background:#0d1510!important;border-color:#315f41!important;border-radius:5px!important;color:#d8e5dc!important}.poll-preview{border-left-color:var(--accent2)!important}

/* Fine responsive behavior */
@media(max-width:1150px){.main{padding-left:22px!important;padding-right:22px!important}.topbar-tools{width:38%!important}.dashboard-ops{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.layout{grid-template-columns:78px minmax(0,1fr)!important}.sidebar{width:78px!important;padding-left:7px!important;padding-right:7px!important}.main{margin-left:78px!important}.brand-caption,.nav-item span:not(.nav-count),.nav-group-label,.nav-section-title span,.sidebar-meta>div{display:none!important}.brand{justify-content:center!important}.brand-name{font-size:10px!important}.nav-item{justify-content:center!important;padding:0!important}.nav-child{display:none!important}.account{display:none!important}.topbar-tools{display:none!important}}


/* ==========================================================================
   FINAL/UCP layout repair
   Keeps the new visual design, fixes the collapsed main-content geometry.
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}

/* The sidebar is fixed. Therefore the outer layout must NOT stay a CSS grid:
   otherwise .main gets placed into the 216px grid track and collapses. */
.layout{
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
.sidebar{
  position:fixed!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:216px!important;
}
.main{
  display:block!important;
  margin-left:216px!important;
  width:calc(100% - 216px)!important;
  min-width:0!important;
  max-width:none!important;
  padding:0 30px 54px!important;
}
.topbar,
.page{
  width:100%!important;
  max-width:1240px!important;
  min-width:0!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.topbar{
  display:flex!important;
  justify-content:space-between!important;
}
.topbar>div:first-child{
  flex:1 1 auto!important;
  min-width:0!important;
  padding-right:430px!important;
}
.topbar-tools{
  width:min(410px,42%)!important;
}
.page{
  display:none;
}
.page.active{
  display:block!important;
}

/* Page intro is a compact secondary heading, not a second giant page title. */
.page-actions{
  width:100%!important;
  min-width:0!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:18px!important;
}
.page-actions>div:first-child{
  min-width:0!important;
  flex:1 1 auto!important;
}
.page-actions h2{
  font-size:13px!important;
  line-height:1.15!important;
  letter-spacing:.08em!important;
  white-space:normal!important;
}
.page-actions p{
  line-height:1.4!important;
  max-width:620px!important;
}
.page-actions>.search,
.page-actions>input.search{
  flex:0 1 320px!important;
  min-width:180px!important;
}

/* Cards/metrics must never collapse into pencil-width columns. */
.metrics,
.metrics.compact,
.dashboard-ops,
.integrity-metrics,
.admin-metrics,
.channel-manager-metrics{
  width:100%!important;
  grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;
}
.metric{
  min-width:0!important;
}
.two-col,
.dashboard-grid,
.grid,
.analytics-grid{
  width:100%!important;
  min-width:0!important;
}

/* Channel board keeps usable columns and scrolls horizontally when needed. */
.channel-manager-card{
  width:100%!important;
}
.channel-manager-toolbar{
  width:100%!important;
}
.channel-manager-board{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(210px,1fr))!important;
  overflow-x:auto!important;
}
.channel-manager-column{
  width:auto!important;
  min-width:210px!important;
}

/* Keep tables and member lists contained inside the available page width. */
.card,
.table-wrap,
.members-table,
.weekly-members-table,
.probation-list,
#probationList,
#channelManagerBoard{
  max-width:100%!important;
  min-width:0!important;
}
.card{
  width:100%!important;
}

/* Responsive sidebar behavior without reintroducing the broken grid. */
@media(max-width:1150px){
  .main{
    padding-left:22px!important;
    padding-right:22px!important;
  }
  .topbar>div:first-child{
    padding-right:350px!important;
  }
  .topbar-tools{
    width:330px!important;
  }
}
@media(max-width:900px){
  .layout{
    display:block!important;
  }
  .sidebar{
    width:78px!important;
  }
  .main{
    margin-left:78px!important;
    width:calc(100% - 78px)!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
  .topbar>div:first-child{
    padding-right:0!important;
  }
  .topbar-tools{
    display:none!important;
  }
  .page-actions{
    align-items:flex-start!important;
    flex-wrap:wrap!important;
  }
  .metrics,
  .metrics.compact,
  .dashboard-ops{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:620px){
  .main{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .metrics,
  .metrics.compact,
  .dashboard-ops{
    grid-template-columns:1fr!important;
  }
  .channel-manager-board{
    grid-template-columns:repeat(5,210px)!important;
  }
}


/* ==========================================================================
   PRESTIGE FINAL UI POLISH
   Pure presentation pass — no functional/API behavior changed.
   ========================================================================== */

:root{
  --ui-bg:#080b09;
  --ui-panel:#0d120f;
  --ui-panel-2:#101612;
  --ui-line:#26322b;
  --ui-line-soft:#1c2620;
  --ui-text:#eef3ef;
  --ui-muted:#7e8b83;
  --ui-green:#48bd73;
  --ui-green-2:#2f8e55;
  --ui-red:#ca6670;
  --ui-steel:#8ea8a0;
}

body{
  background:var(--ui-bg)!important;
  color:var(--ui-text)!important;
}

/* ---------- Sidebar ---------- */
.sidebar{
  width:216px!important;
  padding:18px 10px 96px!important;
  background:#080b09!important;
  border-right:1px solid #202923!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
}
.brand{
  height:58px!important;
  padding:0 7px 15px!important;
  margin-bottom:7px!important;
  border-bottom:1px solid #1e2722!important;
}
.brand-name{
  color:#56c37b!important;
  font-size:17px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
}
.brand-caption{
  color:#5d6962!important;
  font-size:7px!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
}
.nav{
  gap:2px!important;
}
.nav-group-label{
  padding:14px 8px 7px!important;
  color:#4f5b54!important;
  font-size:7px!important;
  letter-spacing:.18em!important;
  font-weight:900!important;
}
.nav-section{
  margin-top:2px!important;
}
.nav-section-title,
.nav-item{
  border-radius:6px!important;
}
.nav-section-title{
  min-height:36px!important;
  padding:0 10px!important;
  color:#909c95!important;
  gap:10px!important;
  font-size:10px!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
.nav-section-title svg,
.nav-item svg{
  display:block!important;
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.7!important;
}
.nav-item{
  min-height:38px!important;
  padding:0 10px!important;
  gap:10px!important;
  color:#808b84!important;
  font-size:10px!important;
  font-weight:700!important;
  letter-spacing:.025em!important;
  text-transform:none!important;
  border-left:2px solid transparent!important;
}
.nav-item.nav-primary{
  color:#aeb8b2!important;
  font-size:10.5px!important;
  text-transform:uppercase!important;
  letter-spacing:.055em!important;
}
.nav-item:hover{
  background:#0f1511!important;
  color:#dfe7e2!important;
}
.nav-item.active{
  background:#151b17!important;
  color:#ffffff!important;
  border-left-color:var(--ui-green)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
.nav-item.active svg{
  color:var(--ui-green)!important;
  stroke:var(--ui-green)!important;
}
.nav-children{
  display:grid!important;
  gap:2px!important;
  margin:2px 0 7px!important;
  padding:0!important;
  border-left:0!important;
}
.nav-item.nav-child{
  min-height:32px!important;
  padding:0 9px 0 27px!important;
  color:#7c8881!important;
  font-size:9px!important;
  font-weight:650!important;
}
.nav-item.nav-child svg{
  display:block!important;
  width:13px!important;
  height:13px!important;
  flex-basis:13px!important;
  opacity:.72!important;
}
.nav-item.nav-child.active{
  padding-left:25px!important;
  color:#dce5df!important;
  background:#101713!important;
}
.nav-count{
  margin-left:auto!important;
  min-width:19px!important;
  height:19px!important;
  padding:0 5px!important;
  display:inline-grid!important;
  place-items:center!important;
  border:1px solid #235037!important;
  border-radius:999px!important;
  background:#0d2116!important;
  color:#66c688!important;
  font-size:8px!important;
}

/* Keep account + live state cleanly separated at the bottom. */
.sidebar-meta{
  position:fixed!important;
  left:10px!important;
  bottom:58px!important;
  width:196px!important;
  height:28px!important;
  padding:5px 8px!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  border:0!important;
  background:transparent!important;
  z-index:60!important;
}
.sidebar-meta .status-dot{
  width:6px!important;
  height:6px!important;
  flex:0 0 6px!important;
  background:var(--ui-green)!important;
  box-shadow:0 0 8px rgba(72,189,115,.30)!important;
}
.sidebar-meta strong{
  display:none!important;
}
.sidebar-meta span{
  display:block!important;
  margin:0!important;
  max-width:170px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#66736b!important;
  font-size:7px!important;
  line-height:1!important;
}

/* account comes from the topbar DOM but visually belongs in sidebar */
.account{
  position:fixed!important;
  left:10px!important;
  bottom:10px!important;
  z-index:61!important;
  width:196px!important;
  height:44px!important;
  padding:6px 7px!important;
  display:grid!important;
  grid-template-columns:1fr 30px!important;
  gap:8px!important;
  align-items:center!important;
  border:1px solid #28332d!important;
  border-radius:6px!important;
  background:#0c110e!important;
  pointer-events:none!important;
}
.account .sync-note{display:none!important}
.account-copy{
  min-width:0!important;
  text-align:left!important;
}
.account-copy strong,
.account-copy span{
  display:block!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.account-copy strong{
  color:#e4eae6!important;
  font-size:9px!important;
  line-height:1.1!important;
}
.account-copy span{
  margin-top:3px!important;
  color:#58645d!important;
  font-size:7px!important;
  line-height:1!important;
  text-transform:uppercase!important;
  letter-spacing:.08em!important;
}
.avatar{
  width:30px!important;
  height:30px!important;
  border-radius:5px!important;
  border:1px solid #39443e!important;
  background:#111713!important;
  font-size:9px!important;
}

/* ---------- Main content / rhythm ---------- */
.main{
  margin-left:216px!important;
  width:calc(100% - 216px)!important;
  padding:0 34px 58px!important;
}
.topbar,
.page{
  width:100%!important;
  max-width:1380px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.topbar{
  min-height:96px!important;
  padding:21px 0 18px!important;
  margin-bottom:20px!important;
  border-bottom:1px solid var(--ui-line-soft)!important;
}
.topbar h1{
  font-size:27px!important;
  line-height:1.05!important;
  letter-spacing:.095em!important;
}
.topbar p{
  margin-top:7px!important;
  color:#6f7b74!important;
  font-size:9px!important;
}
.page.active{
  display:block!important;
}
.page-actions{
  margin:0 0 18px!important;
  padding:0 0 15px!important;
  border-bottom:1px solid var(--ui-line-soft)!important;
  align-items:flex-end!important;
}
.page-actions h2{
  margin:0!important;
  color:#edf2ef!important;
  font-size:14px!important;
  line-height:1.15!important;
  letter-spacing:.075em!important;
}
.page-actions p{
  margin-top:6px!important;
  color:#748078!important;
  font-size:9px!important;
  line-height:1.45!important;
}
.metrics,
.metrics.compact,
.dashboard-ops{
  gap:12px!important;
  margin:0 0 16px!important;
}
.metric{
  min-height:92px!important;
  padding:14px 15px!important;
  border:1px solid #29352e!important;
  border-radius:7px!important;
  background:#0d120f!important;
}
.metric span{
  color:#657169!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.metric strong{
  margin-top:8px!important;
  color:#f0f4f1!important;
  font-size:20px!important;
}
.metric small{
  margin-top:7px!important;
  color:#59655e!important;
  font-size:8px!important;
}
.card{
  margin-top:14px!important;
  border:1px solid #29352e!important;
  border-radius:7px!important;
  background:#0b100d!important;
  overflow:hidden!important;
}
.card-head{
  min-height:56px!important;
  padding:13px 15px!important;
  border-bottom:1px solid #26312b!important;
  gap:16px!important;
}
.card-head h3{
  color:#eaf0ec!important;
  font-size:10px!important;
  letter-spacing:.065em!important;
}
.card-head p{
  margin-top:4px!important;
  color:#68756d!important;
  font-size:8px!important;
}
.dashboard-grid,
.analytics-grid,
.two-col{
  gap:14px!important;
}
.table-wrap{
  overflow:auto!important;
}
table{
  width:100%!important;
  border-collapse:collapse!important;
}
th{
  height:38px!important;
  padding:0 12px!important;
  color:#56635b!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
  border-bottom:1px solid #26312b!important;
}
td{
  height:52px!important;
  padding:0 12px!important;
  color:#d8dfda!important;
  font-size:9px!important;
  border-bottom:1px solid #222c26!important;
}
tbody tr:hover{
  background:#0e1511!important;
}
tbody tr:last-child td{
  border-bottom:0!important;
}

/* ---------- Sale type distinction ---------- */
.tag.sale-normal{
  border-color:#43534c!important;
  color:#a9bbb2!important;
  background:#121916!important;
}
.tag.sale-express{
  border-color:#2e7d4b!important;
  color:#69d18d!important;
  background:#0d2416!important;
  box-shadow:inset 0 0 0 1px rgba(72,189,115,.04)!important;
}
/* keep general green accent but do NOT flatten all semantic colors */
.tag.green{
  border-color:#2f7046!important;
  color:#72ca8e!important;
  background:#102018!important;
}
.tag.blue{
  border-color:#41534b!important;
  color:#a2b8ae!important;
  background:#121917!important;
}
.tag.orange{
  border-color:#2f7046!important;
  color:#72ca8e!important;
  background:#102018!important;
}
.tag.red,.tag.danger{
  border-color:#66343b!important;
  color:#d96d76!important;
  background:#1d1113!important;
}

/* ---------- Analytics ---------- */
.bar-row{
  min-height:34px!important;
  gap:12px!important;
}
.bar{
  height:7px!important;
  border-radius:999px!important;
  background:#1c2a22!important;
  overflow:hidden!important;
}
.bar i{
  background:linear-gradient(90deg,#43af6b,#58c47d)!important;
  border-radius:999px!important;
}
.rank{
  min-height:44px!important;
  padding:0 12px!important;
  border-bottom:1px solid #26312b!important;
}
.rank:last-child{border-bottom:0!important}

/* ---------- Channel manager ---------- */
.channel-manager-toolbar{
  grid-template-columns:minmax(280px,380px) 1fr auto!important;
  gap:16px!important;
  padding:13px 15px!important;
  background:#0b100d!important;
}
.channel-manager-search{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:38px!important;
  border:1px solid #2a3730!important;
  border-radius:6px!important;
  background:#0f1511!important;
}
.channel-manager-search input{
  color:#dbe2dd!important;
  font-size:9px!important;
}
.channel-manager-legend{
  gap:14px!important;
  color:#89958e!important;
  font-size:8px!important;
}
.channel-manager-legend .s.green{background:#46bb70!important}
.channel-manager-legend .s.yellow{background:#b2a45d!important}
.channel-manager-legend .s.orange{background:#b07c55!important}
.channel-manager-legend .s.red{background:#be646c!important}
.channel-manager-legend .s.beach{background:#7c9da0!important}
.channel-manager-board{
  gap:12px!important;
  padding:14px!important;
}
.channel-manager-column{
  border-color:#29362f!important;
  background:#0b100d!important;
}
.channel-manager-channel{
  margin-bottom:8px!important;
  border-color:#26342c!important;
  background:#0f1511!important;
}

/* ---------- Buttons/inputs ---------- */
.btn,
.small-btn,
.text-btn,
select,
input{
  border-radius:5px!important;
}
.btn{
  min-height:36px!important;
  padding:0 13px!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.05em!important;
  text-transform:uppercase!important;
}
.btn.primary{
  border-color:#2f7046!important;
  background:#102018!important;
  color:#73ca8f!important;
}
.btn.primary:hover{
  background:#14291d!important;
}
input,select{
  border-color:#2a3730!important;
  background:#0f1511!important;
  color:#dce3df!important;
}

/* ---------- Mobile ---------- */
@media(max-width:900px){
  .sidebar{
    width:78px!important;
    padding-left:7px!important;
    padding-right:7px!important;
  }
  .main{
    margin-left:78px!important;
    width:calc(100% - 78px)!important;
  }
  .brand-caption,
  .nav-item span:not(.nav-count),
  .nav-group-label,
  .nav-section-title span,
  .sidebar-meta,
  .account{
    display:none!important;
  }
  .nav-item{
    justify-content:center!important;
    padding:0!important;
  }
  .nav-item.nav-child{
    display:none!important;
  }
}

/* ===== Probezeit reliability/UI pass ===== */
.probation-info-strip{margin:0 0 14px!important;padding:11px 14px!important;display:flex!important;justify-content:space-between!important;gap:18px!important;flex-wrap:wrap!important;border:1px solid #26372e!important;border-radius:7px!important;background:#0c130f!important;color:#77877e!important;font-size:8px!important}
.probation-info-strip b{color:#64c985!important}.probation-card{margin-top:0!important}
.probation-table-head{display:grid!important;grid-template-columns:1.2fr 1fr 1fr .9fr 1.4fr!important;gap:14px!important;padding:9px 10px!important;border-bottom:1px solid #26312b!important;color:#56635b!important;font-size:7px!important;font-weight:900!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.probation-row{min-height:62px!important;padding:10px!important;transition:background .15s ease!important}.probation-row:hover{background:#0e1511!important}
.probation-state{display:grid!important;gap:5px!important;justify-items:start!important}.probation-state small{font-size:7px!important;color:#6d7972!important}.probation-state .notice-ok{color:#58bd78!important}.probation-state .notice-wait{color:#b4a05c!important}.probation-done{color:#4f5b54!important}
@media(max-width:1100px){.probation-table-head{grid-template-columns:1fr 1fr 1fr!important}.probation-table-head span:nth-child(3),.probation-table-head span:nth-child(5){display:none!important}}
@media(max-width:760px){.probation-table-head{display:none!important}.probation-info-strip{display:grid!important}}


/* ===== Sidebar hierarchy / connector lines ===== */
.nav-children{
  position:relative!important;
  margin:3px 0 8px 20px!important;
  padding:2px 0 2px 12px!important;
  border-left:1px solid #26352d!important;
}
.nav-children::before{
  content:""!important;
  position:absolute!important;
  left:-1px!important;
  top:0!important;
  width:1px!important;
  height:100%!important;
  background:linear-gradient(
    to bottom,
    transparent 0,
    #26352d 7px,
    #26352d calc(100% - 7px),
    transparent 100%
  )!important;
}
.nav-item.nav-child{
  position:relative!important;
  padding-left:18px!important;
  border-left:0!important;
}
.nav-item.nav-child::before{
  content:""!important;
  position:absolute!important;
  left:-12px!important;
  top:50%!important;
  width:11px!important;
  height:1px!important;
  background:#26352d!important;
  transform:translateY(-50%)!important;
}
.nav-item.nav-child::after{
  content:""!important;
  position:absolute!important;
  left:-14px!important;
  top:50%!important;
  width:5px!important;
  height:5px!important;
  border-radius:50%!important;
  background:#0b100d!important;
  border:1px solid #375344!important;
  transform:translateY(-50%)!important;
}
.nav-item.nav-child:hover::before,
.nav-item.nav-child.active::before{
  background:#3f6a50!important;
}
.nav-item.nav-child.active::after{
  background:#48bd73!important;
  border-color:#48bd73!important;
  box-shadow:0 0 7px rgba(72,189,115,.28)!important;
}
.nav-item.nav-child.active{
  background:#101713!important;
  color:#e4ebe6!important;
}
.nav-item.nav-child.active svg{
  color:#61c781!important;
  stroke:#61c781!important;
}

/* Prevent tree guides from becoming cramped in collapsed mobile sidebar. */
@media(max-width:900px){
  .nav-children{
    margin-left:0!important;
    padding-left:0!important;
    border-left:0!important;
  }
  .nav-children::before,
  .nav-item.nav-child::before,
  .nav-item.nav-child::after{
    display:none!important;
  }
}

/* Probezeit is an active work queue; history lives only on the member profile. */
#probation.metrics,#probation .metrics.compact{grid-template-columns:repeat(3,minmax(190px,1fr))!important}
.probation-actions{display:flex!important;justify-content:flex-end!important;gap:7px!important}
@media(max-width:850px){#probation.metrics,#probation .metrics.compact{grid-template-columns:1fr!important}}


/* ===== Page hierarchy cleanup ===== */
/* Remove the legacy FINAL breadcrumb that printed "ÜBERSICHT" on every page. */
.topbar>div:first-child:before,
.topbar>div:first-child:after{display:none!important;content:none!important}

/* The actual page header is .page-actions. Avoid showing the same title twice. */
.topbar>div:first-child{display:none!important}
.topbar{
  min-height:58px!important;
  height:58px!important;
  padding:10px 0!important;
  margin-bottom:18px!important;
  justify-content:flex-end!important;
  border-bottom:1px solid #1e2922!important;
}
.topbar-tools{margin-left:auto!important}

/* Make every section heading align identically: green diamond immediately before text. */
.page-actions h2{
  display:flex!important;
  align-items:center!important;
  gap:9px!important;
}
.page-actions h2:before{
  content:"◆"!important;
  position:static!important;
  display:inline-block!important;
  margin:0!important;
  color:#48bd73!important;
  font-size:7px!important;
  line-height:1!important;
  vertical-align:0!important;
}
.page-actions{align-items:center!important}
.page-action-tools{display:flex!important;align-items:center!important;gap:10px!important}
.page-action-tools .search{width:300px!important}

/* ===== Member-style list consistency ===== */
.member-style-card{overflow:hidden!important}
.old-member-row{
  display:grid!important;
  grid-template-columns:1.35fr .75fr .95fr 1.3fr!important;
  align-items:center!important;
  gap:18px!important;
  min-height:70px!important;
  padding:0 14px!important;
  border-bottom:1px solid #243028!important;
}
.old-member-row:last-child{border-bottom:0!important}
.old-member-row:hover:not(.old-member-header){background:#0e1511!important}
.old-member-header{
  min-height:42px!important;
  color:#607067!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.old-member-avatar{
  width:34px!important;height:34px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;background:#121914!important;
  border:1px solid #2d3a32!important;color:#8c9a91!important;font-size:10px!important;
}
.row-primary{font-size:9px!important;color:#e4eae6!important}
.row-muted{font-size:8px!important;color:#6f7c74!important}
.neutral-tag{border-color:#354139!important;color:#9ba79f!important;background:#111713!important}
.warning-tag{border-color:#66552e!important;color:#cdb66b!important;background:#1b170d!important}

/* Probezeit visually follows the member table. */
#probation .metrics.compact{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.probation-info-strip{
  min-height:42px!important;
  padding:0 14px!important;
  align-items:center!important;
  background:#0b100d!important;
  border-color:#26322b!important;
}
.probation-table-head,
.probation-row{
  grid-template-columns:1.35fr 1.05fr 1.05fr .95fr 1.3fr!important;
}
.probation-table-head{
  min-height:42px!important;
  padding:0 14px!important;
  align-items:center!important;
}
.probation-row{
  min-height:70px!important;
  padding:0 14px!important;
  gap:18px!important;
}
.probation-row>div:first-child strong{font-size:10px!important}
.probation-row>div:first-child span{font-size:8px!important;color:#6c7971!important}
.probation-actions .small-btn{min-height:32px!important}

/* ===== Analytics professional pass ===== */
.analytics-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.analytics-summary .metric strong{
  font-size:18px!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.analytics-grid-pro{
  display:grid!important;
  grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)!important;
  gap:14px!important;
}
.analytics-wide{grid-row:span 2!important}
.analytics-card{margin-top:0!important;min-width:0!important}
.analytics-bars{padding:8px 14px 14px!important}
.analytics-bar-row{
  display:grid!important;
  grid-template-columns:24px 130px minmax(120px,1fr) 110px!important;
  gap:10px!important;
  align-items:center!important;
  min-height:38px!important;
}
.analytics-position,.rank-number{
  width:22px!important;height:22px!important;display:grid!important;place-items:center!important;
  border:1px solid #2c3931!important;border-radius:5px!important;
  color:#75837a!important;font-size:8px!important;
}
.analytics-name{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
.analytics-ranks .rank{
  display:grid!important;
  grid-template-columns:32px 1fr auto!important;
  min-height:48px!important;
  padding:0 14px!important;
}
.analytics-ranks .rank b{color:#eef3ef!important}
.analytics-types{padding:14px!important;display:grid!important;gap:12px!important}
.analytics-type{
  padding:13px!important;border:1px solid #2a3730!important;border-radius:7px!important;
  background:#0f1511!important;
}
.analytics-type>div:first-child{display:flex!important;align-items:center!important;justify-content:space-between!important}
.analytics-type span{font-size:9px!important;font-weight:800!important}
.analytics-type b{font-size:14px!important}
.analytics-type small{display:block!important;margin-top:7px!important;color:#69766e!important;font-size:8px!important}
.type-progress{height:6px!important;margin-top:10px!important;border-radius:999px!important;background:#1d2822!important;overflow:hidden!important}
.type-progress i{display:block!important;height:100%!important;border-radius:999px!important}
.analytics-type.sale-normal{border-color:#35423b!important}
.analytics-type.sale-normal .type-progress i{background:#82988e!important}
.analytics-type.sale-express{border-color:#2e7045!important}
.analytics-type.sale-express .type-progress i{background:#4fbd75!important}

/* Responsive */
@media(max-width:1100px){
  .analytics-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .analytics-grid-pro{grid-template-columns:1fr!important}
  .analytics-wide{grid-row:auto!important}
  .old-member-row{grid-template-columns:1.3fr .8fr 1fr!important}
  .old-member-row>div:nth-child(4){display:none!important}
  .old-member-header>div:nth-child(4){display:none!important}
}
@media(max-width:760px){
  .page-action-tools{width:100%!important}
  .page-action-tools .search{width:100%!important}
  .old-member-row{grid-template-columns:1fr!important;padding:12px!important;gap:7px!important}
  .old-member-header{display:none!important}
  .probation-table-head{display:none!important}
  .probation-row{grid-template-columns:1fr!important;padding:12px!important;gap:8px!important}
  .analytics-summary{grid-template-columns:1fr!important}
  .analytics-bar-row{grid-template-columns:24px 1fr auto!important}
  .analytics-bar-row .bar{grid-column:2/4!important}
}


/* ==========================================================================
   MODERN SIDEBAR REWORK
   Cleaner typography, spacing and hierarchy. Purely visual.
   ========================================================================== */
.sidebar{
  width:224px!important;
  padding:18px 10px 94px!important;
  background:#080c0a!important;
  border-right:1px solid #1e2923!important;
}
.main{
  margin-left:224px!important;
  width:calc(100% - 224px)!important;
}

/* Cleaner typography */
.sidebar,
.sidebar button,
.sidebar span,
.sidebar strong{
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}
.brand{
  height:60px!important;
  padding:2px 8px 16px!important;
  margin-bottom:8px!important;
  display:flex!important;
  align-items:flex-start!important;
  border-bottom:1px solid #1c2520!important;
}
.brand-name{
  font-size:18px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
}
.brand-caption{
  margin-left:8px!important;
  margin-top:4px!important;
  font-size:7px!important;
  font-weight:700!important;
  letter-spacing:.18em!important;
  color:#5f6c65!important;
}

/* Main groups */
.nav-group-label{
  padding:15px 9px 6px!important;
  color:#506059!important;
  font-size:6.5px!important;
  font-weight:800!important;
  letter-spacing:.17em!important;
  text-transform:uppercase!important;
}
.nav-section{
  margin:0 0 5px!important;
}
.nav-section-title,
.nav-item{
  border:0!important;
  box-shadow:none!important;
  transition:background .14s ease,color .14s ease,transform .14s ease!important;
}
.nav-section-title{
  min-height:40px!important;
  padding:0 10px!important;
  gap:10px!important;
  color:#9aa69f!important;
  font-size:10px!important;
  font-weight:760!important;
  letter-spacing:.045em!important;
}
.nav-item.nav-primary{
  min-height:42px!important;
  padding:0 11px!important;
  border-radius:8px!important;
  gap:11px!important;
  color:#d3dbd6!important;
  font-size:10.5px!important;
  font-weight:780!important;
  letter-spacing:.025em!important;
}
.nav-item.nav-primary:hover,
.nav-section-title:hover{
  background:#0f1512!important;
  color:#f0f4f1!important;
}
.nav-item.nav-primary.active{
  background:#151d18!important;
  color:#fff!important;
  border-left:0!important;
  box-shadow:inset 0 0 0 1px #243229!important;
}
.nav-item.nav-primary.active:before{
  content:""!important;
  width:3px!important;
  height:20px!important;
  border-radius:999px!important;
  background:#48bd73!important;
  position:absolute!important;
  left:0!important;
  top:50%!important;
  transform:translateY(-50%)!important;
}
.nav-item.nav-primary{position:relative!important}

/* Icons */
.nav-item svg,
.nav-section-title svg{
  width:15px!important;
  height:15px!important;
  flex:0 0 15px!important;
  color:#7b8981!important;
  stroke:currentColor!important;
  stroke-width:1.65!important;
}
.nav-item.nav-primary.active svg{
  color:#54c57a!important;
  stroke:#54c57a!important;
}

/* Subnavigation: subtle rail, no busy dots/connectors */
.nav-children{
  position:relative!important;
  margin:2px 0 9px 18px!important;
  padding:3px 0 3px 12px!important;
  border-left:1px solid #26332c!important;
  display:grid!important;
  gap:2px!important;
}
.nav-children::before{
  display:none!important;
}
.nav-item.nav-child{
  position:relative!important;
  min-height:34px!important;
  padding:0 9px!important;
  gap:9px!important;
  border-radius:6px!important;
  border-left:0!important;
  color:#849188!important;
  font-size:9px!important;
  font-weight:610!important;
  letter-spacing:.012em!important;
  background:transparent!important;
}
.nav-item.nav-child::before,
.nav-item.nav-child::after{
  display:none!important;
}
.nav-item.nav-child:hover{
  background:#0f1512!important;
  color:#cdd6d0!important;
}
.nav-item.nav-child.active{
  background:#121a15!important;
  color:#e8eee9!important;
  padding-left:9px!important;
}
.nav-item.nav-child.active:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:-13px!important;
  top:50%!important;
  width:2px!important;
  height:16px!important;
  border-radius:999px!important;
  background:#49bd73!important;
  transform:translateY(-50%)!important;
}
.nav-item.nav-child svg{
  width:13px!important;
  height:13px!important;
  flex:0 0 13px!important;
  opacity:.72!important;
}
.nav-item.nav-child.active svg{
  opacity:1!important;
  color:#5cc980!important;
  stroke:#5cc980!important;
}

/* Counts */
.nav-count{
  min-width:20px!important;
  height:20px!important;
  padding:0 6px!important;
  margin-left:auto!important;
  border-radius:999px!important;
  border:1px solid #2b4d39!important;
  background:#0d1c14!important;
  color:#67c789!important;
  font-size:7.5px!important;
  font-weight:750!important;
}

/* Bottom area */
.sidebar-meta{
  left:11px!important;
  bottom:59px!important;
  width:202px!important;
  height:24px!important;
  padding:0 4px!important;
  gap:6px!important;
}
.sidebar-meta span{
  color:#5d6a62!important;
  font-size:6.5px!important;
}
.sidebar-meta .status-dot{
  width:6px!important;
  height:6px!important;
}
.account{
  left:10px!important;
  bottom:10px!important;
  width:204px!important;
  height:42px!important;
  padding:5px 6px 5px 8px!important;
  border-radius:7px!important;
  background:#0c120e!important;
  border:1px solid #27342d!important;
  box-shadow:0 6px 18px rgba(0,0,0,.18)!important;
}
.account-copy strong{
  font-size:8.5px!important;
  font-weight:720!important;
}
.account-copy span{
  font-size:6.5px!important;
  color:#647169!important;
}
.avatar{
  width:29px!important;
  height:29px!important;
  border-radius:6px!important;
}

/* Better breathing room */
.nav{
  padding-bottom:18px!important;
}
@media(max-width:900px){
  .sidebar{width:78px!important}
  .main{margin-left:78px!important;width:calc(100% - 78px)!important}
  .nav-children{margin-left:0!important;padding-left:0!important;border-left:0!important}
}


/* ==========================================================================
   SETTINGS / WEEKLY / FACTIONS POLISH
   ========================================================================== */

/* ---------- Settings ---------- */
.settings-overview-grid{display:grid!important;grid-template-columns:1fr!important;gap:14px!important}
.settings-system-grid{
  display:grid!important;
  grid-template-columns:minmax(260px,.9fr) minmax(360px,1.15fr) minmax(260px,.9fr)!important;
  gap:14px!important;
  margin-top:14px!important;
}
.settings-feature-card,.settings-info-card{margin-top:0!important;background:#0b100d!important}
.settings-card-head{min-height:72px!important;padding:14px 16px!important}
.settings-card-head h3{margin-top:4px!important;font-size:11px!important}
.settings-eyebrow{
  display:block!important;
  color:#4fbd75!important;
  font-size:6.5px!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
}
.weekly-settings-modern{
  display:grid!important;
  grid-template-columns:minmax(240px,.7fr) minmax(420px,1.3fr)!important;
  gap:24px!important;
  padding:18px!important;
}
.settings-amount-block{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  padding:4px 4px 4px 0!important;
}
.settings-amount-block>label{
  margin-bottom:8px!important;
  color:#96a39b!important;
  font-size:8px!important;
  font-weight:750!important;
}
.settings-number-input{
  display:grid!important;
  grid-template-columns:1fr auto!important;
  align-items:center!important;
  height:44px!important;
  border:1px solid #2b3931!important;
  border-radius:7px!important;
  background:#101712!important;
  overflow:hidden!important;
}
.settings-number-input input{
  height:100%!important;
  border:0!important;
  background:transparent!important;
  font-size:13px!important;
  font-weight:800!important;
}
.settings-number-input span{
  padding:0 13px!important;
  color:#67736c!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
  text-transform:uppercase!important;
}
.settings-amount-block small{
  margin-top:8px!important;
  color:#59665e!important;
  font-size:7.5px!important;
  line-height:1.5!important;
}
.settings-toggle-list{display:grid!important;gap:8px!important}
.settings-toggle-row{
  min-height:58px!important;
  padding:10px 12px!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  align-items:center!important;
  gap:16px!important;
  border:1px solid #253129!important;
  border-radius:7px!important;
  background:#0e1511!important;
  cursor:pointer!important;
}
.settings-toggle-row:hover{border-color:#34503f!important;background:#101813!important}
.settings-toggle-copy{display:grid!important;gap:4px!important}
.settings-toggle-copy b{color:#dce4df!important;font-size:9px!important;font-weight:760!important}
.settings-toggle-copy small{color:#657169!important;font-size:7.5px!important;line-height:1.35!important}
.settings-toggle-row input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:34px!important;height:19px!important;
  border:1px solid #35443b!important;
  border-radius:999px!important;
  background:#172019!important;
  position:relative!important;
  cursor:pointer!important;
  transition:.15s ease!important;
}
.settings-toggle-row input[type="checkbox"]::after{
  content:""!important;
  position:absolute!important;
  top:2px!important;left:2px!important;
  width:13px!important;height:13px!important;
  border-radius:50%!important;
  background:#738078!important;
  transition:.15s ease!important;
}
.settings-toggle-row input[type="checkbox"]:checked{
  border-color:#3b9360!important;
  background:#14351f!important;
}
.settings-toggle-row input[type="checkbox"]:checked::after{
  left:17px!important;
  background:#56c77c!important;
  box-shadow:0 0 8px rgba(86,199,124,.28)!important;
}
.settings-save-row{
  min-height:54px!important;
  padding:10px 16px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:14px!important;
  border-top:1px solid #243028!important;
}
.settings-save-row>span{color:#657169!important;font-size:7.5px!important}
.settings-readonly-list,.settings-price-list{display:grid!important;padding:4px 14px 14px!important}
.settings-readonly-list>div,.settings-price-list>div{
  min-height:51px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  border-bottom:1px solid #253129!important;
}
.settings-readonly-list>div:last-child,.settings-price-list>div:last-child{border-bottom:0!important}
.settings-readonly-list span,.settings-price-list span{color:#7b8880!important;font-size:8px!important}
.settings-readonly-list strong{
  max-width:60%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  color:#dce4df!important;
  font-size:8px!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
}
.settings-price-list strong{color:#eff4f0!important;font-size:10px!important}
.settings-info-card .system-status-list{padding:4px 14px 14px!important}
.settings-info-card .system-status-list>div{min-height:42px!important}

/* ---------- Weekly total progress ---------- */
.weekly-total-card{
  position:relative!important;
  margin:0 0 14px!important;
  padding:0!important;
  overflow:hidden!important;
  border-color:#29372f!important;
  background:linear-gradient(135deg,#0c120e 0%,#0a0f0c 100%)!important;
}
.weekly-total-main{
  min-height:82px!important;
  padding:17px 18px 13px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
}
.weekly-total-main>div:first-child{display:grid!important;gap:7px!important}
.weekly-total-main span{
  color:#637168!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
}
.weekly-total-main strong{
  color:#f1f5f2!important;
  font-size:22px!important;
  line-height:1!important;
  letter-spacing:-.02em!important;
}
.weekly-total-percent{
  min-width:64px!important;
  text-align:right!important;
  color:#55c67b!important;
  font-size:22px!important;
  font-weight:850!important;
  line-height:1!important;
}
.weekly-total-card>.progress{
  height:5px!important;
  margin:0 18px 16px!important;
  border-radius:999px!important;
  background:#1c2921!important;
  overflow:hidden!important;
}
.weekly-total-card>.progress i{
  display:block!important;
  height:100%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#3eaa65,#57c57a)!important;
  box-shadow:0 0 12px rgba(73,189,115,.16)!important;
}

/* ---------- Factions table proportions ---------- */
.faction-table{width:100%!important;overflow:hidden!important}
.faction-row{
  display:grid!important;
  grid-template-columns:minmax(180px,1.55fr) minmax(120px,.72fr) minmax(92px,.52fr) minmax(92px,.52fr) minmax(190px,1fr) minmax(70px,.42fr)!important;
  gap:14px!important;
  align-items:center!important;
  min-height:62px!important;
  padding:0 14px!important;
}
.faction-row.header{
  min-height:40px!important;
  color:#617067!important;
  font-size:7px!important;
  font-weight:900!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
}
.faction-name{
  min-width:0!important;
  display:grid!important;
  gap:4px!important;
}
.faction-name strong{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#edf2ef!important;
  font-size:9.5px!important;
}
.faction-name span{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#68756d!important;
  font-size:7.5px!important;
}
.faction-status-cell{min-width:0!important}
.faction-status-cell .tag{
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.faction-price,.faction-total{
  color:#eaf0ec!important;
  font-size:9px!important;
  font-weight:720!important;
  white-space:nowrap!important;
}
.faction-limit{min-width:0!important}
.faction-limit .limit{width:100%!important;min-width:0!important}
.faction-limit .limit-top{
  display:flex!important;
  justify-content:space-between!important;
  gap:8px!important;
  white-space:nowrap!important;
}
.faction-limit .progress{width:100%!important}
.faction-row.clickable:hover{background:#0f1612!important}
@media(max-width:1100px){
  .settings-system-grid{grid-template-columns:1fr!important}
  .weekly-settings-modern{grid-template-columns:1fr!important}
  .faction-row{
    grid-template-columns:minmax(170px,1.5fr) minmax(110px,.8fr) 90px 90px minmax(160px,1fr)!important;
  }
  .faction-row>div:nth-child(6){display:none!important}
}
@media(max-width:780px){
  .settings-save-row{align-items:flex-start!important;flex-direction:column!important}
  .settings-save-row .btn{width:100%!important}
  .faction-table{overflow-x:auto!important}
  .faction-row{min-width:760px!important}
}


/* ===== Settings: equal compact cards ===== */
.settings-equal-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
}
.settings-equal-card{
  margin-top:0!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
}
.settings-equal-card .card-head{
  min-height:58px!important;
  padding:11px 14px!important;
}
.settings-equal-body{
  display:grid!important;
  gap:7px!important;
  padding:10px 12px!important;
  flex:1 1 auto!important;
}
.setting-row{
  min-height:46px!important;
  padding:7px 9px!important;
  display:grid!important;
  grid-template-columns:1fr auto!important;
  gap:12px!important;
  align-items:center!important;
  border:1px solid #26332b!important;
  border-radius:6px!important;
  background:#0e1511!important;
}
.setting-row>span,.setting-row>div:first-child{
  display:grid!important;
  gap:2px!important;
  min-width:0!important;
}
.setting-row b{
  color:#dce4df!important;
  font-size:8px!important;
  font-weight:760!important;
}
.setting-row small{
  color:#657169!important;
  font-size:6.5px!important;
  line-height:1.25!important;
}
.setting-row input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:30px!important;height:17px!important;
  border-radius:999px!important;
  border:1px solid #36463c!important;
  background:#172019!important;
  position:relative!important;
  cursor:pointer!important;
}
.setting-row input[type="checkbox"]::after{
  content:""!important;
  position:absolute!important;
  width:11px!important;height:11px!important;
  left:2px!important;top:2px!important;
  border-radius:50%!important;
  background:#748079!important;
  transition:.14s ease!important;
}
.setting-row input[type="checkbox"]:checked{
  background:#15351f!important;
  border-color:#3a8f5d!important;
}
.setting-row input[type="checkbox"]:checked::after{
  left:15px!important;
  background:#58c77d!important;
}
.compact-number{
  width:138px!important;
  height:34px!important;
  display:grid!important;
  grid-template-columns:1fr 30px!important;
  align-items:center!important;
  border:1px solid #2b3931!important;
  border-radius:5px!important;
  background:#101712!important;
  overflow:hidden!important;
}
.compact-number input{
  width:100%!important;
  height:100%!important;
  padding:0 9px!important;
  border:0!important;
  background:transparent!important;
  color:#eef3ef!important;
  font-size:9px!important;
  font-weight:800!important;
}
.compact-number span{
  color:#617067!important;
  font-size:7px!important;
  font-weight:850!important;
}
.setting-price-preview{
  min-height:38px!important;
  padding:7px 9px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:10px!important;
  align-items:center!important;
  border:1px dashed #2b3931!important;
  border-radius:6px!important;
  background:#0b110d!important;
}
.setting-price-preview span{
  color:#7a8780!important;
  font-size:7px!important;
}
.settings-card-footer{
  min-height:46px!important;
  padding:8px 12px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:10px!important;
  border-top:1px solid #243028!important;
}
.settings-card-footer>span{
  color:#5e6b63!important;
  font-size:6.5px!important;
}
.settings-card-footer .btn{
  height:32px!important;
  min-height:32px!important;
  padding:0 11px!important;
}
.settings-lower-grid{
  display:grid!important;
  grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr)!important;
  gap:14px!important;
  margin-top:14px!important;
}
.settings-lower-grid .card{margin-top:0!important}
.settings-readonly-list>div{min-height:40px!important}
.settings-info-card .system-status-list>div{min-height:34px!important}

@media(max-width:1050px){
  .settings-equal-grid,.settings-lower-grid{grid-template-columns:1fr!important}
}
@media(max-width:620px){
  .setting-row{grid-template-columns:1fr!important}
  .compact-number{width:100%!important}
  .setting-price-preview{grid-template-columns:1fr!important}
}


/* ===== Settings hotfix: compact + stable current values ===== */
.settings-equal-grid{
  align-items:start!important;
}
.settings-equal-card{
  min-height:0!important;
}
.settings-equal-card .card-head{
  min-height:50px!important;
  padding:9px 12px!important;
}
.settings-equal-card .card-head h3{
  font-size:9.5px!important;
}
.settings-equal-card .card-head p{
  font-size:6.8px!important;
}
.settings-equal-body{
  padding:8px 10px!important;
  gap:6px!important;
}
.setting-row{
  min-height:40px!important;
  padding:6px 8px!important;
}
.setting-row b{font-size:7.5px!important}
.setting-row small{font-size:6.2px!important}
.compact-number{
  width:126px!important;
  height:30px!important;
}
.compact-number input{
  font-size:8.5px!important;
}
.setting-price-preview{
  min-height:32px!important;
  padding:6px 8px!important;
}
.setting-price-preview span{
  font-size:6.5px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.settings-card-footer{
  min-height:40px!important;
  padding:6px 10px!important;
}
.settings-card-footer .btn{
  height:29px!important;
  min-height:29px!important;
  font-size:7px!important;
}
.settings-card-footer>span{
  font-size:6.2px!important;
}
.settings-lower-grid{
  margin-top:10px!important;
  gap:10px!important;
}


/* ===== Analytics right-column polish: left-style bars, compact ===== */
.analytics-grid-pro{
  grid-template-columns:minmax(0,1.7fr) minmax(360px,.9fr)!important;
  align-items:start!important;
}
.analytics-ranks{
  padding:7px 12px 11px!important;
}
.side-bar-row{
  display:grid!important;
  grid-template-columns:24px minmax(105px,.75fr) minmax(90px,1.05fr) 64px!important;
  align-items:center!important;
  gap:9px!important;
  min-height:43px!important;
  padding:0 2px!important;
  border-bottom:1px solid #243028!important;
}
.side-bar-row:last-child{border-bottom:0!important}
.side-bar-row:hover{background:#0e1511!important}
.side-bar-name{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#dbe3de!important;
  font-size:8.5px!important;
  font-weight:650!important;
}
.side-bar-track{
  height:6px!important;
  border-radius:999px!important;
  background:#1d2922!important;
  overflow:hidden!important;
}
.side-bar-track i{
  display:block!important;
  height:100%!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#43af6b,#58c47d)!important;
}
.side-bar-row b{
  text-align:right!important;
  white-space:nowrap!important;
  color:#f0f4f1!important;
  font-size:8.5px!important;
}
.analytics-card .card-head{
  min-height:54px!important;
}
@media(max-width:1100px){
  .analytics-grid-pro{grid-template-columns:1fr!important}
  .side-bar-row{
    grid-template-columns:24px minmax(120px,.8fr) minmax(120px,1.4fr) 70px!important;
  }
}
@media(max-width:620px){
  .side-bar-row{
    grid-template-columns:24px 1fr 58px!important;
    gap:8px!important;
  }
  .side-bar-track{grid-column:2/4!important}
}


/* ==========================================================================
   SETTINGS PROFESSIONAL PASS
   Flat control-panel rows, stronger readability, tighter spacing.
   ========================================================================== */

#settings .page-actions{
  margin-bottom:14px!important;
}
#settings .page-actions h2{
  font-size:15px!important;
}
#settings .page-actions p{
  margin-top:5px!important;
  font-size:8px!important;
  color:#75827a!important;
}

/* Two concise configuration panels instead of cards inside cards. */
.settings-equal-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  align-items:start!important;
}
.settings-equal-card{
  display:block!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  border:1px solid #29352e!important;
  border-radius:8px!important;
  background:#0b100d!important;
  box-shadow:0 8px 24px rgba(0,0,0,.10)!important;
}
.settings-equal-card .card-head{
  min-height:58px!important;
  padding:12px 14px!important;
  display:flex!important;
  align-items:center!important;
  border-bottom:1px solid #253129!important;
  background:#0d130f!important;
}
.settings-equal-card .card-head h3{
  font-size:10.5px!important;
  line-height:1.15!important;
  color:#edf2ef!important;
  letter-spacing:.05em!important;
}
.settings-equal-card .card-head p{
  margin-top:4px!important;
  font-size:7px!important;
  line-height:1.35!important;
  color:#68756d!important;
}
.settings-equal-card .card-head .tag{
  margin-left:auto!important;
  flex:0 0 auto!important;
  font-size:6.5px!important;
}

/* Flat rows: no oversized inner boxes. */
.settings-equal-body{
  display:block!important;
  padding:0 14px!important;
  min-height:0!important;
}
.setting-row{
  min-height:54px!important;
  padding:9px 0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:18px!important;
  border:0!important;
  border-bottom:1px solid #222d26!important;
  border-radius:0!important;
  background:transparent!important;
}
.setting-row:last-child{
  border-bottom:0!important;
}
.setting-row:hover{
  background:transparent!important;
}
.setting-row>span,
.setting-row>div:first-child{
  display:grid!important;
  gap:3px!important;
  min-width:0!important;
}
.setting-row b{
  color:#e1e8e3!important;
  font-size:8.5px!important;
  line-height:1.15!important;
  font-weight:760!important;
}
.setting-row small{
  color:#718078!important;
  font-size:6.8px!important;
  line-height:1.35!important;
  font-weight:500!important;
}

/* Inputs look like proper compact controls. */
.compact-number{
  width:142px!important;
  height:34px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 32px!important;
  align-items:center!important;
  overflow:hidden!important;
  border:1px solid #34423a!important;
  border-radius:6px!important;
  background:#101712!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015)!important;
}
.compact-number:focus-within{
  border-color:#3d8055!important;
  box-shadow:0 0 0 2px rgba(72,189,115,.08)!important;
}
.compact-number input{
  width:100%!important;
  height:100%!important;
  padding:0 10px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#f2f5f3!important;
  font-size:9px!important;
  line-height:1!important;
  font-weight:800!important;
}
.compact-number span{
  display:grid!important;
  place-items:center!important;
  height:100%!important;
  border-left:1px solid #29362f!important;
  color:#728078!important;
  font-size:6.5px!important;
  font-weight:850!important;
  text-transform:uppercase!important;
}

/* Compact, consistent switches. */
.setting-row input[type="checkbox"]{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:34px!important;
  height:18px!important;
  margin:0!important;
  border:1px solid #3b4840!important;
  border-radius:999px!important;
  background:#151d18!important;
  position:relative!important;
  cursor:pointer!important;
  transition:background .15s ease,border-color .15s ease!important;
}
.setting-row input[type="checkbox"]::after{
  content:""!important;
  position:absolute!important;
  width:12px!important;
  height:12px!important;
  left:2px!important;
  top:2px!important;
  border-radius:50%!important;
  background:#7e8983!important;
  transition:left .15s ease,background .15s ease!important;
}
.setting-row input[type="checkbox"]:checked{
  background:#12321d!important;
  border-color:#3b9060!important;
}
.setting-row input[type="checkbox"]:checked::after{
  left:18px!important;
  background:#57c67b!important;
}

/* Result preview is a quiet summary, not another giant control. */
.setting-price-preview{
  min-height:48px!important;
  margin:0!important;
  padding:8px 0!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  align-items:center!important;
  gap:14px!important;
  border:0!important;
  border-top:1px solid #222d26!important;
  border-radius:0!important;
  background:transparent!important;
}
.setting-price-preview span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#7d8b83!important;
  font-size:6.8px!important;
  line-height:1.3!important;
}

/* Footer: compact action bar. */
.settings-card-footer{
  min-height:46px!important;
  padding:8px 14px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  border-top:1px solid #253129!important;
  background:#0c120e!important;
}
.settings-card-footer>span{
  color:#617067!important;
  font-size:6.5px!important;
  line-height:1.3!important;
}
.settings-card-footer .btn{
  min-width:86px!important;
  height:30px!important;
  min-height:30px!important;
  padding:0 11px!important;
  border-radius:5px!important;
  font-size:6.8px!important;
}

/* Lower system cards use the same visual rhythm. */
.settings-lower-grid{
  display:grid!important;
  grid-template-columns:minmax(300px,.75fr) minmax(420px,1.25fr)!important;
  gap:12px!important;
  margin-top:12px!important;
}
.settings-lower-grid .card{
  margin:0!important;
  border-radius:8px!important;
}
.settings-lower-grid .card-head{
  min-height:52px!important;
  padding:10px 14px!important;
}
.settings-readonly-list,
.settings-info-card .system-status-list{
  padding:0 14px 9px!important;
}
.settings-readonly-list>div{
  min-height:38px!important;
}
.settings-info-card .system-status-list>div{
  min-height:32px!important;
}

/* Clearer text throughout settings without changing global typography. */
#settings .settings-readonly-list span,
#settings .system-status-list span{
  font-size:7.2px!important;
}
#settings .settings-readonly-list strong,
#settings .system-status-list b{
  font-size:7.5px!important;
}

/* Prevent number arrows from making the controls look cheap in Chromium. */
#settings input[type=number]::-webkit-inner-spin-button,
#settings input[type=number]::-webkit-outer-spin-button{
  -webkit-appearance:none!important;
  margin:0!important;
}
#settings input[type=number]{
  -moz-appearance:textfield!important;
}

/* Responsive */
@media(max-width:1050px){
  .settings-equal-grid,
  .settings-lower-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:620px){
  .setting-row{
    grid-template-columns:1fr auto!important;
    gap:10px!important;
  }
  .compact-number{
    width:120px!important;
  }
  .setting-price-preview{
    grid-template-columns:1fr!important;
    gap:5px!important;
  }
}


/* ==========================================================================
   SETTINGS V3 — readable, aligned with the rest of the PRESTIGE control panel
   ========================================================================== */

#settings{
  --settings-bg:#0b100d;
  --settings-bg-soft:#0f1511;
  --settings-line:#27342d;
  --settings-line-soft:#202b25;
  --settings-text:#edf2ef;
  --settings-muted:#7e8b83;
  --settings-accent:#4abd73;
}

#settings .settings-page-head{
  margin-bottom:16px!important;
}
#settings .settings-page-head h2{
  font-size:16px!important;
  font-weight:800!important;
  letter-spacing:.07em!important;
}
#settings .settings-page-head p{
  font-size:9px!important;
  color:#7c8981!important;
}

/* Primary section: two balanced, readable panels */
.settings-main-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:start!important;
}
.settings-panel{
  margin:0!important;
  border:1px solid var(--settings-line)!important;
  border-radius:8px!important;
  background:var(--settings-bg)!important;
  overflow:hidden!important;
  box-shadow:0 10px 28px rgba(0,0,0,.10)!important;
}
.settings-panel-head{
  min-height:64px!important;
  padding:14px 16px!important;
  border-bottom:1px solid var(--settings-line-soft)!important;
  background:#0d130f!important;
}
.settings-panel-head h3{
  font-size:11px!important;
  line-height:1.2!important;
  font-weight:800!important;
  color:var(--settings-text)!important;
  letter-spacing:.04em!important;
}
.settings-panel-head p{
  margin-top:5px!important;
  font-size:8px!important;
  line-height:1.4!important;
  color:#75827a!important;
}
.settings-panel-head .tag{
  font-size:7px!important;
  padding:5px 8px!important;
}

/* Main setting rows */
.settings-form-list{
  padding:0 16px!important;
}
.settings-form-row{
  min-height:64px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:20px!important;
  padding:12px 0!important;
  border-bottom:1px solid var(--settings-line-soft)!important;
}
.settings-form-row:last-child{
  border-bottom:0!important;
}
.settings-form-copy{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:4px!important;
}
.settings-form-copy strong{
  color:var(--settings-text)!important;
  font-size:9.5px!important;
  line-height:1.2!important;
  font-weight:760!important;
}
.settings-form-copy span{
  color:#78867e!important;
  font-size:8px!important;
  line-height:1.45!important;
  max-width:520px!important;
}

/* Input controls */
.settings-input-affix{
  width:168px!important;
  height:38px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 40px!important;
  align-items:center!important;
  border:1px solid #34443a!important;
  border-radius:6px!important;
  background:#101712!important;
  overflow:hidden!important;
}
.settings-input-affix:focus-within{
  border-color:#428b5c!important;
  box-shadow:0 0 0 2px rgba(74,189,115,.08)!important;
}
.settings-input-affix input{
  width:100%!important;
  height:100%!important;
  padding:0 12px!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#f1f5f2!important;
  font-size:10px!important;
  font-weight:800!important;
}
.settings-input-affix>span{
  height:100%!important;
  display:grid!important;
  place-items:center!important;
  border-left:1px solid #2b3931!important;
  color:#7c8982!important;
  font-size:7.5px!important;
  font-weight:800!important;
}

/* Proper switches — fixed size, no stretched circles */
.settings-switch{
  appearance:none!important;
  -webkit-appearance:none!important;
  box-sizing:border-box!important;
  width:38px!important;
  min-width:38px!important;
  max-width:38px!important;
  height:22px!important;
  min-height:22px!important;
  max-height:22px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #405047!important;
  border-radius:999px!important;
  background:#161e19!important;
  position:relative!important;
  cursor:pointer!important;
  outline:0!important;
  flex:none!important;
}
.settings-switch::after{
  content:""!important;
  position:absolute!important;
  box-sizing:border-box!important;
  width:16px!important;
  height:16px!important;
  left:2px!important;
  top:2px!important;
  border-radius:50%!important;
  background:#7c8982!important;
  box-shadow:none!important;
  transition:left .14s ease,background .14s ease!important;
}
.settings-switch:checked{
  border-color:#398e5c!important;
  background:#12371f!important;
}
.settings-switch:checked::after{
  left:18px!important;
  background:#59ca7e!important;
}
.settings-switch:focus-visible{
  box-shadow:0 0 0 2px rgba(74,189,115,.16)!important;
}

/* Price preview */
.settings-price-summary{
  min-height:66px!important;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:12px!important;
  align-items:center!important;
  padding:12px 0!important;
  border-top:1px solid var(--settings-line-soft)!important;
}
.settings-price-summary>div{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  padding:10px 12px!important;
  border:1px solid #28362e!important;
  border-radius:6px!important;
  background:#0f1511!important;
}
.settings-price-summary span{
  color:#76837b!important;
  font-size:7.5px!important;
  text-transform:uppercase!important;
  letter-spacing:.06em!important;
}
.settings-price-summary strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#dfe7e2!important;
  font-size:8.5px!important;
  font-weight:720!important;
}

/* Footer actions */
.settings-panel-footer{
  min-height:50px!important;
  padding:9px 16px!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:14px!important;
  border-top:1px solid var(--settings-line-soft)!important;
  background:#0c120e!important;
}
.settings-panel-footer>span{
  color:#67746c!important;
  font-size:7.5px!important;
}
.settings-panel-footer .btn{
  min-width:96px!important;
  min-height:34px!important;
  height:34px!important;
  padding:0 13px!important;
  font-size:7.5px!important;
  border-radius:5px!important;
}

/* Secondary section */
.settings-secondary-grid{
  display:grid!important;
  grid-template-columns:minmax(330px,.72fr) minmax(520px,1.28fr)!important;
  gap:14px!important;
  margin-top:14px!important;
  align-items:start!important;
}
.settings-info-list,
.settings-status-grid{
  padding:0 16px 12px!important;
}
.settings-info-list>div{
  min-height:48px!important;
  display:grid!important;
  grid-template-columns:150px minmax(0,1fr)!important;
  align-items:center!important;
  gap:14px!important;
  border-bottom:1px solid var(--settings-line-soft)!important;
}
.settings-info-list>div:last-child{
  border-bottom:0!important;
}
.settings-info-list span{
  color:#7b8880!important;
  font-size:8px!important;
}
.settings-info-list strong{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  color:#dfe7e2!important;
  font-size:8.5px!important;
  text-align:right!important;
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important;
}

/* Status becomes a compact two-column matrix instead of a huge empty list */
.settings-status-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  column-gap:22px!important;
}
.settings-status-grid>div{
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  border-bottom:1px solid var(--settings-line-soft)!important;
}
.settings-status-grid span{
  color:#839087!important;
  font-size:8px!important;
}
.settings-status-grid b{
  color:#59c87c!important;
  font-size:8px!important;
  font-weight:720!important;
  text-align:right!important;
}

/* Make this page readable at the current desktop zoom */
#settings .card,
#settings .btn,
#settings input{
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif!important;
}

/* Remove spinners only, without affecting value visibility */
#settings input[type=number]::-webkit-inner-spin-button,
#settings input[type=number]::-webkit-outer-spin-button{
  -webkit-appearance:none!important;
  margin:0!important;
}
#settings input[type=number]{
  -moz-appearance:textfield!important;
}

@media(max-width:1180px){
  .settings-main-grid,
  .settings-secondary-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:760px){
  .settings-form-row{
    grid-template-columns:1fr auto!important;
    gap:12px!important;
  }
  .settings-input-affix{
    width:145px!important;
  }
  .settings-price-summary,
  .settings-status-grid{
    grid-template-columns:1fr!important;
  }
}
@media(max-width:520px){
  .settings-form-row{
    grid-template-columns:1fr!important;
  }
  .settings-input-affix{
    width:100%!important;
  }
  .settings-toggle-row-v2{
    grid-template-columns:1fr auto!important;
  }
  .settings-panel-footer{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .settings-panel-footer .btn{
    width:100%!important;
  }
}

.form-hint{display:block;margin-top:6px;color:#718078;font-size:8px;line-height:1.45}
.sale-exception-warning{margin:12px 0 16px}
.sale-exception-warning strong{color:#f0c46a}




/* Bewerberverwaltung */
.applicant-page-head{align-items:center}.applicant-metrics{margin-bottom:18px}.applicant-control-card{padding:0;overflow:hidden}.applicant-toolbar{display:flex;gap:10px;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.07);flex-wrap:wrap}.applicant-search-wrap{flex:1;min-width:260px}.applicant-search-wrap input{width:100%}.applicant-toolbar select{min-width:180px}.applicant-view-tabs{margin-left:auto}.applicant-table-wrap{overflow:auto}.applicant-table{width:100%;border-collapse:collapse}.applicant-table th,.applicant-table td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06);vertical-align:middle}.applicant-table th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#8f9a95);font-weight:700}.applicant-table tbody tr:hover{background:rgba(255,255,255,.025)}.applicant-person{display:flex;align-items:center;gap:11px;min-width:220px}.applicant-person img,.app-avatar-fallback{width:36px;height:36px;border-radius:10px;object-fit:cover}.app-avatar-fallback,.app-detail-avatar-fallback{display:grid;place-items:center;background:rgba(85,180,118,.12);font-weight:800}.applicant-person div{display:flex;flex-direction:column;gap:2px}.applicant-person span{font-size:12px;color:var(--muted,#8f9a95)}.applicant-activity-cell{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-status{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:750;border:1px solid transparent}.app-new,.app-closed{background:rgba(140,150,150,.10);border-color:rgba(140,150,150,.2)}.app-processing{background:rgba(224,153,65,.12);border-color:rgba(224,153,65,.26);color:#e7ae68}.app-waitlist{background:rgba(72,126,218,.13);border-color:rgba(72,126,218,.26);color:#80aaf0}.app-accepted{background:rgba(79,180,112,.12);border-color:rgba(79,180,112,.25);color:#78d596}.app-rejected{background:rgba(213,79,79,.12);border-color:rgba(213,79,79,.25);color:#ee8b8b}.applicant-detail-modal{width:min(1100px,94vw);max-height:92vh;overflow:auto;padding:24px}.applicant-detail-head{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-right:42px}.applicant-detail-person{display:flex;align-items:center;gap:14px}.applicant-detail-person img,.app-detail-avatar-fallback{width:58px;height:58px;border-radius:16px;object-fit:cover}.applicant-detail-person h2{margin:2px 0 3px}.applicant-detail-person p{margin:0;color:var(--muted,#8f9a95)}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted,#8f9a95);font-weight:800}.applicant-actions{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.applicant-actions a{text-decoration:none}.applicant-detail-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:14px}.applicant-detail-section{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018);border-radius:14px;padding:16px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title h3{margin:0}.section-title span{font-size:12px;color:var(--muted,#8f9a95)}.applicant-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.applicant-info-grid>div{padding:11px;border-radius:10px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;gap:5px}.applicant-info-grid .wide{grid-column:1/-1}.applicant-info-grid span{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted,#8f9a95)}.applicant-info-grid strong{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.app-note-compose{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.app-note-compose textarea{min-height:86px;resize:vertical}.app-note-list{display:flex;flex-direction:column;gap:8px;max-height:310px;overflow:auto}.app-note{position:relative;padding:11px 74px 11px 12px;border-radius:10px;background:rgba(255,255,255,.025)}.app-note>div{display:flex;gap:8px;align-items:center}.app-note>div span{font-size:11px;color:var(--muted,#8f9a95)}.app-note p{margin:7px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.app-note .small-btn{position:absolute;right:10px;top:10px}.applicant-history-section{margin-top:14px}.app-history{display:flex;flex-direction:column}.app-history-item{display:grid;grid-template-columns:18px 1fr;gap:8px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.app-history-item i{width:8px;height:8px;border-radius:50%;background:currentColor;margin-top:6px;opacity:.55}.app-history-item div{display:flex;flex-direction:column;gap:2px}.app-history-item span{font-size:12px;color:var(--muted,#8f9a95)}.app-history-item p{margin:4px 0 0;color:var(--muted,#a5aea9)}.empty-inline,.empty-state{color:var(--muted,#8f9a95)}.empty-state{padding:34px;display:flex;flex-direction:column;align-items:center;gap:5px}@media(max-width:900px){.applicant-detail-grid{grid-template-columns:1fr}.applicant-view-tabs{margin-left:0}.applicant-info-grid{grid-template-columns:1fr}.applicant-info-grid .wide{grid-column:auto}}


/* Bewerber Detail-Popup v33: bewusst unabhängig vom alten Modal-System */
body.applicant-modal-open{overflow:hidden!important}
#applicantDetailModal.applicant-modal-overlay{
  position:fixed!important;
  inset:0!important;
  z-index:100000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:28px!important;
  background:rgba(0,0,0,.72)!important;
  backdrop-filter:blur(5px);
  overflow:auto!important;
}
#applicantDetailModal.applicant-modal-overlay.hidden{display:none!important}
#applicantDetailModal .applicant-modal-panel{
  position:relative!important;
  width:min(1120px,calc(100vw - 56px))!important;
  max-width:1120px!important;
  max-height:calc(100vh - 56px)!important;
  margin:auto!important;
  overflow:auto!important;
  border:1px solid rgba(105,185,128,.20)!important;
  border-radius:16px!important;
  background:#0b100d!important;
  box-shadow:0 28px 90px rgba(0,0,0,.58)!important;
  padding:24px!important;
}
#applicantDetailModal .applicant-modal-close{
  position:sticky!important;
  top:0!important;
  float:right!important;
  z-index:4!important;
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:9px!important;
  background:#101712!important;
  color:#e7eee9!important;
  font-size:21px!important;
  line-height:1!important;
  cursor:pointer!important;
}
#applicantDetailModal .applicant-modal-close:hover{background:#162019!important}
#applicantDetailModal .applicant-detail-head{clear:both}
@media(max-width:700px){
  #applicantDetailModal.applicant-modal-overlay{padding:10px!important;align-items:flex-start!important}
  #applicantDetailModal .applicant-modal-panel{width:100%!important;max-height:calc(100vh - 20px)!important;padding:16px!important;border-radius:12px!important}
}


/* Mobile / Tablet v34 */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas{max-width:100%}
button,input,select,textarea{font:inherit}

@media(max-width:900px){
  body{min-width:0!important}
  .app-shell,.layout,.dashboard-shell,.main-shell{min-width:0!important;max-width:100vw!important}

  /* Sidebar becomes compact top navigation instead of consuming the phone width */
  .sidebar{
    position:relative!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
    max-height:none!important;
    inset:auto!important;
    overflow:visible!important;
    border-right:0!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
  }
  .sidebar-header,.brand{min-height:58px!important}
  .sidebar nav,.sidebar .nav,.nav-list{
    display:flex!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    gap:6px!important;
    padding:8px 10px 12px!important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .sidebar nav::-webkit-scrollbar,.sidebar .nav::-webkit-scrollbar,.nav-list::-webkit-scrollbar{display:none}
  .nav-section-title,.nav-group-title,.sidebar-section-title{display:none!important}
  .nav-item,.nav-child{
    flex:0 0 auto!important;
    width:auto!important;
    min-height:42px!important;
    padding:9px 12px!important;
    border-radius:9px!important;
  }
  .nav-item span,.nav-child span{white-space:nowrap!important}
  .sidebar-footer{display:none!important}

  main,.main,.content,.main-content,.page-content{
    margin-left:0!important;
    width:100%!important;
    max-width:100vw!important;
    min-width:0!important;
    padding-left:12px!important;
    padding-right:12px!important;
  }

  .topbar,.page-actions,.toolbar,.applicant-toolbar{
    width:100%!important;
    min-width:0!important;
    flex-wrap:wrap!important;
  }
  .page-actions{align-items:flex-start!important;gap:12px!important}
  .page-actions>div:first-child{min-width:0!important;flex:1 1 100%!important}

  .metrics,.stats-grid,.metric-grid,.dashboard-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .metric{min-width:0!important;padding:13px!important}

  .card,.panel,.widget{max-width:100%!important;min-width:0!important}

  /* Applicant list: cards on phones/tablets, no unusable wide table */
  .applicant-control-card{overflow:visible!important}
  .applicant-toolbar{padding:12px!important;align-items:stretch!important}
  .applicant-search-wrap{flex:1 1 100%!important;min-width:0!important}
  .applicant-toolbar select{flex:1 1 150px!important;min-width:0!important;width:auto!important}
  .applicant-view-tabs{margin-left:0!important;flex:1 1 auto!important}
  .applicant-view-tabs .tab{min-height:42px!important}

  .applicant-table-wrap{overflow:visible!important}
  .applicant-table,.applicant-table tbody,.applicant-table tr,.applicant-table td{display:block!important;width:100%!important}
  .applicant-table thead{display:none!important}
  .applicant-table tbody{display:grid!important;gap:10px!important}
  .applicant-table tr{
    position:relative!important;
    padding:13px!important;
    border:1px solid rgba(255,255,255,.07)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.018)!important;
  }
  .applicant-table td{
    border:0!important;
    padding:5px 0!important;
    max-width:none!important;
    white-space:normal!important;
  }
  .applicant-table td:nth-child(2),
  .applicant-table td:nth-child(3),
  .applicant-table td:nth-child(4),
  .applicant-table td:nth-child(5){
    display:flex!important;
    justify-content:space-between!important;
    gap:14px!important;
    align-items:center!important;
  }
  .applicant-table td:nth-child(2)::before{content:"Status";color:var(--muted,#8f9a95);font-size:11px;text-transform:uppercase}
  .applicant-table td:nth-child(3)::before{content:"Alter";color:var(--muted,#8f9a95);font-size:11px;text-transform:uppercase}
  .applicant-table td:nth-child(4)::before{content:"Aktivität";color:var(--muted,#8f9a95);font-size:11px;text-transform:uppercase}
  .applicant-table td:nth-child(5)::before{content:"Letzte Änderung";color:var(--muted,#8f9a95);font-size:11px;text-transform:uppercase}
  .applicant-table td:last-child{padding-top:10px!important}
  .applicant-table td:last-child .small-btn{width:100%!important;min-height:42px!important}
  .applicant-person{min-width:0!important}
  .applicant-person>div{min-width:0!important}
  .applicant-person strong,.applicant-person span{overflow-wrap:anywhere!important}

  /* Applicant popup fits the phone viewport and safe areas */
  #applicantDetailModal.applicant-modal-overlay{
    padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right))
            max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))!important;
    align-items:flex-start!important;
  }
  #applicantDetailModal .applicant-modal-panel{
    width:100%!important;
    max-width:100%!important;
    max-height:calc(100dvh - 16px)!important;
    border-radius:12px!important;
    padding:14px!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .applicant-detail-head{
    align-items:flex-start!important;
    padding-right:0!important;
    gap:10px!important;
  }
  .applicant-detail-person{min-width:0!important}
  .applicant-detail-person img,.app-detail-avatar-fallback{width:46px!important;height:46px!important;border-radius:12px!important;flex:0 0 46px!important}
  .applicant-detail-person>div{min-width:0!important}
  .applicant-detail-person h2,.applicant-detail-person p{overflow-wrap:anywhere!important}
  .applicant-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .applicant-actions .btn{width:100%!important;min-width:0!important;min-height:44px!important;white-space:normal!important;text-align:center!important}
  .applicant-detail-grid{grid-template-columns:1fr!important}
  .applicant-info-grid{grid-template-columns:1fr!important}
  .applicant-info-grid .wide{grid-column:auto!important}
  .app-note-compose textarea{font-size:16px!important}
  .app-note{padding-right:12px!important;padding-bottom:48px!important}
  .app-note .small-btn{top:auto!important;bottom:10px!important;right:10px!important}
}

@media(max-width:560px){
  .metrics,.stats-grid,.metric-grid,.dashboard-grid{grid-template-columns:1fr 1fr!important}
  .applicant-actions{grid-template-columns:1fr!important}
  .applicant-toolbar select,.applicant-view-tabs{flex:1 1 100%!important;width:100%!important}
  .applicant-view-tabs{display:grid!important;grid-template-columns:1fr 1fr!important}
  .applicant-detail-section{padding:12px!important}
  .applicant-detail-head{flex-direction:column!important}
  .applicant-status{align-self:flex-start!important}
  input,select,textarea{font-size:16px!important} /* prevents iOS input zoom */
}

@media(max-width:380px){
  main,.main,.content,.main-content,.page-content{padding-left:8px!important;padding-right:8px!important}
  .metrics,.stats-grid,.metric-grid,.dashboard-grid{grid-template-columns:1fr!important}
}

/* Schwarzgeldwäsche v35 */
.wash-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.wash-percent-settings{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin-bottom:18px}.wash-percent-settings label{display:flex;flex-direction:column;gap:6px}.wash-route-list{display:grid;gap:8px}.wash-route-row{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:10px}.wash-route-row>div{display:flex;flex-direction:column;gap:3px}.wash-route-row span{font-size:12px;color:var(--muted,#8f9a95)}.wash-table{min-width:800px}@media(max-width:900px){.wash-metrics{grid-template-columns:1fr 1fr!important}.wash-percent-settings{grid-template-columns:1fr 1fr}.wash-percent-settings .btn{grid-column:1/-1}}@media(max-width:560px){.wash-metrics,.wash-percent-settings{grid-template-columns:1fr!important}.wash-percent-settings .btn{grid-column:auto}.wash-route-row{align-items:flex-start;gap:10px;flex-direction:column}}

/* v36: zusätzliche Route-Spalte in der Fraktionsübersicht */
.faction-row{grid-template-columns:minmax(150px,1.5fr) minmax(110px,.8fr) minmax(105px,.75fr) minmax(90px,.7fr) minmax(90px,.7fr) minmax(150px,1.2fr) minmax(70px,.55fr)}
@media(max-width:900px){.faction-table{overflow-x:auto}.faction-row{min-width:900px}}

/* v37: Fraktionen ohne Koks-Mengen/Tageslimit; Verkaufslogik bleibt intern erhalten */
.faction-row{grid-template-columns:minmax(170px,1.6fr) minmax(120px,.9fr) minmax(110px,.8fr) minmax(100px,.7fr) minmax(100px,.7fr)!important}
@media(max-width:900px){.faction-row{min-width:650px!important}}

/* v38 analytics */
.wash-analytics-section{margin-bottom:18px}.wash-analytics-metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin:14px 0}.wash-analytics-grid{margin-top:12px}@media(max-width:900px){.wash-analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:560px){.wash-analytics-metrics{grid-template-columns:1fr!important}}

/* v39 faction popup: Koks and Schwarzgeld clearly separated */
.faction-popup-section{margin-top:20px;padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(255,255,255,.018)}
.faction-popup-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.faction-popup-section-head h3{margin:0}.faction-popup-section-head span{font-size:12px;color:var(--muted,#8f9a95)}
.faction-history-title{margin:18px 0 8px;font-size:14px}
@media(max-width:560px){.faction-popup-section{padding:12px}.faction-popup-section-head{align-items:flex-start;flex-direction:column;gap:3px}}

/* v41: role-limited website access */
.sales-access-hidden{display:none !important;}

/* v50: aktive Fraktionsübersicht ohne Koks-Preise */
.faction-row{grid-template-columns:minmax(190px,1.7fr) minmax(130px,.8fr) minmax(150px,.9fr)!important}
@media(max-width:900px){.faction-row{min-width:560px!important}}

/* v53: Fraktionsübersicht mit eigener Route-Spalte */
.faction-row{grid-template-columns:minmax(190px,1.7fr) minmax(130px,.8fr) minmax(130px,.8fr) minmax(150px,.9fr)!important}
.faction-route-editor{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:12px;align-items:end;margin:16px 0 6px}
.faction-route-editor label{margin:0}
@media(max-width:900px){.faction-row{min-width:700px!important}.faction-route-editor{grid-template-columns:1fr}}


/* v54: Fraktionsliste zeigt Schwarzgeldwäsche statt Koks-Aktivität */
.faction-name .faction-no-wash{color:#e45b64!important;font-weight:700}

/* v58: settings alignment + moneywash controls */
#settings .settings-main-grid{grid-template-columns:1fr!important}
#settings .settings-main-grid>.settings-panel{width:100%!important}
#settings .settings-secondary-grid{grid-template-columns:minmax(300px,.8fr) minmax(0,1.7fr)!important}
.analytics-head-actions{display:flex;align-items:center;gap:10px}.analytics-head-actions select{min-width:150px}.wash-row-actions{display:flex;gap:6px;justify-content:flex-end}
@media(max-width:1180px){#settings .settings-secondary-grid{grid-template-columns:1fr!important}}
/* v64: Route-System entfernt; Fraktionsübersicht = Name / Status / Wäsche-Prozent */
.faction-row{grid-template-columns:minmax(190px,1.7fr) minmax(130px,.8fr) minmax(150px,.9fr)!important}
@media(max-width:900px){.faction-row{min-width:560px!important}}
/* v65 moneywash express control */
.mw-express-toggle{display:flex!important;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line,#26342c);border-radius:10px;background:rgba(255,255,255,.018);cursor:pointer;margin-top:4px}.mw-express-toggle>input{position:absolute;opacity:0;pointer-events:none}.mw-express-toggle>span:last-child{display:flex;flex-direction:column;gap:2px}.mw-express-toggle strong{font-size:13px;color:var(--text,#e9f2ec)}.mw-express-toggle small,.mw-calc-hint{font-size:11px;color:var(--muted,#718078)}.mw-express-switch{width:38px;height:20px;border:1px solid #34463b;border-radius:999px;background:#172019;position:relative;flex:0 0 auto;transition:.18s}.mw-express-switch:after{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;border-radius:50%;background:#75847b;transition:.18s}.mw-express-toggle>input:checked+.mw-express-switch{border-color:#2fae68;background:rgba(47,174,104,.2)}.mw-express-toggle>input:checked+.mw-express-switch:after{left:20px;background:#49d486}.mw-express-toggle:focus-within{outline:1px solid #3bbf74;outline-offset:2px}

.wash-paid-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;white-space:nowrap;color:var(--muted,#819087);font-size:12px}.wash-paid-toggle>input{position:absolute;opacity:0;pointer-events:none}.wash-paid-box{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #34463b;border-radius:6px;background:#111914;color:transparent;font-size:12px;font-weight:800;transition:.16s}.wash-paid-toggle>input:checked+.wash-paid-box{border-color:#35b96f;background:rgba(53,185,111,.18);color:#53df8d;box-shadow:0 0 0 1px rgba(53,185,111,.08) inset}.wash-paid-toggle:has(input:checked)>span:last-child{color:#53df8d}.wash-paid-toggle:focus-within .wash-paid-box{outline:1px solid #3bbf74;outline-offset:2px}


/* v78: neutrales Schwarz/Grau-Theme. Semantische Statusfarben bleiben bestehen. */
:root{
  --bg:#101112!important;--sidebar:#050505!important;--panel:#17181a!important;--panel2:#202124!important;
  --line:#34363a!important;--text:#f2f2f2!important;--muted:#a4a6a9!important;--muted2:#74777b!important;
  --accent:#6f7378!important;--accent2:#969a9f!important;--accent-soft:#242629!important;
}
html,body{background:linear-gradient(180deg,#030303 0%,#090909 20%,#17181a 58%,#292a2d 100%)!important}
.main{background:linear-gradient(180deg,#050505 0%,#0b0b0c 24%,#191a1c 62%,#2a2b2e 100%)!important}
.sidebar{background:#050505!important;border-right-color:#2d2f32!important}
.logo-wrap{border-color:#36383c!important;background:#090909!important}
.logo-wrap img{filter:none!important}
.nav-item:hover{background:#1b1c1e!important;color:#f0f0f0!important}
.nav-item.active{background:#25272a!important;color:#fff!important;border-left-color:#a1a4a8!important}
.nav-count{background:#25272a!important;color:#ddd!important;border-color:#45484d!important}
.card,.panel,.table-card,.settings-panel,.metric,.stat-card{border-color:#34363a!important}
/* Statusfarben bewusst NICHT überschreiben: success/danger/warning/green/red/orange. */
.probation-state{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
.probation-early-btn{margin-left:4px!important;border-color:#55595e!important;background:#202225!important;color:#eee!important}
.probation-early-btn:hover{background:#2b2e31!important;border-color:#777b80!important}


/* v79: final neutral black / graphite / white visual system.
   Green/red/orange are reserved for semantic state only. */
:root{
  --bg:#090a0b!important;
  --sidebar:#030303!important;
  --panel:#121315!important;
  --panel2:#1a1b1e!important;
  --line:#303237!important;
  --text:#f4f4f5!important;
  --muted:#a2a4a8!important;
  --muted2:#74777c!important;
  --accent:#8d9197!important;
  --accent2:#b7bac0!important;
  --accent-soft:#222428!important;
}
html,body{background:#08090a!important;color:var(--text)!important}
.layout{background:#08090a!important}
.main{background:linear-gradient(180deg,#050506 0%,#0b0c0d 28%,#151619 68%,#202125 100%)!important}
.sidebar{background:#030303!important;border-right:1px solid #27292d!important}
.topbar{border-bottom-color:#292b2f!important}
.logo-wrap{background:#09090a!important;border-color:#34363b!important}
.nav-item{color:#a7a9ad!important}
.nav-item:hover{background:#18191c!important;color:#f4f4f5!important}
.nav-item.active{background:#222327!important;color:#fff!important;border-left-color:#d0d2d5!important}
.nav-count{background:#202125!important;border-color:#414349!important;color:#eee!important}
.sidebar-meta{border-top-color:#292b2f!important}
.sync-note,.brand-caption,.page-actions p,.card-head p{color:#9a9ca1!important}
.card,.metric,.panel,.table-card,.settings-panel,.status-group,.request-card,.channel-manager-column,
.member-detail-grid>section,.member-poll-stats,.detail-box,.poll-stat-cards>div,.summary-box,.fixed-channel,
.poll-result-group,.vacation-strip,.faction-popup-section,.applicant-detail-section{
  background:#121315!important;border-color:#303237!important;box-shadow:none!important;
}
.metric{background:linear-gradient(180deg,#151619,#101113)!important}
.metric span,.metric small,th,.member-row.header,.faction-row.header{color:#92959a!important}
table td,table th,.member-row,.probation-row,.activity,.alert,.rank,.audit-row{border-color:#292b2f!important}
input,select,textarea,.form-stack input,.form-stack select,.form-stack textarea{
  background:#191a1d!important;border-color:#383a40!important;color:#f3f3f4!important;
}
input:focus,select:focus,textarea:focus,.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus{
  border-color:#777b82!important;box-shadow:0 0 0 2px rgba(255,255,255,.045)!important;outline:none!important;
}
.btn.primary{background:#eeeeef!important;border-color:#eeeeef!important;color:#111214!important}
.btn.primary:hover{background:#d8d9db!important;border-color:#d8d9db!important}
.btn.secondary,.small-btn{background:#1b1c1f!important;border-color:#3a3c42!important;color:#e7e7e8!important}
.btn.secondary:hover,.small-btn:hover{background:#25262a!important;border-color:#55585f!important}
.text-btn{color:#d0d2d5!important}
.modal,.member-detail-modal,.applicant-detail-modal{background:#111214!important;border-color:#37393e!important}
.modal-close{background:#18191c!important;border-color:#3b3d42!important;color:#eee!important}
.status-group-head{background:#18191c!important;border-color:#303237!important}
.bar{background:#2a2c30!important}
/* ordinary decorative bars are neutral; semantic status badges remain untouched */
.bar i{background:#9b9ea4!important}
.step{background:#2d2f34!important}.step.active{background:#aeb1b6!important}
.rank-badge{background:#1a1b1e!important;border-color:#3b3d42!important;color:#eee!important}
.auth-gate{background:#060607!important}.auth-box{background:#121315!important;border-color:#34363b!important}
.settings-shell,.settings-panel,.settings-secondary-grid>*{--settings-bg:#111214!important;--settings-bg-soft:#18191c!important;--settings-line:#32343a!important;--settings-line-soft:#292b30!important;--settings-text:#f1f1f2!important;--settings-muted:#96999e!important;--settings-accent:#aeb1b6!important}
.settings-panel-head,.settings-section-head{border-color:#303237!important}
/* Express is a normal control, so its unchecked visuals are neutral. */
.mw-express-toggle{border-color:#3a3c42!important;background:#17181b!important}
.mw-express-switch{border-color:#4a4d53!important;background:#24262a!important}
/* Semantic colors intentionally remain for checked/paid, success, danger, warning, online, etc. */

/* v80: strict monochrome visual theme.
   Green is reserved ONLY for semantic positive/live/success states. */
:root{
  --accent:#9da0a6!important;--accent2:#c4c6ca!important;--accent-soft:#242529!important;
  --ui-green:#9da0a6!important;--ui-green-2:#777b81!important;
}
.brand-name{color:#f1f1f2!important}
.brand-caption,.nav-group-label,.nav-section-title{color:#777a80!important}
.brand{border-bottom-color:#25262a!important}
.nav-section-title:hover,.nav-item.nav-primary:hover{background:#17181b!important;color:#f1f1f2!important}
.nav-item.nav-primary{color:#d2d3d5!important}
.nav-item.nav-primary.active{background:#222327!important;color:#fff!important;box-shadow:inset 0 0 0 1px #3b3d42!important}
.nav-item.nav-primary.active:before{background:#d3d4d7!important}
.nav-item svg,.nav-section-title svg{color:#85888d!important;stroke:currentColor!important}
.nav-item.nav-primary.active svg,.nav-item.nav-child.active svg{color:#e0e1e3!important;stroke:#e0e1e3!important}
.nav-children{border-left-color:#2d2f33!important}
.nav-item.nav-child{color:#8d9095!important}
.nav-item.nav-child:hover{background:#17181b!important;color:#d6d7d9!important}
.nav-item.nav-child.active{background:#1e1f22!important;color:#f0f0f1!important}
.nav-item.nav-child.active:before{background:#bfc1c5!important}
.nav-count{border-color:#414349!important;background:#202125!important;color:#e4e4e5!important}
.page-actions h2:before{color:#c6c8cb!important}
.card-head h3:before{color:#b8babf!important}
.card-head:before{background:#b8babf!important}
.card-head:after{background:#34363a!important}
.card-head{border-bottom-color:#303237!important}
.card-head h3,.card h3{color:#ececed!important}
.page-actions p,.card-head p{color:#92959a!important}
.metric-link:hover{border-color:#4a4d52!important;background:#17181b!important}
.dashboard-ops .metric:nth-child(2) strong,.dashboard-ops .metric:nth-child(3) strong{color:#f1f1f2!important}
.alert strong{color:#e4e4e6!important}.alert.warning strong{color:#d7a95f!important}
.activity time{color:#85888d!important}.activity p{color:#d8d9db!important}
.tabs .tab{color:#9a9da2!important}.tabs .tab.active{color:#f2f2f3!important;border-bottom-color:#c7c9cc!important}.tab span{color:#a7a9ad!important}
.text-btn{color:#d6d7d9!important}
.account{background:#121315!important;border-color:#35373c!important}
/* decorative indicators are neutral */
.page-actions h2:before,.card-head h3:before,.card-head:before{filter:none!important}
/* keep these semantic state colors intentionally */
.status-dot:not(.decorative),.ok,.tag.green,.app-accepted,.wash-paid-toggle>input:checked+.wash-paid-box,.wash-paid-toggle:has(input:checked)>span:last-child{ }

/* =========================================================
   v81 — unified graphite theme / full-page blend
   Decorative UI is monochrome. Semantic state colors remain.
   ========================================================= */
:root{
 --ui-bg-0:#050506!important;--ui-bg-1:#0b0c0e!important;--ui-bg-2:#141519!important;--ui-bg-3:#1d1f23!important;
 --ui-surface:#121316!important;--ui-surface-2:#181a1e!important;--ui-line:#33363c!important;--ui-line-soft:#292c31!important;
 --ui-text:#f2f3f4!important;--ui-muted:#9a9da3!important;
}
html,body{min-height:100%;background:#08090b!important}
body:before{content:"";position:fixed;z-index:-2;inset:0;background:linear-gradient(180deg,#050506 0%,#090a0c 18%,#101216 46%,#181a1e 72%,#202227 100%)}
.layout{min-height:100vh!important;background:transparent!important}
.main{min-height:100vh!important;background:transparent!important;position:relative!important}
.main:before{content:"";position:fixed;z-index:-1;top:0;bottom:0;left:216px;right:0;background:linear-gradient(180deg,rgba(5,5,6,.96) 0%,rgba(10,11,13,.96) 22%,rgba(17,18,21,.96) 52%,rgba(26,28,32,.96) 78%,rgba(31,33,38,.96) 100%);pointer-events:none}
.page{background:transparent!important}

/* Global neutral surfaces — search, bell, account, toolbars, cards and popovers */
.global-search>input,.search-wrap,.search,input:not([type="checkbox"]):not([type="radio"]),select,textarea,
.notification-btn,.notification-bell,.topbar button,.account,.account-menu,.global-search-results,
.dropdown,.popover,.menu,.toolbar,.applicant-toolbar{
 background:#111316!important;border-color:#34373d!important;color:#f0f1f2!important;
}
.global-search>input:hover,.search-wrap:hover,.search:hover,input:hover,select:hover,textarea:hover,.notification-btn:hover,.notification-bell:hover{border-color:#484c53!important}
.global-search>input:focus,.search:focus,input:focus,select:focus,textarea:focus{border-color:#70747c!important;box-shadow:0 0 0 2px rgba(255,255,255,.045)!important}
.global-search-results{box-shadow:0 18px 42px rgba(0,0,0,.42)!important}
.global-search-results button{border-color:#2b2e33!important;color:#eceef0!important}.global-search-results button:hover{background:#1b1d21!important}
.global-search>svg,.search-wrap svg,.notification-btn svg,.notification-bell svg{stroke:#a5a8ae!important;color:#a5a8ae!important}

/* Neutral structural boxes */
.card,.metric,.panel,.table-card,.request-card,.channel-manager-column,.fixed-channel,.status-group,
.settings-panel,.settings-secondary-grid>*,.detail-box,.summary-box,.faction-popup-section,.applicant-detail-section,
.member-detail-grid>section,.member-poll-stats,.poll-stat-cards>div,.poll-result-group,.vacation-strip,
.probation-table,.faction-table,.analytics-grid>*{
 background:#121417!important;border-color:#32353b!important;
}
.card-head,.table-wrap,th,td,.faction-row,.member-row,.status-row,.probation-row,.activity,.alert,.rank,.key-list>div{border-color:#2b2e33!important}
tbody tr:hover td,.faction-row.clickable:hover,.member-row:hover{background:#181a1e!important}
th,.faction-row.header,.member-row.header{color:#91949a!important}

/* All ordinary chrome that previously carried PRESTIGE green */
.page-actions,.topbar{border-color:#2d3035!important}
.page-actions h2,.card h3,.card-head h3{color:#f0f1f2!important}
.page-actions h2:before,.card-head h3:before{color:#d1d3d6!important}
.card-head:before,.nav-item.nav-primary.active:before,.nav-item.nav-child.active:before{background:#c7c9cd!important}
.card-head:after{background:#35383e!important}
.nav-group-label,.nav-section-title,.brand-caption{color:#777a80!important}
.nav-section-title,.nav-item,.nav-item.nav-child{color:#999ca2!important}
.nav-section-title:hover,.nav-item:hover,.nav-item.nav-child:hover{background:#17191c!important;color:#e8e9eb!important}
.nav-item.active,.nav-item.nav-primary.active,.nav-item.nav-child.active{background:#202226!important;color:#fff!important;border-color:#3c3f45!important;box-shadow:inset 0 0 0 1px #393c42!important}
.nav-children{border-left-color:#2c2f34!important}.nav-count{background:#23252a!important;border-color:#41444b!important;color:#e6e7e9!important}
.logo-wrap{background:#0b0c0e!important;border-color:#35383e!important;box-shadow:none!important}.logo-wrap img{filter:none!important}

/* Neutral ordinary buttons; semantic danger/success classes remain untouched */
.btn.primary:not(.danger):not(.success),.page-action-tools .btn.primary{background:#eceef0!important;border-color:#eceef0!important;color:#111216!important}
.btn.primary:not(.danger):not(.success):hover,.page-action-tools .btn.primary:hover{background:#d5d7da!important;border-color:#d5d7da!important}
.btn.secondary,.small-btn:not(.danger):not(.success),.text-btn{background:#1b1d21!important;border-color:#3a3d43!important;color:#e5e6e8!important}
.text-btn{background:transparent!important;border-color:transparent!important}

/* Neutral modals and controls */
.modal,.member-detail-modal,.applicant-detail-modal{background:#111316!important;border-color:#383b41!important}
.modal-close{background:#1a1c20!important;border-color:#3b3e44!important;color:#eee!important}
.step,.progress,.bar{background:#292c31!important}.step.active,.progress>i,.bar i{background:#aeb1b6!important}
.rank-badge,.tag:not(.green):not(.red):not(.orange){background:#1b1d21!important;border-color:#3a3d43!important;color:#d7d9dc!important}

/* Old green settings/local panel variables */
.settings-shell,.settings-panel,.settings-secondary-grid>*{
 --settings-bg:#111316!important;--settings-bg-soft:#181a1e!important;--settings-line:#34373d!important;--settings-line-soft:#2a2d32!important;
 --settings-text:#f0f1f2!important;--settings-muted:#979aa0!important;--settings-accent:#b8bbc0!important;
}
.settings-panel-head,.settings-section-head{border-color:#30333a!important}

/* Non-semantic special widgets that had hard-coded green */
.auth-box{background:#121417!important;border-color:#35383e!important}
.toast:not(.success):not(.danger):not(.warning){background:#17191d!important;border-color:#44474e!important;color:#eceef0!important}
.mw-express-toggle{background:#17191d!important;border-color:#3b3e44!important}.mw-express-switch{background:#24262b!important;border-color:#4a4d54!important}
.app-avatar-fallback,.app-detail-avatar-fallback{background:#24262b!important;color:#e8e9eb!important}

/* Keep the sidebar visually tied to the page without a hard vertical seam. */
.sidebar{background:linear-gradient(180deg,#030304 0%,#060708 55%,#0b0c0e 100%)!important;border-right:1px solid #26292e!important}
@media(max-width:700px){.main:before{left:0!important}.sidebar{background:#050607!important}}

/* =========================================================
   v82 — COMPLETE GRAPHITE CLEANUP
   Remove remaining legacy PRESTIGE-green from decorative chrome.
   Semantic success / warning / danger states keep their colors.
   ========================================================= */
:root{
  --accent:#c5c7cb!important;--accent2:#e0e1e3!important;--accent-soft:#24262a!important;
  --readable-line:#303238!important;--readable-panel:#121417!important;--readable-panel2:#181a1e!important;
  --readable-muted:#9a9da3!important;--readable-soft:#74777d!important;
}
/* muted copy and table/list headers */
th,.old-member-row.header,.old-member-header,.probation-header,.audit-header,.poll-history-header,
.member-row.header,.faction-row.header,.status-row.header,.compact-head,
.settings-panel p,.settings-panel small,.settings-row p,.settings-row small,.settings-help,
.card-head p,.page-actions p,.key-list span,.activity time,.old-member-date span,
.old-member-ident span,.compact-name small,.member-ident span,.member-channel small{
  color:#8f9298!important;
}
/* neutral separators and all content shells */
table,thead,tbody,tr,th,td,.old-member-row,.probation-row,.audit-row,.poll-history-row,
.channel-manager,.channel-manager-toolbar,.channel-manager-board,.control-map,.control-map-column,
.control-map-card,.settings-panel,.settings-row,.settings-panel-head,.settings-section-head,
.faction-popup-section,.moneywash-history,.moneywash-row,.analytics-card,.analytics-table,
.notification-panel,.global-search-results,.member-detail-modal,.modal-card{
  border-color:#30333a!important;
}
/* banners / helper strips which were still green */
.probation-auto,.probation-auto-strip,.automation-strip,.info-strip,.helper-strip,.live-strip,
.channel-manager-toolbar,.channel-manager-help,.drag-help,.drag-hint,.vacation-strip,
.settings-panel-head,.settings-section-head{
  background:#111316!important;border-color:#34373d!important;color:#a7aab0!important;
}
.probation-auto strong,.probation-auto-strip strong,.automation-strip strong,.info-strip strong,
.channel-manager-help strong,.drag-help strong,.drag-hint strong{color:#e2e3e5!important}
/* channel management: search, columns, cards and ordinary select controls */
.channel-manager,.channel-manager-board{background:transparent!important}
.channel-manager-column,.control-map-column{background:#121417!important;border-color:#34373d!important}
.channel-manager-column>header,.control-map-column>header,.status-group-head,.compact-head{background:#16181b!important;border-color:#30333a!important}
.control-map-card,.channel-card,.status-card{background:#17191d!important;border-color:#373a40!important}
.control-map-card:hover,.channel-card:hover{background:#1c1e22!important;border-color:#50535a!important}
.mini-select,.channel-card select,.control-map-card select{background:#1a1c20!important;border-color:#3d4046!important;color:#ededee!important}
/* settings inputs and percentage suffixes */
.settings-panel input,.settings-panel select,.settings-panel textarea,.settings-input,.settings-value,.input-suffix,
.percent-input,.percent-suffix,.moneywash-settings input{
  background:#17191d!important;border-color:#3b3e44!important;color:#f0f1f2!important;
}
.input-suffix,.percent-suffix{color:#a4a7ac!important}
/* ordinary chips/counts: semantic tags excluded */
.badge:not(.success):not(.danger):not(.warning):not(.green):not(.red):not(.orange),
.mini-tag:not(.success):not(.danger):not(.warning):not(.green):not(.red):not(.orange),
.channel-count,.count-pill{
 background:#202226!important;border-color:#41444b!important;color:#e5e6e8!important;
}
/* popups for factions / moneywash / analytics */
.faction-popup,.faction-modal,.moneywash-modal,.wash-modal,.analytics-modal,
.faction-popup-section,.moneywash-popup-section,.analytics-popup-section{
  background:#121417!important;border-color:#373a40!important;color:#f0f1f2!important;
}
.faction-popup input,.faction-popup select,.moneywash-modal input,.moneywash-modal select,.wash-modal input,.wash-modal select{
  background:#191b1f!important;border-color:#3d4046!important;color:#f2f2f3!important;
}
/* decorative green text/link remnants */
.drag-help,.drag-hint,.channel-manager-help,.settings-help,.settings-panel-head p,
.settings-section-head p,.faction-popup-section>p,.moneywash-popup-section>p{color:#96999f!important}
/* neutral default icons; semantic icon classes can override */
.card-head svg,.settings-panel-head svg,.settings-section-head svg,.channel-manager-toolbar svg,
.search-wrap svg,.global-search svg{color:#a4a7ad!important;stroke:#a4a7ad!important}
/* keep meaningful state colors explicit */
.tag.green,.success,.ok,.online,.status-online,.wash-paid,.wash-paid-toggle:has(input:checked){--semantic-green:1}
.tag.red,.danger,.critical,.status-danger{--semantic-red:1}
.tag.orange,.warning,.status-warning{--semantic-orange:1}

/* =========================================================
   v83 — final graphite sweep
   Decorative / interactive chrome is monochrome, including hover.
   Green remains only where it communicates an actual positive state.
   ========================================================= */
:root{
  --accent:#c9cbd0!important;--accent2:#eceef0!important;--accent-soft:#25272b!important;
  --green:#a5a8ae!important;--ui-green:#a5a8ae!important;--ui-green-2:#858990!important;
}
/* Modal shells and inner cards */
.modal-card,.applicant-detail-modal,.member-detail-modal,.faction-modal,.faction-popup,.moneywash-modal,.wash-modal,.analytics-modal,
.applicant-detail-section,.member-detail-grid>section,.member-poll-stats,.member-detail-modal>div>section,
.applicant-info-grid>div,.app-note,.detail-box,.member-detail-metrics>div,.poll-stat-cards>div,
.admin-detail-columns>section,.admin-detail-section-head,.admin-action-timeline,.admin-session-list{
  background:#121417!important;border-color:#373a40!important;color:#f1f2f3!important;
}
.applicant-detail-modal,.member-detail-modal,.modal-card{box-shadow:0 28px 90px rgba(0,0,0,.72)!important}
.applicant-info-grid>div,.app-note{background:#191b1f!important}
.member-detail-channels>div{background:#17191d!important;border-color:#373a40!important}
.member-detail-channels>div:hover{background:#1d1f23!important;border-color:#50535a!important}

/* Probezeit helper bar + early finish button */
.probation-auto,.probation-auto-strip,.probation-info,.probation-banner,
[class*="probation-"][class*="strip"]{background:#121417!important;border-color:#35383e!important;color:#9b9ea4!important}
.probation-auto strong,.probation-auto-strip strong,.probation-info strong,.probation-banner strong{color:#e3e4e6!important}
.probation-early-btn{background:#1b1d21!important;border-color:#45484f!important;color:#f0f1f2!important}
.probation-early-btn:hover{background:#292b30!important;border-color:#686c74!important;color:#fff!important}

/* Request/application tabs: never green on hover/active */
.tabs .tab,.applicant-view-tabs .tab,.request-tabs .tab,.request-tab{background:transparent!important;color:#9da0a6!important;border-color:transparent!important}
.tabs .tab:hover,.applicant-view-tabs .tab:hover,.request-tabs .tab:hover,.request-tab:hover{background:#191b1f!important;color:#f2f3f4!important;border-color:#55585f!important}
.tabs .tab.active,.applicant-view-tabs .tab.active,.request-tabs .tab.active,.request-tab.active{background:#17191d!important;color:#fff!important;border-bottom-color:#d6d8db!important}
.tabs .tab span,.applicant-view-tabs .tab span,.request-tab span{color:#c3c5c9!important}

/* Channel manager — remove legacy green shells and hover borders */
.channel-manager-card,.channel-manager-toolbar,.channel-manager-hint,.channel-manager-board,.channel-manager-column,
.channel-manager-channel,.control-map-card,.control-map-column,.fixed-channel{
  border-color:#35383e!important;
}
.channel-manager-toolbar,.channel-manager-hint{background:#111316!important;color:#96999f!important}
.channel-manager-hint strong{color:#e2e3e5!important}
.channel-manager-column{background:#121417!important}
.channel-manager-channel,.control-map-card,.fixed-channel{background:#17191d!important}
.channel-manager-channel:hover,.control-map-card:hover,.fixed-channel:hover{background:#1e2024!important;border-color:#55585f!important}
.channel-manager-search,.channel-manager-search input{background:#15171a!important;border-color:#3a3d43!important;color:#eee!important}
/* legend dots are semantic channel states and intentionally keep their state colors */

/* Analytics / used percentages: neutral cards and bars */
.analytics-card,.analytics-type,.analytics-bars,.analytics-ranks,.wash-analytics-section,.wash-analytics-grid,
[class*="percent-card"],[class*="used-percent"],[class*="percentage-card"]{background:#121417!important;border-color:#35383e!important}
.analytics-card:hover,.analytics-type:hover,[class*="percent-card"]:hover,[class*="used-percent"]:hover{border-color:#50535a!important;background:#17191d!important}
.analytics-card .bar,.analytics-type .type-progress,[class*="percent"] .progress{background:#292c31!important}
.analytics-card .bar i,.analytics-type .type-progress i,[class*="percent"] .progress i{background:#aeb1b6!important}
.analytics-type.sale-normal,.analytics-type.sale-express{border-color:#35383e!important}
.analytics-type.sale-normal .type-progress i,.analytics-type.sale-express .type-progress i{background:#aeb1b6!important}

/* System audit / ordinary problem cards. Critical red remains semantic. */
.integrity-card,.integrity-item,.audit-problem,.system-problem,.system-audit-item{background:#121417!important;border-color:#3b3e44!important}
.integrity-card:hover,.integrity-item:hover,.audit-problem:hover,.system-problem:hover,.system-audit-item:hover{background:#191b1f!important;border-color:#55585f!important}

/* Admin screens: decorative green removed. Active-access badge may stay semantic green. */
.admin-actor-row,.admin-login-row,.admin-detail-section-head,.admin-action-event,.admin-session{border-color:#30333a!important}
.admin-actor-row:hover,.admin-login-row:hover{background:#191b1f!important}
.admin-avatar-fallback{background:#1b1d21!important;border-color:#3b3e44!important;color:#e4e5e7!important}
.admin-event-icon{background:#1b1d21!important;border-color:#45484f!important;color:#dfe0e2!important}
.admin-detail-section-head{background:#17191d!important}

/* Settings: percentage fields and containers fully graphite */
.settings-panel,.settings-row,.settings-panel-head,.settings-section-head,.settings-secondary-grid>*{background:#121417!important;border-color:#35383e!important}
.settings-row:hover{background:#16181c!important}
.settings-panel input,.settings-panel select,.settings-panel textarea,.settings-input,.settings-value,.input-suffix,.percent-input,.percent-suffix,.moneywash-settings input{
 background:#191b1f!important;border-color:#3d4046!important;color:#f1f2f3!important;
}
.settings-panel input:hover,.settings-panel select:hover,.settings-panel textarea:hover,.percent-input:hover{border-color:#565960!important}

/* General hover/focus sweep for ordinary interactive controls */
.btn:not(.danger):not(.success):hover,.small-btn:not(.danger):not(.success):hover,.modal-close:hover,
.notification-btn:hover,.notification-bell:hover,.account:hover,.search-wrap:hover,.global-search>input:hover,
input:not([type="checkbox"]):not([type="radio"]):hover,select:hover,textarea:hover{
  background-color:#202226!important;border-color:#565960!important;color:#f4f4f5!important;
}
input:not([type="checkbox"]):not([type="radio"]):focus,select:focus,textarea:focus,.search-wrap:focus-within{
 border-color:#747880!important;box-shadow:0 0 0 2px rgba(255,255,255,.045)!important;
}
/* Ordinary links use cool gray; explicit semantic state classes below are untouched. */
a:not(.danger):not(.success):not(.warning):not(.app-accepted):hover{color:#f0f1f2!important}

/* Semantic colors: only actual state information. */
.status-dot,.online,.status-online,.ok,.success,.tag.green,.app-accepted,
.wash-paid-toggle>input:checked+.wash-paid-box,.wash-paid-toggle:has(input:checked)>span:last-child{
  /* intentional positive-state green */
}
.danger,.critical,.tag.red,.app-rejected{ /* intentional red */ }
.warning,.tag.orange,.app-processing{ /* intentional orange */ }