/* Reference-image redesign — local review layer. No production deployment yet. */
:root{--ref-bg:#020303;--ref-panel:#070a0b;--ref-panel-2:#0a0d0e;--ref-border:#1a2225;--ref-border-strong:#263035;--ref-green:#20d883;--ref-muted:#81898e}
html,body{background:var(--ref-bg)!important}
body{background-image:radial-gradient(ellipse 55% 32% at 48% -15%,rgba(32,216,131,.045),transparent 72%)!important;font-family:'Space Grotesk',sans-serif!important}
header{min-height:82px!important;padding:12px max(30px,calc((100vw - 1580px)/2))!important;background:rgba(2,3,3,.96)!important;border-color:#121719!important;box-shadow:none!important}
.brand-logo{width:58px!important;height:58px!important;border-radius:6px!important;background:#020806!important;border:1px solid rgba(32,216,131,.35)!important;box-shadow:0 0 24px rgba(32,216,131,.06)!important}
.brand-logo img{width:72%!important;filter:invert(73%) sepia(64%) saturate(683%) hue-rotate(99deg) brightness(91%) contrast(97%)}
.brand-name{font-size:22px!important;font-weight:600!important;letter-spacing:1.4px!important}.brand-sub{font-size:10px!important;letter-spacing:3px!important;color:#9aa0a4!important;margin-top:5px!important}
.header-right{gap:14px!important}.day-switcher{min-height:48px!important;padding:4px 7px!important;border-radius:5px!important;background:#030506!important;border-color:#151c1f!important}.day-btn{width:36px!important;height:36px!important;border-radius:3px!important}.day-label{min-width:126px!important;font-family:'Space Mono',monospace!important;font-size:11px!important;letter-spacing:1.5px!important}
.live-badge{min-height:34px!important;border-radius:4px!important;padding:0 14px!important;background:rgba(32,216,131,.035)!important;border-color:rgba(32,216,131,.18)!important;color:var(--ref-green)!important;letter-spacing:1px!important}
.nav-wrapper{top:82px!important;background:rgba(2,3,3,.96)!important;border-bottom:1px solid #151a1c!important;box-shadow:none!important}.nav-bar{max-width:1580px!important;padding:0 18px!important;gap:22px!important}.nav-tab{border-radius:0!important;padding:17px!important;background:transparent!important;color:#8b9296!important;font-size:13px!important;font-weight:500!important;border-bottom:2px solid transparent!important;box-shadow:none!important}.nav-tab:hover{color:#fff!important;background:transparent!important}.nav-tab.active,.nav-tab.active[data-page]{color:#fff!important;background:transparent!important;border-bottom-color:var(--ref-green)!important}.nav-tab[data-page="insights"]{color:var(--ref-green)!important}.nav-tab[data-page="warning"]{color:#ff4559!important}.premium-nav-icon{display:none!important}.premium-nav-label{display:inline!important}
.container{max-width:1580px!important;padding:31px 30px 66px!important}.premium-page-head{margin-bottom:18px!important;align-items:flex-end!important}.premium-kicker{font-size:9px!important;letter-spacing:3px!important;color:var(--ref-green)!important}.premium-page-head h1{font-size:34px!important;font-weight:600!important;letter-spacing:-.035em!important;margin:10px 0 3px!important}.premium-page-head p{font-size:12px!important;color:#727a7f!important}.premium-head-actions{gap:10px!important}.premium-head-ghost,.premium-quick-add{min-height:50px!important;border-radius:5px!important;padding:0 28px!important;font-size:12px!important}.premium-head-ghost{background:#07090a!important;border-color:#1b2326!important;color:#b6bcc0!important}.premium-quick-add{background:linear-gradient(180deg,#21b875,#118a55)!important;color:#fff!important;box-shadow:0 10px 28px rgba(17,138,85,.2)!important}
.premium-overview-grid{grid-template-columns:minmax(0,1.68fr) minmax(400px,.96fr)!important;gap:18px!important;margin-bottom:18px!important}.premium-today-column{gap:16px!important}.omset-hero,.goal-card,.kpi-card,.premium-status-strip,.hday,.tw,.panel{background:linear-gradient(145deg,var(--ref-panel-2),var(--ref-panel))!important;border-color:var(--ref-border)!important;box-shadow:none!important}
.omset-hero{min-height:420px!important;padding:31px 32px 23px!important;border-radius:8px!important;display:block!important;text-align:left!important;overflow:hidden!important}.omset-hero:before{display:none!important}.omset-hero-lbl{justify-content:flex-start!important;color:#a8afb3!important;font-size:10px!important;letter-spacing:2.6px!important;margin-bottom:20px!important}.omset-hero-val{font-size:clamp(54px,5.25vw,84px)!important;font-weight:600!important;letter-spacing:-.048em!important;line-height:.96!important;white-space:nowrap!important;color:#f7f8f8!important}.omset-hero-sub{margin-top:13px!important;color:#788187!important;font-size:12px!important;letter-spacing:.1px!important;text-transform:none!important}.ref-compare-positive{color:var(--ref-green)!important;font-size:17px!important;font-weight:600!important;margin-right:10px}.ref-compare-negative{color:#ff4559!important;font-size:17px!important;font-weight:600!important;margin-right:10px}
.ref-chart{height:187px;margin-top:12px;position:relative}.ref-chart svg{display:block;width:100%;height:100%;overflow:visible}.ref-chart-grid{stroke:#1a2123;stroke-width:1;stroke-dasharray:3 4}.ref-chart-line{fill:none;stroke:var(--ref-green);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(32,216,131,.16))}.ref-chart-area{fill:url(#refRevenueGradient)}.ref-chart-dot{fill:#eafff5;stroke:var(--ref-green);stroke-width:2;filter:drop-shadow(0 0 6px rgba(32,216,131,.9))}.ref-chart-label{fill:#7b8388;font:10px 'Space Mono',monospace}.ref-hero-foot{margin-top:7px;font:10px 'Space Mono',monospace;letter-spacing:1.4px;color:#8a9296;text-transform:uppercase}
.premium-overview-grid .goal-card{padding:26px 29px!important;border-radius:8px!important;min-height:245px!important}.goal-icon{display:none!important}.goal-title{font-size:10px!important;letter-spacing:2px!important;color:#8e969a!important;margin-bottom:15px!important}.goal-main{font-size:18px!important;font-weight:500!important;margin-bottom:22px!important}.goal-bar{height:10px!important;border-radius:20px!important;background:#202629!important}.goal-bar-fill{background:linear-gradient(90deg,#20d883,#149c62)!important;box-shadow:none!important}.goal-pct{color:var(--ref-green)!important;font-size:13px!important}.premium-overview-grid .goal-stats{padding-top:21px!important;margin-top:24px!important;border-color:#182023!important}.goal-val{font-size:28px!important;font-weight:500!important;color:var(--ref-green)!important}.goal-lbl{font-size:8px!important;color:#8a9296!important}.premium-overview-grid .kpi-strip{gap:13px!important}.premium-overview-grid .kpi-card{min-height:146px!important;padding:22px 24px!important;border-radius:8px!important}.kpi-card:before{display:none!important}.kpi-card:hover{border-color:var(--ref-border-strong)!important}.premium-overview-grid .kpi-lbl{font-size:9px!important;letter-spacing:1.5px!important}.premium-overview-grid .kpi-val{font-size:32px!important;font-weight:500!important;margin-top:15px!important}.premium-overview-grid .kpi-ch{font-size:10px!important;color:#8c9498!important}
.premium-status-strip{grid-template-columns:repeat(4,1fr)!important;gap:0!important;border-radius:8px!important;margin:0 0 17px!important;overflow:hidden!important}.premium-status-strip>div{padding:16px 23px!important;background:transparent!important;border:0!important;border-right:1px solid var(--ref-border)!important;border-radius:0!important}.premium-status-strip>div:last-child{border-right:0!important}.premium-status-strip span{font-size:8px!important;letter-spacing:1.5px!important;color:#81898e!important}.premium-status-strip strong{font-size:19px!important;font-weight:500!important;color:#f0f3f2!important;margin:7px 0 2px!important}.premium-status-strip>div:first-child strong,.premium-status-strip>div:nth-child(3) strong{color:var(--ref-green)!important}
#historyHeading{margin-top:0!important;margin-bottom:10px!important;color:#969da1!important}.sl{font-size:9px!important;letter-spacing:2.6px!important}.sl:after{background:#182023!important}.history-strip{gap:7px!important;padding:0 0 15px!important;margin-bottom:12px!important}.hday{flex:0 0 84px!important;min-height:104px!important;border-radius:5px!important;padding:10px 7px!important}.hday.has-data{background:#070b0a!important;border-color:#172822!important}.hday.active-day{background:#06110c!important;border-color:var(--ref-green)!important}.hd-date{font-size:8px!important}.hd-day{font-size:10px!important;color:#d4d8da!important;margin:4px 0 7px!important}.hd-dot{display:none!important}.hd-rev{font-size:8px!important;color:var(--ref-green)!important}.ref-history-bars{height:31px;display:flex;align-items:flex-end;justify-content:center;gap:2px;margin-top:7px}.ref-history-bars i{display:block;width:3px;background:rgba(32,216,131,.65);min-height:2px}
.tab-row{width:max-content!important;margin:0 0 19px!important;border-radius:5px!important;background:#050708!important;padding:0!important;overflow:hidden!important}.tab{min-width:112px!important;justify-content:center!important;border-radius:0!important;min-height:40px!important;padding:8px 21px!important;font-size:11px!important;border-right:1px solid var(--ref-border)!important}.tab:last-child{border-right:0!important}.tab.active{background:linear-gradient(180deg,#0e7048,#075334)!important;color:#fff!important;box-shadow:none!important}.premium-performance-grid{grid-template-columns:minmax(0,1fr) 350px!important;gap:18px!important}.tw,.panel{border-radius:7px!important}.premium-leaderboard-panel{top:148px!important}
@media(max-width:1050px){.premium-overview-grid{grid-template-columns:1fr!important}.premium-today-column{grid-template-columns:1.25fr 1fr!important;grid-template-rows:auto!important}.premium-overview-grid .goal-card{min-height:180px!important}.omset-hero{min-height:390px!important}}
@media(max-width:768px){header{min-height:64px!important;padding:9px 13px!important}.brand-logo{width:40px!important;height:40px!important}.brand-name{font-size:14px!important}.brand-sub{display:none!important}.nav-wrapper{top:auto!important}.container{padding:18px 12px 100px!important}.premium-page-head h1{font-size:24px!important}.premium-page-head p{font-size:10px!important}.premium-kicker{font-size:8px!important}.premium-overview-grid{display:block!important}.premium-today-column{display:grid!important;grid-template-columns:1fr!important}.omset-hero{min-height:340px!important;padding:23px 17px 18px!important;margin-bottom:12px!important}.omset-hero-val{font-size:clamp(35px,10vw,50px)!important;white-space:normal!important}.ref-chart{height:150px;margin-top:10px}.ref-chart-label{font-size:8px}.ref-hero-foot{font-size:8px}.premium-overview-grid .goal-card{display:block!important;min-height:0!important;padding:19px!important}.premium-overview-grid .goal-stats{text-align:left!important}.premium-overview-grid .kpi-strip{grid-template-columns:1fr 1fr!important}.premium-overview-grid .kpi-card{min-height:112px!important;padding:16px!important}.premium-overview-grid .kpi-val{font-size:25px!important}.premium-status-strip{display:flex!important;gap:8px!important;background:transparent!important;border:0!important;margin:0 -12px 18px!important;padding:0 12px!important}.premium-status-strip>div{flex:0 0 150px!important;border:1px solid var(--ref-border)!important;border-radius:6px!important;padding:13px!important}.hday{flex-basis:76px!important;min-height:99px!important}.tab-row{width:100%!important}.tab{min-width:0!important;padding:8px 5px!important}.premium-performance-grid{grid-template-columns:1fr!important}.premium-nav-label{display:none!important}.premium-mobile-label{display:block!important}.nav-bar>.nav-tab[data-premium-index]{display:none!important}.nav-bar>.nav-tab[data-page="dashboard"],.nav-bar>.nav-tab[data-page="activity"],.nav-bar>.nav-tab[data-page="monthly"],.nav-bar>.premium-more-tab{display:flex!important;width:100%;height:59px;flex-direction:column;align-items:center;justify-content:center;padding:6px 3px!important}.nav-bar>.nav-tab[data-page="dashboard"]{grid-column:1}.nav-bar>.nav-tab[data-page="activity"]{grid-column:2}.nav-bar>.nav-tab[data-page="monthly"]{grid-column:4}.nav-bar>.premium-more-tab{grid-column:5}}
@media(max-width:390px){.omset-hero-val{font-size:34px!important}.ref-compare-positive,.ref-compare-negative{font-size:14px!important}}

/* True-black surface pass: remove the remaining charcoal/grey fills everywhere. */
:root{
  --bg:#000!important;
  --surface:#000!important;
  --card:#000!important;
  --card2:#000!important;
  --ref-bg:#000!important;
  --ref-panel:#000!important;
  --ref-panel-2:#000!important;
}
body,.page,.bg,.container{background-color:#000!important}
.tw,.panel,.act-form,.act-log,.nr-panel,.spc,.ins-panel,.ins-kpi-card,
.warn-thresh-card,.warn-section,.sp-lookup-box,.sp-lookup-card,.ms-search-card,
.ms-kpi,.omset-section,.omset-total-card,.wl-panel,.premium-status-strip,
.premium-status-strip>div,.goal-card,.kpi-card,.omset-hero,.hday,
.cal-box,.mbox,.wa-box,.mo-box,.mk,.mpr,.wa-pre,.premium-entry-drawer,
.premium-more-sheet,.premium-more-grid button,.premium-more-grid i,
.warn-thresh-item,.warn-crit-card,.ms-profile-card,.ms-sale-card,
.spg-team-card,.nr-card,.act-summary,.alog-wrap{
  background:#000!important;
  background-image:none!important;
}
table,thead,thead tr,tbody,tbody tr,tbody td,.ar,.alog-date-hdr,.alog-team-hdr,
.spg-team-hdr,.warn-team-hdr,.ms-date-hdr,.wl-head,.wl-row{
  background-color:#000!important;
  background-image:none!important;
}
tbody tr:hover,.ar:hover,.wl-row:hover,.nav-tab:hover,.day-btn:hover,
.premium-head-ghost,.premium-head-ghost:hover,.btn,.btn:hover,
.tab-row,.ins-period-tabs,.day-switcher{
  background:#000!important;
}
[style*="background:#1c1c1e"],[style*="background: #1c1c1e"],
[style*="background:#232326"],[style*="background: #232326"],
[style*="background:#141416"],[style*="background: #141416"],
[style*="background:#171717"],[style*="background: #171717"],
[style*="background:#12121e"],[style*="background: #12121e"],
[style*="background:#1e1e32"],[style*="background: #1e1e32"],
[style*="background:#252540"],[style*="background: #252540"]{
  background:#000!important;
  background-image:none!important;
}

/* Monthly Recap mirrors the home dashboard's visual hierarchy. */
#page-monthly .premium-monthly-head{margin-bottom:18px!important;padding-bottom:0!important}
#page-monthly .premium-monthly-hero{min-height:420px!important;margin-bottom:18px!important}
#page-monthly .premium-monthly-hero .omset-hero-val{font-size:clamp(54px,7vw,96px)!important}
#page-monthly .premium-monthly-hero .ref-chart{height:190px;margin-top:16px}
#page-monthly .ref-month-chart .ref-chart-area{fill:url(#refMonthlyGradient)}
#page-monthly #mKpiStrip{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important}
#page-monthly #mKpiStrip .kpi-card{min-height:126px!important;padding:19px!important;border-radius:7px!important}
#page-monthly #mKpiStrip .kpi-val{color:#f5f7f6!important;font-size:30px!important;font-weight:500!important}
#page-monthly #mKpiStrip .kpi-card:nth-child(2) .kpi-val,
#page-monthly #mKpiStrip .kpi-card:nth-child(5) .kpi-val{color:var(--ref-green)!important}
#page-monthly #monthlySummary{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:0!important;padding:0!important;background:#000!important;border-color:var(--ref-border)!important;border-radius:7px!important;overflow:hidden}
#page-monthly #monthlySummary>div{padding:18px 22px!important;border-right:1px solid var(--ref-border)!important}
#page-monthly #monthlySummary>div:last-child{border-right:0!important}
#page-monthly #mActiveDays,#page-monthly #mAvgRev,#page-monthly #mBestDay{font-family:'Space Grotesk',sans-serif!important;font-size:25px!important;font-weight:500!important;color:var(--ref-green)!important}
#page-monthly .sp-lookup-input{background:#000!important}
@media(max-width:900px){#page-monthly #mKpiStrip{grid-template-columns:repeat(2,minmax(0,1fr))!important}#page-monthly #monthlySummary{grid-template-columns:1fr!important}#page-monthly #monthlySummary>div{border-right:0!important;border-bottom:1px solid var(--ref-border)!important}#page-monthly #monthlySummary>div:last-child{border-bottom:0!important}}