﻿




/* Tin 2B final override: keep this at the physical end of the file. */



/* Tin 2B configurable typography must stay after responsive rules. */
/* System monitor */
.ux-pressed{transform:translateY(1px) scale(.985)!important;filter:saturate(1.08) brightness(.96);box-shadow:inset 0 0 0 999px rgba(0,180,216,.10)!important;transition:transform .08s ease,filter .08s ease,box-shadow .08s ease!important;}
button.ux-pressed,.dt-nav-item.ux-pressed,.ni.ux-pressed{outline:2px solid rgba(0,180,216,.28);outline-offset:2px;}
.ux-tab-tick{animation:uxTabTick .46s cubic-bezier(.2,.9,.28,1) both;}
@keyframes uxTabTick{
  0%{transform:translateY(0) scale(1);}
  18%{transform:translateY(1px) scale(.94) rotate(-1.2deg);}
  34%{transform:translateY(-1px) scale(1.03) rotate(1.1deg);}
  48%{transform:translateX(-1px) scale(1.01) rotate(-.8deg);}
  62%{transform:translateX(1px) scale(1) rotate(.7deg);}
  78%{transform:translateX(-.5px) scale(1) rotate(-.35deg);}
  100%{transform:translateY(0) scale(1) rotate(0);}
}
.monitor-wrap{display:grid;gap:14px;max-width:1180px;margin:0 auto;padding:8px 0 24px;}
.monitor-hero{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px;border:1px solid rgba(34,211,238,.22);border-radius:20px;background:linear-gradient(135deg,rgba(236,253,255,.92),rgba(255,255,255,.94));box-shadow:0 14px 40px rgba(15,23,42,.07);}
.monitor-kicker{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:var(--cyan);}
.monitor-hero h2{margin:2px 0 4px;font-family:'Roboto Condensed',sans-serif;font-size:28px;line-height:1;color:var(--tx);}
.monitor-hero p{margin:0;font-size:13px;color:var(--tx2);line-height:1.45;}
.monitor-refresh:not(.t2b-btn){border:0;border-radius:999px;background:var(--cyan);color:#fff;font-family:'Roboto Condensed',sans-serif;font-size:14px;font-weight:900;padding:12px 16px;box-shadow:0 12px 22px rgba(0,180,216,.24);white-space:nowrap;}
.monitor-filters{display:grid;grid-template-columns:150px minmax(170px,1fr) 170px auto;gap:10px;padding:12px;border:1px solid var(--bd);border-radius:18px;background:var(--surface);}
.monitor-filters input:not(.t2b-input),.monitor-filters select:not(.t2b-select),.monitor-filters button:not(.t2b-btn){height:42px;border:1px solid var(--bd2);border-radius:12px;background:var(--bg);color:var(--tx);font-weight:800;padding:0 12px;min-width:0;}
.monitor-filters button:not(.t2b-btn){background:var(--bg2);color:var(--tx2);cursor:pointer;}
.monitor-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;}
.monitor-stat{border:1px solid var(--bd);border-radius:18px;background:var(--surface);padding:14px;text-align:center;box-shadow:0 10px 28px rgba(15,23,42,.05);}
.monitor-stat b{display:block;font-family:'Roboto Condensed',sans-serif;font-size:26px;line-height:1;color:var(--cyan);}
.monitor-stat span{display:block;margin-top:5px;font-size:10px;font-weight:900;color:var(--tx3);text-transform:uppercase;letter-spacing:.05em;}
.monitor-stat.danger b{color:var(--red);}
.monitor-stat.warn b{color:var(--amber);}
.monitor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.monitor-ux-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:12px;border-bottom:1px solid var(--bd);background:linear-gradient(180deg,rgba(236,253,255,.44),rgba(255,255,255,.86));}
.monitor-ux-stat{border:1px solid var(--bd);border-radius:14px;background:var(--surface);padding:12px;text-align:center;}
.monitor-ux-stat b{display:block;font-family:'Roboto Condensed',sans-serif;font-size:24px;line-height:1;color:var(--cyan);}
.monitor-ux-stat span{display:block;margin-top:4px;font-size:10px;font-weight:900;color:var(--tx3);text-transform:uppercase;letter-spacing:.05em;}
.monitor-ux-stat.warn b{color:var(--amber);}
.monitor-ux-stat.danger b{color:var(--red);}
.monitor-grid.ux-grid{padding:12px;border-bottom:1px solid var(--bd);}
.monitor-ux-list{display:grid;}
.monitor-ux-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--bd);background:var(--surface);}
.monitor-ux-row.warn{background:linear-gradient(90deg,rgba(245,158,11,.08),transparent 58%);}
.monitor-ux-row.danger{background:linear-gradient(90deg,rgba(244,63,94,.08),transparent 58%);}
.monitor-ux-row b{display:block;font-size:13px;color:var(--tx);}
.monitor-ux-row span{display:block;margin-top:4px;font-size:11px;color:var(--tx3);line-height:1.35;}
.monitor-ux-row strong{font-family:'Roboto Condensed',sans-serif;font-size:18px;color:var(--tx);white-space:nowrap;}
.monitor-device-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:12px;border-bottom:1px solid var(--bd);background:linear-gradient(180deg,rgba(236,253,255,.38),rgba(255,255,255,.86));}
.monitor-device-summary-item{border:1px solid var(--bd);border-radius:14px;background:var(--surface);padding:10px 8px;text-align:center;min-width:0;}
.monitor-device-summary-item b{display:block;font-family:'Roboto Condensed',sans-serif;font-size:23px;line-height:1;color:var(--cyan);}
.monitor-device-summary-item span{display:block;margin-top:5px;font-size:10px;font-weight:900;color:var(--tx3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.monitor-device-list{display:grid;}
.monitor-device-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px 14px;border-bottom:1px solid var(--bd);background:var(--surface);}
.monitor-device-row:last-child{border-bottom:0;}
.monitor-device-avatar{width:34px;height:34px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--cyan-bg);color:var(--cyan);font-family:'Roboto Condensed',sans-serif;font-size:12px;font-weight:900;border:1px solid rgba(0,180,216,.25);}
.monitor-device-main,.monitor-device-right{min-width:0;}
.monitor-device-main b,.monitor-device-right b{display:block;font-size:13px;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.monitor-device-main span,.monitor-device-right span{display:block;margin-top:4px;font-size:11px;color:var(--tx3);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.monitor-device-right{text-align:right;max-width:150px;}
.monitor-device-right b{font-family:'Roboto Condensed',sans-serif;font-size:16px;color:var(--cyan);}
.monitor-card:not(.t2b-card){border:1px solid var(--bd);border-radius:18px;background:var(--surface);overflow:hidden;box-shadow:0 12px 34px rgba(15,23,42,.055);}
.monitor-card.wide{grid-column:1/-1;}
.monitor-card-head:not(.t2b-card-head){display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid var(--bd);background:linear-gradient(180deg,rgba(248,250,252,.9),rgba(255,255,255,.9));}
.monitor-card-head:not(.t2b-card-head) b{font-family:'Roboto Condensed',sans-serif;font-size:17px;color:var(--tx);}
.monitor-card-head:not(.t2b-card-head) span{font-size:10px;font-weight:900;color:var(--tx4);text-transform:uppercase;letter-spacing:.05em;text-align:right;}
.monitor-server-panel{display:grid;}
.monitor-server-sub{padding:10px 14px 0;font-size:11px;font-weight:900;color:var(--tx4);text-transform:uppercase;letter-spacing:.04em;}
.monitor-server-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 10px;background:rgba(16,185,129,.1);color:var(--green);}
.monitor-server-status.warn{background:rgba(245,158,11,.14);color:var(--amber);}
.monitor-server-status.danger{background:rgba(244,63,94,.12);color:var(--red);}
.monitor-server-range{display:flex;gap:6px;flex-wrap:wrap;padding:8px 14px 0;}
.monitor-server-range button{border:1px solid var(--bd2);border-radius:999px;background:var(--bg);color:var(--tx2);font-size:11px;font-weight:900;padding:6px 10px;cursor:pointer;}
.monitor-server-range button.active{border-color:var(--cyan);background:var(--cyan-bg);color:var(--cyan);}
.monitor-server-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:8px 14px;}
.monitor-server-metric{min-width:0;border:1px solid var(--bd);border-radius:10px;background:var(--bg);padding:6px 7px;}
.monitor-server-metric span{display:block;font-size:8px;font-weight:900;color:var(--tx4);text-transform:uppercase;letter-spacing:.02em;}
.monitor-server-metric b{display:block;margin-top:2px;font-family:'Roboto Condensed',sans-serif;font-size:15px;line-height:1;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.monitor-server-metric em{display:block;margin-top:2px;font-size:9px;font-style:normal;color:var(--tx3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.monitor-server-alerts{display:grid;gap:6px;padding:0 14px 12px;}
.monitor-server-alerts div{border:1px solid rgba(245,158,11,.22);border-radius:12px;background:rgba(245,158,11,.08);color:var(--amber);font-size:12px;font-weight:800;padding:8px 10px;}
.monitor-server-charts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:0 14px 12px;}
.monitor-server-chart{min-width:0;border:1px solid var(--bd);border-radius:14px;background:linear-gradient(180deg,var(--bg),var(--surface));padding:10px;text-align:left;cursor:pointer;}
.monitor-server-chart div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;}
.monitor-server-chart b{font-size:12px;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.monitor-server-chart span{font-family:'Roboto Condensed',sans-serif;font-size:16px;font-weight:900;color:var(--tx2);white-space:nowrap;}
.monitor-server-chart svg{display:block;width:100%;height:54px;overflow:visible;}
.monitor-chart-modal{position:fixed;inset:0;z-index:2000;background:rgba(15,23,42,.52);display:flex;align-items:center;justify-content:center;padding:18px;}
.monitor-chart-sheet{width:min(1120px,96vw);border:1px solid var(--bd);border-radius:18px;background:var(--surface);box-shadow:0 24px 80px rgba(15,23,42,.26);overflow:hidden;}
.monitor-chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--bd);background:var(--bg2);}
.monitor-chart-head b{font-family:'Roboto Condensed',sans-serif;font-size:22px;color:var(--tx);}
.monitor-chart-head span{display:block;margin-top:3px;font-size:11px;font-weight:900;color:var(--tx4);text-transform:uppercase;}
.monitor-chart-head button{border:0;border-radius:999px;background:var(--cyan);color:#fff;font-size:12px;font-weight:900;padding:8px 12px;cursor:pointer;}
.monitor-chart-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 16px;}
.monitor-chart-summary span{border:1px solid var(--bd);border-radius:12px;background:var(--bg);padding:9px 10px;font-size:11px;font-weight:900;color:var(--tx4);text-transform:uppercase;}
.monitor-chart-summary b{display:block;margin-top:4px;font-family:'Roboto Condensed',sans-serif;font-size:21px;color:var(--tx);}
.monitor-chart-sheet svg.large{width:100%;height:360px;padding:12px 16px 18px;box-sizing:border-box;}
.monitor-server-history,.monitor-server-events{display:grid;border-top:1px solid var(--bd);}
.monitor-server-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid var(--bd);background:var(--bg2);}
.monitor-server-section-title b{font-family:'Roboto Condensed',sans-serif;font-size:15px;color:var(--tx);}
.monitor-server-section-title span{font-size:10px;font-weight:900;color:var(--tx4);text-transform:uppercase;letter-spacing:.04em;text-align:right;}
.monitor-server-sample{display:grid;grid-template-columns:135px minmax(0,1fr) 92px;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--bd);}
.monitor-server-sample.warn{background:linear-gradient(90deg,rgba(245,158,11,.07),transparent 58%);}
.monitor-server-sample.danger{background:linear-gradient(90deg,rgba(244,63,94,.07),transparent 58%);}
.monitor-server-sample b{font-size:12px;color:var(--tx);white-space:nowrap;}
.monitor-server-sample span{font-size:12px;color:var(--tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.monitor-server-sample em{font-size:11px;font-style:normal;color:var(--tx4);text-align:right;white-space:nowrap;}
.monitor-server-event{display:grid;grid-template-columns:58px minmax(0,1fr) 120px;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--bd);}
.monitor-server-event span{border-radius:999px;background:var(--bg2);color:var(--tx3);font-size:10px;font-weight:900;text-transform:uppercase;text-align:center;padding:4px 6px;}
.monitor-server-event.warn span{background:rgba(245,158,11,.12);color:var(--amber);}
.monitor-server-event.danger span{background:rgba(244,63,94,.11);color:var(--red);}
.monitor-server-event b{font-size:12px;color:var(--tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.monitor-server-event em{font-size:11px;font-style:normal;color:var(--tx4);text-align:right;white-space:nowrap;}
.monitor-chip-row{display:flex;gap:8px;flex-wrap:wrap;padding:12px;}
.monitor-chip{display:flex;align-items:center;gap:8px;border:1px solid var(--bd2);border-radius:999px;background:var(--bg);color:var(--tx2);padding:8px 10px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;}
.monitor-chip:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(15,23,42,.08);}
.monitor-chip.active{border-color:var(--cyan);background:var(--cyan-bg);color:var(--cyan);}
.monitor-chip.warn.active{border-color:var(--amber);background:rgba(245,158,11,.12);color:var(--amber);}
.monitor-chip b{font-size:12px;}
.monitor-chip span{min-width:22px;height:22px;border-radius:999px;background:rgba(15,23,42,.06);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;}
.monitor-mini-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px;border-bottom:1px solid var(--bd);font-size:13px;color:var(--tx2);}
.monitor-mini-row:last-child{border-bottom:0;}
.monitor-mini-row b{font-family:'Roboto Condensed',sans-serif;font-size:17px;color:var(--tx);}
.monitor-muted,.monitor-empty,.monitor-loading{padding:22px 14px;text-align:center;color:var(--tx3);font-size:13px;}
.monitor-empty.error{color:var(--red);}
.monitor-list{display:grid;}
.monitor-log-row{padding:12px 14px;border-bottom:1px solid var(--bd);cursor:pointer;background:var(--surface);transition:background .16s ease;}
.monitor-log-row:hover{background:var(--bg2);}
.monitor-log-row.error{background:linear-gradient(90deg,rgba(244,63,94,.06),transparent 52%);}
.monitor-log-main{display:flex;align-items:center;gap:8px;min-width:0;}
.monitor-log-type{border-radius:999px;background:var(--bg2);color:var(--tx2);font-size:10px;font-weight:900;padding:4px 7px;white-space:nowrap;}
.monitor-log-row.error .monitor-log-type{background:rgba(244,63,94,.11);color:var(--red);}
.monitor-log-main b{font-size:13px;color:var(--tx);}
.monitor-log-main em{margin-left:auto;font-size:11px;color:var(--tx4);font-style:normal;white-space:nowrap;}
.monitor-log-sub{margin-top:6px;font-size:12px;color:var(--tx2);line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.monitor-log-row pre{display:none;margin:10px 0 0;padding:10px;border:1px solid var(--bd);border-radius:12px;background:var(--bg2);color:var(--tx2);font-size:11px;line-height:1.4;white-space:pre-wrap;word-break:break-word;}
.monitor-log-row.open pre{display:block;}
@media (max-width:767px){
  .monitor-wrap{gap:6px;padding:5px 8px 84px;}
  .monitor-hero{display:grid;grid-template-columns:minmax(0,1fr) 132px;align-items:center;gap:8px;border-radius:14px;padding:8px 10px;}
  .monitor-kicker{font-size:8px;letter-spacing:.06em;}
  .monitor-hero h2{font-size:20px;margin:0;line-height:.96;}
  .monitor-hero p{display:none;}
  .monitor-refresh:not(.t2b-btn){width:100%;height:30px;padding:0 8px;font-size:10.5px;box-shadow:0 5px 11px rgba(0,180,216,.16);}
  .monitor-filters{grid-template-columns:1fr 1fr;gap:5px;padding:6px;border-radius:13px;}
  .monitor-filters input:not(.t2b-input),.monitor-filters select:not(.t2b-select),.monitor-filters button:not(.t2b-btn){height:30px;border-radius:9px;padding:0 8px;font-size:10.8px;}
  .monitor-filters button:not(.t2b-btn){grid-column:auto;}
  .monitor-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;}
  .monitor-stat{border-radius:11px;padding:6px 2px;min-width:0;}
  .monitor-stat b{font-size:18px;}
  .monitor-stat span{margin-top:1px;font-size:6.8px;line-height:1;letter-spacing:0;}
  .monitor-ux-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:5px;}
  .monitor-ux-stat{border-radius:10px;padding:5px 2px;min-width:0;}
  .monitor-ux-stat b{font-size:17px;}
  .monitor-ux-stat span{margin-top:1px;font-size:6.7px;line-height:1;letter-spacing:0;}
  .monitor-stat:last-child{grid-column:auto;padding:6px 2px;}
  .monitor-grid{grid-template-columns:1fr;}
  .monitor-card:not(.t2b-card){border-radius:12px;box-shadow:0 4px 14px rgba(15,23,42,.035);}
  .monitor-card-head:not(.t2b-card-head){min-height:34px;padding:7px 9px;gap:5px;}
  .monitor-card-head:not(.t2b-card-head) b{font-size:14px;line-height:1.05;}
  .monitor-card-head:not(.t2b-card-head) span{font-size:7px;line-height:1.05;max-width:104px;letter-spacing:0;}
  .monitor-server-sub{padding:6px 9px 0;font-size:8px;letter-spacing:0;}
  .monitor-server-range{gap:4px;padding:5px 9px 0;}
  .monitor-server-range button{font-size:8px;padding:3px 6px;}
  .monitor-server-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:6px 9px;}
  .monitor-server-metric{border-radius:8px;padding:5px 4px;}
  .monitor-server-metric span{font-size:8px;letter-spacing:0;}
  .monitor-server-metric b{font-size:12px;}
  .monitor-server-metric em{font-size:7.5px;}
  .monitor-server-alerts{padding:0 9px 7px;gap:4px;}
  .monitor-server-alerts div{border-radius:9px;font-size:10px;padding:6px 8px;}
  .monitor-server-charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:0 9px 7px;}
  .monitor-server-chart{border-radius:10px;padding:7px;}
  .monitor-server-chart div{margin-bottom:5px;}
  .monitor-server-chart b{font-size:10px;}
  .monitor-server-chart span{font-size:13px;}
  .monitor-server-chart svg{height:42px;}
  .monitor-server-section-title{padding:7px 9px;gap:6px;}
  .monitor-server-section-title b{font-size:13px;}
  .monitor-server-section-title span{font-size:8px;letter-spacing:0;}
  .monitor-server-sample{grid-template-columns:1fr;gap:2px;padding:7px 9px;}
  .monitor-server-sample b{font-size:10.5px;}
  .monitor-server-sample span{font-size:10.5px;white-space:normal;line-height:1.25;}
  .monitor-server-sample em{font-size:9px;text-align:left;}
  .monitor-server-event{grid-template-columns:42px minmax(0,1fr);gap:6px;padding:7px 9px;}
  .monitor-server-event span{font-size:8px;padding:3px 5px;}
  .monitor-server-event b{font-size:10.5px;}
  .monitor-server-event em{grid-column:2;font-size:9px;text-align:left;}
  .monitor-chart-modal{padding:8px;}
  .monitor-chart-sheet{width:100%;border-radius:14px;}
  .monitor-chart-head{padding:10px 11px;}
  .monitor-chart-head b{font-size:18px;}
  .monitor-chart-summary{grid-template-columns:1fr 1fr 1fr;gap:5px;padding:8px 10px;}
  .monitor-chart-summary span{font-size:8px;padding:6px;}
  .monitor-chart-summary b{font-size:15px;}
  .monitor-chart-sheet svg.large{height:240px;padding:8px 10px 12px;}
  .monitor-grid.ux-grid{gap:5px;padding:5px;}
  .monitor-mini-row{padding:7px 9px;font-size:11px;}
  .monitor-muted,.monitor-empty,.monitor-loading{padding:10px 9px;font-size:11px;}
  .monitor-chip-row{gap:4px;padding:6px;}
  .monitor-chip{gap:4px;padding:5px 7px;}
  .monitor-chip b{font-size:10px;}
  .monitor-chip span{min-width:17px;height:17px;font-size:9px;}
  .monitor-ux-row{align-items:flex-start;flex-direction:column;gap:3px;padding:7px 9px;}
  .monitor-ux-row strong{font-size:14px;}
  .monitor-device-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:5px;}
  .monitor-device-summary-item{border-radius:10px;padding:6px 2px;}
  .monitor-device-summary-item b{font-size:17px;}
  .monitor-device-summary-item span{margin-top:2px;font-size:6.7px;line-height:1.05;}
  .monitor-device-row{grid-template-columns:auto 1fr;gap:8px;padding:8px 9px;}
  .monitor-device-avatar{width:30px;height:30px;font-size:10px;}
  .monitor-device-right{grid-column:2;max-width:none;text-align:left;display:flex;gap:8px;align-items:center;min-width:0;}
  .monitor-device-main b,.monitor-device-right b{font-size:12px;}
  .monitor-device-main span,.monitor-device-right span{font-size:10px;white-space:normal;}
  .monitor-log-row{padding:8px 9px;}
  .monitor-log-main{flex-wrap:wrap;}
  .monitor-log-main em{width:100%;margin-left:0;}
}

/* HISTORY FEED REDESIGN */





/* Members - static management cards */
#s-team{background:linear-gradient(180deg,#f3fbff 0%,#eef7fb 52%,#f8fbfd 100%);}
#s-team .content{background:transparent;padding:9px 8px 92px !important;}
#s-team .dt-team-grid:not(.t2b-card){display:grid;grid-template-columns:minmax(0,1fr);gap:9px;}
#s-team .bnr.team-member-card:not(.t2b-player-row){
  min-height:72px;
  padding:9px 9px 9px 10px !important;
  gap:9px;
  align-items:center;
  border:1px solid #dce8f1 !important;
  border-radius:18px;
  background:rgba(255,255,255,.96) !important;
  box-shadow:0 8px 22px rgba(15,23,42,.06);
  cursor:default;
  overflow:hidden;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;
}
#s-team .bnr.team-member-card:not(.t2b-player-row)::after{display:none;}
#s-team .bnr.team-member-card:not(.t2b-player-row):hover{
  border-color:#bcd6e7 !important;
  box-shadow:0 13px 28px rgba(15,23,42,.09);
  transform:translateY(-1px);
}
#s-team .bnr.team-member-card:not(.t2b-player-row):active{
  background:#f8fcff !important;
  box-shadow:0 7px 18px rgba(15,23,42,.08);
  transform:scale(.992);
}
#s-team .bnr.team-member-card:not(.t2b-player-row).me{
  border-left:4px solid var(--cyan) !important;
  background:linear-gradient(180deg,#ffffff,#f7fcff) !important;
}
#s-team .team-avatar-wrap:not(.t2b-player-media){position:relative;flex:0 0 auto;width:46px;height:46px;}
#s-team .team-avatar-wrap:not(.t2b-player-media) .av{width:46px;height:46px;font-size:13px;box-shadow:inset 0 1px 0 rgba(255,255,255,.24);}
#s-team .team-rank:not(.t2b-player-index){
  position:absolute;
  left:-3px;
  bottom:-3px;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#ffffff;
  border:1px solid #cfe0eb;
  color:#486274;
  font-family:"Roboto Condensed",Arial,sans-serif;
  font-size:10px;
  font-weight:950;
  box-shadow:0 4px 10px rgba(15,23,42,.11);
}
#s-team .team-member-main:not(.t2b-player-main){min-width:0;flex:1 1 auto;}
#s-team .team-name-row{gap:5px;flex-wrap:nowrap;min-width:0;}
#s-team .team-nick:not(.t2b-player-name){
  min-width:0;
  max-width:100%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#162330;
  font-size:15px;
  font-weight:950;
}
#s-team .team-role-chip:not(.t2b-chip),
#s-team .team-status-chip:not(.t2b-chip){
  flex:0 0 auto;
  height:20px;
  padding:0 7px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  border:1px solid transparent;
  font-size:9.5px;
  font-weight:950;
  line-height:1;
  white-space:nowrap;
}
#s-team .team-role-chip.member{background:#eef5f8;color:#557081;border-color:#d8e7ef;}
#s-team .team-role-chip.admin{background:#e8f7fb;color:#087d95;border-color:#bfeaf2;}
#s-team .team-role-chip.super{background:#fff3d6;color:#9b6900;border-color:#f5d384;}
#s-team .team-status-chip:not(.t2b-chip){background:#eaf9ef;color:#16844c;border-color:#c7ecd4;}
#s-team .team-meta-line:not(.t2b-player-meta){
  margin-top:4px;
  color:#66778a;
  font-size:11.5px;
  font-weight:800;
  line-height:1.28;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
#s-team .team-actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
}
#s-team .team-action-btn{
  min-width:42px;
  min-height:32px;
  padding:0 10px;
  border:1px solid #d3e2ec;
  border-radius:999px;
  background:#fff;
  color:#405668;
  font-size:11px;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 2px 8px rgba(15,23,42,.04);
  transition:transform .14s ease,background .14s ease,border-color .14s ease,color .14s ease;
}
#s-team .team-action-btn:hover{background:#f3fbff;border-color:#a9d8e3;color:#087d95;}
#s-team .team-action-btn:active{transform:scale(.95);}
#s-team .team-action-btn.danger{color:#c63d4c;border-color:#f0cbd1;background:#fff8fa;}
#s-team .team-action-btn.danger:hover{background:#ffedf1;border-color:#e8aab4;color:#b42335;}

@media(max-width:420px){
  #s-team .content{padding-left:7px !important;padding-right:7px !important;}
  #s-team .bnr.team-member-card:not(.t2b-player-row){grid-template-columns:auto minmax(0,1fr) auto;padding-right:7px !important;}
  #s-team .team-actions{flex-direction:column;gap:5px;}
  #s-team .team-action-btn{min-width:38px;min-height:28px;padding:0 8px;font-size:10.5px;}
  #s-team .team-meta-line:not(.t2b-player-meta){font-size:11px;-webkit-line-clamp:2;}
}
@media(min-width:768px){
  #s-team .content{padding:12px 18px 24px !important;}
  #s-team .dt-team-grid:not(.t2b-card){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  #s-team .dt-team-grid:not(.t2b-card) .bnr:not(.t2b-player-row){border-right:1px solid #dce8f1 !important;border-bottom:1px solid #dce8f1 !important;}
  #s-team .team-meta-line:not(.t2b-player-meta){-webkit-line-clamp:1;}
}
@media(min-width:1200px){
  #s-team .dt-team-grid:not(.t2b-card){grid-template-columns:repeat(3,minmax(0,1fr));}
}

/* Members production redesign - header and form sheets */
#s-team > div[style*="position:absolute"]{display:none!important;}
#s-team .team-hero-card:not(.t2b-card){
  background:rgba(255,255,255,.94);
  border:1px solid #e7edf4;
  border-radius:18px;
  box-shadow:0 8px 22px rgba(15,23,42,.055);
  padding:10px;
  margin-bottom:10px;
}
#s-team .team-hero-top{display:flex;align-items:center;gap:9px;min-width:0;}
#s-team .team-hero-mark:not(.t2b-hero-mark){
  width:34px;height:34px;border-radius:50%;
  background:linear-gradient(135deg,#ff622d,#ec4899);
  color:#fff;display:grid;place-items:center;
  font-size:12px;font-weight:950;flex-shrink:0;
  box-shadow:0 7px 16px rgba(236,72,153,.15);
}
#s-team .team-hero-title{flex:1;min-width:0;}
#s-team .team-hero-title:not(.t2b-title) b{
  display:block;color:#151b23;font-size:18px;font-weight:950;line-height:1;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#s-team .team-hero-title:not(.t2b-title) span{
  display:block;margin-top:4px;color:#66758a;font-size:11.5px;font-weight:750;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#s-team .team-add-btn:not(.t2b-btn){
  width:38px;height:38px;border:0;border-radius:14px;
  background:var(--cyan);color:#fff;font-size:22px;line-height:1;font-weight:950;
  box-shadow:0 9px 18px rgba(8,182,213,.20);
  transition:transform .14s ease,filter .14s ease;
}
#s-team .team-add-btn:not(.t2b-btn):hover{filter:brightness(.98);}
#s-team .team-add-btn:not(.t2b-btn):active{transform:scale(.95);}
#s-team .team-summary-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px;
}
#s-team .team-summary-grid div{
  min-width:0;background:#fff;border:1px solid #dde7f0;border-radius:16px;
  box-shadow:0 4px 14px rgba(15,23,42,.035);
  padding:8px 5px;text-align:center;
}
#s-team .team-summary-grid b{display:block;color:#111827;font-size:19px;line-height:1;font-weight:950;}
#s-team .team-summary-grid span{
  display:block;margin-top:4px;color:#8a94a6;font-size:9.5px;text-transform:uppercase;
  font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#s-team .team-search-line{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:8px;margin-top:10px;}
#s-team .team-search-wrap:not(.t2b-search){position:relative;min-width:0;}
#s-team .team-search-wrap:not(.t2b-search) input{
  width:100%;height:38px;border:1px solid #dce3ec;border-radius:999px;
  background:#fbfdff;padding:0 34px 0 13px;color:#111827;font-size:12.5px;
  font-weight:800;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
#s-team .team-search-wrap:not(.t2b-search) input:focus,
#s-team .team-level-select:not(.t2b-select):focus{
  border-color:rgba(8,182,213,.45);background:#fff;box-shadow:0 0 0 4px rgba(8,182,213,.09);
}
#s-team .team-search-wrap:not(.t2b-search) span{
  position:absolute;right:12px;top:8px;color:#94a3b8;font-size:16px;font-weight:900;pointer-events:none;
}
#s-team .team-level-select:not(.t2b-select){
  min-width:0;height:38px;border:1px solid #dce3ec;border-radius:13px;background:#fff;
  color:#526072;padding:0 9px;font-size:12px;font-weight:850;outline:none;
}
#s-team .team-filter-row{display:flex;gap:7px;overflow-x:auto;margin-top:9px;padding-bottom:1px;scrollbar-width:none;}
#s-team .team-filter-row::-webkit-scrollbar{display:none;}
#s-team .team-filter-chip:not(.t2b-chip){
  flex:0 0 auto;height:31px;border:1px solid #dde6ef;border-radius:999px;background:#fff;
  color:#66758a;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex;
  align-items:center;gap:6px;box-shadow:0 3px 10px rgba(15,23,42,.025);
}
#s-team .team-filter-chip:not(.t2b-chip) b{
  min-width:18px;height:18px;border-radius:999px;background:#f1f5f9;color:#66758a;
  display:grid;place-items:center;font-size:10px;font-weight:950;
}
#s-team .team-filter-chip:not(.t2b-chip).active{background:#e4f9fd;color:#0786a0;border-color:rgba(8,182,213,.25);}
#s-team .team-filter-chip:not(.t2b-chip).active b{background:#fff;color:#0786a0;}
#s-team .team-filter-chip:not(.t2b-chip).admin.active{background:#fff7d6;color:#b77900;border-color:rgba(246,179,0,.28);}
#s-team .team-filter-chip:not(.t2b-chip).admin.active b{color:#b77900;}
#s-team .team-section-title:not(.t2b-section-title){
  height:31px;display:flex;align-items:center;justify-content:space-between;
  padding:8px 2px 0;color:#66758a;text-transform:uppercase;font-size:11px;
  font-weight:900;letter-spacing:.32px;
}
#s-team .team-section-title:not(.t2b-section-title) span{display:flex;align-items:center;gap:6px;min-width:0;}
#s-team .team-section-title:not(.t2b-section-title) i{width:7px;height:7px;border-radius:50%;background:#08b6d5;display:inline-block;}
#s-team .team-section-title:not(.t2b-section-title) em{font-style:normal;color:#9aa4b2;font-size:10px;white-space:nowrap;}
#s-team .team-empty-card:not(.t2b-empty-state){
  grid-column:1/-1;background:#fff;border:1px dashed #cbd5e1;border-radius:18px;
  box-shadow:0 8px 22px rgba(15,23,42,.045);padding:20px 14px;text-align:center;
}
#s-team .team-empty-card:not(.t2b-empty-state) b{display:block;color:#151b23;font-size:15px;font-weight:950;}
#s-team .team-empty-card:not(.t2b-empty-state) span{display:block;margin-top:6px;color:#64748b;font-size:12.5px;line-height:1.4;}
#s-team .team-bottom-space{height:16px;}

#add-member-modal .member-modal-box,
#edit-member-modal .member-modal-box{
  width:100%;max-width:620px;max-height:92vh;margin:0 auto;
  background:#fff;border:1px solid #e7edf4;border-bottom:0;border-radius:26px 26px 0 0;
  box-shadow:0 -18px 44px rgba(15,23,42,.22);
  display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;
}
#add-member-modal .member-modal-head,
#edit-member-modal .member-modal-head{
  height:auto;min-height:62px;padding:14px 16px 12px;border-bottom:1px solid #dde7f0;
  background:linear-gradient(90deg,#fff,#f8fcff);display:flex;align-items:center;justify-content:space-between;gap:10px;
}
#add-member-modal .member-modal-title b,
#edit-member-modal .member-modal-title b{
  display:block;color:#111827;font-family:"Roboto Condensed",Arial,sans-serif;font-size:20px;font-weight:950;line-height:1;
}
#add-member-modal .member-modal-title span,
#edit-member-modal .member-modal-title span{
  display:block;margin-top:4px;color:#8a94a6;font-size:11.5px;font-weight:850;
}
#add-member-modal .member-modal-body,
#edit-member-modal .member-modal-body{
  min-height:0;overflow:auto;padding:12px;display:grid;grid-template-columns:1fr;gap:10px;background:#f7fbfd;
}
#add-member-modal .member-profile,
#edit-member-modal .member-profile{
  border:1px solid #dde7f0;border-radius:18px;background:#fff;padding:10px;
  display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center;
  box-shadow:0 6px 18px rgba(15,23,42,.045);
}
#add-member-modal .member-avatar,
#edit-member-modal .member-avatar{
  width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#08b6d5,#13b981);
  color:#fff;display:flex;align-items:center;justify-content:center;
  font-family:"Roboto Condensed",Arial,sans-serif;font-weight:950;font-size:15px;
  box-shadow:0 7px 16px rgba(8,182,213,.16);
}
#add-member-modal .member-profile b,
#edit-member-modal .member-profile b{
  display:block;color:#151b23;font-size:16px;font-weight:950;line-height:1.1;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#add-member-modal .member-profile span,
#edit-member-modal .member-profile span{
  display:block;margin-top:4px;color:#66758a;font-size:11.5px;font-weight:750;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#add-member-modal .member-tags,
#edit-member-modal .member-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px;}
#add-member-modal .member-tags i,
#edit-member-modal .member-tags i{
  font-style:normal;height:21px;border:1px solid #edf1f6;background:#f8fafc;border-radius:999px;
  padding:0 7px;color:#66758a;font-size:9.5px;font-weight:950;display:inline-flex;align-items:center;
}
#add-member-modal .member-fields,
#edit-member-modal .member-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start;}
#add-member-modal .member-form-stack,
#edit-member-modal .member-form-stack{min-width:0;display:grid;gap:10px;align-content:start;}
#add-member-modal .member-field,
#edit-member-modal .member-field{min-width:0;}
#add-member-modal .member-field.x2,
#edit-member-modal .member-field.x2{grid-column:span 2;}
#add-member-modal .member-field.x4,
#edit-member-modal .member-field.x4{grid-column:span 2;}
#add-member-modal .member-label,
#edit-member-modal .member-label{
  margin:0 0 5px 2px;color:#8a94a6;font-size:10px;text-transform:uppercase;
  letter-spacing:.22px;font-weight:950;line-height:1.1;
}
#add-member-modal .member-field .fi,
#edit-member-modal .member-field .fi{
  width:100%;height:40px;min-height:40px;border:1px solid #dce3ec;border-radius:13px;
  background:#fbfdff;padding:0 11px;color:#111827;font-size:13px;font-weight:800;outline:none;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
#add-member-modal .member-field textarea.fi,
#edit-member-modal .member-field textarea.fi{
  height:66px;min-height:66px;padding:10px 11px;line-height:1.35;resize:none;
}
#add-member-modal .member-field .fi:focus,
#edit-member-modal .member-field .fi:focus{
  border-color:rgba(8,182,213,.45);background:#fff;box-shadow:0 0 0 4px rgba(8,182,213,.09);
}
#add-member-modal .member-field.req .fi,
#edit-member-modal .member-field.req .fi{
  border-color:rgba(246,179,0,.38);background:#fffdf4;
}
#add-member-modal .member-field.req .member-label:after,
#edit-member-modal .member-field.req .member-label:after{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#f6b300;margin-left:5px;vertical-align:middle;}
#edit-member-modal .member-admin-band{
  grid-column:span 2;border:1px solid rgba(246,179,0,.24);background:#fffdf4;
  border-radius:15px;padding:9px;display:grid;grid-template-columns:1fr 1fr;gap:8px;
}
#edit-member-modal .member-admin-title{
  grid-column:span 2;display:flex;justify-content:space-between;gap:8px;
  color:#b77900;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.22px;
}
#edit-member-modal .member-password-card{
  border:1px solid #dde7f0;background:#fff;border-radius:16px;padding:9px;
  display:grid;grid-template-columns:minmax(0,1fr);gap:8px;box-shadow:0 5px 16px rgba(15,23,42,.035);
}
#edit-member-modal .member-password-btn{
  height:39px;border:1px solid #d3e2ec;border-radius:13px;background:#f8fafc;
  color:#405668;font-size:12px;font-weight:950;padding:0 12px;
}
#add-member-modal .member-modal-foot,
#edit-member-modal .member-modal-foot{
  min-height:58px;border-top:1px solid #dde7f0;background:rgba(255,255,255,.96);
  display:flex;gap:8px;padding:9px 10px;
}
#add-member-modal .member-modal-foot button,
#edit-member-modal .member-modal-foot button{
  flex:1;min-height:40px;border-radius:15px;font-family:"Roboto Condensed",Arial,sans-serif;
  font-size:13px;font-weight:950;letter-spacing:0;
}
#add-member-modal .member-cancel,
#edit-member-modal .member-cancel{background:#f1f5f9;border:1px solid #dde7f0!important;color:#475569;}
#add-member-modal .member-save,
#edit-member-modal .member-save{background:var(--cyan);border:0;color:#fff;box-shadow:0 10px 22px rgba(8,182,213,.18);}
#edit-member-modal #btn-delete-member{
  flex:0 0 74px;min-width:74px;background:#fff8fa!important;border-color:rgba(244,63,94,.26)!important;color:#d11a42!important;
}

@media(max-width:380px){
  #s-team .team-search-line{grid-template-columns:1fr;}
  #s-team .team-level-select:not(.t2b-select){width:100%;}
  #add-member-modal .member-modal-body,
  #edit-member-modal .member-modal-body{padding:10px;}
  #add-member-modal .member-fields,
  #edit-member-modal .member-fields{gap:7px;}
}
@media(min-width:768px){
  #s-team .team-hero-card:not(.t2b-card){padding:12px;margin-bottom:12px;}
  #s-team .team-hero-title:not(.t2b-title) b{font-size:22px;}
  #s-team .team-search-line{grid-template-columns:minmax(0,1fr) 140px;}
  #add-member-modal,
  #edit-member-modal{align-items:center;}
  #add-member-modal .member-modal-box,
  #edit-member-modal .member-modal-box{
    max-width:980px;height:min(720px,calc(100vh - 48px));max-height:calc(100vh - 48px);
    border-radius:24px;border-bottom:1px solid #e7edf4;box-shadow:0 18px 48px rgba(15,23,42,.18);
  }
  #add-member-modal .member-modal-body,
  #edit-member-modal .member-modal-body{grid-template-columns:286px minmax(0,1fr);gap:12px;padding:12px;}
  #add-member-modal .member-profile,
  #edit-member-modal .member-profile{align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;padding:14px;}
  #add-member-modal .member-avatar,
  #edit-member-modal .member-avatar{width:66px;height:66px;font-size:23px;}
  #add-member-modal .member-profile b,
  #edit-member-modal .member-profile b{font-size:22px;}
  #add-member-modal .member-profile span,
  #edit-member-modal .member-profile span{font-size:12px;white-space:normal;line-height:1.35;}
  #add-member-modal .member-fields,
  #edit-member-modal .member-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;}
  #add-member-modal .member-field.x2,
  #edit-member-modal .member-field.x2{grid-column:span 2;}
  #add-member-modal .member-field.x4,
  #edit-member-modal .member-field.x4{grid-column:span 4;}
  #add-member-modal .member-field .fi,
  #edit-member-modal .member-field .fi{height:41px;min-height:41px;font-size:13px;}
  #add-member-modal .member-field textarea.fi,
  #edit-member-modal .member-field textarea.fi{height:70px;min-height:70px;}
  #edit-member-modal .member-admin-band{grid-column:span 4;grid-template-columns:repeat(4,minmax(0,1fr));padding:10px;gap:9px;}
  #edit-member-modal .member-admin-title{grid-column:span 4;}
  #edit-member-modal .member-password-card{grid-template-columns:minmax(0,1fr) 150px;align-items:end;padding:10px;gap:9px;}
  #add-member-modal .member-modal-foot,
  #edit-member-modal .member-modal-foot{justify-content:flex-end;padding:10px 14px;}
  #add-member-modal .member-modal-foot button,
  #edit-member-modal .member-modal-foot button{flex:0 0 140px;}
  #edit-member-modal #btn-delete-member{flex:0 0 92px;min-width:92px;}
}

/* Members compact header + external password reset */
#s-team .team-hero-card:not(.t2b-card){
  padding:8px;
  margin-bottom:8px;
  border-radius:16px;
}
#s-team .team-hero-top{gap:8px;}
#s-team .team-hero-mark:not(.t2b-hero-mark){
  width:30px;
  height:30px;
  font-family:"Roboto Condensed",Arial,sans-serif;
  font-size:11px;
}
#s-team .team-hero-title:not(.t2b-title) b{
  font-family:"Roboto Condensed",Arial,sans-serif;
  font-size:17px;
  font-weight:950;
  letter-spacing:0;
}
#s-team .team-hero-title:not(.t2b-title) span{
  margin-top:2px;
  font-size:10.5px;
  font-weight:800;
}
#s-team .team-add-btn:not(.t2b-btn){
  width:34px;
  height:34px;
  border-radius:13px;
  font-size:21px;
  flex-shrink:0;
}
#s-team .team-summary-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
  margin-top:7px;
}
#s-team .team-summary-grid div{
  border-radius:12px;
  padding:5px 4px;
  box-shadow:0 3px 10px rgba(15,23,42,.025);
}
#s-team .team-summary-grid b{font-size:16px;}
#s-team .team-summary-grid span{
  margin-top:2px;
  font-size:8.5px;
  letter-spacing:.15px;
}
#s-team .team-level-stats{
  margin-top:7px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(54px,1fr));
  gap:5px;
  max-height:49px;
  overflow:hidden;
}
#s-team .team-level-stat:not(.t2b-chip){
  min-width:0;
  height:22px;
  border:1px solid #dde7f0;
  border-radius:999px;
  background:#fff;
  color:#526072;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  padding:0 7px;
  font-family:"Roboto Condensed",Arial,sans-serif;
  box-shadow:0 2px 8px rgba(15,23,42,.025);
}
#s-team .team-level-stat:not(.t2b-chip) span{
  font-size:11px;
  font-weight:950;
  line-height:1;
}
#s-team .team-level-stat:not(.t2b-chip) b{
  min-width:15px;
  height:15px;
  border-radius:999px;
  background:#eef5f8;
  color:#557081;
  display:grid;
  place-items:center;
  font-size:9px;
  font-weight:950;
  line-height:1;
}
#s-team .team-level-stat:not(.t2b-chip).active{
  background:#e4f9fd;
  border-color:rgba(8,182,213,.25);
  color:#0786a0;
}
#s-team .team-level-stat:not(.t2b-chip).active b{
  background:#fff;
  color:#0786a0;
}
#s-team .team-level-empty{
  height:22px;
  border:1px dashed #cbd5e1;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#8a94a6;
  font-size:10.5px;
  font-weight:850;
}
#s-team .team-tools-row:not(.t2b-team-tools){
  display:grid;
  grid-template-columns:minmax(0,1fr) 106px;
  gap:6px;
  margin-top:7px;
  align-items:center;
}
#s-team .team-search-line{display:none;}
#s-team .team-search-wrap:not(.t2b-search) input{
  height:34px;
  font-family:"Roboto",Arial,sans-serif;
  font-size:12px;
  padding-left:12px;
  padding-right:30px;
}
#s-team .team-search-wrap:not(.t2b-search) span{
  top:6px;
  right:10px;
  font-size:15px;
}
#s-team .team-level-select:not(.t2b-select){
  height:34px;
  border-radius:12px;
  font-size:11.5px;
  padding:0 7px;
}
#s-team .team-filter-row{
  grid-column:1/-1;
  margin-top:0;
  gap:5px;
}
#s-team .team-filter-chip:not(.t2b-chip){
  height:27px;
  padding:0 8px;
  font-size:11px;
  gap:5px;
}
#s-team .team-filter-chip:not(.t2b-chip) b{
  min-width:16px;
  height:16px;
  font-size:9px;
}
#s-team .team-section-title:not(.t2b-section-title){
  height:24px;
  padding-top:5px;
  font-size:10px;
}
#s-team .team-section-title:not(.t2b-section-title) em{font-size:9.5px;}
#s-team .bnr.team-member-card:not(.t2b-player-row){
  min-height:66px;
  padding:8px 8px 8px 9px !important;
  border-radius:16px;
  gap:8px;
}
#s-team .team-avatar-wrap:not(.t2b-player-media),
#s-team .team-avatar-wrap:not(.t2b-player-media) .av{
  width:42px;
  height:42px;
}
#s-team .team-rank:not(.t2b-player-index){
  min-width:18px;
  height:18px;
  font-size:9px;
}
#s-team .team-nick:not(.t2b-player-name){font-size:14.5px;}
#s-team .team-role-chip:not(.t2b-chip),
#s-team .team-status-chip:not(.t2b-chip){
  height:18px;
  padding:0 6px;
  font-size:9px;
}
#s-team .team-meta-line:not(.t2b-player-meta){
  margin-top:3px;
  font-size:10.8px;
}
#s-team .team-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  width:92px;
  gap:4px;
}
#s-team .team-actions:empty{display:none;}
#s-team .team-action-btn{
  min-width:0;
  min-height:26px;
  padding:0 7px;
  border-radius:999px;
  font-size:10px;
  font-family:"Roboto",Arial,sans-serif;
  letter-spacing:0;
}
#s-team .team-action-btn.reset{
  grid-column:1/-1;
  background:#f8fafc;
  border-color:#dce3ec;
  color:#526072;
}
#s-team .team-action-btn.reset:hover{
  background:#eef6f9;
  border-color:#c9dbe7;
  color:#0786a0;
}
#edit-member-modal .member-password-card{display:none!important;}
.reset-member-box{
  width:min(380px,calc(100vw - 24px));
  margin:auto;
  background:#fff;
  border:1px solid #e7edf4;
  border-radius:22px;
  box-shadow:0 18px 44px rgba(15,23,42,.22);
  overflow:hidden;
}
.reset-member-head{
  padding:14px 15px 12px;
  border-bottom:1px solid #dde7f0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  background:linear-gradient(90deg,#fff,#f8fcff);
}
.reset-member-head b{
  display:block;
  color:#111827;
  font-family:"Roboto Condensed",Arial,sans-serif;
  font-size:19px;
  font-weight:950;
  line-height:1;
}
.reset-member-head span{
  display:block;
  margin-top:4px;
  color:#8a94a6;
  font-size:11px;
  font-weight:850;
}
.reset-member-close{
  width:36px;
  height:36px;
  border:0;
  border-radius:50%;
  background:#f1f5f9;
  color:#475569;
  font-size:22px;
  line-height:1;
}
.reset-member-body{padding:12px;display:grid;gap:10px;}
.reset-member-target{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:10px;
  align-items:center;
  border:1px solid #dde7f0;
  border-radius:16px;
  background:#fbfdff;
  padding:10px;
}
.reset-member-avatar{
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#08b6d5,#13b981);
  color:#fff;
  font-family:"Roboto Condensed",Arial,sans-serif;
  font-size:14px;
  font-weight:950;
}
.reset-member-target b{
  display:block;
  color:#151b23;
  font-size:14px;
  font-weight:950;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.reset-member-target span{
  display:block;
  margin-top:3px;
  color:#66758a;
  font-size:11.5px;
  font-weight:750;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.reset-member-note{
  border:1px solid rgba(246,179,0,.24);
  border-radius:15px;
  background:#fffdf4;
  color:#7a5a0a;
  padding:10px;
  font-size:12px;
  font-weight:800;
  line-height:1.45;
}
.reset-member-note b{font-weight:950;}
.reset-member-result{display:none;border-radius:14px;padding:9px 10px;font-size:12px;font-weight:850;line-height:1.35;}
.reset-member-result.show{display:block;border:1px solid #dde7f0;background:#f8fafc;color:#526072;}
.reset-member-result.ok{border-color:rgba(19,185,129,.20);background:#f0fff8;color:#047857;}
.reset-member-result.err{border-color:rgba(244,63,94,.18);background:#fff7f8;color:#be123c;}
.reset-member-actions{
  border-top:1px solid #dde7f0;
  background:rgba(255,255,255,.96);
  display:grid;
  grid-template-columns:1fr 1.35fr;
  gap:8px;
  padding:10px;
}
.reset-member-actions button{
  min-height:40px;
  border-radius:14px;
  font-family:"Roboto Condensed",Arial,sans-serif;
  font-size:13px;
  font-weight:950;
}
.reset-member-cancel{border:1px solid #dde7f0;background:#f1f5f9;color:#475569;}
.reset-member-submit{border:0;background:#f43f5e;color:#fff;box-shadow:0 10px 22px rgba(244,63,94,.18);}
@media(max-width:420px){
  #s-team .content{padding-top:7px!important;}
  #s-team .team-tools-row:not(.t2b-team-tools){grid-template-columns:minmax(0,1fr) 100px;}
  #s-team .team-actions{
    width:86px;
    grid-template-columns:1fr 1fr;
    gap:4px;
  }
  #s-team .team-action-btn{min-height:24px;padding:0 5px;font-size:9.5px;}
  #s-team .team-action-btn.reset{font-size:9.5px;}
}
@media(min-width:768px){
  #s-team .team-hero-card:not(.t2b-card){padding:9px 10px;margin-bottom:10px;}
  #s-team .team-hero-title:not(.t2b-title) b{font-size:18px;}
  #s-team .team-tools-row:not(.t2b-team-tools){
    grid-template-columns:minmax(180px,1fr) 126px auto;
    gap:7px;
  }
  #s-team .team-filter-row{grid-column:auto;justify-content:flex-end;}
  #s-team .team-filter-chip:not(.t2b-chip){height:30px;}
  #s-team .team-summary-grid div{padding:6px 5px;}
  #s-team .team-actions{width:98px;}
}

/* Members/Profile final compact pass */
#s-team .team-level-stats{
  display:grid;
  grid-template-rows:repeat(2,22px);
  gap:5px;
  max-height:none;
  overflow-x:auto;
  overflow-y:hidden;
  padding:1px 1px 2px;
  scrollbar-width:none;
}
#s-team .team-level-stats::-webkit-scrollbar{display:none;}
#s-team .team-level-row{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(52px,1fr);
  gap:5px;
  min-width:0;
}
#s-team .team-level-stat:not(.t2b-chip){
  width:100%;
  height:22px;
  min-width:0;
  justify-content:center;
}
#s-team .team-filter-chip:not(.t2b-chip) b{display:none;}
#s-team .team-hero-card:not(.t2b-card) .team-summary-grid{display:none!important;}
#s-team .team-tools-row:not(.t2b-team-tools){
  align-items:center;
}
#s-team .team-search-wrap:not(.t2b-search) input,
#s-team .team-level-select:not(.t2b-select),
#s-team .team-filter-chip:not(.t2b-chip){
  font-family:"Roboto",Arial,sans-serif;
  letter-spacing:0;
}
#s-team .team-filter-row{
  min-width:0;
  flex-wrap:nowrap;
}
#s-team .team-name-row{
  display:flex;
  align-items:center;
}
#s-team .team-action-btn{
  touch-action:manipulation;
}
#s-team .team-action-btn.reset{
  white-space:nowrap;
}
#add-member-modal .member-modal-box,
#edit-member-modal .member-modal-box{
  font-family:"Roboto",Arial,sans-serif;
}
#add-member-modal .member-modal-title b,
#edit-member-modal .member-modal-title b,
#add-member-modal .member-save,
#edit-member-modal .member-save,
#add-member-modal .member-cancel,
#edit-member-modal .member-cancel{
  font-family:"Roboto Condensed",Arial,sans-serif;
  letter-spacing:0;
}
#add-member-modal .member-modal-body,
#edit-member-modal .member-modal-body{
  overscroll-behavior:contain;
}
#add-member-modal .member-field .fi,
#edit-member-modal .member-field .fi{
  min-width:0;
}
#add-member-modal .member-field textarea.fi,
#edit-member-modal .member-field textarea.fi{
  max-height:82px;
}
#edit-member-modal .member-admin-band{
  align-items:start;
}
#edit-member-modal .member-password-card{
  display:none!important;
}
.top-profile-btn,
.dt-user-av{
  position:relative;
  z-index:2;
}
.profile-modal{
  z-index:14000;
  padding-top:var(--st);
  background:rgba(15,23,42,.46);
}
.profile-sheet{
  width:min(420px,calc(100vw - 10px));
  max-width:calc(100vw - 10px);
  height:calc(100vh - var(--st));
  height:calc(100dvh - var(--st));
  border-radius:22px 0 0 22px;
}
.profile-sheet.profile-sheet-wide{
  width:min(560px,calc(100vw - 10px));
}
.profile-sheet-head{
  min-height:54px;
  padding:9px 11px;
}
.profile-body{
  padding:10px;
}
.profile-main-card{
  padding:12px;
  border-radius:18px;
}
.profile-avatar-lg{
  width:56px;
  height:56px;
  font-size:17px;
}
.profile-main h2{
  font-size:22px;
  letter-spacing:0;
}
.profile-chip-row{
  gap:4px;
}
.profile-chip-row span{
  min-height:20px;
  padding:2px 7px;
  font-size:9.5px;
}
.profile-actions{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.profile-action-card{
  min-height:52px;
  padding:8px;
  border-radius:15px;
}
.profile-action-card i{
  width:30px;
  height:30px;
  border-radius:11px;
}
.profile-action-card div{
  font-size:12.5px;
}
.profile-action-card span{
  font-size:10.5px;
}
.profile-info-grid{
  margin-top:0;
  gap:7px;
}
.profile-info-item{
  padding:8px 9px;
  border-radius:14px;
}
.profile-info-item b{
  font-size:12.5px;
}
.profile-form-note{
  margin:0 0 8px;
  font-size:11.5px;
}
.profile-form-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.profile-form-grid .account-field.span-2{
  grid-column:span 2;
}
.account-field span{
  letter-spacing:.18px;
}
.account-field input,
.account-field select,
.account-field textarea{
  min-height:38px;
  padding:8px 10px;
  border-radius:12px;
  font-size:13px;
}
.account-field textarea{
  min-height:58px;
}
.profile-form-actions{
  position:sticky;
  bottom:0;
  z-index:2;
  margin:10px -10px -10px;
  padding:9px 10px calc(9px + var(--sb));
  background:rgba(255,255,255,.96);
  border-top:1px solid #e7edf4;
}
.profile-form-actions .profile-action-btn{
  height:42px;
  border-radius:14px;
}
@media(max-width:420px){
  #s-team .team-level-stats{
    grid-template-rows:repeat(2,22px);
  }
  #s-team .team-level-row{
    grid-auto-columns:minmax(48px,1fr);
  }
  #s-team .team-tools-row:not(.t2b-team-tools){
    grid-template-columns:minmax(0,1fr) 96px;
  }
  #s-team .team-filter-row{
    justify-content:flex-start;
  }
  .profile-modal{
    padding-top:0;
  }
  .profile-sheet,
  .profile-sheet.profile-sheet-wide{
    width:calc(100vw - 6px);
    max-width:calc(100vw - 6px);
    height:100dvh;
    border-radius:20px 0 0 20px;
  }
  .profile-body{
    padding:9px;
  }
  .profile-form-actions{
    margin-left:-9px;
    margin-right:-9px;
    margin-bottom:-9px;
    padding-left:9px;
    padding-right:9px;
  }
}
@media(max-width:360px){
  #s-team .team-actions{
    width:80px;
  }
  #s-team .team-action-btn{
    font-size:9px;
  }
  .profile-form-grid{
    grid-template-columns:1fr;
  }
  .profile-form-grid .account-field.span-2{
    grid-column:span 1;
  }
}

/* App-wide dark mode: keep redesigned screens on shared theme tokens. */
:root{--app-font-scale:1;}
.topbar :where(.logo-t1,.logo-t2,.presence-pill,.ib),
.dt-sidebar :where(.dt-logo-t1,.dt-logo-t2,.dt-nav-label,.dt-nav-badge,.dt-add-btn,.dt-theme-btn),
.bottomnav :where(.ni,.nl,.nt,.nbadge),
.modal-box :where(.modal-title,.dp-close,button,input,textarea,select),
.sheet-box :where(button,input,textarea,select),
.dp :where(.dp-title,.dp-sub,.dp-content,button,input,textarea,select),
#s-create :where(.create-action-tabs button,.create-date-chip,.create-player-team,.create-player-option-main b,.create-player-option-main small,.create-player-stt,.create-level-chip,.create-score-col b,.create-score-col button,.create-score-draw,.match-result-preview,#match-note,#btn-submit-match,.ls-serve-name,.ls-serve-meta,.ls-point-btn,.ls-undo-btn,.ls-cancel-btn,#ls-log,.ls-secondary-grid button),
#s-history :where(button:not(.t2b-btn):not(.t2b-chip),input:not(.t2b-input):not(.t2b-search-input),select:not(.t2b-select),.history-search-ico,.history-stamp,.history-status,.history-row-actions,.history-empty,.history-match-main,.history-match-meta),
#s-finance :where(button:not(.t2b-btn),input:not(.t2b-input),select:not(.t2b-select),.finance-title,.finance-muted,.finance-row,.finance-stat),
#s-team :where(button:not(.t2b-btn):not(.t2b-chip),input:not(.t2b-input):not(.t2b-search-input),select:not(.t2b-select),.team-name,.team-meta,.member-field,.member-save,.team-action-btn),
#s-settings :where(button:not(.t2b-btn),input:not(.t2b-input),select:not(.t2b-select),.settings-row-title,.settings-row-sub,.settings-card-head,.settings-ctrls,.sgv),
#s-account :where(button,input,select,.account-title,.account-muted,.profile-form-note,.profile-action-card b,.profile-action-card span,.profile-info-card b,.profile-info-card span),
#s-monitor :where(button:not(.t2b-btn),input:not(.t2b-input),select:not(.t2b-select),.monitor-card-head,.monitor-mini-row,.monitor-muted,.monitor-empty,.monitor-log-row,.monitor-chip,.monitor-ux-row){
  font-size:calc(1em * var(--app-font-scale,1));
}

[data-theme="dark"] body,
[data-theme="dark"] .app,
[data-theme="dark"] .content,
[data-theme="dark"] .screen{
  background:var(--bg)!important;
  color:var(--tx)!important;
}
[data-theme="dark"] .topbar,
[data-theme="dark"] .dt-sidebar,
[data-theme="dark"] .bottomnav,
[data-theme="dark"] .bottom,
[data-theme="dark"] .sheet-box,
[data-theme="dark"] .modal-box,
[data-theme="dark"] .dp,
[data-theme="dark"] .dd-menu{
  background:var(--surface)!important;
  color:var(--tx)!important;
  border-color:var(--bd)!important;
}
[data-theme="dark"] .nf-card,
[data-theme="dark"] .ranking-card,
[data-theme="dark"] .rank-feed-card,
[data-theme="dark"] .h2h-card,
[data-theme="dark"] .history-filter-card,
[data-theme="dark"] .history-summary-card,
[data-theme="dark"] .history-match-card:not(.t2b-match-row),
[data-theme="dark"] .settings-card:not(.t2b-card),
[data-theme="dark"] .account-card,
[data-theme="dark"] .profile-action-card,
[data-theme="dark"] .profile-info-card,
[data-theme="dark"] .monitor-card:not(.t2b-card),
[data-theme="dark"] .finance-card,
[data-theme="dark"] .member-card,
[data-theme="dark"] .team-card{
  background:rgba(23,35,50,.96)!important;
  border-color:#2c3c4f!important;
  color:var(--tx)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.24)!important;
}
[data-theme="dark"] input:not(.t2b-input),
[data-theme="dark"] textarea:not(.t2b-textarea),
[data-theme="dark"] select:not(.t2b-select),
[data-theme="dark"] .fi,
[data-theme="dark"] .settings-input:not(.t2b-input),
[data-theme="dark"] .settings-select:not(.t2b-select),
[data-theme="dark"] .create-player-search{
  background:#111c28!important;
  border-color:#2c3c4f!important;
  color:var(--tx)!important;
}
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder{color:#7f8fa3!important;}
[data-theme="dark"] .bno,
[data-theme="dark"] .admin-action-btn,
[data-theme="dark"] .settings-mini-btn:not(.t2b-btn),
[data-theme="dark"] .nf-actions button,
[data-theme="dark"] .profile-logout-card{
  background:#142131!important;
  border-color:#2c3c4f!important;
  color:var(--tx2)!important;
}
[data-theme="dark"] #s-create,
[data-theme="dark"] #s-create .create-mode-head,
[data-theme="dark"] #s-newsfeed,
[data-theme="dark"] #s-ranking,
[data-theme="dark"] #s-history,
[data-theme="dark"] #s-h2h{
  background:linear-gradient(105deg,#121b26 0%,#132131 52%,#102431 100%)!important;
}
[data-theme="dark"] #s-create .create-action-tabs,
[data-theme="dark"] #s-create #create-form > div:first-child,
[data-theme="dark"] #s-create.live-referee-mode #create-form:before,
[data-theme="dark"] #s-create.create-mode-schedule #create-form:before,
[data-theme="dark"] #team-a-slots .pslot,
[data-theme="dark"] #team-b-slots .pslot,
[data-theme="dark"] .create-player-dropdown{
  background:#172332!important;
  border-color:#2c3c4f!important;
  color:var(--tx)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.24)!important;
}
[data-theme="dark"] #team-a-slots .pslot{background:rgba(8,182,213,.14)!important;}
[data-theme="dark"] #team-b-slots .pslot{background:rgba(244,63,94,.13)!important;}
[data-theme="dark"] .create-player-option,
[data-theme="dark"] .create-player-dropdown-head{
  background:#172332!important;
  border-color:#2c3c4f!important;
}
[data-theme="dark"] #match-note{background:#111c28!important;border-color:#2c3c4f!important;color:var(--tx)!important;}

/* Dark mode readability polish for older sections that still use fixed light colors. */
[data-theme="dark"] :where(
  .finance-title b,.finance-stat b,.finance-card-head b,.finance-form-title b,.finance-row-main b,.finance-row-amount b,
  #player-modal .modal-title,
  #s-newsfeed .nf-title b,#s-newsfeed .nf-body,
  #s-history .history-legend b,#s-history .history-mini-metrics b,#s-history .history-sheet-head b,
  #s-team .team-empty-card:not(.t2b-empty-state) b,#s-team .team-name,.profile-main h2
){
  color:var(--tx)!important;
  text-shadow:none!important;
}
[data-theme="dark"] :where(
  .finance-stat span,.finance-stat em,.finance-card-head span,.finance-form-title span,.finance-form-grid label span,.finance-row-main span,.finance-row-amount span,
  #s-newsfeed .nf-title span,#s-newsfeed .nf-section-title,#s-newsfeed .nf-section-title em,
  #s-history .history-filter-tools,#s-history .history-donut span,#s-history .history-summary-focus,#s-history .history-legend span,#s-history .history-mini-metrics span,#s-history .history-section-title:not(.t2b-section-title),#s-history .history-section-title:not(.t2b-section-title) small
){
  color:var(--tx3)!important;
}
[data-theme="dark"] :where(
  .finance-action,.finance-cancel,.finance-state,
  .rf-tabbar button:not(.active),.rf-tools button:not(.t2b-btn),.rf-empty,.full-line em,.pair-synergy em,.score-rate i,.insight-box,.insight-line i,
  #s-newsfeed .nf-composer-top button,
  #s-history .history-search input,#s-history .history-filter-btn:not(.active),#s-history .history-chip:not(.active)
){
  background:#172332!important;
  border-color:#2c3c4f!important;
  color:var(--tx2)!important;
  box-shadow:none!important;
}
[data-theme="dark"] :where(.insight-box,.finance-state){
  background:linear-gradient(180deg,#172332,#142131)!important;
}
  border-color:#2c3c4f!important;
}

/* Dark mode v2 fixes: keep surfaces consistent and prevent white-on-light text. */
[data-theme="dark"] .topbar{
  background:#0f1a25!important;
  border-bottom-color:#25364a!important;
  box-shadow:0 4px 16px rgba(0,0,0,.22)!important;
}
[data-theme="dark"] .logo-row{
  min-width:0!important;
  flex:1 1 auto!important;
  overflow:hidden!important;
}
[data-theme="dark"] .logo-row > div{
  min-width:0!important;
  overflow:hidden!important;
}
[data-theme="dark"] .logo-t1,
[data-theme="dark"] .logo-t2{
  max-width:100%!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
[data-theme="dark"] .logo-t1,
[data-theme="dark"] .logo-t2{color:var(--t2b-brand-text-deep,var(--brand-text))!important;}
[data-theme="dark"] .logo-t1,
[data-theme="dark"] .dt-logo-t1,
[data-theme="dark"] .login-title b{
  text-shadow:0 1px 0 rgba(0,0,0,.55),0 0 1px rgba(255,255,255,.24),0 8px 18px color-mix(in srgb,var(--t2b-brand,var(--brand-cyan)) 32%,transparent)!important;
}
[data-theme="dark"] .logo-t2,
[data-theme="dark"] .dt-logo-t2,
[data-theme="dark"] .login-title span{
  text-shadow:0 1px 0 rgba(0,0,0,.5),0 6px 14px color-mix(in srgb,var(--t2b-brand,var(--brand-cyan)) 26%,transparent)!important;
}
[data-theme="dark"] .tr{
  flex:0 0 auto!important;
  gap:6px!important;
}
[data-theme="dark"] .bottom-nav{
  background:#0f1a25!important;
  border-top:1px solid #25364a!important;
  box-shadow:0 -10px 24px rgba(0,0,0,.24)!important;
}
[data-theme="dark"] .bottom-nav .ni{
  color:#94a4b8!important;
}
[data-theme="dark"] .bottom-nav .nil,
[data-theme="dark"] .bottom-nav .niv{
  color:inherit!important;
}
[data-theme="dark"] .bottom-nav .ni.active,
[data-theme="dark"] .bottom-nav .ni.active .nil,
[data-theme="dark"] .bottom-nav .ni.active .niv{
  color:#08b6d5!important;
}

[data-theme="dark"] .rank-feed-screen,
}

[data-theme="dark"] .rf-row,
[data-theme="dark"] .rf-row-detail{
  background:#172332!important;
  border-color:#2c3c4f!important;
}
[data-theme="dark"] .rf-row.open,
[data-theme="dark"] .rf-row:active{
  background:#203047!important;
}
[data-theme="dark"] .rf-rank-only,
[data-theme="dark"] .full-line em,
[data-theme="dark"] .pair-synergy em,
[data-theme="dark"] .score-rate i,
[data-theme="dark"] .pair-sub-rate i,
[data-theme="dark"] .pair-sub-rate em{
  background:#111c28!important;
  border-color:#2c3c4f!important;
  color:#cbd7e6!important;
}

[data-theme="dark"] #s-create .create-score-section,
[data-theme="dark"] #s-create .create-note-section,
[data-theme="dark"] #s-create #create-form > div:first-child{
  background:#172332!important;
  border-color:#2c3c4f!important;
}
[data-theme="dark"] #s-create .create-score-col{
  background:rgba(8,182,213,.14)!important;
  border-color:rgba(8,182,213,.38)!important;
}
[data-theme="dark"] #s-create .create-score-col.team-b{
  background:rgba(244,63,94,.14)!important;
  border-color:rgba(244,63,94,.38)!important;
}
[data-theme="dark"] #s-create .create-score-col button,
[data-theme="dark"] #s-create .create-score-draw{
  background:#111c28!important;
  color:#cbd7e6!important;
}
[data-theme="dark"] #s-create .create-score-col button.active,
[data-theme="dark"] #s-create .create-score-col.team-b button.active,
[data-theme="dark"] #s-create .create-score-draw.active{
  color:#fff!important;
}
[data-theme="dark"] #btn-submit-match:disabled,
[data-theme="dark"] #btn-submit-match.disabled{
  background:#203047!important;
  color:#94a4b8!important;
  border:1px solid #2c3c4f!important;
}
[data-theme="dark"] #s-team .team-page,
[data-theme="dark"] #s-team .team-tools,
[data-theme="dark"] #s-team .bnr.team-member-card:not(.t2b-player-row){
  background:#172332!important;
  border-color:#2c3c4f!important;
  color:#eef4fb!important;
}

/* Dark mode v3 audit pass: cover remaining hard-coded light panels. */
[data-theme="dark"] .topbar .logo-row{
  max-width:calc(100% - 174px)!important;
}
[data-theme="dark"] .topbar .logo-svg{
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
}

/* Topbar parity: every screen keeps the brand block on two compact lines. */
@media(max-width:767px){
  .topbar{gap:8px;overflow:hidden;}
  .logo-row{flex:1 1 auto;min-width:0;max-width:calc(100% - 168px);}
  .logo-row>div{min-width:0;max-width:100%;}
  .logo-t1{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .logo-t2{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.15;}
  .tr{flex:0 0 auto;min-width:0;}
}
@media(max-width:374px){
  .logo-row{max-width:calc(100% - 148px);gap:8px;}
}

[data-theme="dark"] #s-create .create-action-tabs,
[data-theme="dark"] #s-create .create-date-chip,
[data-theme="dark"] #s-create.live-referee-mode #create-form:before,
[data-theme="dark"] #s-create.create-mode-schedule #create-form:before,
[data-theme="dark"] #s-create.create-mode-live .create-date-row #match-set-format,
[data-theme="dark"] #s-create.create-mode-live .create-date-row #match-matchpoint,
[data-theme="dark"] #btn-schedule-match,
[data-theme="dark"] .match-result-preview{
  background:#172332!important;
  border-color:#2c3c4f!important;
  color:#cbd7e6!important;
  box-shadow:0 10px 24px rgba(0,0,0,.20)!important;
}
[data-theme="dark"] #s-create .create-action-tabs button:not(.active){
  background:#111c28!important;
  color:#cbd7e6!important;
}
[data-theme="dark"] #team-a-slots .pslot{
  background:rgba(8,182,213,.16)!important;
  border-color:rgba(8,182,213,.40)!important;
}
[data-theme="dark"] #team-b-slots .pslot{
  background:rgba(244,63,94,.16)!important;
  border-color:rgba(244,63,94,.40)!important;
}
[data-theme="dark"] #match-note{
  background:#111c28!important;
  border-color:#2c3c4f!important;
  color:#eef4fb!important;
}

[data-theme="dark"] #livescore-panel,
[data-theme="dark"] #ls-serve-picker,
[data-theme="dark"] .ls-ref-head,
[data-theme="dark"] .ls-board,
[data-theme="dark"] #ls-row-a,
[data-theme="dark"] #ls-row-b,
[data-theme="dark"] #ls-serve-status,
[data-theme="dark"] #ls-finish-alert,
[data-theme="dark"] #ls-log,
[data-theme="dark"] .ls-actions{
  background:#172332!important;
  border-color:#2c3c4f!important;
  color:#eef4fb!important;
}
[data-theme="dark"] #ls-pt-a,
[data-theme="dark"] #ls-pt-b,
[data-theme="dark"] .ls-secondary-grid button:first-child,
[data-theme="dark"] .ls-serve-option{
  background:#111c28!important;
  border-color:#2c3c4f!important;
  color:#cbd7e6!important;
}

[data-theme="dark"] #s-team :where(.team-hero-title b,.team-summary-grid b,.team-member-name,.team-empty-card b,.member-sheet-title b,.member-form-title b){
  color:#eef4fb!important;
}
[data-theme="dark"] #s-team :where(.team-hero-title span,.team-summary-grid span,.team-member-meta,.team-empty-card span,.member-sheet-title span,.member-form-title span){
  color:#94a4b8!important;
}

/* Dark mode v4 audit pass: navigation overlays, settings and monitor. */
[data-theme="dark"] .config-bar,
[data-theme="dark"] .dd-menu,
[data-theme="dark"] .sheet-box,
[data-theme="dark"] .dp,
[data-theme="dark"] .dp-head,
[data-theme="dark"] .modal-box,
[data-theme="dark"] .club-modal-box,
[data-theme="dark"] .presence-popover,
[data-theme="dark"] .app-confirm-box,
[data-theme="dark"] #guide-panel,
[data-theme="dark"] #guide-panel > div:first-child,
[data-theme="dark"] .browser-guide-card,
[data-theme="dark"] .login-panel,
[data-theme="dark"] .login-help-card,
[data-theme="dark"] .login-mini,
[data-theme="dark"] .settings-hero:not(.t2b-card),
[data-theme="dark"] .settings-card:not(.t2b-card),
[data-theme="dark"] .admin-settings-wrap,
[data-theme="dark"] .member-modal-box,
[data-theme="dark"] .monitor-hero,
[data-theme="dark"] .monitor-filters,
[data-theme="dark"] .monitor-stat,
[data-theme="dark"] .monitor-card:not(.t2b-card),
[data-theme="dark"] .monitor-card-head:not(.t2b-card-head),
[data-theme="dark"] .monitor-ux-stats,
[data-theme="dark"] .monitor-ux-stat,
[data-theme="dark"] .monitor-ux-row,
[data-theme="dark"] .monitor-log-row{
  background:#172332!important;
  border-color:#2c3c4f!important;
  color:#eef4fb!important;
  box-shadow:0 12px 28px rgba(0,0,0,.22)!important;
}
[data-theme="dark"] .dd-opt,
[data-theme="dark"] .cfg-btn,
[data-theme="dark"] .app-confirm-cancel,
[data-theme="dark"] .app-confirm-extra,
[data-theme="dark"] .browser-guide-icons,
[data-theme="dark"] .browser-guide-emoji,
[data-theme="dark"] .browser-guide-btn,
[data-theme="dark"] .login-guide-link,
[data-theme="dark"] .login-num,
[data-theme="dark"] .login-quick button,
[data-theme="dark"] .login-mini span,
[data-theme="dark"] .settings-row,
[data-theme="dark"] .settings-mini-btn:not(.t2b-btn),
[data-theme="dark"] .monitor-filters button:not(.t2b-btn),
[data-theme="dark"] .monitor-chip,
[data-theme="dark"] .monitor-chip span,
[data-theme="dark"] .monitor-log-type,
[data-theme="dark"] .monitor-log-row pre{
  background:#111c28!important;
  border-color:#2c3c4f!important;
  color:#cbd7e6!important;
}
[data-theme="dark"] .settings-input:not(.t2b-input),
[data-theme="dark"] .settings-select:not(.t2b-select),
[data-theme="dark"] .monitor-filters input:not(.t2b-input),
[data-theme="dark"] .monitor-filters select:not(.t2b-select){
  background:#111c28!important;
  border-color:#2c3c4f!important;
  color:#eef4fb!important;
}
[data-theme="dark"] :where(.cfg-tag span,.dp-title,.app-confirm-title,.login-title b,.login-help-head b,.login-step b,.settings-hero h2,.settings-card-head b,.settings-row-title,.browser-guide-title,.monitor-hero h2,.monitor-card-head b,.monitor-mini-row b,.monitor-log-main b){
  color:#eef4fb!important;
}
[data-theme="dark"] :where(.cfg-tag,.dp-sub,.app-confirm-message,.login-title span,.login-guide-link span,.login-help-head span,.login-step p,.settings-hero p,.settings-card-head span,.settings-row-sub,.browser-guide-msg,.monitor-hero p,.monitor-card-head span,.monitor-muted,.monitor-empty,.monitor-loading,.monitor-log-sub,.monitor-log-main em){
  color:#94a4b8!important;
}
[data-theme="dark"] .login-title b,
[data-theme="dark"] .login-title span{
  color:var(--t2b-brand-text-deep,var(--brand-text))!important;
}
[data-theme="dark"] .cfg-tag-sep{color:#52657a!important;}
[data-theme="dark"] #toast{
  background:#203047!important;
  border-color:#35485d!important;
  color:#eef4fb!important;
  box-shadow:0 12px 30px rgba(0,0,0,.35)!important;
}
[data-theme="dark"] .presence-popover{
  box-shadow:0 18px 42px rgba(0,0,0,.34)!important;
}
[data-theme="dark"] .browser-guide-card.danger,
[data-theme="dark"] .monitor-log-row.error,
[data-theme="dark"] .monitor-ux-row.danger{
  background:linear-gradient(90deg,rgba(244,63,94,.16),#172332 58%)!important;
}
[data-theme="dark"] .browser-guide-card.soft,
[data-theme="dark"] .monitor-ux-row.warn{
  background:linear-gradient(90deg,rgba(246,179,0,.16),#172332 58%)!important;
}
[data-theme="dark"] .monitor-chip.active{
  background:rgba(8,182,213,.18)!important;
  border-color:rgba(8,182,213,.45)!important;
  color:#22c7e5!important;
}
[data-theme="dark"] .monitor-chip.warn.active{
  background:rgba(246,179,0,.18)!important;
  border-color:rgba(246,179,0,.45)!important;
  color:#f6b300!important;
}
[data-theme="dark"] .settings-muted{opacity:.58!important;}
[data-theme="dark"] .dt-sidebar,
[data-theme="dark"] .dt-sidebar-head,
[data-theme="dark"] .dt-sidebar-foot{
  background:#0f1a25!important;
  border-color:#25364a!important;
}

/* Typography parity pass: keep shared app chrome identical on every tab. */
.app :where(input,textarea,select){font-family:Roboto,Arial,sans-serif;}
.app :where(button:not(.t2b-btn):not(.t2b-chip):not(.t2b-pill)){font-family:"Roboto Condensed",Roboto,Arial,sans-serif;}



/* UI density + typography pass: balanced mobile spacing across all feature screens. */
.app{
  font-variant-numeric:tabular-nums;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
.app :where(.screen,.content,.modal,.sheet-box,.dp,.nf-wrap,.rank-feed-screen,.history-feed,.finance-screen,.monitor-wrap){
  letter-spacing:0;
}
.app :where(input,textarea,select){
  font-size:13px;
  line-height:1.28;
  font-weight:650;
}
.app :where(button:not(.t2b-btn):not(.t2b-chip):not(.t2b-pill),.pc,.pill:not(.t2b-pill),.cfg-tag,.dd-opt){
  line-height:1.14;
}
@media(max-width:767px){
  .screen > .content{padding-bottom:calc(86px + env(safe-area-inset-bottom));}
  .rank-feed-screen .rf-hero:not(.t2b-card){margin:-6px -8px 8px;padding:9px 8px 9px;border-radius:0 0 16px 16px;}
  .rank-feed-screen .rf-hero:not(.t2b-card):before{height:22px;top:-22px;}
  .rank-feed-screen .rf-tabbar{margin-top:7px;}
  .rank-feed-screen .rf-section-title{height:27px;}
  .rank-feed-screen .rf-tools{gap:7px;margin:8px 0 9px;}
  .rank-feed-screen .rf-tools button:not(.t2b-btn){min-height:36px;border-radius:14px;}
  .rf-ranking-list{gap:8px;}
  .rf-row{padding:9px 10px;border-radius:16px;}
  .rf-score{min-width:76px;}

  #s-create .create-mode-head{padding:8px 10px 5px!important;}
  #s-create #create-form{padding:7px 10px calc(88px + env(safe-area-inset-bottom))!important;gap:6px!important;}
  #s-create .create-action-tabs{gap:5px;padding:4px;border-radius:15px;}
  #s-create .create-action-tabs button{height:34px;font-size:11.5px;}
  #s-create .create-date-row{gap:6px;}
  #s-create .create-date-chip,
  #s-create .create-date-row input,
  #s-create.create-mode-live .create-date-row #match-set-format,
  #s-create.create-mode-live .create-date-row #match-matchpoint{height:34px!important;font-size:11.5px!important;}
  #s-create #create-form > div:first-child,
  .create-score-section{border-radius:16px!important;padding:6px!important;}
  #team-a-slots,#team-b-slots{gap:5px!important;}
  #team-a-slots .pslot,#team-b-slots .pslot{min-height:39px!important;border-radius:12px!important;}
  .create-player-slot{padding-top:4px!important;padding-bottom:4px!important;}
  .create-score-picker{gap:6px;}
  .create-score-col{padding:5px;gap:3px;border-radius:13px;}
  .create-score-col button,.create-score-draw{height:27px;border-radius:9px;font-size:11.5px;}
  .create-note-section textarea,#match-note{min-height:54px!important;height:54px!important;}
  .match-result-preview{min-height:32px;padding:6px 9px;border-radius:13px;font-size:12px;}


  #s-team .content{padding:7px 8px calc(88px + env(safe-area-inset-bottom))!important;}
  #s-team .team-hero-card:not(.t2b-card){padding:9px;margin-bottom:8px;border-radius:16px;}
  #s-team .team-summary-grid{gap:6px;margin-top:8px;}
  #s-team .team-summary-grid div{padding:7px 5px;border-radius:14px;}
  #s-team .team-search-line{grid-template-columns:minmax(0,1fr) 96px;gap:6px;margin-top:8px;}
  #s-team .team-search-wrap:not(.t2b-search) input,#s-team .team-level-select:not(.t2b-select){height:35px;font-size:11.8px;}
  #s-team .team-filter-row{gap:5px;margin-top:7px;}
  #s-team .team-filter-chip:not(.t2b-chip){height:28px;font-size:11px;padding:0 8px;}
  #s-team .team-section-title:not(.t2b-section-title){height:28px;padding-top:5px;}
  #s-team .dt-team-grid:not(.t2b-card){gap:7px;}
  #s-team .bnr.team-member-card:not(.t2b-player-row){min-height:64px;padding:8px!important;border-radius:16px;gap:8px;}
  #s-team .team-avatar-wrap:not(.t2b-player-media),#s-team .team-avatar-wrap:not(.t2b-player-media) .av{width:40px;height:40px;}
  #s-team .team-rank:not(.t2b-player-index){min-width:18px;height:18px;font-size:9px;}
  #s-team .team-nick:not(.t2b-player-name){font-size:14px;}
  #s-team .team-meta-line:not(.t2b-player-meta){font-size:10.5px;margin-top:3px;line-height:1.22;}
  #s-team .team-actions{gap:4px;}
  #s-team .team-action-btn{min-width:34px;min-height:26px;padding:0 7px;font-size:10px;}

  .finance-screen{padding:8px!important;gap:9px;}
  .finance-hero,.finance-admin-card,.finance-list-card{border-radius:16px;}
  .finance-hero{padding:10px;}
  .finance-hero-top{gap:8px;}
  .finance-badge{width:38px;height:38px;border-radius:13px;font-size:19px;}
  .finance-title b{font-size:20px;}
  .finance-balance{font-size:18px;min-width:58px;}
  .finance-summary-grid{gap:6px;margin-top:9px;}
  .finance-stat{padding:7px 5px;border-radius:13px;}
  .finance-stat b{font-size:15px;}
  .finance-card-head{min-height:48px;padding:9px 10px;}
  .finance-action-grid{padding:9px;gap:6px;}
  .finance-action{min-height:42px;border-radius:13px;}
  .finance-form{margin:0 9px 9px;padding:10px;border-radius:15px;}
  .finance-row{padding:9px 10px;grid-template-columns:34px minmax(0,1fr) auto;}
  .finance-row-icon{width:34px;height:34px;border-radius:12px;}

  .monitor-wrap{gap:9px;padding:8px 8px calc(88px + env(safe-area-inset-bottom));}
  .monitor-hero{padding:11px;border-radius:16px;}
  .monitor-hero h2{font-size:22px;}
  .monitor-refresh:not(.t2b-btn){min-height:38px;padding:9px 12px;font-size:12px;}
  .monitor-filters{grid-template-columns:1fr 1fr;gap:6px;padding:7px;border-radius:14px;}
  .monitor-filters input:not(.t2b-input),.monitor-filters select:not(.t2b-select),.monitor-filters button:not(.t2b-btn){height:32px;border-radius:10px;font-size:11px;}
  .monitor-stats,.monitor-ux-stats{gap:6px;}
  .monitor-stat,.monitor-ux-stat{min-height:58px;padding:9px 6px;border-radius:14px;}
  .monitor-stat b,.monitor-ux-stat b{font-size:21px;}
  .monitor-card:not(.t2b-card){border-radius:16px;}
  .monitor-card-head:not(.t2b-card-head){min-height:44px;padding:9px 10px;}
}

/* UI polish pass 2026-05: unify typography and spacing with Tin 2B + BXH. */
:root{
  --ui-card-radius:18px;
  --ui-card-border:#dde7f0;
  --ui-card-shadow:0 8px 22px rgba(15,23,42,.045);
  --ui-title-size:15px;
  --ui-main-size:14px;
  --ui-meta-size:11.5px;
  --ui-label-size:11px;
  --ui-chip-size:12px;
}

@media(max-width:767px){
  .topbar{
    height:66px!important;
    padding:9px 12px!important;
    gap:8px!important;
    justify-content:flex-start!important;
  }
  .logo-row{
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:none!important;
    gap:9px!important;
  }
  .tr{
    flex:0 0 auto!important;
    gap:2px!important;
  }
  .topbar .ib{
    width:32px!important;
    height:32px!important;
    border-radius:11px!important;
  }
  .topbar .presence-chip{
    height:32px!important;
    min-width:34px!important;
    padding:0 7px!important;
  }
  .topbar .top-profile-btn{
    width:36px!important;
    height:36px!important;
    flex:0 0 36px!important;
  }
  .logo-svg{
    width:42px!important;
    height:42px!important;
    flex:0 0 42px!important;
    border-radius:13px!important;
  }
  .logo-row>div{
    flex:1 1 auto!important;
    min-width:0!important;
  }
  .logo-t1{
    font-family:"Roboto Condensed",Roboto,Arial,sans-serif!important;
    font-size:22px!important;
    font-weight:900!important;
    line-height:1!important;
    letter-spacing:-.2px!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .logo-t2{
    display:block!important;
    font-family:Roboto,Arial,sans-serif!important;
    font-size:12px!important;
    font-weight:400!important;
    line-height:1.13!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

@media(max-width:374px){
  .topbar{padding:8px 10px!important;gap:6px!important;}
  .logo-row{gap:7px!important;}
  .logo-svg{width:38px!important;height:38px!important;flex-basis:38px!important;}
  .logo-t1{font-size:20px!important;}
  .logo-t2{font-size:11px!important;}
  .topbar .ib{width:29px!important;height:32px!important;}
  .topbar .presence-chip{min-width:32px!important;padding:0 6px!important;}
  .topbar .top-profile-btn{width:34px!important;height:34px!important;flex-basis:34px!important;}
}

@media(max-width:767px){

    font-size:12px!important;
    line-height:1.38!important;
  }

  #s-team .team-hero-card:not(.t2b-card){
    padding:10px!important;
    margin-bottom:9px!important;
  }
  #s-team .team-hero-mark:not(.t2b-hero-mark){
    width:34px!important;
    height:34px!important;
    font-size:12px!important;
  }
  #s-team .team-hero-title:not(.t2b-title) b{
    font-size:18px!important;
  }
  #s-team .team-level-stats{
    margin-top:8px!important;
    gap:6px!important;
    max-height:58px!important;
  }
  #s-team .team-level-stat:not(.t2b-chip){
    justify-content:center!important;
    padding:0 8px!important;
  }
  #s-team .team-level-stat:not(.t2b-chip) span{
    font-size:12px!important;
  }
  #s-team .team-level-stat:not(.t2b-chip) b{
    font-size:9.5px!important;
  }
  #s-team .team-tools-row:not(.t2b-team-tools){
    gap:7px!important;
    margin-top:8px!important;
  }
  #s-team .team-search-wrap:not(.t2b-search) input,
  #s-team .team-level-select:not(.t2b-select){
    height:37px!important;
    font-size:12.5px!important;
    border-radius:14px!important;
  }
  #s-team .team-filter-row{
    gap:6px!important;
  }
  #s-team .team-section-title:not(.t2b-section-title){
    height:30px!important;
    font-size:11.5px!important;
  }
  #s-team .dt-team-grid:not(.t2b-card){
    gap:8px!important;
  }
  #s-team .bnr.team-member-card:not(.t2b-player-row){
    min-height:70px!important;
    padding:9px!important;
    gap:9px!important;
  }
  #s-team .team-avatar-wrap:not(.t2b-player-media),
  #s-team .team-avatar-wrap:not(.t2b-player-media) .av{
    width:44px!important;
    height:44px!important;
  }
  #s-team .team-nick:not(.t2b-player-name){
    font-size:15px!important;
    line-height:1.1!important;
  }
  #s-team .team-role-chip:not(.t2b-chip),
  #s-team .team-status-chip:not(.t2b-chip){
    height:19px!important;
    font-size:9.5px!important;
  }
  #s-team .team-meta-line:not(.t2b-player-meta){
    font-size:11.5px!important;
    line-height:1.25!important;
  }
  #s-team .team-actions{
    width:96px!important;
    gap:5px!important;
  }
  #s-team .team-action-btn{
    min-height:28px!important;
    font-size:10.5px!important;
    padding:0 7px!important;
  }

  #s-create .create-mode-head{
    padding:9px 10px 6px!important;
  }
  #s-create #create-form{
    gap:7px!important;
  }
  #s-create #create-form > div:first-child,
  #s-create .create-score-section{
    padding:7px!important;
  }
  #team-a-slots .pslot,
  #team-b-slots .pslot{
    min-height:42px!important;
    border-radius:13px!important;
  }
  #team-a-slots .ps-nm,
  #team-b-slots .ps-nm{
    font-size:13px!important;
  }
  .create-level-chip{
    height:18px!important;
    font-size:9.8px!important;
  }
  .create-player-team{
    font-size:9.8px!important;
  }
  .create-score-col b{
    font-size:10.8px!important;
  }
  .create-score-col button,
  .create-score-draw{
    height:29px!important;
  }
  .match-result-preview{
    min-height:35px!important;
    font-size:12.8px!important;
    padding:7px 10px!important;
  }
}

/* Members layout: rare actions live behind one compact menu. */
#s-team .bnr.team-member-card:not(.t2b-player-row){
  overflow:visible!important;
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  min-height:72px!important;
}
#s-team .team-member-main:not(.t2b-player-main){
  min-width:0!important;
  flex:1 1 auto!important;
  padding-right:4px!important;
}
#s-team .team-name-row{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  min-width:0!important;
}
#s-team .team-nick:not(.t2b-player-name){
  flex:0 1 auto!important;
  font-size:15.5px!important;
  line-height:1.08!important;
}
#s-team .team-meta-line:not(.t2b-player-meta){
  font-size:11.8px!important;
  line-height:1.28!important;
  -webkit-line-clamp:2!important;
}
#s-team .team-actions{display:none!important;}
#s-team .team-actions-menu{
  flex:0 0 auto;
  position:relative;
  z-index:5;
}
#s-team .team-actions-menu summary{
  width:34px;
  height:34px;
  border:1px solid #d7e5ef;
  border-radius:999px;
  background:#fff;
  color:#64748b;
  display:grid;
  place-items:center;
  font-family:"Roboto Condensed",Roboto,Arial,sans-serif;
  font-size:18px;
  font-weight:950;
  line-height:1;
  cursor:pointer;
  list-style:none;
  box-shadow:0 5px 14px rgba(15,23,42,.055);
}
#s-team .team-actions-menu summary::-webkit-details-marker{display:none;}
#s-team .team-actions-menu[open]{z-index:80;}
#s-team .team-actions-menu[open] summary{
  border-color:rgba(8,182,213,.35);
  background:#e4f9fd;
  color:#0786a0;
}
#s-team .team-actions-popover{
  position:absolute;
  right:0;
  top:40px;
  min-width:156px;
  padding:6px;
  border:1px solid #d7e5ef;
  border-radius:14px;
  background:#fff;
  box-shadow:0 16px 38px rgba(15,23,42,.18);
  display:grid;
  gap:4px;
}
#s-team .team-action-menu-item{
  min-height:34px!important;
  height:auto!important;
  border:0;
  border-radius:10px!important;
  background:transparent;
  color:#334155;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  padding:0 10px!important;
  font-family:Roboto,Arial,sans-serif!important;
  font-size:12px!important;
  font-weight:850!important;
  text-align:left;
  white-space:nowrap;
  gap:8px;
}
#s-team .team-action-icon{
  width:22px;
  height:22px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  background:#e8f8fc;
  color:#0786a0;
  font-size:13px;
  font-weight:950;
  line-height:1;
}
#s-team .team-action-icon.reset{
  background:#fff7d6;
  color:#b77900;
}
#s-team .team-action-icon.delete{
  background:#fff1f4;
  color:#be123c;
}
#s-team .team-action-menu-item:active,
#s-team .team-action-menu-item:hover{
  background:#eef9fd;
  color:#0786a0;
}
#s-team .team-action-menu-item.danger{
  color:#be123c;
}
#s-team .team-action-menu-item.danger:active,
#s-team .team-action-menu-item.danger:hover{
  background:#fff1f4;
  color:#be123c;
}
#s-team .bnr.team-member-card:not(.t2b-player-row):has(.team-actions-menu[open]){
  z-index:90;
}

@media(max-width:420px){
  #s-team .bnr.team-member-card:not(.t2b-player-row){
    padding:9px 8px 9px 9px!important;
    gap:8px!important;
  }
  #s-team .team-avatar-wrap:not(.t2b-player-media),
  #s-team .team-avatar-wrap:not(.t2b-player-media) .av{
    width:42px!important;
    height:42px!important;
  }
  #s-team .team-nick:not(.t2b-player-name){
    font-size:15px!important;
  }
  #s-team .team-role-chip:not(.t2b-chip),
  #s-team .team-status-chip:not(.t2b-chip){
    height:18px!important;
    padding:0 6px!important;
    font-size:9px!important;
  }
  #s-team .team-meta-line:not(.t2b-player-meta){
    font-size:11.2px!important;
  }
  #s-team .team-actions-menu summary{
    width:32px;
    height:32px;
  }
}

[data-theme="dark"] #s-team .team-actions-menu summary{
  background:#111c28!important;
  border-color:#2c3c4f!important;
  color:#cbd7e6!important;
}
[data-theme="dark"] #s-team .team-actions-menu[open] summary{
  background:rgba(8,182,213,.18)!important;
  border-color:rgba(8,182,213,.45)!important;
  color:#22c7e5!important;
}
[data-theme="dark"] #s-team .team-actions-popover{
  background:#172332!important;
  border-color:#2c3c4f!important;
  box-shadow:0 16px 38px rgba(0,0,0,.34)!important;
}
[data-theme="dark"] #s-team .team-action-menu-item{
  color:#cbd7e6!important;
}
[data-theme="dark"] #s-team .team-action-menu-item:active,
[data-theme="dark"] #s-team .team-action-menu-item:hover{
  background:rgba(8,182,213,.16)!important;
  color:#22c7e5!important;
}
[data-theme="dark"] #s-team .team-action-menu-item.danger{
  color:#fb7185!important;
}
[data-theme="dark"] #s-team .team-action-menu-item.danger:active,
[data-theme="dark"] #s-team .team-action-menu-item.danger:hover{
  background:rgba(244,63,94,.14)!important;
  color:#fb7185!important;
}

/* History + Members final readability pass: align visual scale with Tin 2B cards. */
@media(max-width:767px){
  #s-history .history-feed,
  #s-team .content{
    padding-left:10px!important;
    padding-right:10px!important;
  }

  #s-history .history-filter-card,
  #s-history .history-summary-card{
    padding:10px!important;
    margin-bottom:10px!important;
    border-radius:18px!important;
  }
  #s-history .history-search{
    height:40px!important;
    padding:0 12px!important;
  }
  #s-history .history-search input{
    font-size:13.5px!important;
    font-weight:750!important;
  }
  #s-history .history-filter-btn:not(.t2b-btn),
  #s-history .history-reset-btn:not(.t2b-btn),
  #s-history .history-chip:not(.t2b-chip){
    height:34px!important;
    min-height:34px!important;
    padding:0 11px!important;
    font-size:12.2px!important;
    font-weight:900!important;
    font-family:"Roboto Condensed",Roboto,Arial,sans-serif!important;
  }
  #s-history .history-chip-row{
    gap:7px!important;
    margin-top:7px!important;
  }
  #s-history .history-filter-tools,
  #s-history .history-filtering,
  #s-history .history-active-chip{
    font-size:11.5px!important;
  }
  #s-history .history-summary-head b{
    font-size:15px!important;
    line-height:1.12!important;
    font-weight:950!important;
  }
  #s-history .history-summary-head span{
    font-size:11.5px!important;
  }
  #s-history .history-summary-focus{
    font-size:12px!important;
    line-height:1.32!important;
  }
  #s-history .history-legend div{
    font-size:12.5px!important;
  }
  #s-history .history-legend b{
    font-size:12px!important;
  }
  #s-history .history-mini-metrics div{
    padding:7px 4px!important;
    border-radius:12px!important;
  }
  #s-history .history-mini-metrics b{
    font-size:14px!important;
  }
  #s-history .history-mini-metrics span{
    font-size:9.3px!important;
    line-height:1.1!important;
  }
  #s-history .history-section-title:not(.t2b-section-title){
    min-height:34px!important;
    font-size:12px!important;
    font-weight:900!important;
  }
  #s-history .history-section-title:not(.t2b-section-title) small,
  #s-history .history-month{
    font-size:11px!important;
  }
}






