/* Shared color and typography layer. Operational states retain their labels. */
body.ui-refresh {
  --sidebar-width:252px;
  --sidebar-bg:#cbd8ee;
  --bg:#f4f6fb; --canvas:#f4f6fb; --ink:#202b43; --muted:#65738a;
  --accent:#2864e8; --line:#e2e8f2; --surface-soft:#f7f9fe; --radius:14px;
  --blue:#245ad1; --blue-soft:#edf3ff; --teal:#087e6b; --teal-soft:#eaf8f3;
  --violet:#7046c5; --violet-soft:#f3eeff; --amber:#975609; --amber-soft:#fff5e5;
  font-weight:450; letter-spacing:-.15px;
}
.ui-refresh h1 { font-size:26px; font-weight:800; letter-spacing:-.9px; }
.ui-refresh h2 { font-size:16px; font-weight:750; letter-spacing:-.4px; }
.ui-refresh h3 { font-weight:700; }
.ui-refresh :is(.page-heading,.admin-page-heading) p { font-size:13px; font-weight:450; }
.ui-refresh .card { border-radius:var(--radius); box-shadow:0 3px 14px #243e6a05; }
.ui-refresh :is(button,.button,a.guide-link) { border-radius:8px; font-weight:650; }
.ui-refresh :is(button,.button):hover:not(:disabled) { background:#1d50c6; }
.ui-refresh :is(button.secondary,.button.secondary,button.gray) { color:#465a7b; border-color:#d7e1ef; }
.ui-refresh :is(button.secondary,.button.secondary,button.gray):hover:not(:disabled) { background:var(--blue-soft); border-color:#b9cefa; }
.ui-refresh button.danger { background:#c7364b; }
.ui-refresh button.danger:hover:not(:disabled) { background:#a92a3e; }
.ui-refresh :is(input,select,textarea) { border-radius:8px; border-color:#d4deec; font-weight:450; }
.ui-refresh :is(input,select,textarea):focus-visible { outline:3px solid #b8d0ff; outline-offset:1px; border-color:#5285eb; }
.ui-refresh :is(.form-grid label,.seller-row>label) { font-weight:650; }
.ui-refresh .table-scroll,.ui-refresh .table-wrap { border-radius:10px; }
.ui-refresh th { background:#edf2fa; color:#425577; font-weight:700; }
.ui-refresh td { font-weight:450; }
.ui-refresh tbody tr:not(.cs-expand):hover { background:#f0f5ff; }
.ui-refresh .account-table td:first-child { color:#536783; background:#f4f7fc; font-weight:600; }
.ui-refresh .account-table td strong { font-weight:700; }
.ui-refresh :is(.badge,.trial-status,.mapping-badge,.nav-badge) { border-radius:6px; font-weight:700; }
.ui-refresh .badge { background:var(--blue-soft); color:var(--blue); }
.ui-refresh .badge.green,.ui-refresh .trial-status.matched { background:#e4f6ee; color:#12704f; }
.ui-refresh .badge.red { background:#ffedf0; color:#af3046; }
.ui-refresh .badge.orange { background:#fff1d9; color:#8e510c; }
.ui-refresh .notice { border-radius:10px; font-weight:500; border-left:3px solid #5d92ec; }
.ui-refresh .notice.success { border-left-color:#27a17a; }
.ui-refresh .notice.warning { border-left-color:#d59830; }
.ui-refresh .notice.error { border-left-color:#db5b70; }
.ui-refresh :is(.tabs,.inline-tabs,.transaction-tabs) a,.ui-refresh .calc-tabs button { border-radius:8px; font-weight:600; }
.ui-refresh :is(.tabs,.inline-tabs,.transaction-tabs) [aria-current],.ui-refresh .calc-tabs button[aria-selected=true] { color:#fff; background:var(--accent); border-color:var(--accent); font-weight:700; }
.ui-refresh .calc-tabs button:hover:not(:disabled) { background:var(--blue-soft); color:var(--blue); }
.ui-refresh .calc-tabs button[aria-selected=true]:hover:not(:disabled) { background:#1d50c6; color:#fff; }

/* Navigation uses color in active items and section icons, with readable labels. */
.ui-refresh .workspace-sidebar { --muted:#465975; background:var(--sidebar-bg); border-right-color:#b3c4df; }
.ui-refresh .workspace-brand { gap:10px; height:76px; background:#bfcee8; border-bottom-color:#b3c4df; }
.ui-refresh .workspace-sidebar-foot { background:#c3d2ea; border-top-color:#b3c4df; }
.ui-refresh .brand-symbol { position:relative; display:block; width:36px; height:46px; flex:0 0 auto; overflow:hidden; border-radius:0; background:transparent; box-shadow:none; }
.ui-refresh .brand-symbol img { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:block; width:60px; height:60px; max-width:none; object-fit:contain; mix-blend-mode:multiply; }
.ui-refresh .workspace-brand b,.ui-refresh .mobile-brand b { font-family:'Plus Jakarta Sans','Noto Sans KR',sans-serif; font-weight:800; letter-spacing:-.8px; }
.ui-refresh .mobile-brand .brand-symbol { width:25px; height:32px; }
.ui-refresh .mobile-brand .brand-symbol img { width:43px; height:43px; }
.ui-refresh .center-badge { color:var(--blue); background:var(--blue-soft); border:0; padding:3px 6px; font-weight:650; }
.ui-refresh .profile-avatar { border-radius:11px; color:var(--blue); background:#e5eeff; font-weight:750; }
.ui-refresh .workspace-profile b { font-size:13px; font-weight:700; }
.ui-refresh .workspace-profile small { color:var(--muted); }
.ui-refresh .workspace-navigation a { font-size:14px; min-height:44px; font-weight:550; border-radius:9px; color:#344965; }
.ui-refresh .workspace-navigation a:hover { background:#baccE9; color:#194daF; }
.ui-refresh .workspace-navigation a.active { background:#fff; color:#205acb; font-weight:750; box-shadow:inset 3px 0 #3b75ed,0 2px 8px #3d609510; }
.ui-refresh .nav-group-links a { font-size:14px; min-height:42px; }
.ui-refresh .workspace-nav-group>summary { font-size:14px; min-height:44px; font-weight:700; color:#2f405e; }
.ui-refresh .workspace-nav-group>summary:hover { background:#baccE9; }
.ui-refresh .workspace-nav-group>summary>.admin-icon:last-child { color:#566886; }
.ui-refresh .workspace-nav-group>summary>.admin-icon:first-child { color:var(--blue); }
.ui-refresh .workspace-nav-group:nth-of-type(2)>summary>.admin-icon:first-child { color:var(--violet); }
.ui-refresh .workspace-nav-group:nth-of-type(3)>summary>.admin-icon:first-child { color:var(--teal); }
.ui-refresh .workspace-nav-group:nth-of-type(4)>summary>.admin-icon:first-child { color:#ab701c; }
.ui-refresh .workspace-topbar { border-bottom-color:#e1e8f4; }
.ui-refresh .workspace-location>span:last-child { font-weight:650; color:#33476a; }
.ui-refresh .workspace-tools a,.ui-refresh .workspace-role { background:#f5f8ff; border-color:#e3eafa; color:#496589; border-radius:8px; font-weight:600; }
.ui-refresh .sidebar-collapse { color:#59729a; background:#f5f8ff; border-radius:8px; }
.ui-refresh .sidebar-collapse:hover:not(:disabled) { background:#e6efff; color:var(--blue); }
.ui-refresh button.logout:hover:not(:disabled) { background:var(--blue-soft); color:var(--blue); }
.ui-refresh .workspace-menu-toggle { color:var(--ink); }

/* Seller overview: a blue balance panel and distinct, labelled status cards. */
.ui-refresh .home-balance { background:#edf3ff; border-color:#d4e2ff; box-shadow:none; }
.ui-refresh .home-balance h2 { color:#31568e; }
.ui-refresh .home-balance>strong { color:#214db3; font-size:36px; font-weight:800; letter-spacing:-1.2px; }
.ui-refresh .home-balance>strong small { font-weight:550; }
.ui-refresh .home-balance>p { color:#536b91; font-weight:500; }
.ui-refresh .home-balance>.button { box-shadow:0 4px 10px #2864e81a; }
.ui-refresh .home-news h2>.admin-icon { color:var(--violet); }
.ui-refresh .home-notice-list strong { color:#344664; font-weight:650; }
.ui-refresh .home-notice-list li { border-bottom-color:#e7edf7; }
.ui-refresh .home-stats { gap:12px; border:0; border-radius:0; overflow:visible; }
.ui-refresh .home-stat { --tone:var(--blue); --tint:var(--blue-soft); position:relative; display:flex; flex-direction:column; gap:3px; border:1px solid #d9e5ff; border-radius:11px; background:var(--tint); color:var(--tone); padding:20px 10px 17px; }
.ui-refresh .home-stat[data-order-state=PREPARING] { --tone:#067b91; --tint:#eaf7fb; border-color:#d2eaf2; }
.ui-refresh .home-stat[data-order-state=IN_PROGRESS] { --tone:var(--violet); --tint:var(--violet-soft); border-color:#e5dbf8; }
.ui-refresh .home-stat[data-order-state=DELIVERED] { --tone:var(--teal); --tint:var(--teal-soft); border-color:#d3ebdf; }
.ui-refresh .home-stat[data-order-state=ON_HOLD] { --tone:var(--amber); --tint:var(--amber-soft); border:1px solid #f0dfbf; }
.ui-refresh .home-stat strong { color:var(--tone); font-size:31px; font-weight:800; }
.ui-refresh .home-stat span { color:var(--tone); font-weight:650; }
.ui-refresh .home-stat:hover { background:var(--tint); box-shadow:0 4px 12px #26395a12; outline:1px solid var(--tone); outline-offset:-1px; }
.ui-refresh .home-orders h2>.admin-icon { color:var(--blue); }
.ui-refresh .home-secondary>.card:first-child h2>.admin-icon { color:var(--teal); }
.ui-refresh .home-secondary>.card:last-child h2>.admin-icon { color:var(--violet); }
.ui-refresh .home-connection-details dd { font-weight:600; }
.ui-refresh .home-setting>summary { font-weight:700; }
.ui-refresh .home-setting>summary>span { color:var(--blue); font-weight:550; }
.ui-refresh .card.accent-blue { border-top:3px solid #6797f1; }
.ui-refresh .card.accent-cyan,.ui-refresh .card.green-top { border-top:3px solid #40bca0; }
.ui-refresh .card.accent-purple { border-top:3px solid #ac8ce9; }
.ui-refresh .mapping-card.is-connected { border-left-color:#2c9a7b; }
.ui-refresh .is-connected .mapping-badge { color:var(--teal); background:var(--teal-soft); }
.ui-refresh .bank-row.payer { color:#245cb5; background:#edf4ff; border-color:#cdddff; }
.ui-refresh .automation-banner { background:#eef4ff; border-color:#d1e0ff; border-radius:11px; }

/* Administrator metrics share the same palette as seller status cards. */
.ui-refresh .dashboard-kpi.card { --tone:var(--blue); --tint:var(--blue-soft); border-radius:14px; border-top:3px solid var(--tone); }
.ui-refresh .dashboard-kpi[data-metric=credit_total] { --tone:var(--teal); --tint:var(--teal-soft); }
.ui-refresh .dashboard-kpi[data-metric=debit_total] { --tone:var(--amber); --tint:var(--amber-soft); }
.ui-refresh .dashboard-kpi[data-metric=active_sellers] { --tone:var(--violet); --tint:var(--violet-soft); }
.ui-refresh .dashboard-kpi .kpi-icon { background:var(--tint); color:var(--tone); border-radius:10px; }
.ui-refresh .dashboard-kpi>strong { color:var(--tone); font-weight:800; }
.ui-refresh .kpi-label h2 { font-weight:650; }
.ui-refresh .attention-box { border-radius:10px; background:#f8faff; }
.ui-refresh .attention-label { font-weight:650; }
.ui-refresh .attention-label>.admin-icon { color:var(--violet); }
.ui-refresh .attention-box strong { color:#345fb8; font-weight:750; }
.ui-refresh .order-flow { border-radius:10px; background:#f4f7ff; }
.ui-refresh .flow-step span { color:#526586; font-weight:650; }
.ui-refresh .flow-step strong { font-weight:800; }
.ui-refresh .flow-step.flow-held { background:var(--amber-soft); }
.ui-refresh .flow-step.flow-held :is(span,strong) { color:var(--amber); }
.ui-refresh .workflow-steps>li>span { background:#eaf0ff; color:var(--blue); font-weight:800; }
.ui-refresh .dashboard-date { background:white; border:1px solid var(--line); border-radius:9px; color:#4d6182; font-weight:600; }

/* Entry screens and narrow layouts keep the same typography and focus states. */
@media(min-width:901px) {
  .ui-refresh .workspace-brand { padding-left:18px; padding-right:52px; }
  /* Keep the same accessible control reachable after the sidebar is hidden. */
  .ui-refresh:not(.sidebar-collapsed) .sidebar-collapse { position:fixed; top:23px; left:calc(var(--sidebar-width) - 42px); z-index:41; }
}
@media(max-width:900px) {
  .ui-refresh .workspace-navigation a { min-height:44px; }
  .ui-refresh .workspace-menu,.ui-refresh .workspace-menu-toggle { background:var(--sidebar-bg); }
}
body.ui-refresh:has(.seller-login) { background:var(--bg); }
.ui-refresh .seller-login,.ui-refresh .admin-login { border-radius:18px; border-top:4px solid var(--accent); box-shadow:0 12px 36px #2945700c; }
.ui-refresh .seller-login button { border-radius:8px; font-weight:700; }
@media(max-width:600px) {
  .ui-refresh h1 { font-size:23px; }
  .ui-refresh h2 { font-size:15px; }
  .ui-refresh .home-stats { gap:9px; }
  .ui-refresh .home-stat { padding:15px 8px; }
  .ui-refresh .home-stat strong { font-size:28px; }
  .ui-refresh .home-stat[data-order-state=ON_HOLD] { flex-direction:row; align-items:center; justify-content:center; gap:12px; }
  .ui-refresh .home-balance>strong { font-size:32px; }
  .ui-refresh .workspace-menu-toggle { background:var(--sidebar-bg); }
}
@media print {
  .ui-refresh .card,.ui-refresh .home-stat,.ui-refresh .flow-step,.ui-refresh .order-flow { background:white; box-shadow:none; border-color:#c5ccd8; }
  .ui-refresh .home-stat :is(strong,span),.ui-refresh .dashboard-kpi>strong { color:#202b43; }
}