/* ============================================================
   v1.3.24 — FuelHub pastel UI theme
   디자인 전용 오버레이. API/DB/예측/FIFO/권한 계산은 변경하지 않는다.
   PC·폰 공통: 밝은 하늘색 배경, 파스텔 KPI, 둥근 카드, 촘촘한 표.
   ============================================================ */
:root{
  --fh-bg:#f4f9ff;
  --fh-surface:#ffffff;
  --fh-surface-2:#f8fbff;
  --fh-line:#dfeaf6;
  --fh-line-strong:#cddded;
  --fh-text:#153457;
  --fh-muted:#6f86a0;
  --fh-blue:#2c87ef;
  --fh-blue-deep:#1768d8;
  --fh-sky:#66b7f3;
  --fh-green:#2fbe82;
  --fh-mint:#61d3a1;
  --fh-orange:#f5a623;
  --fh-red:#ef5b6c;
  --fh-purple:#9b62ee;
  --fh-amber:#f4b33f;
  --fh-shadow:0 8px 24px rgba(44,91,135,.08);
  --fh-shadow-soft:0 3px 12px rgba(44,91,135,.055);
  --fh-radius:16px;
  --fh-radius-sm:11px;
}

html:not([data-theme="dark"]) body{
  background:
    radial-gradient(circle at 88% -10%,rgba(142,213,255,.22),transparent 29%),
    radial-gradient(circle at 20% 12%,rgba(180,232,255,.18),transparent 26%),
    var(--fh-bg)!important;
  color:var(--fh-text);
}

/* 로그인도 동일한 디자인 언어 */
html:not([data-theme="dark"]) .login-shell{
  background:linear-gradient(145deg,#ecf7ff 0%,#f8fbff 48%,#eefcf6 100%)!important;
}
html:not([data-theme="dark"]) .login-card,
html:not([data-theme="dark"]) .password-dialog,
html:not([data-theme="dark"]) .install-dialog{
  border:1px solid var(--fh-line)!important;
  border-radius:22px!important;
  box-shadow:0 20px 60px rgba(38,89,138,.13)!important;
}
html:not([data-theme="dark"]) .brand-mark{
  background:linear-gradient(145deg,#57b8ff,#2177e8)!important;
  border-radius:18px!important;
  box-shadow:0 10px 24px rgba(35,126,231,.22)!important;
}

/* ── PC 왼쪽 메뉴: 선택 시안처럼 밝고 가볍게 ── */
@media(min-width:960px){
  html:not([data-theme="dark"]) .sidebar-nav{
    width:218px!important;
    padding:14px 11px 152px!important;
    background:linear-gradient(180deg,#fbfdff 0%,#f3f9ff 100%)!important;
    border-right:1px solid #dce9f6!important;
    color:var(--fh-text)!important;
    box-shadow:6px 0 24px rgba(55,98,137,.045)!important;
  }
  html:not([data-theme="dark"]) .sidebar-brand{
    min-height:58px!important;
    padding:7px 8px 12px!important;
    margin:0 0 8px!important;
    border-bottom:1px solid #e5eef7!important;
    color:#14375e!important;
  }
  html:not([data-theme="dark"]) .sidebar-brand-mark{
    width:34px!important;height:34px!important;
    background:linear-gradient(145deg,#73c9ff,#247bed)!important;
    color:#fff!important;
    border-radius:13px!important;
    box-shadow:0 7px 16px rgba(39,124,231,.2)!important;
  }
  html:not([data-theme="dark"]) .sidebar-brand-text{font-size:.89rem!important;color:#12365e!important;font-weight:950!important}
  html:not([data-theme="dark"]) .sidebar-brand-copy small{color:#7e99b3!important;font-size:.6rem!important}
  html:not([data-theme="dark"]) .role-menu-root{gap:8px!important;margin:4px 0 10px!important}
  html:not([data-theme="dark"]) .role-nav-group-head{
    min-height:29px!important;padding:4px 8px!important;
    color:#8198ae!important;background:transparent!important;border:0!important;
    font-size:.66rem!important;font-weight:900!important;letter-spacing:.02em!important;
  }
  html:not([data-theme="dark"]) .role-nav-group.open>.role-nav-group-head{color:#426686!important;background:transparent!important}
  html:not([data-theme="dark"]) .role-nav-group-head b{color:#96a9ba!important}
  html:not([data-theme="dark"]) .role-nav-children{padding:2px 0 4px!important;gap:3px!important}
  html:not([data-theme="dark"]) .role-nav-item{
    min-height:38px!important;padding:7px 9px!important;border:1px solid transparent!important;border-left:0!important;
    border-radius:10px!important;color:#526d88!important;background:transparent!important;
    grid-template-columns:26px minmax(0,1fr) auto!important;gap:7px!important;
    font-size:.73rem!important;font-weight:820!important;
  }
  html:not([data-theme="dark"]) .role-nav-item:hover{
    background:#edf6ff!important;border-color:#dcecff!important;color:#1c5f9f!important;
  }
  html:not([data-theme="dark"]) .role-nav-item.active{
    color:#fff!important;
    background:linear-gradient(135deg,#45a4ff 0%,#1877eb 100%)!important;
    border-color:#2d88ef!important;
    box-shadow:0 8px 18px rgba(36,126,234,.2)!important;
  }
  html:not([data-theme="dark"]) .role-nav-icon{
    width:24px!important;height:24px!important;
    border-radius:8px!important;background:#edf6ff!important;color:#3f78ad!important;
    font-size:.75rem!important;font-style:normal!important;
  }
  html:not([data-theme="dark"]) .role-nav-item.active .role-nav-icon{
    background:rgba(255,255,255,.2)!important;color:#fff!important;
  }
  html:not([data-theme="dark"]) body .quick-upload{
    left:10px!important;right:10px!important;bottom:10px!important;
    padding-top:9px!important;border-top:1px solid #dfeaf5!important;background:transparent!important;
  }
  html:not([data-theme="dark"]) body .quick-upload .quick-btn{
    min-height:52px!important;border-radius:11px!important;box-shadow:none!important;
    color:#224a70!important;
  }
  html:not([data-theme="dark"]) body .quick-upload .quick-btn.camera{
    background:linear-gradient(135deg,#f1eaff,#e9f4ff)!important;border:1px solid #ddd5f7!important;
  }
  html:not([data-theme="dark"]) body .quick-upload .quick-btn.file{
    background:linear-gradient(135deg,#eaf6ff,#ecfbf5)!important;border:1px solid #cfe8f8!important;
  }
  html:not([data-theme="dark"]) body .quick-upload strong{color:#264f76!important;font-size:.7rem!important}
  html:not([data-theme="dark"]) body .quick-upload small{color:#7990a7!important;font-size:.56rem!important}

  html:not([data-theme="dark"]) .topbar{margin-left:218px!important}
  html:not([data-theme="dark"]) #mainContent{margin-left:218px!important;padding:16px 20px 52px!important}
}

/* ── 상단바/조회조건 ── */
html:not([data-theme="dark"]) .topbar-v119{
  background:rgba(250,253,255,.94)!important;
  backdrop-filter:blur(13px);
  border-bottom:1px solid #dfeaf4!important;
  box-shadow:0 3px 14px rgba(57,92,125,.045)!important;
}
html:not([data-theme="dark"]) .topbar-brand-v119,
html:not([data-theme="dark"]) .topbar-title strong{color:#173b63!important}
html:not([data-theme="dark"]) .topbar-brand-drop{
  background:linear-gradient(145deg,#71c7ff,#2d7fe9)!important;color:#fff!important;border-radius:10px!important;
}
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-color:#dbe7f2!important;border-radius:9px!important;background:#fff!important;color:#49657f!important;
}
html:not([data-theme="dark"]) .topbar-v119 .quiet:hover{background:#edf6ff!important;color:#176acc!important}
html:not([data-theme="dark"]) .version-chip,
html:not([data-theme="dark"]) .demo-data-badge{
  border-radius:999px!important;background:#eef7ff!important;color:#3d729f!important;border-color:#dceafa!important;
}
html:not([data-theme="dark"]) .global-period-bar{
  border:1px solid var(--fh-line)!important;border-radius:14px!important;background:rgba(255,255,255,.94)!important;
  box-shadow:var(--fh-shadow-soft)!important;padding:9px 11px!important;
}
html:not([data-theme="dark"]) .global-period-copy strong{color:#214a72!important}
html:not([data-theme="dark"]) .global-period-copy small{color:#8195a8!important}

/* ── 전체 페이지 공통 ── */
html:not([data-theme="dark"]) .page-title{
  padding:5px 2px 8px!important;margin-bottom:7px!important;
}
html:not([data-theme="dark"]) .page-title h1{color:#173a61!important;font-weight:950!important;letter-spacing:-.035em!important}
html:not([data-theme="dark"]) .page-title p{color:#71879d!important}
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"]) .form-card,
html:not([data-theme="dark"]) .station-card,
html:not([data-theme="dark"]) .role-dashboard-panel,
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"]) .table-scroll{
  background:rgba(255,255,255,.97)!important;
  border:1px solid var(--fh-line)!important;
  border-radius:var(--fh-radius)!important;
  box-shadow:var(--fh-shadow-soft)!important;
}
html:not([data-theme="dark"]) .form-card,
html:not([data-theme="dark"]) .panel,
html:not([data-theme="dark"]) .overview-panel{padding:13px 14px!important}
html:not([data-theme="dark"]) .station-head h2,
html:not([data-theme="dark"]) .form-card h2,
html:not([data-theme="dark"]) .panel h2{color:#1b466f!important}

html:not([data-theme="dark"]) input,
html:not([data-theme="dark"]) select,
html:not([data-theme="dark"]) textarea{
  border:1px solid #d8e5f1!important;border-radius:9px!important;background:#fbfdff!important;color:#183a5d!important;
  box-shadow:inset 0 1px 2px rgba(34,76,114,.02)!important;
}
html:not([data-theme="dark"]) input:focus,
html:not([data-theme="dark"]) select:focus,
html:not([data-theme="dark"]) textarea:focus{
  outline:3px solid rgba(47,137,238,.12)!important;border-color:#74afe8!important;
}
html:not([data-theme="dark"]) .primary{
  background:linear-gradient(135deg,#43a3ff,#1977e9)!important;color:#fff!important;border:0!important;
  border-radius:10px!important;box-shadow:0 5px 12px rgba(36,125,232,.14)!important;
}
html:not([data-theme="dark"]) .quiet{
  background:#f0f6fc!important;color:#3f668b!important;border:1px solid #dbe7f2!important;border-radius:10px!important;
}
html:not([data-theme="dark"]) .quiet:hover{background:#e7f3ff!important;color:#166bc9!important}
html:not([data-theme="dark"]) .tab-bar,
html:not([data-theme="dark"]) .overview-tabs{
  background:#f0f6fc!important;border:1px solid #dfebf6!important;border-radius:11px!important;
}
html:not([data-theme="dark"]) .tab-button,
html:not([data-theme="dark"]) .overview-tabs button{border-radius:8px!important;color:#698197!important}
html:not([data-theme="dark"]) .tab-button.active,
html:not([data-theme="dark"]) .overview-tabs button.active{
  background:#fff!important;color:#2378d5!important;box-shadow:0 4px 12px rgba(36,103,169,.09)!important;
}

/* 표는 엑셀처럼 촘촘하고 밝게 */
html:not([data-theme="dark"]) table,
html:not([data-theme="dark"]) .data-table{border-color:#dce8f3!important}
html:not([data-theme="dark"]) table thead th,
html:not([data-theme="dark"]) .data-table thead th{
  background:#f2f7fc!important;color:#4a6681!important;border-color:#dce8f3!important;
  font-weight:900!important;box-shadow:inset 0 -1px 0 #d4e2ee!important;
}
html:not([data-theme="dark"]) table td,
html:not([data-theme="dark"]) table th,
html:not([data-theme="dark"]) .data-table td,
html:not([data-theme="dark"]) .data-table th{border-color:#e3edf6!important}
html:not([data-theme="dark"]) table tbody tr:nth-child(even)>td,
html:not([data-theme="dark"]) .data-table tbody tr:nth-child(even)>td{background:#fbfdff!important}
html:not([data-theme="dark"]) table tbody tr:hover>td,
html:not([data-theme="dark"]) .data-table tbody tr:hover>td{background:#f1f8ff!important}
html:not([data-theme="dark"]) table tfoot td,
html:not([data-theme="dark"]) table tr.total td,
html:not([data-theme="dark"]) .data-table tfoot td{background:#fff9ec!important;border-top-color:#ead8aa!important}
html:not([data-theme="dark"]) .badge{border-radius:999px!important;box-shadow:none!important}

/* ── 대표/관리자/소장 대시보드 공통: 선택 시안 톤 ── */
html:not([data-theme="dark"]) .v1321-dashboard{gap:11px!important}
html:not([data-theme="dark"]) .v1321-head{padding:2px 3px 3px!important;align-items:center!important}
html:not([data-theme="dark"]) .v1321-head small{font-size:9.5px!important;color:#6e88a2!important}
html:not([data-theme="dark"]) .v1321-head h2{font-size:20px!important;color:#153b65!important;font-weight:950!important}
html:not([data-theme="dark"]) .v1321-head-status button{border-radius:9px!important;background:#eef7ff!important;color:#2375cb!important}
html:not([data-theme="dark"]) .v1322-basis-strip{gap:6px!important}
html:not([data-theme="dark"]) .v1322-basis-strip span{
  padding:5px 8px!important;border-radius:999px!important;background:#f4f9ff!important;border-color:#dce9f5!important;
  color:#7188a0!important;font-size:7.6px!important;
}
html:not([data-theme="dark"]) .v1321-kpis{gap:8px!important}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi{
  position:relative!important;min-height:82px!important;padding:12px 11px 10px 52px!important;
  border:1px solid #e4edf6!important;border-radius:15px!important;box-shadow:var(--fh-shadow-soft)!important;
  overflow:hidden!important;justify-content:center!important;text-align:left!important;
}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi::before{
  position:absolute;left:12px;top:14px;width:31px;height:31px;display:grid;place-items:center;
  border-radius:11px;font-size:17px;font-weight:900;
}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi:nth-child(1){background:linear-gradient(140deg,#ffffff,#f0f7ff)!important}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi:nth-child(1)::before{content:"▥";background:#e4f2ff;color:#2585ed}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi:nth-child(2){background:linear-gradient(140deg,#ffffff,#eefbf5)!important}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi:nth-child(2)::before{content:"⛽";background:#e3f8ef;color:#22a86f}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi:nth-child(3){background:linear-gradient(140deg,#ffffff,#fff8ed)!important}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi:nth-child(3)::before{content:"!";background:#fff0d8;color:#ed9b14}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi:nth-child(4){background:linear-gradient(140deg,#ffffff,#fff1f4)!important}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi:nth-child(4)::before{content:"●";background:#ffe3e8;color:#eb5266}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi:nth-child(5){background:linear-gradient(140deg,#ffffff,#f5f0ff)!important}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi:nth-child(5)::before{content:"▣";background:#eee4ff;color:#8e56dc}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi:nth-child(6){background:linear-gradient(140deg,#ffffff,#fff9ec)!important}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi:nth-child(6)::before{content:"₩";background:#fff0cf;color:#e39a13}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi>span{font-size:10.5px!important;color:#3c5873!important;font-weight:900!important}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi>strong{font-size:20px!important;color:#153b63!important;line-height:1.05!important;margin-top:2px!important}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi>small{font-size:7.8px!important;color:#8193a5!important}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi>small.bad{color:#e3525f!important}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi>small.up{color:#21a66e!important}
html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi>b{color:#a4b3c1!important;top:8px!important;right:9px!important}

html:not([data-theme="dark"]) .v1321-grid{gap:10px!important}
html:not([data-theme="dark"]) .v1321-card{
  padding:11px 12px!important;border:1px solid var(--fh-line)!important;border-radius:16px!important;
  box-shadow:var(--fh-shadow-soft)!important;background:#fff!important;
}
html:not([data-theme="dark"]) .v1321-card>header{
  min-height:34px!important;margin-bottom:8px!important;padding-bottom:7px!important;border-bottom:1px solid #edf3f8!important;
}
html:not([data-theme="dark"]) .v1321-card>header h3{font-size:12.5px!important;color:#1b4a75!important;font-weight:950!important}
html:not([data-theme="dark"]) .v1321-card>header small{font-size:7.8px!important;color:#8a9bad!important}
html:not([data-theme="dark"]) .v1321-card>header h3::before{content:"";display:inline-block;width:5px;height:14px;margin-right:7px;border-radius:4px;background:#49a3f3;vertical-align:-2px}
html:not([data-theme="dark"]) .v1321-card:nth-child(even)>header h3::before{background:#45c68a}

/* 대표 세로 그래프: 매출 파랑 / 판매량 민트 */
html:not([data-theme="dark"]) .v1323-column-chart,
html:not([data-theme="dark"]) .v1323-station-columns{height:188px!important;gap:10px!important;border-bottom-color:#e2edf6!important;padding-top:14px!important}
html:not([data-theme="dark"]) .v1323-column>i,
html:not([data-theme="dark"]) .v1323-station-column>i{height:124px!important;border-radius:9px 9px 3px 3px!important;background:linear-gradient(180deg,#f8fbff,#eef5fb)!important}
html:not([data-theme="dark"]) .v1323-column>i>em,
html:not([data-theme="dark"]) .v1323-station-column>i>em{border-radius:8px 8px 2px 2px!important;background:linear-gradient(180deg,#6bbaf6,#2585ec)!important;box-shadow:0 4px 10px rgba(39,129,231,.14)}
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,#72d9b0,#2fb879)!important}
html:not([data-theme="dark"]) .v1323-column>b,
html:not([data-theme="dark"]) .v1323-station-column>b{font-size:9.2px!important;color:#1c4770!important}
html:not([data-theme="dark"]) .v1323-column>small,
html:not([data-theme="dark"]) .v1323-station-column>span{color:#7b8fa4!important}

/* 일반 대시보드의 가로 그래프는 파스텔 + 위험 강조 */
html:not([data-theme="dark"]) .v1321-bar-row{min-height:27px!important;border-radius:7px!important}
html:not([data-theme="dark"]) .v1321-bar-row:hover{background:#f2f8ff!important}
html:not([data-theme="dark"]) .v1321-bar-row>i{height:9px!important;border-radius:999px!important;background:#edf3f8!important}
html:not([data-theme="dark"]) .v1321-bar-row>i>em{border-radius:999px!important;background:linear-gradient(90deg,#64b7f5,#2d87eb)!important}
html:not([data-theme="dark"]) .v1321-bars.goods .v1321-bar-row.ok>i>em,
html:not([data-theme="dark"]) .v1321-bars.tank .v1321-bar-row.ok>i>em{background:linear-gradient(90deg,#75d8b2,#31b779)!important}
html:not([data-theme="dark"]) .v1321-bar-row.bad{background:#fff3f4!important}
html:not([data-theme="dark"]) .v1321-bar-row.bad>i>em{background:linear-gradient(90deg,#ff8d98,#ec5163)!important}
html:not([data-theme="dark"]) .v1321-bar-row.warn{background:#fff9ee!important}
html:not([data-theme="dark"]) .v1321-bar-row.warn>i>em{background:linear-gradient(90deg,#ffd27e,#f2a629)!important}

/* 대표 주유소 카드/묶음 */
html:not([data-theme="dark"]) .v1323-station-tiles{gap:8px!important}
html:not([data-theme="dark"]) .v1323-station-tile{
  border:1px solid #dfeaf5!important;border-radius:13px!important;background:linear-gradient(150deg,#fff,#f8fbff)!important;
  box-shadow:0 3px 10px rgba(50,92,130,.045)!important;padding:10px 11px!important;
}
html:not([data-theme="dark"]) .v1323-station-tile:hover{border-color:#9dccf3!important;background:#f1f8ff!important;transform:translateY(-1px)}
html:not([data-theme="dark"]) .v1323-station-tile.bad{border-left:4px solid #ef5b6c!important;background:#fff5f6!important}
html:not([data-theme="dark"]) .v1323-station-tile.warn{border-left:4px solid #f5ad31!important;background:#fffaef!important}
html:not([data-theme="dark"]) .v1323-station-tile.ok{border-left:4px solid #36bd80!important}
html:not([data-theme="dark"]) .v1323-station-group{border:1px solid #e1ebf4!important;border-radius:13px!important;background:#fff!important;box-shadow:0 2px 8px rgba(50,92,130,.04)!important}
html:not([data-theme="dark"]) .v1323-station-group>header{background:#f5faff!important;border-color:#e5eef6!important}

/* 운영센터/소장·관리자 카드 */
html:not([data-theme="dark"]) .role-dashboard-head{background:linear-gradient(135deg,#f7fbff,#f1f9ff)!important;border:1px solid #e1ecf6!important;border-radius:16px!important;padding:12px 14px!important}
html:not([data-theme="dark"]) .role-dashboard-kpis .work-stat,
html:not([data-theme="dark"]) .work-center-stats .work-stat{border-radius:14px!important;border:1px solid #e1ecf6!important;background:#fff!important;box-shadow:var(--fh-shadow-soft)!important}
html:not([data-theme="dark"]) .work-shortcut,
html:not([data-theme="dark"]) .role-shortcuts button{border-radius:11px!important;background:#f7fbff!important;border-color:#dfeaf5!important;color:#345b7d!important}
html:not([data-theme="dark"]) .work-shortcut:hover,
html:not([data-theme="dark"]) .role-shortcuts button:hover{background:#edf7ff!important;border-color:#add5f5!important}

/* 달력도 같은 톤 */
html:not([data-theme="dark"]) .calendar-topbar,
html:not([data-theme="dark"]) .calendar-actionbar,
html:not([data-theme="dark"]) .calendar-legendbar{border-radius:13px!important;border-color:#dfebf5!important;background:rgba(255,255,255,.95)!important;box-shadow:0 2px 9px rgba(54,96,136,.04)!important}
html:not([data-theme="dark"]) .calendar-day{border-color:#e1ebf4!important;border-radius:10px!important;background:#fff!important}
html:not([data-theme="dark"]) .calendar-day:hover{background:#f8fbff!important;border-color:#bddbf2!important}
html:not([data-theme="dark"]) .calendar-day.today{background:#edf7ff!important;border-color:#4c9bea!important;box-shadow:inset 0 0 0 2px #4c9bea,0 5px 12px rgba(67,145,223,.08)!important}
html:not([data-theme="dark"]) .today-label{background:linear-gradient(135deg,#4da8f6,#267ddd)!important}

/* 메시지/알림/자료함도 카드형 */
html:not([data-theme="dark"]) .message-card,
html:not([data-theme="dark"]) .notification-card,
html:not([data-theme="dark"]) .document-card,
html:not([data-theme="dark"]) .dense-record-row{
  border-color:#e1ebf4!important;border-radius:12px!important;background:#fff!important;box-shadow:0 2px 8px rgba(49,91,130,.035)!important;
}

/* 폰: 같은 디자인, 한 화면에 너무 커지지 않게 */
@media(max-width:959px){
  html:not([data-theme="dark"]) body{background:#f4f9ff!important}
  html:not([data-theme="dark"]) .topbar-v119{background:rgba(250,253,255,.97)!important}
  html:not([data-theme="dark"]) #mainContent{padding:9px 9px 84px!important}
  html:not([data-theme="dark"]) .global-period-bar{border-radius:12px!important;box-shadow:none!important}
  html:not([data-theme="dark"]) .v1321-head h2{font-size:17px!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:10px 8px 9px 43px!important;border-radius:13px!important}
  html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi::before{left:9px;top:12px;width:27px;height:27px;border-radius:9px;font-size:14px}
  html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi>span{font-size:9.4px!important}
  html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi>strong{font-size:16px!important}
  html:not([data-theme="dark"]) .v1321-card{padding:9px!important;border-radius:14px!important}
  html:not([data-theme="dark"]) .v1321-card>header h3{font-size:11.5px!important}
  html:not([data-theme="dark"]) .v1323-column-chart,
  html:not([data-theme="dark"]) .v1323-station-columns{height:160px!important;gap:6px!important}
  html:not([data-theme="dark"]) .v1323-column>i,
  html:not([data-theme="dark"]) .v1323-station-column>i{height:102px!important}
  html:not([data-theme="dark"]) .panel,
  html:not([data-theme="dark"]) .overview-panel,
  html:not([data-theme="dark"]) .form-card,
  html:not([data-theme="dark"]) .station-card,
  html:not([data-theme="dark"]) .role-dashboard-panel{border-radius:13px!important;box-shadow:none!important}
  html:not([data-theme="dark"]) .bottom-nav{
    background:rgba(255,255,255,.97)!important;border-top:1px solid #dfeaf5!important;
    box-shadow:0 -8px 24px rgba(43,91,134,.09)!important;
  }
  html:not([data-theme="dark"]) .bottom-nav button{color:#71879d!important}
  html:not([data-theme="dark"]) .bottom-nav button.active{color:#237ee0!important;background:#eef7ff!important;border-radius:11px!important}
  html:not([data-theme="dark"]) .quick-upload-bar{background:#fff!important;border-top:1px solid #dfeaf5!important}
}

@media(max-width:560px){
  html:not([data-theme="dark"]) .v1321-head{grid-template-columns:1fr auto!important}
  html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi{min-height:69px!important}
  html:not([data-theme="dark"]) .v1321-kpis .v1200-kpi>strong{font-size:15px!important}
  html:not([data-theme="dark"]) .v1323-station-tiles{grid-template-columns:1fr!important}
  html:not([data-theme="dark"]) .goods-sheet-summary{gap:5px!important}
}

/* 어두운 테마는 기존 어두운 팔레트를 존중하되 둥근 구성만 유지 */
html[data-theme="dark"] .v1321-card,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .overview-panel,
html[data-theme="dark"] .form-card,
html[data-theme="dark"] .station-card,
html[data-theme="dark"] .role-dashboard-panel{border-radius:14px!important}