/* ══ DESIGN SYSTEM ══ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700;800&family=Space+Mono&display=swap');

:root{
  color-scheme:dark;
  --bg:#080810;
  --surface:#0e0e1a;
  --card:#12121e;
  --card2:#161624;
  --border:#1e1e32;
  --border2:#252540;
  --gold:#f5c518;
  --gold2:#ffd84d;
  --orange:#ff6b1a;
  --red:#ff3b5c;
  --green:#00e676;
  --blue:#448aff;
  --purple:#7c4dff;
  --cyan:#00e5ff;
  --muted:#333350;
  --text:#e8e8f8;
  --soft:#6060a0;
  --softer:#404065;
}

*{margin:0;padding:0;box-sizing:border-box;}

html{background:#080810;}

body{
  background:#080810;
  color:#e8e8f8;
  font-family:'Space Grotesk',sans-serif;
  min-height:100vh;
  padding-bottom:80px;
  background-image:
    radial-gradient(ellipse at 20% 0%,rgba(124,77,255,0.08) 0%,transparent 50%),
    radial-gradient(ellipse at 80% 100%,rgba(68,138,255,0.06) 0%,transparent 50%);
  background-attachment:fixed;
}

/* ══ HEADER ══ */
header{
  background:rgba(8,8,16,0.85);
  border-bottom:1px solid #1e1e32;
  padding:12px 20px;
  display:flex;align-items:center;justify-content:space-between;
  position:sticky;top:0;z-index:100;
  backdrop-filter:blur(20px);
}
.brand{display:flex;align-items:center;gap:12px;}
.brand-logo{
  width:38px;height:38px;
  background:linear-gradient(135deg,#f5c518,#ff6b1a);
  border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font-size:18px;font-weight:900;color:#000;
  font-family:'Space Grotesk',sans-serif;
  flex-shrink:0;
  box-shadow:0 4px 16px rgba(245,197,24,0.3);
}
.brand-name{
  font-family:'Space Grotesk',sans-serif;
  font-size:16px;font-weight:800;letter-spacing:1px;
  color:white;text-transform:uppercase;line-height:1.1;
}
.brand-sub{font-family:'Space Mono',monospace;font-size:8px;color:#6060a0;letter-spacing:2px;}
.header-right{display:flex;align-items:center;gap:8px;flex-shrink:0;}
.day-switcher{
  display:flex;align-items:center;gap:4px;
  background:#161624;
  border:1px solid #252540;
  border-radius:10px;padding:4px 8px;
}
.day-btn{background:none;border:none;color:#6060a0;cursor:pointer;font-size:16px;padding:1px 5px;line-height:1;transition:color 0.15s;}
.day-btn:active{color:#f5c518;}
.day-label{
  font-family:'Space Grotesk',sans-serif;
  font-size:12px;font-weight:700;color:white;
  letter-spacing:1px;min-width:60px;text-align:center;
  cursor:pointer;
  border-bottom:1px dashed rgba(245,197,24,0.4);
  padding-bottom:1px;
}
.day-label:active{color:#f5c518;}
.live-dot{width:6px;height:6px;border-radius:50%;background:#00e676;display:inline-block;margin-right:4px;box-shadow:0 0 6px #00e676;animation:pulse-dot 2s infinite;}
@keyframes pulse-dot{0%,100%{opacity:1;}50%{opacity:0.4;}}
.live-badge{font-family:'Space Mono',monospace;font-size:9px;padding:3px 8px;border-radius:6px;background:rgba(0,230,118,0.1);color:#00e676;border:1px solid rgba(0,230,118,0.2);}
.past-badge{font-family:'Space Mono',monospace;font-size:9px;padding:3px 8px;border-radius:6px;background:rgba(255,107,26,0.1);color:#ff6b1a;border:1px solid rgba(255,107,26,0.2);}

/* ══ NAV ══ */
.nav-bar{
  background:rgba(8,8,16,0.8);
  border-bottom:1px solid #1e1e32;
  padding:0 20px;display:flex;gap:0;overflow-x:auto;
  backdrop-filter:blur(20px);
  position:relative;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
}
.nav-bar::-webkit-scrollbar{display:none;}
.nav-tab{
  padding:12px 18px;
  font-family:'Space Grotesk',sans-serif;
  font-size:12px;font-weight:700;letter-spacing:0.5px;
  color:#6060a0;cursor:pointer;
  border-bottom:2px solid transparent;
  white-space:nowrap;transition:all 0.2s;
}
.nav-tab:hover{color:#e8e8f8;}
.nav-tab.active{color:#f5c518;border-bottom-color:#f5c518;}
/* Fade hint indicating more tabs */
.nav-wrapper{position:relative;}
.nav-wrapper::after{
  content:'';position:absolute;top:0;right:0;bottom:1px;width:30px;
  background:linear-gradient(to right,transparent,#080810);
  pointer-events:none;
  z-index:1;
}

/* ══ PAGES ══ */
.page{display:none;}.page.active{display:block;}
.container{max-width:1200px;margin:0 auto;padding:20px 16px;}

/* ══ READONLY ══ */
.readonly-banner{
  background:rgba(255,107,26,0.06);
  border:1px solid rgba(255,107,26,0.2);
  border-radius:10px;padding:10px 16px;margin-bottom:16px;
  font-family:'Space Mono',monospace;font-size:10px;color:#ff6b1a;letter-spacing:1px;
}

/* ══ HISTORY STRIP ══ */
.history-strip{display:grid;grid-template-columns:repeat(30,1fr);gap:3px;margin-bottom:20px;overflow-x:auto;}
.hday{
  background:#12121e;border:1px solid #1e1e32;
  border-radius:6px;padding:5px 2px;text-align:center;cursor:pointer;
  transition:all 0.2s;
}
.hday:active{border-color:#f5c518;transform:scale(0.95);}
.hday.active-day{border-color:#f5c518;background:rgba(245,197,24,0.08);}
.hday.has-data{border-color:rgba(0,230,118,0.3);background:rgba(0,230,118,0.04);}
.hday.today-day{border-color:#448aff;}
.hd-date{font-family:'Space Mono',monospace;font-size:7px;color:#6060a0;margin-bottom:2px;}
.hd-day{font-family:'Space Grotesk',sans-serif;font-size:9px;font-weight:700;color:#404065;margin-bottom:2px;}
.hd-dot{width:4px;height:4px;border-radius:50%;background:#1e1e32;margin:0 auto 2px;}
.hd-dot.g{background:#00e676;box-shadow:0 0 4px #00e676;}
.hd-dot.b{background:#448aff;box-shadow:0 0 4px #448aff;}
.hd-rev{font-family:'Space Mono',monospace;font-size:6px;color:#6060a0;}

/* ══ GOAL CARD ══ */
.goal-card{
  background:linear-gradient(135deg,#1a1200,#120a1a);
  border:1px solid rgba(245,197,24,0.2);
  border-radius:16px;padding:18px;margin-bottom:20px;
  display:flex;align-items:center;gap:18px;
  position:relative;overflow:hidden;
}
.goal-card::before{
  content:'';position:absolute;top:-50%;right:-10%;
  width:200px;height:200px;
  background:radial-gradient(circle,rgba(245,197,24,0.06) 0%,transparent 70%);
  pointer-events:none;
}
.goal-icon{font-size:30px;filter:drop-shadow(0 0 10px rgba(245,197,24,0.4));}
.goal-text{flex:1;min-width:0;}
.goal-title{
  font-family:'Space Mono',monospace;font-size:10px;font-weight:700;
  letter-spacing:3px;color:#f5c518;text-transform:uppercase;margin-bottom:4px;
}
.goal-main{font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:800;color:white;margin-bottom:9px;}
.goal-progress-row{display:flex;align-items:center;gap:10px;}
.goal-bar{
  flex:1;height:6px;
  background:rgba(255,255,255,0.06);
  border-radius:6px;overflow:hidden;
}
.goal-bar-fill{
  height:100%;border-radius:6px;
  background:linear-gradient(90deg,#ff6b1a,#f5c518,#ffd84d);
  transition:width 0.7s cubic-bezier(0.4,0,0.2,1);
  box-shadow:0 0 10px rgba(245,197,24,0.3);
}
.goal-pct{font-family:'Space Mono',monospace;font-size:12px;color:#f5c518;font-weight:700;white-space:nowrap;}
.goal-stats{text-align:right;flex-shrink:0;}
.goal-val{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:800;color:#f5c518;line-height:1;}
.goal-lbl{font-family:'Space Mono',monospace;font-size:8px;color:#6060a0;letter-spacing:2px;margin-top:3px;}

/* ══ KPI CARDS ══ */
.kpi-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:20px;}
.kpi-card{
  background:#161624;
  border:1px solid #252540;
  border-radius:14px;padding:14px;
  position:relative;overflow:hidden;
  transition:transform 0.2s,border-color 0.2s;
}
.kpi-card:hover{transform:translateY(-2px);}
.kpi-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  border-radius:14px 14px 0 0;
}
.kpi-card.c1::before{background:linear-gradient(90deg,transparent,#f5c518,transparent);}
.kpi-card.c2::before{background:linear-gradient(90deg,transparent,#ff6b1a,transparent);}
.kpi-card.c3::before{background:linear-gradient(90deg,transparent,#00e676,transparent);}
.kpi-card.c4::before{background:linear-gradient(90deg,transparent,#448aff,transparent);}
.kpi-card.c5::before{background:linear-gradient(90deg,transparent,#ff3b5c,transparent);}
.kpi-card::after{
  content:'';position:absolute;bottom:-20px;right:-20px;
  width:60px;height:60px;border-radius:50%;opacity:0.04;
}
.kpi-card.c1::after{background:#f5c518;}
.kpi-card.c2::after{background:#ff6b1a;}
.kpi-card.c3::after{background:#00e676;}
.kpi-card.c4::after{background:#448aff;}
.kpi-card.c5::after{background:#ff3b5c;}
.kpi-lbl{font-family:'Space Mono',monospace;font-size:8px;letter-spacing:2px;color:#6060a0;text-transform:uppercase;margin-bottom:6px;}
.kpi-val{font-family:'Space Grotesk',sans-serif;font-size:28px;font-weight:800;line-height:1;color:white;}
.kpi-val .u{font-size:12px;color:#6060a0;font-weight:500;}
.kpi-ch{margin-top:5px;font-size:10px;font-weight:600;}
.up{color:#00e676;}.dn{color:#ff3b5c;}.nt{color:#6060a0;}

/* ══ SUB TABS ══ */
.tab-row{
  display:flex;gap:2px;margin-bottom:16px;
  background:#161624;
  padding:3px;border-radius:10px;width:fit-content;
  border:1px solid #1e1e32;
}
.tab{
  padding:6px 16px;border-radius:8px;
  font-family:'Space Grotesk',sans-serif;
  font-size:12px;font-weight:700;letter-spacing:0.5px;
  cursor:pointer;color:#6060a0;transition:all 0.2s;
}
.tab:hover{color:#e8e8f8;}
.tab.active{background:#f5c518;color:#000;}

/* ══ SECTION LABEL ══ */
.sl{
  font-family:'Space Mono',monospace;font-size:10px;font-weight:700;
  letter-spacing:3px;color:#6060a0;text-transform:uppercase;
  margin-bottom:12px;display:flex;align-items:center;gap:10px;
}
.sl::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,#252540,transparent);}

/* ══ TABLES ══ */
.tw{
  background:#161624;
  border:1px solid #252540;
  border-radius:14px;overflow:hidden;margin-bottom:20px;overflow-x:auto;
}
table{width:100%;border-collapse:collapse;min-width:500px;}
thead tr{background:rgba(0,0,0,0.4);border-bottom:1px solid #252540;}
thead th{
  font-family:'Space Mono',monospace;font-size:8px;letter-spacing:2px;
  color:#6060a0;text-transform:uppercase;
  padding:10px 14px;text-align:left;font-weight:500;white-space:nowrap;
}
thead th:not(:first-child){text-align:center;}
tbody tr{border-bottom:1px solid rgba(255,255,255,0.03);transition:background 0.15s;cursor:pointer;}
tbody tr:hover{background:rgba(255,255,255,0.03);}
tbody tr:last-child{border-bottom:none;}
td{padding:10px 14px;font-size:13px;text-align:center;white-space:nowrap;}
td:first-child{text-align:left;}
.tcell{display:flex;align-items:center;gap:9px;}
.tav{
  width:30px;height:30px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:800;
  font-family:'Space Grotesk',sans-serif;flex-shrink:0;
}
.tn{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;letter-spacing:0.5px;color:white;}
.tm{font-size:9px;color:#6060a0;font-family:'Space Mono',monospace;margin-top:1px;}
.nb{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:700;color:white;}
.rb{display:inline-block;padding:2px 9px;border-radius:20px;font-family:'Space Mono',monospace;font-size:9px;font-weight:700;}
.rb.great{background:rgba(0,230,118,0.12);color:#00e676;border:1px solid rgba(0,230,118,0.2);}
.rb.good{background:rgba(245,197,24,0.12);color:#f5c518;border:1px solid rgba(245,197,24,0.2);}
.rb.low{background:rgba(255,59,92,0.12);color:#ff3b5c;border:1px solid rgba(255,59,92,0.2);}
.rc{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:800;color:#f5c518;}
.rnk{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:800;width:22px;text-align:center;}
.r1{color:#f5c518;text-shadow:0 0 10px rgba(245,197,24,0.5);}
.r2{color:#aaa;}.r3{color:#cd7f32;}.rX{color:#333350;}
.erow td{color:#333350;font-style:italic;font-size:12px;padding:24px;text-align:center;}

/* ══ PRODUCT GRID ══ */
.pg{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:14px;}
.pi{
  background:rgba(255,255,255,0.02);
  border:1px solid #1e1e32;
  border-radius:10px;padding:10px;text-align:center;
  transition:all 0.2s;
}
.pi.hs{
  border-color:rgba(245,197,24,0.3);
  background:rgba(245,197,24,0.05);
  box-shadow:0 0 20px rgba(245,197,24,0.05);
}
.pi-n{font-family:'Space Mono',monospace;font-size:7px;letter-spacing:1px;color:#6060a0;text-transform:uppercase;margin-bottom:4px;}
.pi-c{font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:800;color:white;line-height:1;}
.pi-r{font-size:9px;color:#f5c518;font-family:'Space Mono',monospace;margin-top:3px;}

/* ══ BOTTOM GRID ══ */
.bg{display:grid;grid-template-columns:1.3fr 1fr;gap:14px;}
.panel{
  background:#161624;
  border:1px solid #252540;
  border-radius:14px;padding:18px;
}
.pt{
  font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;
  color:white;margin-bottom:14px;
  display:flex;align-items:center;justify-content:space-between;
}
.ig{display:flex;flex-direction:column;gap:4px;}
.igl{font-family:'Space Mono',monospace;font-size:8px;letter-spacing:1.5px;color:#6060a0;text-transform:uppercase;}
select,input[type="number"],input[type="text"],input[type="date"]{
  background:#0e0e1a;
  border:1px solid #252540;
  border-radius:8px;color:#e8e8f8;
  font-family:'Space Grotesk',sans-serif;font-size:13px;
  padding:8px 10px;width:100%;outline:none;
  transition:border-color 0.2s;
  color-scheme:dark;
}
select:focus,input:focus{border-color:#f5c518;}
.r3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-bottom:8px;}
.r4{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:6px;margin-bottom:10px;align-items:end;}
.btn{
  border:none;border-radius:8px;
  padding:8px 14px;
  font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:800;
  letter-spacing:0.5px;cursor:pointer;white-space:nowrap;height:36px;
  transition:all 0.15s;
}
.btn:active{transform:scale(0.97);}
.bg-gold{background:linear-gradient(135deg,#f5c518,#ffd84d);color:#000;box-shadow:0 4px 12px rgba(245,197,24,0.25);}
.bg-wa{background:#25D366;color:#000;}
.bg-red{background:rgba(255,59,92,0.1);color:#ff3b5c;border:1px solid rgba(255,59,92,0.2);}
.pp{
  background:rgba(245,197,24,0.06);border:1px solid rgba(245,197,24,0.15);
  border-radius:8px;padding:7px 11px;
  font-family:'Space Mono',monospace;font-size:10px;color:#f5c518;
  margin-bottom:8px;display:flex;justify-content:space-between;
}
#entryLog{margin-top:8px;max-height:150px;overflow-y:auto;}
.ei{
  display:flex;align-items:center;gap:5px;
  padding:5px 8px;
  background:rgba(255,255,255,0.03);
  border:1px solid #1e1e32;
  border-radius:8px;margin-bottom:3px;flex-wrap:wrap;
}
.en{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:13px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.et{
  font-size:9px;color:#6060a0;
  font-family:'Space Mono',monospace;
  background:rgba(255,255,255,0.05);
  padding:2px 5px;border-radius:4px;white-space:nowrap;
}
.ed{cursor:pointer;color:#ff3b5c;font-size:12px;padding:0 3px;flex-shrink:0;}

/* ══ LEADERBOARD ══ */
.lbi{
  display:flex;align-items:center;gap:10px;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,0.04);cursor:pointer;
  transition:opacity 0.15s;
}
.lbi:hover{opacity:0.8;}
.lbi:last-child{border-bottom:none;}
.lbr{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:900;width:26px;text-align:center;}
.lbin{flex:1;}
.lbn{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;color:white;}
.lbt{font-size:9px;color:#6060a0;font-family:'Space Mono',monospace;}
.lbs{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:800;color:#f5c518;}
.lbr2{font-size:9px;color:#6060a0;font-family:'Space Mono',monospace;}

/* ══ ACTIVITY PAGE ══ */
.act-form{background:#161624;border:1px solid #252540;border-radius:14px;padding:18px;margin-bottom:16px;}
.act-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr auto;gap:8px;align-items:end;}
.act-log{background:#161624;border:1px solid #252540;border-radius:14px;overflow:hidden;overflow-x:auto;}
.alh{
  background:rgba(0,0,0,0.4);padding:10px 14px;
  font-family:'Space Mono',monospace;font-size:8px;letter-spacing:2px;
  color:#6060a0;text-transform:uppercase;
  border-bottom:1px solid #252540;
  display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr 1fr auto;gap:8px;min-width:480px;
}
.ar{
  padding:10px 14px;border-bottom:1px solid rgba(255,255,255,0.03);
  display:grid;grid-template-columns:1.2fr .8fr .8fr .8fr 1fr auto;
  gap:8px;align-items:center;min-width:480px;transition:background 0.15s;
}
.ar:hover{background:rgba(255,255,255,0.02);}
.ar:last-child{border-bottom:none;}
.asn{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;color:white;}
.att{font-family:'Space Mono',monospace;font-size:9px;color:#6060a0;display:block;}
.av{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;text-align:center;}

/* ══ SP GRID ══ */
.sp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
.spc{
  background:#161624;
  border:1px solid #1e1e32;
  border-radius:14px;padding:16px;cursor:pointer;
  transition:all 0.25s;position:relative;overflow:hidden;
}
.spc:hover{border-color:#f5c518;transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,0.3);}
.spc-bar{position:absolute;top:0;left:0;right:0;height:3px;border-radius:14px 14px 0 0;}
.spc-av{
  width:40px;height:40px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:800;
  margin-bottom:10px;
}
.spc-name{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:800;color:white;margin-bottom:2px;}
.spc-team{font-family:'Space Mono',monospace;font-size:9px;color:#6060a0;letter-spacing:1px;margin-bottom:10px;}
.spc-row{display:flex;justify-content:space-between;margin-bottom:4px;}
.spc-rl{font-size:11px;color:#6060a0;}
.spc-rv{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;color:white;}
.spc-rev{
  font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:800;color:#f5c518;
  margin-top:10px;padding-top:10px;border-top:1px solid #252540;
}

/* ══ MODALS ══ */
.mo{
  position:fixed;top:0;left:0;width:100%;height:100%;
  background:rgba(0,0,0,0.8);z-index:999;
  display:flex;align-items:center;justify-content:center;
  backdrop-filter:blur(8px);
}
.mbox{
  background:#161624;border:1px solid #252540;
  border-radius:18px;padding:22px;max-width:440px;width:93%;max-height:88vh;overflow-y:auto;
  box-shadow:0 20px 60px rgba(0,0,0,0.5);
}
.mhd{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #252540;}
.mav{
  width:50px;height:50px;border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:800;flex-shrink:0;
}
.mn{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:800;color:white;}
.mteam{font-family:'Space Mono',monospace;font-size:9px;color:#6060a0;letter-spacing:1px;margin-top:2px;}
.mc{margin-left:auto;cursor:pointer;color:#6060a0;font-size:20px;flex-shrink:0;transition:color 0.15s;}
.mc:hover{color:#ff3b5c;}
.mk-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;}
.mk{
  background:#0e0e1a;border:1px solid #252540;
  border-radius:10px;padding:14px;
}
.mkl{font-family:'Space Mono',monospace;font-size:8px;letter-spacing:2px;color:#6060a0;text-transform:uppercase;margin-bottom:5px;}
.mkv{font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:800;color:white;line-height:1;}
.mkv.go{color:#f5c518;}.mkv.gr{color:#00e676;}.mkv.bl{color:#448aff;}.mkv.or{color:#ff6b1a;}
.mpr{
  display:flex;justify-content:space-between;align-items:center;
  padding:8px 12px;background:#0e0e1a;
  border-radius:8px;border:1px solid #252540;margin-bottom:6px;
}
.mpn{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;color:white;}
.mpd{font-size:9px;color:#6060a0;font-family:'Space Mono',monospace;}
.mpr-r{font-family:'Space Mono',monospace;font-size:11px;color:#f5c518;}

/* ══ WA MODAL ══ */
.wa-box{
  background:#161624;border:1px solid #252540;
  border-radius:18px;padding:22px;max-width:500px;width:93%;max-height:82vh;overflow-y:auto;
  box-shadow:0 20px 60px rgba(0,0,0,0.5);
}
.wa-pre{
  background:#0e0e1a;border:1px solid #252540;
  border-radius:10px;padding:13px;
  font-family:'Space Mono',monospace;font-size:11px;line-height:1.8;
  color:#e8e8f8;white-space:pre-wrap;margin-bottom:14px;max-height:300px;overflow-y:auto;
}
.ma{display:flex;gap:10px;}

/* ══ NOT REPORTED PANEL ══ */
.nr-panel{background:#161624;border:1px solid #252540;border-radius:14px;overflow:hidden;}
.nr-header{background:rgba(0,0,0,0.4);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #252540;}
.nr-title{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:800;letter-spacing:0.5px;}
.nr-count{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:1px;}
.nr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;padding:14px;}
.nr-item{border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:8px;border:1px solid;}
.nr-item.missing{background:rgba(255,59,92,0.07);border-color:rgba(255,59,92,0.2);}
.nr-item.done{background:rgba(0,230,118,0.06);border-color:rgba(0,230,118,0.15);}
.nr-av{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:800;flex-shrink:0;}
.nr-name{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;color:white;flex:1;}
.nr-team{font-family:'Space Mono',monospace;font-size:8px;color:#6060a0;letter-spacing:1px;}
.nr-status{font-size:13px;flex-shrink:0;}

/* ══ PRICE TOGGLE ══ */
.price-toggle-btn{
  background:#12121e;border:1px solid #252540;border-radius:8px;
  color:#6060a0;font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;
  padding:7px 16px;cursor:pointer;transition:all 0.15s;flex:1;
}
.price-toggle-btn.active-normal{background:rgba(0,230,118,0.1);border-color:rgba(0,230,118,0.4);color:#00e676;}
.price-toggle-btn.active-custom{background:rgba(245,197,24,0.1);border-color:rgba(245,197,24,0.4);color:#f5c518;}

/* ══ SALE TYPE BUTTONS ══ */
.sale-type-btn{
  background:#12121e;border:1px solid #252540;border-radius:20px;
  color:#6060a0;font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;
  padding:6px 14px;cursor:pointer;transition:all 0.15s;
}
.sale-type-btn:active{transform:scale(0.96);}
.sale-type-btn.active-upsell{background:rgba(0,230,118,0.12);border-color:rgba(0,230,118,0.4);color:#00e676;}
.sale-type-btn.active-cross{background:rgba(68,138,255,0.12);border-color:rgba(68,138,255,0.4);color:#448aff;}
.sale-type-btn.active-repeat{background:rgba(245,197,24,0.12);border-color:rgba(245,197,24,0.4);color:#f5c518;}
.sale-type-tag{font-size:9px;font-family:'Space Mono',monospace;padding:2px 6px;border-radius:4px;white-space:nowrap;}
.tag-upsell{background:rgba(0,230,118,0.1);color:#00e676;}
.tag-cross{background:rgba(68,138,255,0.1);color:#448aff;}
.tag-repeat{background:rgba(245,197,24,0.1);color:#f5c518;}

/* ══ ENTRY CALENDAR ══ */

/* ══ MOBILE RESPONSIVE ══ */
@media (max-width: 640px) {
  /* Header */
  .brand-name{font-size:14px;}
  .brand-sub{font-size:7px;}
  .day-label{min-width:50px;font-size:11px;}
  header{padding:10px 12px;}

  /* Container */
  .container{padding:14px 12px;}

  /* KPI strip — 2 per row on mobile */
  .kpi-strip{grid-template-columns:repeat(2,1fr);gap:8px;}
  .kpi-card:last-child{grid-column:span 2;}
  .kpi-val{font-size:26px;}

  /* Goal card */
  .goal-card{flex-direction:column;gap:12px;padding:14px;}
  .goal-stats{text-align:left;}
  .goal-val{font-size:20px;}
  .goal-main{font-size:15px;}

  /* Bottom grid — stack vertically */
  .bg{grid-template-columns:1fr;}

  /* SP grid — 2 per row */
  .sp-grid{grid-template-columns:repeat(2,1fr);gap:8px;}

  /* Tables — horizontal scroll */
  .tw{overflow-x:auto;}
  table{min-width:420px;}

  /* Activity grid — stack */
  .act-grid{grid-template-columns:1fr 1fr !important;gap:6px;}
  .act-grid button{grid-column:span 2;}

  /* Not reported grid — 2 per row */
  .nr-grid{grid-template-columns:repeat(2,1fr);}

  /* Omset grid — 1 per row */
  .omset-grid{grid-template-columns:1fr;}

  /* Product grid — 3 per row */
  .pg{grid-template-columns:repeat(3,1fr) !important;}

  /* History strip — scroll */
  .history-strip{grid-template-columns:repeat(30,28px) !important;overflow-x:auto;}

  /* Modal */
  .mbox{padding:16px;border-radius:14px 14px 0 0;max-height:90vh;}
  .mk-grid{grid-template-columns:1fr 1fr;}

  /* Nav tabs */
  .nav-tab{padding:10px 12px;font-size:11px;}

  /* Log entry form */
  #inputArea .r3{grid-template-columns:1fr !important;}
  #inputArea .r4{grid-template-columns:1fr 1fr !important;}
  #inputArea .r4 button{grid-column:span 2;}

  /* Date+team+sp row */
  #inputArea > div:first-child{grid-template-columns:1fr 1fr !important;}

  /* Sale type buttons */
  .sale-type-btn{font-size:11px;padding:5px 10px;}

  /* Price toggle */
  .price-toggle-btn{font-size:11px;padding:6px 10px;}

  /* Monthly product grid */
  #mProdGrid{grid-template-columns:repeat(3,1fr) !important;}

  /* Monthly team table */
  #mTeamBody td, #mSPBody td{font-size:11px;padding:8px 8px;}
}

@media (max-width: 380px) {
  .kpi-strip{grid-template-columns:1fr 1fr;}
  .kpi-val{font-size:22px;}
  .sp-grid{grid-template-columns:1fr 1fr;}
  .nr-grid{grid-template-columns:1fr;}
  .nav-tab{padding:8px 10px;font-size:10px;}
}

.omset-section{background:#161624;border:1px solid #252540;border-radius:14px;padding:16px;margin-bottom:14px;}
.omset-section-title{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:800;color:white;margin-bottom:14px;letter-spacing:0.5px;}
.omset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;}
.omset-item{display:flex;flex-direction:column;gap:5px;}
.omset-label{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:1.5px;color:#6060a0;text-transform:uppercase;}
.omset-input-wrap{display:flex;align-items:center;background:#0e0e1a;border:1px solid #252540;border-radius:8px;overflow:hidden;transition:border-color 0.2s;}
.omset-input-wrap:focus-within{border-color:#f5c518;}
.omset-rp{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;color:#6060a0;padding:0 8px;white-space:nowrap;background:#0e0e1a;}
.omset-input{background:transparent;border:none;outline:none;color:white;font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:700;padding:9px 10px 9px 0;width:100%;min-width:0;}
.omset-input::placeholder{color:#333350;font-weight:400;}
.omset-total-card{background:linear-gradient(135deg,#1a1200,#0d0a1a);border:2px solid rgba(245,197,24,0.3);border-radius:16px;padding:24px;text-align:center;margin-bottom:14px;}
.omset-total-label{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:3px;color:#f5c518;text-transform:uppercase;margin-bottom:10px;}
.omset-total-val{font-family:'Space Grotesk',sans-serif;font-size:36px;font-weight:900;color:#f5c518;line-height:1;margin-bottom:6px;}
.omset-total-sub{font-family:'Space Mono',monospace;font-size:10px;color:#6060a0;letter-spacing:1px;}
.omset-saved-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(0,230,118,0.1);border:1px solid rgba(0,230,118,0.2);border-radius:20px;padding:4px 12px;font-family:'Space Mono',monospace;font-size:10px;color:#00e676;letter-spacing:1px;}

/* ══ CALENDAR ══ (already defined, just ensure omset cal works) */
.cal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:500;background:rgba(0,0,0,0.7);display:flex;align-items:flex-end;justify-content:center;backdrop-filter:blur(8px);}
.cal-box{background:#0e0e1a;border:1px solid #252540;border-radius:24px 24px 0 0;width:100%;max-width:430px;padding-bottom:env(safe-area-inset-bottom,20px);animation:slideUp 0.3s cubic-bezier(0.4,0,0.2,1);}
@keyframes slideUp{from{transform:translateY(100%);}to{transform:translateY(0);}}
.cal-handle{width:36px;height:4px;background:rgba(255,255,255,0.15);border-radius:2px;margin:12px auto 0;}
.cal-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;}
.cal-topbar-label{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:800;color:white;letter-spacing:0.5px;cursor:pointer;display:flex;align-items:center;gap:6px;}
.cal-topbar-label .chevron{font-size:12px;color:#f5c518;transition:transform 0.2s;}
.cal-topbar-label.open .chevron{transform:rotate(180deg);}
.cal-topbar-today{font-family:'Space Mono',monospace;font-size:10px;color:#f5c518;letter-spacing:1px;cursor:pointer;padding:6px 14px;border-radius:20px;background:rgba(245,197,24,0.1);border:1px solid rgba(245,197,24,0.2);}
.cal-month-nav{display:flex;align-items:center;padding:0 14px 10px;}
.cal-mnav-btn{background:rgba(255,255,255,0.07);border:none;color:#e8e8f8;font-size:18px;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.15s;}
.cal-mnav-btn:active{background:rgba(245,197,24,0.2);color:#f5c518;}
.cal-month-display{flex:1;text-align:center;font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:700;color:#6060a0;letter-spacing:0.5px;}
.cal-year-picker{display:none;padding:8px 16px 12px;overflow-x:auto;}
.cal-year-picker.show{display:flex;}
.cal-year-list{display:flex;gap:6px;padding-bottom:4px;}
.cal-year-item{flex-shrink:0;padding:6px 16px;border-radius:20px;font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:700;color:#6060a0;cursor:pointer;border:1px solid transparent;transition:all 0.15s;}
.cal-year-item:hover{color:#e8e8f8;background:rgba(255,255,255,0.07);}
.cal-year-item.active{color:#000;background:#f5c518;}
.cal-month-picker{display:none;padding:8px 16px 12px;}
.cal-month-picker.show{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;}
.cal-month-item{padding:9px 4px;border-radius:10px;font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;color:#6060a0;cursor:pointer;text-align:center;border:1px solid transparent;transition:all 0.15s;}
.cal-month-item:hover{color:#e8e8f8;background:rgba(255,255,255,0.07);}
.cal-month-item.active{color:#000;background:#f5c518;}
.cal-month-item.future{opacity:0.2;cursor:not-allowed;}
.cal-day-view{padding:0 14px 20px;}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;}
.cal-dow{font-family:'Space Mono',monospace;font-size:9px;letter-spacing:1px;color:#6060a0;text-align:center;padding:6px 0 4px;text-transform:uppercase;}
.cal-day{height:40px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all 0.12s;position:relative;color:#6060a0;gap:2px;}
.cal-day:active{transform:scale(0.9);}
.cal-day.has-data{color:#e8e8f8;}
.cal-day.has-data .dot{width:4px;height:4px;border-radius:50%;background:#00e676;box-shadow:0 0 4px #00e676;}
.cal-day.selected{background:#f5c518;color:#000 !important;border-radius:10px;}
.cal-day.selected .dot{background:#000;box-shadow:none;}
.cal-day.today{background:rgba(68,138,255,0.15);color:#448aff;}
.cal-day.today .dot{background:#448aff;}
.cal-day.today.selected{background:#f5c518;color:#000;}
.cal-day.empty{cursor:default;}
.cal-day.empty:active{transform:none;}
.cal-day.future{opacity:0.2;cursor:not-allowed;}
.cal-day.future:active{transform:none;}
.dot{display:none;}
.has-data .dot{display:block;}
.selected .dot{display:block;}


/* ══ SALES INSIGHTS PAGE ══ */
.ins-period-tabs{display:flex;gap:4px;background:#161624;border:1px solid #252540;border-radius:10px;padding:4px;}
.ins-period-btn{background:none;border:none;color:#6060a0;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;padding:6px 12px;border-radius:7px;cursor:pointer;transition:all 0.15s;letter-spacing:0.5px;}
.ins-period-btn:hover{color:#e8e8f8;}
.ins-period-btn.active{background:#f5c518;color:#000;}

.ins-kpi-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px;}
.ins-kpi-card{background:#12121e;border:1px solid #252540;border-radius:11px;padding:14px;}
.ins-kpi-lbl{font-family:'Space Mono',monospace;font-size:9px;color:#6060a0;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px;}
.ins-kpi-val{font-family:'Space Grotesk',sans-serif;font-size:30px;font-weight:800;line-height:1;}
.ins-kpi-val .u{font-size:14px;color:#6060a0;font-weight:700;}
.ins-kpi-sub{font-family:'Space Mono',monospace;font-size:9px;color:#6060a0;letter-spacing:0.5px;margin-top:6px;}

.ins-panel{background:#12121e;border:1px solid #1e1e32;border-radius:12px;padding:16px;margin-bottom:14px;}
.ins-pt{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:800;color:#e8e8f8;margin-bottom:12px;letter-spacing:0.5px;}

.ins-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;}
.ins-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:14px;}

.ins-stacked-bar{height:32px;border-radius:8px;display:flex;overflow:hidden;background:#1e1e32;margin-bottom:14px;}
.ins-stacked-seg{display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:800;color:#000;transition:all 0.3s;min-width:0;overflow:hidden;white-space:nowrap;}
.ins-legend{display:flex;flex-wrap:wrap;gap:10px;}
.ins-legend-item{display:flex;align-items:center;gap:6px;font-family:'Space Mono',monospace;font-size:10px;color:#e8e8f8;}
.ins-legend-dot{width:10px;height:10px;border-radius:3px;}

.ins-avg-row{display:grid;grid-template-columns:90px 1fr 110px;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #1e1e32;}
.ins-avg-row:last-child{border-bottom:none;}
.ins-avg-lbl{font-family:'Space Mono',monospace;font-size:10px;color:#6060a0;letter-spacing:1px;text-transform:uppercase;}
.ins-avg-bar-track{height:8px;background:#1e1e32;border-radius:4px;overflow:hidden;}
.ins-avg-bar-fill{height:100%;border-radius:4px;transition:width 0.5s;}
.ins-avg-val{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:800;color:#e8e8f8;text-align:right;}

.ins-lb-row{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:7px 0;border-bottom:1px solid #1e1e32;}
.ins-lb-row:last-child{border-bottom:none;}
.ins-lb-rank{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:800;color:#6060a0;}
.ins-lb-name{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;color:#e8e8f8;}
.ins-lb-team{font-family:'Space Mono',monospace;font-size:9px;color:#6060a0;letter-spacing:0.5px;margin-top:1px;}
.ins-lb-stat{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:800;text-align:right;}
.ins-lb-substat{font-family:'Space Mono',monospace;font-size:9px;color:#6060a0;text-align:right;margin-top:1px;}
.ins-lb-empty{text-align:center;padding:20px;color:#404065;font-family:'Space Mono',monospace;font-size:10px;}

.ins-tag{display:inline-block;font-family:'Space Mono',monospace;font-size:9px;font-weight:700;padding:2px 7px;border-radius:5px;letter-spacing:0.5px;text-transform:uppercase;margin-right:4px;}
.ins-tag.upsell{background:rgba(255,107,26,0.15);color:#ff6b1a;border:1px solid rgba(255,107,26,0.25);}
.ins-tag.cross{background:rgba(124,77,255,0.15);color:#7c4dff;border:1px solid rgba(124,77,255,0.25);}
.ins-tag.repeat{background:rgba(0,230,118,0.15);color:#00e676;border:1px solid rgba(0,230,118,0.25);}

.ins-trend{display:flex;align-items:flex-end;gap:6px;height:140px;padding:8px 0;}
.ins-trend-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;}
.ins-trend-bars{flex:1;width:100%;display:flex;align-items:flex-end;gap:2px;}
.ins-trend-bar{flex:1;border-radius:3px 3px 0 0;min-height:2px;transition:height 0.5s;}
.ins-trend-bar.up{background:#ff6b1a;}
.ins-trend-bar.cr{background:#7c4dff;}
.ins-trend-bar.rp{background:#00e676;}
.ins-trend-month{font-family:'Space Mono',monospace;font-size:9px;color:#6060a0;letter-spacing:0.5px;text-transform:uppercase;}

@media(max-width:768px){
  .ins-kpi-row{grid-template-columns:1fr 1fr;}
  .ins-grid-2{grid-template-columns:1fr;}
  .ins-grid-3{grid-template-columns:1fr;}
  .ins-period-tabs{width:100%;}
  .ins-period-btn{flex:1;}
}

/* ══ WARNING PAGE ══ */
.warn-thresh-card{background:#12121e;border:1px solid #1e1e32;border-radius:12px;padding:14px;margin-bottom:14px;}
.warn-thresh-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.warn-thresh-item{background:#0e0e1a;border:1px solid #1e1e32;border-radius:9px;padding:10px;}
.warn-thresh-lbl{font-family:'Space Mono',monospace;font-size:9px;color:#6060a0;letter-spacing:1px;text-transform:uppercase;margin-bottom:5px;}
.warn-thresh-val{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:800;color:#f5c518;}
.warn-thresh-input{width:100%;background:#161624;border:1px solid #252540;border-radius:6px;padding:6px 8px;font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;color:#f5c518;}

.warn-summary-card{background:linear-gradient(135deg,#1a0a12,#150a1a);border:1px solid rgba(255,59,92,0.25);border-radius:14px;padding:16px;margin-bottom:18px;display:flex;align-items:center;gap:14px;}
.warn-summary-icon{font-size:32px;filter:drop-shadow(0 0 10px rgba(255,59,92,0.4));}

.warn-section{background:#12121e;border:1px solid #1e1e32;border-radius:12px;padding:14px;margin-bottom:0;}
.warn-section-title{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:800;margin-bottom:10px;letter-spacing:0.5px;}

.warn-row{display:grid;grid-template-columns:32px 1fr auto auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #1e1e32;}
.warn-row:last-child{border-bottom:none;}
.warn-row .av{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:800;}
.warn-row .nm{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;color:#e8e8f8;}
.warn-row .tm{font-family:'Space Mono',monospace;font-size:9px;color:#6060a0;letter-spacing:0.5px;margin-top:1px;}
.warn-row .stat{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:800;text-align:right;color:#ff3b5c;}
.warn-row .substat{font-family:'Space Mono',monospace;font-size:9px;color:#6060a0;text-align:right;margin-top:1px;}
.warn-row .gap{display:inline-block;font-family:'Space Mono',monospace;font-size:9px;font-weight:700;padding:2px 7px;border-radius:5px;background:rgba(255,59,92,0.12);color:#ff3b5c;border:1px solid rgba(255,59,92,0.2);}
.warn-empty{text-align:center;padding:18px;color:#404065;font-family:'Space Mono',monospace;font-size:10px;}

.warn-crit-card{background:linear-gradient(135deg,#1f0a14,#170a18);border:1px solid rgba(255,59,92,0.35);border-radius:11px;padding:12px;margin-bottom:8px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;}
.warn-crit-card .av{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:800;}
.warn-crit-name{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:800;color:white;}
.warn-crit-team{font-family:'Space Mono',monospace;font-size:9px;color:#6060a0;letter-spacing:1px;margin-top:1px;}
.warn-crit-issues{display:flex;gap:5px;margin-top:6px;flex-wrap:wrap;}
.warn-crit-issue{font-family:'Space Mono',monospace;font-size:9px;font-weight:700;padding:2px 7px;border-radius:5px;background:rgba(255,59,92,0.15);color:#ff3b5c;border:1px solid rgba(255,59,92,0.25);}
.warn-crit-count{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:800;color:#ff3b5c;text-align:right;line-height:1;}
.warn-crit-count-lbl{font-family:'Space Mono',monospace;font-size:8px;color:#6060a0;letter-spacing:1.5px;text-align:right;margin-top:3px;}

.warn-good-row{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:8px 12px;background:rgba(0,230,118,0.04);border:1px solid rgba(0,230,118,0.12);border-radius:9px;margin-bottom:6px;}
.warn-good-row .av{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:800;}
.warn-good-row .nm{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;color:#e8e8f8;}
.warn-good-row .tm{font-family:'Space Mono',monospace;font-size:9px;color:#6060a0;letter-spacing:0.5px;margin-top:1px;}
.warn-good-row .badge{font-family:'Space Mono',monospace;font-size:9px;font-weight:700;padding:3px 9px;border-radius:5px;background:rgba(0,230,118,0.12);color:#00e676;border:1px solid rgba(0,230,118,0.25);letter-spacing:0.5px;}

@media(max-width:768px){
  .warn-thresh-grid{grid-template-columns:1fr 1fr;}
  .warn-row{grid-template-columns:28px 1fr auto;}
  .warn-row .substat{display:none;}
}

/* ══ ACTIVITY LOG — DATE/TEAM GROUPING ══ */
.alog-date-hdr{
  display:flex;align-items:center;justify-content:space-between;
  background:linear-gradient(135deg,rgba(245,197,24,0.1),rgba(255,107,26,0.05));
  border-top:1px solid #252540;border-bottom:1px solid #252540;
  padding:10px 14px;margin-top:8px;
  flex-wrap:wrap;gap:8px;
}
.alog-date-hdr:first-child{margin-top:0;border-top:none;}
.alog-date-lbl{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:800;color:#f5c518;letter-spacing:0.5px;}
.alog-date-tot{display:flex;gap:10px;font-family:'Space Mono',monospace;font-size:11px;font-weight:700;}

.alog-team-hdr{
  display:flex;align-items:center;justify-content:space-between;
  background:rgba(255,255,255,0.02);
  padding:7px 14px;margin-top:4px;
  flex-wrap:wrap;gap:6px;
}
.alog-team-name{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;}
.alog-team-tot{font-family:'Space Mono',monospace;font-size:10px;color:#6060a0;letter-spacing:0.5px;}

@media(max-width:768px){
  .alog-date-hdr{padding:8px 12px;}
  .alog-date-lbl{font-size:12px;}
  .alog-date-tot{font-size:10px;gap:6px;}
}

/* ══ SALESPEOPLE — TEAM GROUPING ══ */
.spg-team-hdr{
  display:flex;align-items:center;justify-content:space-between;
  background:linear-gradient(135deg,rgba(255,255,255,0.03),transparent);
  border:1px solid #252540;
  border-radius:11px;
  padding:11px 16px;
  margin:18px 0 10px;
  flex-wrap:wrap;gap:10px;
}
.spg-team-hdr:first-child{margin-top:0;}
.spg-team-name{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:800;letter-spacing:1px;text-transform:uppercase;}
.spg-team-stats{display:flex;gap:12px;font-family:'Space Mono',monospace;font-size:11px;font-weight:700;flex-wrap:wrap;}

@media(max-width:768px){
  .spg-team-hdr{padding:9px 12px;}
  .spg-team-name{font-size:12px;}
  .spg-team-stats{font-size:10px;gap:8px;}
}

/* ══ WARNING — TEAM GROUPING ══ */
/* Big team header for the All Flagged section */
.warn-team-hdr{
  display:flex;align-items:center;justify-content:space-between;
  background:linear-gradient(135deg,rgba(255,255,255,0.04),transparent);
  padding:12px 16px;
  margin:20px 0 10px;
  border-radius:10px;
  flex-wrap:wrap;gap:10px;
  position:relative;
}
.warn-team-hdr:first-child{margin-top:0;}
.warn-team-name{
  font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:800;
  letter-spacing:1.5px;text-transform:uppercase;
  display:flex;align-items:center;gap:8px;
}
.warn-team-tot{
  font-family:'Space Mono',monospace;font-size:11px;font-weight:700;
  letter-spacing:1px;text-transform:uppercase;
  background:rgba(255,59,92,0.15);color:#ff3b5c;
  border:1px solid rgba(255,59,92,0.3);
  padding:4px 10px;border-radius:6px;
}

/* Compact but visible team subheader for Below-X sections */
.warn-team-subhdr{
  display:flex;align-items:center;gap:8px;
  background:linear-gradient(90deg,rgba(255,255,255,0.04),transparent);
  border-radius:7px;
  padding:8px 12px;
  margin:12px 0 6px;
  font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:800;
  letter-spacing:1px;text-transform:uppercase;
}
.warn-team-subhdr:first-child{margin-top:0;}
.warn-team-subhdr::before{
  content:'';
  display:inline-block;
  width:4px;height:14px;
  background:currentColor;
  border-radius:2px;
  flex-shrink:0;
}

/* ══ MONTHLY SP LOOKUP SEARCH ══ */
.sp-lookup-box{background:#12121e;border:1px solid #1e1e32;border-radius:12px;padding:14px;margin-bottom:18px;}
.sp-lookup-input-wrap{
  position:relative;display:flex;align-items:center;
  background:#0e0e1a;border:1px solid #252540;border-radius:9px;
  padding:0 10px;margin-bottom:12px;
  transition:border-color 0.15s;
}
.sp-lookup-input-wrap:focus-within{border-color:#f5c518;}
.sp-lookup-icon{font-size:14px;margin-right:8px;color:#6060a0;}
.sp-lookup-input{
  flex:1;background:none;border:none;outline:none;
  padding:11px 0;font-family:'Space Grotesk',sans-serif;
  font-size:14px;font-weight:600;color:#e8e8f8;
}
.sp-lookup-input::placeholder{color:#404065;font-weight:400;}
.sp-lookup-clear{
  background:none;border:none;color:#6060a0;cursor:pointer;
  padding:4px 8px;font-size:12px;
}
.sp-lookup-clear:hover{color:#ff3b5c;}

.sp-lookup-empty{
  font-family:'Space Mono',monospace;font-size:11px;color:#6060a0;
  text-align:center;padding:14px 8px;letter-spacing:0.3px;
}

.sp-lookup-card{
  background:#161624;border:1px solid #252540;
  border-radius:10px;padding:14px;margin-bottom:8px;
  cursor:pointer;transition:transform 0.15s,border-color 0.15s;
}
.sp-lookup-card:hover{transform:translateY(-1px);}
.sp-lookup-card:last-child{margin-bottom:0;}
.sp-lookup-head{
  display:flex;align-items:center;gap:12px;
  padding-bottom:12px;margin-bottom:12px;
  border-bottom:1px solid #252540;
}
.sp-lookup-av{
  width:38px;height:38px;border-radius:9px;
  display:flex;align-items:center;justify-content:center;
  font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:800;
  flex-shrink:0;
}
.sp-lookup-name{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:800;color:white;}
.sp-lookup-team{font-family:'Space Mono',monospace;font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-top:2px;}
.sp-lookup-rev{margin-left:auto;text-align:right;}
.sp-lookup-rev-val{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:800;color:#f5c518;line-height:1;}
.sp-lookup-rev-lbl{font-family:'Space Mono',monospace;font-size:8px;color:#6060a0;letter-spacing:1.5px;text-transform:uppercase;margin-top:4px;}

.sp-lookup-stats{
  display:grid;grid-template-columns:repeat(5,1fr);gap:8px;
}
.sp-lookup-stat{
  background:#0e0e1a;border:1px solid #1e1e32;
  border-radius:8px;padding:9px 10px;text-align:center;
}
.sp-lookup-stat-lbl{font-family:'Space Mono',monospace;font-size:9px;color:#6060a0;letter-spacing:0.5px;margin-bottom:4px;}
.sp-lookup-stat-val{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:800;line-height:1;}

@media(max-width:768px){
  .sp-lookup-stats{grid-template-columns:repeat(2,1fr);}
  .sp-lookup-head{flex-wrap:wrap;}
  .sp-lookup-rev{margin-left:0;text-align:left;width:100%;}
  .sp-lookup-stat-val{font-size:16px;}
}