/* ============================================================
   v1.3.25 — FuelHub soft dashboard refinement
   디자인 전용 오버레이. 업무 로직/API/DB/FIFO/예측/권한은 변경하지 않는다.
   목적: v1.3.24의 '메뉴만 바뀐 느낌'을 없애고, 선택한 시안처럼
   화면 안쪽 카드·그래프·표·입력창·상태표시까지 같은 디자인 언어로 통일한다.
   ============================================================ */
:root{
  --fh25-sidebar:186px;
  --fh25-bg:#f4f9ff;
  --fh25-card:#ffffff;
  --fh25-ink:#12365e;
  --fh25-muted:#7189a2;
  --fh25-line:#dce8f4;
  --fh25-blue:#348ff1;
  --fh25-blue2:#66baf8;
  --fh25-green:#31ba7d;
  --fh25-green2:#70d9ae;
  --fh25-orange:#f3a52a;
  --fh25-red:#ef5d6f;
  --fh25-purple:#9563e9;
  --fh25-shadow:0 7px 20px rgba(36,83,128,.075);
  --fh25-shadow2:0 2px 8px rgba(36,83,128,.05);
}

html:not([data-theme="dark"]) body{
  font-family:"Pretendard Variable","Pretendard","SUIT Variable","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif!important;
  color:var(--fh25-ink)!important;
  background:
    radial-gradient(circle at 86% 0,rgba(102,186,248,.14),transparent 23%),
    radial-gradient(circle at 20% 9%,rgba(112,217,174,.08),transparent 23%),
    var(--fh25-bg)!important;
}

/* ─────────────────────────────────────────────────────────────
   PC 레이아웃 — 사이드바와 본문 사이의 불필요한 빈 공간 제거
   ───────────────────────────────────────────────────────────── */
@media(min-width:960px){
  html:not([data-theme="dark"]) .sidebar-nav{
    width:var(--fh25-sidebar)!important;
    padding:12px 9px 152px!important;
    background:linear-gradient(180deg,#fbfdff 0%,#f1f7fd 100%)!important;
    border-right:1px solid #d9e7f4!important;
    box-shadow:5px 0 20px rgba(45,91,132,.045)!important;
  }
  html:not([data-theme="dark"]) .topbar{
    left:0!important;
    margin-left:var(--fh25-sidebar)!important;
    width:calc(100% - var(--fh25-sidebar))!important;
  }
  html:not([data-theme="dark"]) #mainContent{
    margin-left:var(--fh25-sidebar)!important;
    width:calc(100% - var(--fh25-sidebar))!important;
    max-width:none!important;
    padding:12px 14px 46px!important;
  }
  html:not([data-theme="dark"]) #mainContent>.view,
  html:not([data-theme="dark"]) #mainContent>.global-period-bar,
  html:not([data-theme="dark"]) .v119-dashboard-host,
  html:not([data-theme="dark"]) .v1321-dashboard,
  html:not([data-theme="dark"]) .role-dashboard{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}

/* ── 사이드바: 선택 시안의 밝고 친근한 FuelHub 느낌 ── */
html:not([data-theme="dark"]) .sidebar-brand{
  gap:8px!important;
  padding:8px 7px 13px!important;
  margin-bottom:7px!important;
  border-bottom:1px solid #e4edf6!important;
}
html:not([data-theme="dark"]) .sidebar-brand-mark{
  width:34px!important;height:34px!important;border-radius:13px!important;
  background:linear-gradient(145deg,#8bd3ff,#2c83ef)!important;
  box-shadow:0 7px 16px rgba(43,131,235,.18)!important;
  font-size:0!important;
}
html:not([data-theme="dark"]) .sidebar-brand-mark::before{content:"💧";font-size:18px;line-height:1}
html:not([data-theme="dark"]) .sidebar-brand-text{font-size:.91rem!important;font-weight:950!important;color:#12375f!important;letter-spacing:-.03em}
html:not([data-theme="dark"]) .sidebar-brand-copy small{font-size:.58rem!important;color:#8aa1b8!important}
html:not([data-theme="dark"]) .role-nav-group-head{font-size:.63rem!important;color:#91a4b7!important;padding-left:7px!important}
html:not([data-theme="dark"]) .role-nav-item{
  min-height:39px!important;border-radius:10px!important;padding:7px 8px!important;
  color:#536f89!important;font-size:.72rem!important;font-weight:850!important;
}
html:not([data-theme="dark"]) .role-nav-item:hover{background:#edf6ff!important;color:#1d66ac!important}
html:not([data-theme="dark"]) .role-nav-item.active{
  background:linear-gradient(135deg,#53aaff 0%,#2684ef 58%,#1c72dc 100%)!important;
  color:#fff!important;border-color:transparent!important;
  box-shadow:0 7px 16px rgba(40,126,231,.19)!important;
}
html:not([data-theme="dark"]) .role-nav-icon{
  width:24px!important;height:24px!important;border-radius:8px!important;
  background:#ebf5ff!important;color:#3f7eb8!important;font-size:.72rem!important;
}
html:not([data-theme="dark"]) .role-nav-item.active .role-nav-icon{background:rgba(255,255,255,.22)!important;color:#fff!important}
html:not([data-theme="dark"]) .sidebar-version-chip{border-radius:9px!important;border-color:#d7e6f4!important;box-shadow:none!important;background:#fff!important;color:#5a7691!important}

/* ── 상단 도구바: 기능은 그대로, 카드형 필터처럼 보이게 ── */
html:not([data-theme="dark"]) .topbar-v119{
  background:rgba(251,253,255,.96)!important;
  border-bottom:1px solid #dce8f3!important;
  box-shadow:0 3px 12px rgba(43,82,118,.04)!important;
}
html:not([data-theme="dark"]) .topbar-brand-v119 strong{font-weight:950!important;color:#173d66!important;letter-spacing:-.025em}
html:not([data-theme="dark"]) .topbar-v119 button,
html:not([data-theme="dark"]) .topbar-v119 select,
html:not([data-theme="dark"]) .topbar-v119 input{
  border-radius:9px!important;border-color:#dbe7f3!important;background:#fff!important;
  box-shadow:0 1px 3px rgba(35,74,111,.035)!important;
}
html:not([data-theme="dark"]) .global-period-bar{
  border-radius:13px!important;border-color:#dce9f5!important;
  background:linear-gradient(135deg,#fff,#f8fbff)!important;
  box-shadow:var(--fh25-shadow2)!important;
}

/* ─────────────────────────────────────────────────────────────
   대시보드 공통 — 숫자는 조금 더 크게, 카드와 그래프는 더 풍부하게
   ───────────────────────────────────────────────────────────── */
html:not([data-theme="dark"]) .v1321-dashboard{gap:9px!important}
html:not([data-theme="dark"]) .v1321-head{
  position:relative!important;overflow:hidden!important;
  padding:11px 14px!important;margin:0!important;
  border:1px solid #dfeaf5!important;border-radius:16px!important;
  background:linear-gradient(125deg,#ffffff 0%,#f4faff 60%,#eef9f5 100%)!important;
  box-shadow:var(--fh25-shadow2)!important;
}
html:not([data-theme="dark"]) .v1321-head::after{
  content:"⛽";position:absolute;right:68px;bottom:-15px;font-size:58px;opacity:.08;transform:rotate(-6deg);pointer-events:none;
}
html:not([data-theme="dark"]) .v1321-head small{font-size:9.5px!important;color:#6986a2!important;font-weight:850!important}
html:not([data-theme="dark"]) .v1321-head h2{font-size:21px!important;color:#12385f!important;font-weight:950!important;letter-spacing:-.035em!important}
html:not([data-theme="dark"]) .v1321-head-status{position:relative;z-index:1}
html:not([data-theme="dark"]) .v1321-head-status span{color:#6f86a0!important;font-weight:800!important}
html:not([data-theme="dark"]) .v1321-head-status button{background:#eaf5ff!important;color:#2777c8!important;border:1px solid #d2e8fb!important;border-radius:10px!important}

html:not([data-theme="dark"]) .v1322-basis-strip{
  gap:6px!important;margin:0!important;padding:0 1px!important;
}
html:not([data-theme="dark"]) .v1322-basis-strip span{
  border-radius:999px!important;background:#f7fbff!important;border-color:#dfebf6!important;
  color:#72879c!important;padding:4px 8px!important;
}

html:not([data-theme="dark"]) .v1321-kpis{gap:7px!important}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi{
  min-height:75px!important;padding:10px 10px 9px 49px!important;border-radius:15px!important;
  border:1px solid #dfeaf5!important;box-shadow:0 5px 14px rgba(39,84,126,.055)!important;
  overflow:hidden!important;
}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi::before{
  left:10px!important;top:12px!important;width:31px!important;height:31px!important;border-radius:10px!important;
  font-size:16px!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.75)!important;
}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi>span{font-size:10.8px!important;color:#3c5974!important;font-weight:900!important}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi>strong{font-size:22px!important;color:#12375f!important;line-height:1.04!important;letter-spacing:-.025em!important}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi>small{font-size:8.2px!important;color:#7f94a8!important}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi:nth-child(1){background:linear-gradient(145deg,#fff,#eef7ff)!important}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi:nth-child(2){background:linear-gradient(145deg,#fff,#edfbf5)!important}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi:nth-child(3){background:linear-gradient(145deg,#fff,#fff7e9)!important}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi:nth-child(4){background:linear-gradient(145deg,#fff,#fff0f4)!important}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi:nth-child(5){background:linear-gradient(145deg,#fff,#f5efff)!important}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi:nth-child(6){background:linear-gradient(145deg,#fff,#fff8e9)!important}

html:not([data-theme="dark"]) .v1321-grid{gap:9px!important}
html:not([data-theme="dark"]) .v1321-card{
  position:relative!important;overflow:hidden!important;padding:10px 11px!important;
  border:1px solid #dfeaf5!important;border-radius:16px!important;background:#fff!important;
  box-shadow:var(--fh25-shadow2)!important;
}
html:not([data-theme="dark"]) .v1321-card>header{
  min-height:33px!important;margin:-1px 0 8px!important;padding:1px 2px 7px!important;
  border-bottom:1px solid #edf3f8!important;
}
html:not([data-theme="dark"]) .v1321-card>header h3{font-size:13px!important;color:#17466f!important;font-weight:950!important;letter-spacing:-.025em!important}
html:not([data-theme="dark"]) .v1321-card>header small{font-size:8.1px!important;color:#8a9caf!important}
html:not([data-theme="dark"]) .v1321-card>header h3::before{width:5px!important;height:15px!important;border-radius:5px!important;background:#49a5f4!important}
html:not([data-theme="dark"]) .v1321-grid>.v1321-card:nth-child(2)>header h3::before{background:#43c78d!important}
html:not([data-theme="dark"]) .v1321-card.v1323-full>header h3::before{background:#8d68e6!important}

/* 대표 추이/비교 차트 — 칸 박스 대신 실제 그래프처럼 격자 + 막대 */
html:not([data-theme="dark"]) .v1323-column-chart,
html:not([data-theme="dark"]) .v1323-station-columns{
  height:164px!important;gap:9px!important;padding:12px 10px 4px!important;
  border:1px solid #edf3f8!important;border-radius:12px!important;
  background:repeating-linear-gradient(to bottom,#fff 0,#fff 31px,#edf3f8 32px,#fff 33px)!important;
  overflow-x:auto!important;
}
html:not([data-theme="dark"]) .v1323-column>i,
html:not([data-theme="dark"]) .v1323-station-column>i{
  height:106px!important;background:transparent!important;border-radius:0!important;overflow:visible!important;
}
html:not([data-theme="dark"]) .v1323-column>i>em,
html:not([data-theme="dark"]) .v1323-station-column>i>em{
  width:min(38px,68%)!important;border-radius:9px 9px 3px 3px!important;
  background:linear-gradient(180deg,#72c1fb 0%,#2b87ec 100%)!important;
  box-shadow:0 5px 11px rgba(41,132,235,.16)!important;
}
html:not([data-theme="dark"]) .v1323-trend-grid>.v1321-card:nth-child(2) .v1323-column>i>em,
html:not([data-theme="dark"]) .v1323-compare-grid>.v1321-card:nth-child(2) .v1323-station-column>i>em{
  background:linear-gradient(180deg,#76ddb5 0%,#31ba7d 100%)!important;
  box-shadow:0 5px 11px rgba(49,186,125,.14)!important;
}
html:not([data-theme="dark"]) .v1323-column>b,
html:not([data-theme="dark"]) .v1323-station-column>b{font-size:10.5px!important;color:#163f66!important;font-weight:950!important}
html:not([data-theme="dark"]) .v1323-column>small,
html:not([data-theme="dark"]) .v1323-station-column>span{font-size:8.2px!important;color:#71869a!important;font-weight:800!important}
html:not([data-theme="dark"]) .v1323-chart-help{font-size:8px!important;color:#8799aa!important}

/* 대표 주유소 카드 — 작은 랭킹 카드 느낌 */
html:not([data-theme="dark"]) .v1323-station-tiles{gap:7px!important;grid-template-columns:repeat(auto-fit,minmax(165px,1fr))!important}
html:not([data-theme="dark"]) .v1323-station-tile{
  border-radius:14px!important;padding:9px 10px!important;border-color:#dfeaf5!important;
  background:linear-gradient(145deg,#fff,#f8fbff)!important;box-shadow:0 3px 10px rgba(40,84,124,.04)!important;
}
html:not([data-theme="dark"]) .v1323-station-tile>header b{font-size:11px!important;color:#183f66!important}
html:not([data-theme="dark"]) .v1323-station-tile>header em{font-size:8px!important;color:#4d85b6!important}
html:not([data-theme="dark"]) .v1323-station-tile>div span{border-radius:9px!important;border-color:#e6eef6!important;background:#fff!important;padding:6px 7px!important}
html:not([data-theme="dark"]) .v1323-station-tile>div small{font-size:7.5px!important;color:#8195a8!important}
html:not([data-theme="dark"]) .v1323-station-tile>div strong{font-size:11.5px!important;color:#173d63!important}
html:not([data-theme="dark"]) .v1323-station-tile.ok{border-left:4px solid #35bd7f!important}
html:not([data-theme="dark"]) .v1323-station-tile.warn{border-left:4px solid #f3ab31!important;background:#fffaf1!important}
html:not([data-theme="dark"]) .v1323-station-tile.bad{border-left:4px solid #ef5d6f!important;background:#fff5f7!important}

/* 탱크/유외/예측 막대 — 상태를 색으로 바로 찾게 */
html:not([data-theme="dark"]) .v1321-bar-row{min-height:30px!important;border-radius:9px!important;padding:3px 5px!important}
html:not([data-theme="dark"]) .v1321-bar-row>span{font-weight:850!important;color:#3d5872!important}
html:not([data-theme="dark"]) .v1321-bar-row>strong{font-weight:950!important;color:#244a6d!important}
html:not([data-theme="dark"]) .v1321-bar-row>i{height:10px!important;background:#edf3f8!important;border-radius:999px!important}
html:not([data-theme="dark"]) .v1321-bar-row>i>em{background:linear-gradient(90deg,#65b7f6,#2f87ec)!important;border-radius:999px!important}
html:not([data-theme="dark"]) .v1321-bars.tank .v1321-bar-row.ok>i>em,
html:not([data-theme="dark"]) .v1321-bars.goods .v1321-bar-row.ok>i>em{background:linear-gradient(90deg,#77ddb5,#32b97c)!important}
html:not([data-theme="dark"]) .v1321-bar-row.warn{background:#fff9ed!important}
html:not([data-theme="dark"]) .v1321-bar-row.warn>i>em{background:linear-gradient(90deg,#ffd57f,#f2a42a)!important}
html:not([data-theme="dark"]) .v1321-bar-row.bad{background:#fff2f4!important}
html:not([data-theme="dark"]) .v1321-bar-row.bad>i>em{background:linear-gradient(90deg,#ff929f,#ee586b)!important}
html:not([data-theme="dark"]) .v1323-station-group{border-radius:13px!important;border-color:#e0ebf5!important;background:#fff!important;box-shadow:none!important}
html:not([data-theme="dark"]) .v1323-station-group>header{background:linear-gradient(90deg,#f4f9ff,#fbfdff)!important}

/* ─────────────────────────────────────────────────────────────
   관리자·소장·부장 대시보드 — 대표와 같은 디자인 언어
   ───────────────────────────────────────────────────────────── */
html:not([data-theme="dark"]) .role-dashboard-head{
  position:relative;overflow:hidden;border-radius:16px!important;padding:12px 14px!important;
  background:linear-gradient(130deg,#fff,#f1f8ff 65%,#eefaf5)!important;border-color:#dfeaf5!important;
  box-shadow:var(--fh25-shadow2)!important;
}
html:not([data-theme="dark"]) .role-dashboard-head::after{content:"☀";position:absolute;right:18px;bottom:-14px;font-size:56px;color:#f5b54b;opacity:.13}
html:not([data-theme="dark"]) .role-dashboard-head h1{font-size:1.35rem!important;color:#12385f!important;font-weight:950!important}
html:not([data-theme="dark"]) .role-dashboard-kpis .work-stat,
html:not([data-theme="dark"]) .work-center-stats .work-stat{
  min-height:70px!important;border-radius:14px!important;border-color:#dfeaf5!important;
  background:linear-gradient(145deg,#fff,#f8fbff)!important;box-shadow:var(--fh25-shadow2)!important;
}
html:not([data-theme="dark"]) .role-dashboard-kpis .work-stat strong{font-size:1.15rem!important;color:#173d64!important}
html:not([data-theme="dark"]) .role-dashboard-panel{border-radius:15px!important;border-color:#dfeaf5!important;box-shadow:var(--fh25-shadow2)!important}
html:not([data-theme="dark"]) .role-panel-head{border-bottom:1px solid #edf3f8!important;padding-bottom:7px!important}
html:not([data-theme="dark"]) .role-panel-head h2{color:#17466f!important;font-size:.86rem!important}
html:not([data-theme="dark"]) .work-shortcut,
html:not([data-theme="dark"]) .role-shortcuts button{border-radius:11px!important;background:linear-gradient(145deg,#fff,#f2f8ff)!important;border-color:#dce9f5!important}

/* ─────────────────────────────────────────────────────────────
   모든 업무 메뉴 공통 — 안쪽 내용까지 동일한 톤
   ───────────────────────────────────────────────────────────── */
html:not([data-theme="dark"]) .page-title{padding:7px 4px 9px!important}
html:not([data-theme="dark"]) .page-title h1,
html:not([data-theme="dark"]) .page-title h2{font-weight:950!important;color:#12385f!important;letter-spacing:-.035em!important}
html:not([data-theme="dark"]) .page-title h1::before{
  content:"";display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;
  background:linear-gradient(135deg,#58aff6,#35be84);vertical-align:3px;box-shadow:0 0 0 4px #edf7ff;
}
html:not([data-theme="dark"]) .page-title p{color:#7890a7!important;font-weight:650!important}

html:not([data-theme="dark"]) .form-card,
html:not([data-theme="dark"]) .panel,
html:not([data-theme="dark"]) .overview-panel,
html:not([data-theme="dark"]) .trend-panel,
html:not([data-theme="dark"]) .station-card,
html:not([data-theme="dark"]) .operation-submit-panel,
html:not([data-theme="dark"]) .operation-inbox-panel,
html:not([data-theme="dark"]) .goods-overview-panel,
html:not([data-theme="dark"]) .document-upload-panel,
html:not([data-theme="dark"]) .document-filter-panel,
html:not([data-theme="dark"]) .document-list-panel,
html:not([data-theme="dark"]) .ledger-entry-panel,
html:not([data-theme="dark"]) .ledger-list-panel,
html:not([data-theme="dark"]) .v55-panel{
  border:1px solid #dfeaf5!important;border-radius:15px!important;background:#fff!important;
  box-shadow:var(--fh25-shadow2)!important;
}
html:not([data-theme="dark"]) .station-head{
  padding-bottom:7px!important;margin-bottom:8px!important;border-bottom:1px solid #edf3f8!important;
}
html:not([data-theme="dark"]) .station-head h2,
html:not([data-theme="dark"]) .station-head strong,
html:not([data-theme="dark"]) .form-card h2,
html:not([data-theme="dark"]) .form-card h3,
html:not([data-theme="dark"]) .panel h2,
html:not([data-theme="dark"]) .panel h3{color:#18466f!important;font-weight:950!important;letter-spacing:-.02em!important}
html:not([data-theme="dark"]) .form-help,
html:not([data-theme="dark"]) .subnote{color:#7a90a5!important}

html:not([data-theme="dark"]) input,
html:not([data-theme="dark"]) select,
html:not([data-theme="dark"]) textarea{
  border-radius:9px!important;border:1px solid #d8e5f1!important;background:#fbfdff!important;color:#183a5d!important;
}
html:not([data-theme="dark"]) input:hover,
html:not([data-theme="dark"]) select:hover,
html:not([data-theme="dark"]) textarea:hover{border-color:#bdd8ef!important}
html:not([data-theme="dark"]) input:focus,
html:not([data-theme="dark"]) select:focus,
html:not([data-theme="dark"]) textarea:focus{border-color:#69aef0!important;outline:3px solid rgba(52,143,241,.11)!important;background:#fff!important}

html:not([data-theme="dark"]) button.primary,
html:not([data-theme="dark"]) .primary{
  border-radius:10px!important;border:0!important;background:linear-gradient(135deg,#4ca8fb,#267ee9)!important;
  color:#fff!important;box-shadow:0 5px 12px rgba(42,126,229,.14)!important;
}
html:not([data-theme="dark"]) button.quiet,
html:not([data-theme="dark"]) .quiet{
  border-radius:9px!important;border:1px solid #d9e6f2!important;background:#f5f9fd!important;color:#416b91!important;box-shadow:none!important;
}
html:not([data-theme="dark"]) button.quiet:hover{background:#eaf5ff!important;color:#176bc9!important;border-color:#bcdcf6!important}

/* 탭 */
html:not([data-theme="dark"]) .tab-bar,
html:not([data-theme="dark"]) .overview-tabs,
html:not([data-theme="dark"]) .segmented,
html:not([data-theme="dark"]) .sheet-tabbar{
  border-radius:11px!important;border-color:#dfeaf5!important;background:#f0f6fc!important;padding:4px!important;
}
html:not([data-theme="dark"]) .tab-button,
html:not([data-theme="dark"]) .overview-tabs button,
html:not([data-theme="dark"]) .segmented button,
html:not([data-theme="dark"]) .sheet-tab{
  border-radius:8px!important;color:#657e96!important;font-weight:850!important;
}
html:not([data-theme="dark"]) .tab-button.active,
html:not([data-theme="dark"]) .overview-tabs button.active,
html:not([data-theme="dark"]) .segmented button.active,
html:not([data-theme="dark"]) .sheet-tab.active{
  background:#fff!important;color:#2174c8!important;box-shadow:0 3px 8px rgba(41,90,134,.08)!important;
}

/* Excel형 표 — 촘촘하지만 시선이 잘 가는 색감 */
html:not([data-theme="dark"]) .table-scroll{border-radius:12px!important;overflow:auto!important;border:1px solid #dfe8f2!important;background:#fff!important}
html:not([data-theme="dark"]) table{border-collapse:separate!important;border-spacing:0!important;background:#fff!important}
html:not([data-theme="dark"]) table th,
html:not([data-theme="dark"]) .data-table th,
html:not([data-theme="dark"]) .sheet-table th{
  background:linear-gradient(180deg,#f0f7fe,#eaf3fb)!important;color:#496781!important;
  border-color:#dce7f1!important;font-weight:900!important;
}
html:not([data-theme="dark"]) table td,
html:not([data-theme="dark"]) .data-table td,
html:not([data-theme="dark"]) .sheet-table td{border-color:#e8eef5!important;color:#35516c!important}
html:not([data-theme="dark"]) table tbody tr:nth-child(even) td{background:#fbfdff}
html:not([data-theme="dark"]) table tbody tr:hover td{background:#eef7ff!important}

/* 마감 메뉴의 큰 업무 버튼 */
html:not([data-theme="dark"]) .closing-actions{gap:8px!important}
html:not([data-theme="dark"]) .closing-action{
  border-radius:14px!important;border:1px solid #dfeaf5!important;background:linear-gradient(145deg,#fff,#f7fbff)!important;
  box-shadow:0 3px 10px rgba(40,84,124,.045)!important;color:#315675!important;
}
html:not([data-theme="dark"]) .closing-action:nth-child(3n+1){background:linear-gradient(145deg,#fff,#eef7ff)!important}
html:not([data-theme="dark"]) .closing-action:nth-child(3n+2){background:linear-gradient(145deg,#fff,#effaf5)!important}
html:not([data-theme="dark"]) .closing-action:nth-child(3n){background:linear-gradient(145deg,#fff,#fff8ed)!important}
html:not([data-theme="dark"]) .closing-action strong{color:#173f66!important;font-weight:950!important}
html:not([data-theme="dark"]) .closing-action span{color:#788da2!important}

/* 달력 */
html:not([data-theme="dark"]) .calendar-topbar,
html:not([data-theme="dark"]) .calendar-actionbar,
html:not([data-theme="dark"]) .calendar-legendbar,
html:not([data-theme="dark"]) .calendar-tools{
  border-radius:13px!important;border-color:#dfeaf5!important;background:#fff!important;box-shadow:var(--fh25-shadow2)!important;
}
html:not([data-theme="dark"]) .calendar-weekday{color:#64819c!important;font-weight:900!important}
html:not([data-theme="dark"]) .calendar-day{
  border-radius:11px!important;border-color:#e0eaf4!important;background:#fff!important;box-shadow:0 1px 3px rgba(36,82,123,.025)!important;
}
html:not([data-theme="dark"]) .calendar-day:hover{background:#f5faff!important;border-color:#b8d8f2!important;transform:translateY(-1px)}
html:not([data-theme="dark"]) .calendar-day.today{background:linear-gradient(145deg,#edf7ff,#f7fbff)!important;border-color:#3d96ec!important;box-shadow:inset 0 0 0 2px #58aaf1,0 5px 12px rgba(54,143,230,.09)!important}
html:not([data-theme="dark"]) .badge{border-radius:7px!important}

/* 유외상품·재고/탱크: 큰 빈 카드보다 실제 행 중심 */
html:not([data-theme="dark"]) .goods-overview-list,
html:not([data-theme="dark"]) .tank-records,
html:not([data-theme="dark"]) .tank-forecast-list{gap:5px!important}
html:not([data-theme="dark"]) .goods-overview-list>* ,
html:not([data-theme="dark"]) .tank-records>* ,
html:not([data-theme="dark"]) .tank-forecast-list>*{
  border-radius:9px!important;border-color:#e1ebf4!important;background:#fbfdff!important;
}
html:not([data-theme="dark"]) .kpi-row{gap:7px!important}
html:not([data-theme="dark"]) .kpi-row>*{border-radius:12px!important;border-color:#dfeaf5!important;background:linear-gradient(145deg,#fff,#f7fbff)!important}

/* 자료함/소통 */
html:not([data-theme="dark"]) .document-card,
html:not([data-theme="dark"]) .message-card,
html:not([data-theme="dark"]) .notification-card,
html:not([data-theme="dark"]) .dense-record-row{
  border-radius:11px!important;border-color:#e1ebf4!important;background:#fff!important;box-shadow:0 2px 7px rgba(42,84,123,.035)!important;
}
html:not([data-theme="dark"]) .chat-rooms,
html:not([data-theme="dark"]) .chat-thread{border-color:#dfeaf5!important;background:#fff!important}
html:not([data-theme="dark"]) .empty-card{
  border-radius:12px!important;border:1px dashed #ceddeb!important;background:linear-gradient(145deg,#fbfdff,#f5f9fd)!important;color:#7b8fa3!important;
}

/* 상태색은 정상은 부드럽게, 문제만 선명하게 */
html:not([data-theme="dark"]) .badge.ok,
html:not([data-theme="dark"]) .ok.badge{background:#e9f8f0!important;color:#168b58!important}
html:not([data-theme="dark"]) .badge.warn,
html:not([data-theme="dark"]) .warn.badge{background:#fff5df!important;color:#a66500!important}
html:not([data-theme="dark"]) .badge.bad,
html:not([data-theme="dark"]) .bad.badge,
html:not([data-theme="dark"]) .badge.problem{background:#ffebee!important;color:#bd3043!important}

/* ── 휴대폰: 같은 디자인을 유지하되 화면을 꽉 채움 ── */
@media(max-width:959px){
  html:not([data-theme="dark"]) #mainContent{width:100%!important;margin-left:0!important;padding:9px 8px 82px!important}
  html:not([data-theme="dark"]) .v1321-head{padding:10px 11px!important;border-radius:14px!important}
  html:not([data-theme="dark"]) .v1321-head::after{right:18px;font-size:48px}
  html:not([data-theme="dark"]) .v1321-head h2{font-size:18px!important}
  html:not([data-theme="dark"]) .v1321-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}
  html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi{min-height:72px!important;padding:9px 7px 8px 43px!important}
  html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi::before{left:8px!important;top:11px!important;width:28px!important;height:28px!important;font-size:14px!important}
  html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi>span{font-size:9.5px!important}
  html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi>strong{font-size:17px!important}
  html:not([data-theme="dark"]) .v1321-grid{grid-template-columns:1fr!important;gap:7px!important}
  html:not([data-theme="dark"]) .v1321-card{border-radius:14px!important;padding:9px!important}
  html:not([data-theme="dark"]) .v1323-column-chart,
  html:not([data-theme="dark"]) .v1323-station-columns{height:156px!important;gap:6px!important;padding:10px 5px 3px!important}
  html:not([data-theme="dark"]) .v1323-column>i,
  html:not([data-theme="dark"]) .v1323-station-column>i{height:98px!important}
  html:not([data-theme="dark"]) .v1323-station-tiles{grid-template-columns:1fr 1fr!important}
  html:not([data-theme="dark"]) .form-card,
  html:not([data-theme="dark"]) .panel,
  html:not([data-theme="dark"]) .overview-panel,
  html:not([data-theme="dark"]) .role-dashboard-panel{border-radius:13px!important;box-shadow:none!important}
  html:not([data-theme="dark"]) .calendar-day{border-radius:8px!important}
  html:not([data-theme="dark"]) table th{font-size:10px!important}
  html:not([data-theme="dark"]) table td{font-size:10.5px!important}
}

@media(max-width:560px){
  html:not([data-theme="dark"]) .v1323-station-tiles{grid-template-columns:1fr!important}
  html:not([data-theme="dark"]) .v1321-head-status span{display:none!important}
  html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi>strong{font-size:16.5px!important}
  html:not([data-theme="dark"]) .closing-actions{grid-template-columns:1fr 1fr!important}
  html:not([data-theme="dark"]) .closing-action{grid-column:auto!important;min-height:80px!important}
}

/* 다크모드는 기존 팔레트 유지. 모서리/간격만 일치시킨다. */
html[data-theme="dark"] .v1321-head,
html[data-theme="dark"] .v1321-card,
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .overview-panel,
html[data-theme="dark"] .role-dashboard-panel{border-radius:14px!important}
html:not([data-theme="dark"]) .topbar-brand-drop{font-size:0!important;background:linear-gradient(145deg,#82d0ff,#2e83ed)!important;border-radius:10px!important;box-shadow:0 4px 10px rgba(42,128,231,.13)!important}
html:not([data-theme="dark"]) .topbar-brand-drop::before{content:"💧";font-size:13px;line-height:1}