/* WARDOGS Control V1.17.0 – monochrome theme, full width layout, grouped navigation.
   Loaded after style.css and only overrides it. */
:root{
  --bg:#0b0b0d;--bg2:#0f0f12;--bg-soft:#0f0f12;--panel:#141417;--panel2:#1b1b1f;--panel3:#232328;
  --border:#26262c;--border-strong:#34343b;--text:#f4f4f5;--muted:#8e8e96;--muted2:#b4b4bc;
  --accent:#f4f4f5;--accent2:#ffffff;--danger:#e5484d;--success:#3dd68c;--blue:#4ea1ff;
  --sidebar:232px;--radius:12px;--radius-sm:8px;
  --v17-font:Inter,"Segoe UI",system-ui,-apple-system,Roboto,sans-serif;
}
body.ui-v19{background:var(--bg);color:var(--text);font-family:var(--v17-font)}
.ui-v19 h1,.ui-v19 h2,.ui-v19 h3,.ui-v19 .side-title,.ui-v19 .summary-server strong,.ui-v19 .stat-card strong,.ui-v19 .player-card strong,.ui-v19 .match-card strong,.ui-v19 .summary-stat strong{font-family:var(--v17-font);font-stretch:normal;letter-spacing:-.01em}
.v17-hidden{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- Full width shell (was a floating 1600px card) ---------- */
.ui-v19 .app-shell{width:100%;min-height:100vh;margin:0;border:0;border-radius:0;box-shadow:none;background:var(--bg);grid-template-columns:var(--sidebar) minmax(0,1fr)}
.ui-v19 .sidebar{top:0;height:100vh;border-radius:0;background:var(--bg);border-right:1px solid var(--border)}
.ui-v19 .content{border-radius:0;background:var(--bg);padding:0 28px 40px}
.ui-v19 .page{max-width:none}
.ui-v19 .server-summary{border-radius:0;margin:0 -28px 20px;padding:14px 28px;background:rgba(11,11,13,.94);border-bottom:1px solid var(--border)}

/* ---------- Sidebar: grouped navigation ---------- */
.ui-v19 .side-brand{padding:22px 18px 18px}
.ui-v19 .side-title{font-size:16px;font-weight:700;letter-spacing:.02em}
.ui-v19 .side-version{color:var(--muted);font-size:11px;letter-spacing:.02em}
.group-nav{display:flex;flex-direction:column;gap:2px;padding:0 10px}
.group-item{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:#c4c4cc;font:500 14px/1 var(--v17-font);text-align:left;cursor:pointer}
.group-item .ico{flex:none;color:var(--muted)}
.group-item:hover{background:#17171b;color:#fff}
.group-item.active{background:#1f1f24;color:#fff;font-weight:600}
.group-item.active .ico{color:#fff}
.ui-v19 .side-bottom{border-top:1px solid var(--border)}
.ui-v19 .signed-in-card{background:transparent;border:0}

/* ---------- Header ---------- */
.ui-v19 .summary-kicker{color:var(--muted);letter-spacing:.04em;font-size:10px}
.ui-v19 .summary-stat span{font-size:11px;color:var(--muted)}
.ui-v19 .summary-score-pill{background:#17171b;border-radius:999px;font-size:12px;padding:7px 12px}
.ui-v19 .announcement-btn{background:var(--accent);border-color:var(--accent);color:#0b0b0d;font-weight:600;letter-spacing:0}
.ui-v19 .announcement-btn .sound-icon{display:inline-flex;align-items:center;justify-content:center}
.ui-v19 .announcement-btn span[data-i18n]{display:inline-block;text-transform:lowercase}
.ui-v19 .announcement-btn span[data-i18n]::first-letter{text-transform:uppercase}
@media (min-width:901px){
  .ui-v19 .announcement-btn{border-radius:10px;display:inline-flex;align-items:center;gap:8px}
  .ui-v19 .desktop-user-btn{display:inline-flex;align-items:center;justify-content:center;background:#141417}
}
.legacy-nav[hidden],.legacy-nav[hidden] *{display:none!important}
#usersTable{border:0;background:transparent}
.ui-v19 .stat-label{display:block}
.ui-v19 .player-bulk-bar:not(.has-selection){background:transparent;border:0;padding:2px 4px;min-height:0;margin-bottom:6px}

/* ---------- Group tabs ---------- */
.group-tabs{display:flex;flex-direction:column;gap:14px;margin:4px 0 18px}
.group-tabs.hidden{display:none}
.group-heading{margin:0;font-size:24px;font-weight:700}
.tab-row{display:flex;flex-wrap:wrap;gap:8px}
.tab-btn{min-height:38px;padding:0 16px;border-radius:999px;border:1px solid var(--border);background:transparent;color:#c4c4cc;font:600 13px/1 var(--v17-font);cursor:pointer;text-transform:none;letter-spacing:0}
.tab-btn:hover{background:#17171b;color:#fff}
.tab-btn.active{background:var(--accent);border-color:var(--accent);color:#0b0b0d}
body.v17-tabbed .page.active>.page-heading h1{display:none}
body.v17-tabbed .page.active>.page-heading{margin-bottom:12px;min-height:0}
body.v17-tabbed .page.active>.page-heading:not(:has(button,.tag,.subtle,select,input)){display:none}

/* ---------- Calmer typography: no duplicate eyebrows, sentence case labels ---------- */
.ui-v19 .page-heading .eyebrow,.ui-v19 .panel-title .eyebrow,.ui-v19 .rotation-toolbar .eyebrow,.ui-v19 .automod-card-head .eyebrow{display:none}
.ui-v19 .page-heading h1{font-size:24px;font-weight:700}
.ui-v19 .panel h2,.ui-v19 .panel-title h2{font-size:16px;font-weight:650;text-transform:none;letter-spacing:0}
.ui-v19 .stat-label,.ui-v19 .group-title,.ui-v19 .summary-stat span,.ui-v19 .match-meta-grid span,.ui-v19 .detail-stat span{text-transform:lowercase;letter-spacing:0;font-size:12px;color:var(--muted)}
.ui-v19 .stat-label::first-letter,.ui-v19 .group-title::first-letter,.ui-v19 .summary-stat span::first-letter,.ui-v19 .match-meta-grid span::first-letter,.ui-v19 .detail-stat span::first-letter{text-transform:uppercase}
.ui-v19 .action-card h2{text-transform:none;letter-spacing:0;font-size:15px}
.ui-v19 .action-card-head .tag{display:none}
.ui-v19 .section-heading{font-size:15px;font-weight:650;margin:26px 0 12px;color:#c4c4cc}

/* ---------- Surfaces: fewer borders, flat panels ---------- */
.ui-v19 .panel,.ui-v19 .stat-card,.ui-v19 .action-card,.ui-v19 .setting-card,.ui-v19 .automod-card{background:var(--panel);border:1px solid #1d1d22;border-radius:14px}
.ui-v19 .info-banner{background:#141417;border:1px solid #1d1d22;border-left:1px solid #1d1d22;border-radius:12px;color:#b4b4bc}
.ui-v19 .tag{background:#1b1b1f;border-color:#26262c;color:#c4c4cc}
.ui-v19 .ok-tag{color:#3dd68c}
.ui-v19 input,.ui-v19 select,.ui-v19 textarea{background:#0b0b0d;border-color:#2a2a31;border-radius:10px}
.ui-v19 input:focus,.ui-v19 select:focus,.ui-v19 textarea:focus{border-color:#8e8e96;outline:none}
.ui-v19 button{border-radius:10px}
.ui-v19 button.accent,.ui-v19 .accent{background:var(--accent);border-color:var(--accent);color:#0b0b0d}
.ui-v19 button.accent:hover:not(:disabled){background:#fff;border-color:#fff}
.ui-v19 .filter-pill{background:transparent;border-color:#2a2a31;color:#e4e4e7}
.ui-v19 .filter-pill.active{background:#26262c;color:#fff;border-color:#f4f4f5}
.ui-v19 .rotation-entry.next{background:#17171b;box-shadow:inset 3px 0 0 #f4f4f5}

/* Browser autofill (was olive yellow) */
.ui-v19 input:-webkit-autofill,.ui-v19 input:-webkit-autofill:hover,.ui-v19 input:-webkit-autofill:focus,
.auth-card input:-webkit-autofill,.auth-card input:-webkit-autofill:focus{-webkit-text-fill-color:#f4f4f5;-webkit-box-shadow:0 0 0 1000px #0b0b0d inset;caret-color:#f4f4f5;transition:background-color 9999s}

/* ---------- Dashboard: no duplicates of the header and Players page ---------- */
#page-overview .dashboard-top .stat-card:nth-child(4),
#page-overview .announcement-panel,
#page-overview article.panel:has(#overviewPlayerSearch){display:none}
#page-overview .dashboard-top{grid-template-columns:repeat(3,minmax(0,1fr))}

/* ---------- Players ---------- */
.ui-v19 .player-card{grid-template-columns:26px minmax(150px,1fr) minmax(100px,.5fr) 54px 54px 62px 22px;background:#141417;border-radius:10px;min-height:52px}
.ui-v19 .player-card:hover{background:#1b1b1f}
.ui-v19 .player-card.selected{background:#1f1f24;border-color:#34343b}
.ui-v19 .player-card-faction{font-size:12px;color:#c4c4cc}
.ui-v19 .player-card-stat small{font-size:10px}
.ui-v19 .player-bulk-bar:not(.has-selection) strong,.ui-v19 .player-bulk-bar:not(.has-selection) .bulk-team-buttons,.ui-v19 .player-bulk-bar:not(.has-selection)>button{display:none}
.ui-v19 .player-bulk-bar.has-selection{background:#1b1b1f;border:1px solid #34343b;border-radius:12px}
.ui-v19 .bulk-team-buttons button,.ui-v19 .team-quick-btn{font-size:12px;letter-spacing:0;min-height:36px;padding:6px 12px;border-radius:10px}
.ui-v19 .player-detail-head{position:relative;padding-right:48px}
.ui-v19 .detail-close{position:absolute;right:0;top:0;width:40px;height:40px;font-size:20px;line-height:1}
.ui-v19 .detail-actions button{min-height:44px}

/* ---------- Users ---------- */
.ui-v19 .users-layout{display:flex;flex-direction:column;gap:14px}
.ui-v19 .user-create form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;align-items:end}
.ui-v19 .user-create form button,.ui-v19 .user-create #newRoleHint{grid-column:1/-1}
.role-help{margin:0 0 14px;color:#c4c4cc}
.role-help summary{cursor:pointer;font-weight:600;min-height:40px;display:inline-flex;align-items:center}
.role-help dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 18px;margin:8px 0 0;padding:14px 16px;background:#141417;border-radius:12px}
.role-help dt{font-weight:700;color:#f4f4f5}.role-help dd{margin:0;color:#b4b4bc}
.user-list{display:flex;flex-direction:column}
.user-row{position:relative;display:grid;grid-template-columns:minmax(140px,1fr) 190px minmax(170px,.9fr) 190px 44px;gap:12px 16px;align-items:center;padding:10px 4px;border-top:1px solid #1d1d22}
.user-row.user-head{border-top:0;color:var(--muted);font-size:12px;padding-top:0}
.user-row.is-inactive .user-name strong{color:var(--muted)}
.user-name{display:flex;align-items:baseline;gap:8px;min-width:0}
.user-name strong{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-name small{color:var(--muted);font-size:12px}
.user-role select{width:100%;min-height:40px}
.user-role select:disabled{opacity:.7}
.user-pills{display:flex;flex-wrap:wrap;gap:6px}
.pill{font-size:12px;font-weight:600;padding:4px 9px;border-radius:999px;background:#1b1b1f;color:#c4c4cc;white-space:nowrap}
.pill-ok{background:rgba(61,214,140,.12);color:#7ee2a3}
.pill-warn{background:rgba(242,169,59,.14);color:#ffc27a}
.pill-muted{background:#1b1b1f;color:#c4c4cc}
.user-last{color:#c4c4cc;font-size:13px}
.user-last-label{display:none}
.row-menu{position:relative;justify-self:end}
.row-menu>summary{list-style:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;color:#e4e4e7}
.row-menu>summary::-webkit-details-marker{display:none}
.row-menu>summary:hover,.row-menu[open]>summary{background:#1f1f24}
.row-menu-list{position:absolute;right:0;top:44px;z-index:40;min-width:200px;padding:6px;display:flex;flex-direction:column;background:#1b1b1f;border:1px solid #34343b;border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.55)}
.row-menu-list button{justify-content:flex-start;text-align:left;min-height:40px;padding:0 12px;border:0;background:transparent;color:#f4f4f5;font-weight:600}
.row-menu-list button:hover{background:#26262c}
.row-menu-list .danger-item{color:#ff8a84}
.user-autosave-hint{margin:10px 4px 0;font-size:12px}

/* ---------- Diagnostics (feed panels moved here) ---------- */
.v17-feed-diag>.panel{margin-bottom:14px}

/* ---------- Mobile ---------- */
.mobile-group-list{display:flex;flex-direction:column;gap:6px;margin:6px 0 12px}
.mobile-group-link{display:flex;align-items:center;gap:14px;width:100%;min-height:64px;padding:10px 14px;border:0;border-radius:12px;background:#1f1f24;color:#f4f4f5;text-align:left}
.mobile-group-link .mobile-group-icon{color:#f4f4f5;display:flex}
.mobile-group-link strong{display:block;font-size:16px}
.mobile-group-link small{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.mobile-group-link.active{outline:1px solid #f4f4f5}

@media (max-width:900px){
  .ui-v19 .announcement-btn{position:fixed;right:16px;top:auto;bottom:calc(92px + env(safe-area-inset-bottom));z-index:49;width:52px;min-width:52px;height:52px;border-radius:50%;padding:0;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 32px rgba(0,0,0,.5)}
  .ui-v19 .announcement-btn span[data-i18n]{display:none}
  .ui-v19 .content{padding:0 12px 96px}
  .ui-v19 .server-summary{margin:0 -12px 12px;padding:10px 12px;background:rgba(11,11,13,.97);backdrop-filter:none;-webkit-backdrop-filter:none}
  .ui-v19 .mobile-bottom-nav{grid-template-columns:repeat(var(--mobile-cols,5),1fr);background:rgba(11,11,13,.98);border-color:#26262c;width:100%;border-radius:0;height:auto;padding:6px 6px calc(8px + env(safe-area-inset-bottom))}
  .ui-v19 .mobile-nav-btn{color:#8e8e96;gap:4px}
  .ui-v19 .mobile-nav-btn small{font-size:11px}
  .ui-v19 .mobile-nav-btn.active{color:#fff}
  .ui-v19 .mobile-more-sheet{background:#141417;border-color:#26262c}
  .group-heading{font-size:22px}
  .tab-row{flex-wrap:nowrap;overflow-x:auto;margin:0 -12px;padding:0 12px 2px}
  .tab-btn{flex:none;min-height:44px}
  #page-overview .dashboard-top{grid-template-columns:1fr 1fr}
  /* Player detail opens as bottom sheet */
  .ui-v19 .player-workspace .detail-panel.has-selection{display:block;position:fixed;left:0;right:0;bottom:0;top:auto;z-index:95;margin:0;max-height:86vh;min-height:0;overflow:auto;border-radius:20px 20px 0 0;border:1px solid #26262c;background:#141417;padding:18px 16px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -24px 60px rgba(0,0,0,.6)}
  .ui-v19 .player-workspace:has(.detail-panel.has-selection)::before{content:"";position:fixed;inset:0;z-index:94;background:rgba(0,0,0,.6)}
  .ui-v19 .player-card{grid-template-columns:28px minmax(0,1fr) auto 20px;min-height:64px}
  .ui-v19 .player-bulk-bar.has-selection{position:sticky;bottom:84px;z-index:20;box-shadow:0 12px 30px rgba(0,0,0,.5)}
  /* Users as cards */
  .user-row{grid-template-columns:minmax(0,1fr) 44px;gap:8px 10px;padding:12px 2px}
  .user-row.user-head{display:none}
  .user-name{grid-column:1;grid-row:1}
  .row-menu{grid-column:2;grid-row:1}
  .user-role,.user-pills,.user-last{grid-column:1/-1}
  .user-last-label{display:inline;color:var(--muted);margin-right:6px}
  .row-menu-list{position:fixed;left:12px;right:12px;top:auto;bottom:calc(84px + env(safe-area-inset-bottom));min-width:0}
}