:root{--ui-primary:#0b57d0;--ui-primary-soft:#e9f0ff;--ui-bg:#f6f8fc;--ui-card:#fff;--ui-text:#101828;--ui-muted:#667085;--ui-line:#dfe5ef;--ui-success:#16a34a;--ui-warning:#f59e0b;--ui-danger:#ef4444;--ui-radius:8px;--ui-shadow:0 1px 3px rgba(16,24,40,.045)}
html{background:var(--ui-bg)}
::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
*{box-sizing:border-box}body{background:var(--ui-bg)!important;color:var(--ui-text)!important;font-family:Inter,"Microsoft YaHei","PingFang SC",system-ui,sans-serif!important}
.app-shell{display:block!important;background:var(--ui-bg)!important}.sidebar{position:fixed!important;inset:0 auto 0 0!important;width:220px!important;height:100vh!important;padding:0!important;background:#fff!important;border-right:1px solid var(--ui-line)!important;box-shadow:none!important;color:#475467!important;z-index:50!important}.side-brand{height:76px!important;min-height:76px!important;margin:0!important;padding:16px 18px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr) auto!important;gap:10px!important;align-items:center!important;border-bottom:1px solid #eef1f6!important}.brand-mark{width:36px!important;height:36px!important;border-radius:9px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#eef3ff!important;border:1px solid #ccdafb!important;color:var(--ui-primary)!important;font-size:14px!important;font-weight:800!important}.brand-copy{display:grid!important;gap:1px!important}.brand-copy strong{font-size:16px!important;color:#111827!important;line-height:1.2!important}.brand-copy small{font-size:10px!important;color:#98a2b3!important;white-space:nowrap!important}.side-nav{height:calc(100vh - 136px)!important;padding:14px 12px!important;display:flex!important;flex-direction:column!important;gap:3px!important;overflow:auto!important}.side-nav a{min-height:36px!important;padding:0 11px!important;border-radius:6px!important;display:flex!important;align-items:center!important;gap:9px!important;color:#526070!important;font-size:12px!important;font-weight:550!important;text-decoration:none!important;box-shadow:none!important}.side-nav a:hover{background:#f1f5fb!important;color:var(--ui-primary)!important}.side-nav a.active{background:#2f66e6!important;color:#fff!important}.side-ico{width:18px!important;min-width:18px!important;font-size:14px!important;text-align:center!important;color:inherit!important}.nav-group{margin:9px 8px 2px!important;color:#98a2b3!important;font-size:9px!important;letter-spacing:.06em!important}.side-user{height:60px!important;left:0!important;bottom:0!important;width:220px!important;padding:11px 18px!important;background:#fff!important;border-top:1px solid #eef1f6!important;color:#344054!important}.page{margin-left:220px!important;width:calc(100% - 220px)!important;min-height:100vh!important;padding:0!important;background:var(--ui-bg)!important}.app-topbar{height:64px!important;padding:0 28px!important;background:#fff!important;border-bottom:1px solid var(--ui-line)!important;box-shadow:none!important}.app-search{height:36px!important;background:#f5f7fa!important;border:1px solid #e5e9f0!important;border-radius:7px!important}.app-top-actions>a{height:34px!important;border-radius:6px!important;background:var(--ui-primary)!important;color:#fff!important}
.kol-workbench,.influencer-page-v2,.product-admin-page,.product-fetch-center,.materials-workbench,.shipping-saas-page,.settlement-center,.pt-page,.mr-full,.data-quality-page,.import-record-page,.backup-page{width:100%!important;max-width:1500px!important;margin:0 auto!important;padding:28px 32px 48px!important;background:transparent!important}
h1{color:var(--ui-text)!important;font-size:24px!important;line-height:1.25!important;letter-spacing:-.02em!important}h2{color:#172033}.meta-line,[class*="subtitle"],[class*="description"]{color:var(--ui-muted)}
.panel,.dashboard-block,.kol-card,.asset-overview-card,.asset-section-card,.pa-list-card,.pa-card,.pf-card,.asset-main,.gap-panel,.ship-panel,.settle-card,.settle-list-shell,.pt-card,.pt-health,.mrf-card,.backup-card{background:var(--ui-card)!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-radius)!important;box-shadow:var(--ui-shadow)!important}
button,.btn,[class$="-btn"],.button-link{font-family:inherit!important;border-radius:6px!important}input,select,textarea{font-family:inherit!important;border-color:#d7dde8!important;border-radius:6px!important;box-shadow:none!important}input:focus,select:focus,textarea:focus{border-color:var(--ui-primary)!important;box-shadow:0 0 0 3px rgba(11,87,208,.1)!important;outline:0!important}
table{border-collapse:collapse!important}thead th{height:38px!important;background:#f8fafc!important;border-color:#e7ebf1!important;color:#667085!important;font-size:10px!important;font-weight:650!important}tbody td{border-color:#e7ebf1!important;color:#344054!important;font-size:12px!important}tbody tr:hover td{background:#f8fbff!important}
.badge,[class*="status"],[class*="priority"]{border-radius:5px}.kol-tabs a.active,.asset-tabs a.active,.ship-tabs a.active,.settle-tabs a.active,.pt-tabs a.active{color:var(--ui-primary)!important;border-color:var(--ui-primary)!important}.kol-primary-btn,.pa-btn.primary,.pf-btn.primary,.ship-primary,.settle-primary,.pt-btn.primary,.button-link:not(.secondary){background:var(--ui-primary)!important;border-color:var(--ui-primary)!important;color:#fff!important}
/* Standalone dashboard templates use equivalent class names. */
body>.app .sidebar{width:220px!important;padding:0!important;background:#fff!important}.app .brand{height:76px!important;padding:16px 18px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;align-items:center!important;border-bottom:1px solid #eef1f6!important}.app .brand-copy{display:grid!important}.app .brand-copy strong{font-size:16px!important;color:#111827!important}.app .brand-copy small{font-size:10px!important;color:#98a2b3!important}.app .sidebar nav{height:calc(100vh - 122px)!important;padding:14px 12px!important;display:flex!important;flex-direction:column!important;gap:3px!important;overflow:auto!important}.app .nav-item{min-height:36px!important;padding:0 11px!important;border-radius:6px!important;color:#526070!important;font-size:12px!important}.app .nav-item.active{background:#2f66e6!important;color:#fff!important}.app .main{margin-left:220px!important;width:calc(100% - 220px)!important;background:var(--ui-bg)!important}.app .topbar{height:64px!important;padding:0 28px!important;background:#fff!important;border-bottom:1px solid var(--ui-line)!important}.app .search{height:36px!important;width:420px!important;border:1px solid #e5e9f0!important;border-radius:7px!important;background:#f5f7fa!important}
/* Live dashboard template */
.stitch-shell{display:block!important;background:var(--ui-bg)!important}.stitch-sidebar{position:fixed!important;inset:0 auto 0 0!important;width:220px!important;height:100vh!important;padding:0!important;background:#fff!important;border-right:1px solid var(--ui-line)!important;box-shadow:none!important;z-index:50!important}.stitch-sidebar .brand-row{height:76px!important;padding:16px 18px!important;margin:0!important;border-bottom:1px solid #eef1f6!important}.stitch-sidebar .brand-mark{width:36px!important;height:36px!important}.stitch-sidebar .side-menu{height:calc(100vh - 136px)!important;padding:14px 12px!important;display:flex!important;flex-direction:column!important;gap:3px!important;overflow:auto!important}.stitch-sidebar .side-link{min-height:36px!important;padding:0 11px!important;border-radius:6px!important;color:#526070!important;font-size:12px!important;font-weight:550!important}.stitch-sidebar .side-link.active{background:#2f66e6!important;color:#fff!important}.stitch-sidebar .side-group{margin:9px 8px 2px!important;color:#98a2b3!important;font-size:9px!important;letter-spacing:.06em!important}.stitch-sidebar .sidebar-footer{height:60px!important;padding:0!important;background:#fff!important;border-top:1px solid #eef1f6!important}.stitch-user{height:60px;padding:11px 18px;display:flex;align-items:center;gap:9px}.stitch-user>span{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e9f0ff;color:var(--ui-primary);font-weight:700}.stitch-user div{display:grid}.stitch-user strong{font-size:12px}.stitch-user small{font-size:10px;color:#98a2b3}.stitch-main{margin-left:220px!important;width:calc(100% - 220px)!important;background:var(--ui-bg)!important}.stitch-topbar{height:64px!important;padding:0 28px!important;background:#fff!important;border-bottom:1px solid var(--ui-line)!important}.stitch-scroll{padding:28px 32px 48px!important}.stitch-scroll .dashboard-grid{display:block!important}.stitch-scroll .dashboard-left,.stitch-scroll .dashboard-right{display:contents!important}.stitch-scroll .kpi-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important;margin-bottom:18px!important}.stitch-scroll .kpi-card{min-height:126px!important;padding:18px!important}.stitch-scroll .stitch-card{width:100%!important;margin:0 0 18px!important;border:1px solid var(--ui-line)!important;border-radius:8px!important;box-shadow:var(--ui-shadow)!important}.stitch-scroll .alerts-card .alert-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important;padding:16px!important}.stitch-scroll .ranking-board{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;margin-bottom:18px!important}.stitch-scroll .ranking-board .stitch-card{margin:0!important}.stitch-scroll .ranking-list>a{min-height:48px!important}.stitch-scroll .funnel-card,.stitch-scroll .suggestion-card{width:100%!important}.stitch-scroll .funnel-timeline{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}.stitch-scroll .funnel-stage{min-height:96px!important;border:1px solid #e5eaf2!important;border-radius:8px!important;padding:14px!important}.stitch-scroll .suggestion-list{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important}.stitch-scroll .suggestion-list>a{border:1px solid #e5eaf2!important;border-radius:8px!important}
.stitch-scroll .suggestion-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important;align-items:stretch!important}.stitch-scroll .suggestion-list>a{min-height:72px!important}
/* One shared navigation component across every template. */
body>.app{display:block!important;min-height:100vh!important}
#global-sidebar{display:block!important;overflow:hidden!important}
#global-sidebar .side-brand{width:100%!important;margin:0!important}
#global-sidebar .side-brand .brand-mark::before,#global-sidebar .side-brand .brand-mark::after{content:none!important;display:none!important}
#global-sidebar .side-brand button{width:24px!important;height:24px!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#667085!important;font-size:18px!important;line-height:24px!important}
#global-sidebar .side-nav,#global-sidebar nav{width:100%!important;height:calc(100vh - 136px)!important;margin:0!important;padding:14px 12px!important;display:flex!important;flex-direction:column!important;gap:3px!important;overflow-x:hidden!important;overflow-y:auto!important}
#global-sidebar .side-user{position:absolute!important;left:0!important;bottom:0!important;width:220px!important;height:60px!important;margin:0!important;padding:10px 18px!important;display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;grid-template-rows:20px 16px!important;column-gap:9px!important;align-items:center!important;background:#fff!important;border-top:1px solid #eef1f6!important}
#global-sidebar .side-user .user-avatar{grid-row:1/3!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#e9f0ff!important;color:var(--ui-primary)!important;font-weight:700!important}
#global-sidebar .side-user>span:not(.user-avatar){font-size:12px!important;font-weight:600!important;line-height:20px!important}
#global-sidebar .side-user>small{font-size:10px!important;line-height:16px!important;color:#98a2b3!important}
#global-sidebar .side-ico{width:18px!important;height:18px!important;min-width:18px!important;flex:0 0 18px!important;color:inherit!important;overflow:visible!important}
#global-sidebar .side-nav a.active .side-ico{color:#fff!important}
#global-topbar{height:64px!important;min-height:64px!important;width:100%!important;padding:0 28px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;background:#fff!important;border-bottom:1px solid var(--ui-line)!important;box-shadow:none!important}
#global-topbar .app-topbar-left{min-width:0;display:flex;align-items:center;gap:10px;flex:1}
#global-topbar .app-back-button{width:auto;height:34px;min-width:34px;flex:0 0 auto;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--ui-line);border-radius:7px;background:#fff;color:#475467;font-size:11px;font-weight:650;line-height:1;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
#global-topbar .app-back-button:hover{background:#f5f8ff;border-color:#b9c9ee;color:var(--ui-primary)}
#global-topbar .app-back-button:focus-visible{outline:2px solid rgba(40,89,214,.28);outline-offset:2px}
#global-topbar .app-back-button svg{width:16px;height:16px}
#global-topbar .app-search{width:460px!important;height:36px!important;margin:0!important;padding:0 12px!important;display:flex!important;align-items:center!important;gap:9px!important;background:#f5f7fa!important;border:1px solid #e5e9f0!important;border-radius:7px!important}
#global-topbar .app-search input{min-width:0!important;height:34px!important;flex:1!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:12px!important}
#global-topbar .app-search kbd{margin-left:auto!important;color:#98a2b3!important;font-size:10px!important;white-space:nowrap!important}
#global-topbar .app-top-actions{height:34px!important;margin:0!important;display:flex!important;align-items:center!important;gap:18px!important}
#global-topbar .app-top-actions>a{height:34px!important;margin:0!important;padding:0 14px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:6px!important;text-decoration:none!important;white-space:nowrap!important}
#global-topbar .app-top-actions .app-bell{width:40px!important;padding:0!important}
#global-topbar .app-account{min-width:52px!important;height:34px!important;display:grid!important;align-content:center!important;gap:1px!important}
#global-topbar .app-account b{font-size:12px!important;line-height:16px!important;color:#111827!important}
#global-topbar .app-account small{font-size:10px!important;line-height:14px!important;color:#98a2b3!important}
body:has(#global-topbar)>.app-shell>.page{padding:0!important}
@media(max-width:1000px){.sidebar,body>.app .sidebar,#global-sidebar{width:76px!important}.page,.app .main,.stitch-main{margin-left:76px!important;width:calc(100% - 76px)!important}.brand-copy,.side-brand .brand-copy,.side-nav .nav-group,.side-nav a{font-size:0!important}#global-sidebar .side-brand{grid-template-columns:40px!important;padding:16px 18px!important}#global-sidebar .side-brand .brand-copy,#global-sidebar .side-brand button{display:none!important}#global-sidebar .side-nav a{justify-content:center!important;padding:0!important;font-size:0!important}#global-sidebar .side-user{width:76px!important;grid-template-columns:32px!important;padding:10px 22px!important}#global-sidebar .side-user>span:not(.user-avatar),#global-sidebar .side-user>small{display:none!important}.kol-workbench,.influencer-page-v2,.product-admin-page,.product-fetch-center,.materials-workbench,.shipping-saas-page,.settlement-center,.pt-page,.mr-full,.data-quality-page,.import-record-page{padding:20px 16px 36px!important}}

/* Shared interaction and accessibility baseline. */
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid rgba(47,102,230,.28)!important;outline-offset:2px!important}
button:disabled{cursor:not-allowed!important;opacity:.55!important}
img{max-width:100%;height:auto}
[hidden]{display:none!important}
.mobile-nav-toggle,.mobile-nav-mask{display:none}
.bulk-action-form{display:flex;align-items:center;gap:8px;margin-left:auto}
.bulk-action-form select,.bulk-action-form button{min-height:32px;border:1px solid var(--ui-line);border-radius:6px;background:#fff;padding:0 9px;font-size:11px}
.bulk-action-form button{background:var(--ui-primary);border-color:var(--ui-primary);color:#fff;font-weight:650}

@media(max-width:700px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  .page,.app .main,.stitch-main{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;overflow-x:hidden!important}
  html body .app-shell.app-shell>.page{width:100%!important;max-width:100%!important;margin-left:0!important}
  #global-sidebar{width:220px!important;transform:translateX(-102%)!important;transition:transform .18s ease!important;box-shadow:8px 0 28px rgba(15,23,42,.16)!important}
  .app-shell.mobile-nav-open #global-sidebar,.stitch-shell.mobile-nav-open #global-sidebar{transform:translateX(0)!important}
  #global-sidebar .side-brand{grid-template-columns:38px minmax(0,1fr) auto!important;padding:16px 18px!important}
  #global-sidebar .side-brand .brand-copy{display:grid!important}
  #global-sidebar .side-brand button{display:block!important}
  #global-sidebar .side-nav .nav-group{font-size:9px!important}
  #global-sidebar .side-nav a{justify-content:flex-start!important;padding:0 11px!important;font-size:12px!important}
  #global-sidebar .side-user{width:220px!important;grid-template-columns:32px minmax(0,1fr)!important;padding:10px 18px!important}
  #global-sidebar .side-user>span:not(.user-avatar),#global-sidebar .side-user>small{display:block!important}
  .mobile-nav-toggle{display:grid!important;place-items:center;width:34px;height:34px;flex:0 0 34px;padding:0;border:1px solid var(--ui-line);border-radius:7px;background:#fff;color:#344054;font-size:18px}
  .mobile-nav-mask{display:block;position:fixed;z-index:45;inset:0;width:100vw;height:100vh;border:0;background:rgba(15,23,42,.38)}
  #global-topbar{padding:0 12px!important;gap:8px!important}
  #global-topbar .app-search{width:auto!important;min-width:0!important;flex:1!important}
  #global-topbar .app-search kbd{display:none!important}
  #global-topbar .app-top-actions{gap:7px!important}
  #global-topbar .topbar-primary-action{width:34px!important;padding:0!important;justify-content:center!important}
  #global-topbar .topbar-primary-action span{display:none!important}
  #global-topbar .topbar-primary-action svg{display:block!important;stroke:#fff!important}
  #global-topbar .account-copy{display:none!important}
  .stitch-scroll{width:100%!important;max-width:100%!important;padding:18px 12px 32px!important;overflow:visible!important}
  .stitch-scroll .welcome-row{width:100%!important;display:flex!important;align-items:stretch!important;flex-direction:column!important;gap:14px!important}
  .stitch-scroll .welcome-copy{width:100%!important;min-width:0!important;flex:auto!important}
  .stitch-scroll .status-line{flex-wrap:wrap!important}
  .stitch-scroll .welcome-actions,.stitch-scroll .dashboard-quick-actions{width:100%!important;max-width:100%!important;justify-content:flex-start!important;overflow-x:auto!important}
  .stitch-scroll .kpi-grid,.stitch-scroll .alerts-card .alert-grid,.stitch-scroll .ranking-board,.stitch-scroll .funnel-timeline,.stitch-scroll .suggestion-list{grid-template-columns:1fr!important}
  .stitch-scroll .task-table-wrap{width:100%!important;max-width:100%!important;overflow-x:auto!important}
  .influencer-page-v2 .asset-topbar{display:flex!important;align-items:stretch!important;grid-template-columns:none!important;flex-direction:column!important}
  .influencer-page-v2 .asset-top-actions{width:100%!important;display:flex!important;justify-content:flex-start!important;overflow-x:auto!important}
  .influencer-page-v2 .asset-search{min-width:210px!important;flex:1!important}
  .influencer-page-v2 .asset-search input{width:100%!important}
  body:has(.influencer-page-v2) .asset-overview-card,body:has(.influencer-page-v2) .asset-focus-grid,body:has(.influencer-page-v2) .asset-pool-grid{grid-template-columns:1fr!important}
  body:has(.influencer-page-v2) .asset-total-card{grid-column:auto!important}
  .influencer-page-v2 .asset-list-section,.influencer-page-v2 .asset-table-wrap{max-width:100%!important;overflow-x:auto!important}
  .kol-workbench,.influencer-page-v2,.product-admin-page,.product-fetch-center,.materials-workbench,.shipping-saas-page,.settlement-center,.pt-page,.mr-full,.data-quality-page,.import-record-page,.backup-page{width:100%!important;max-width:100%!important;padding:18px 12px 32px!important;overflow-x:hidden!important}
  .settlement-center,.shipping-saas-page,.product-admin-page,.product-fetch-center,.pt-page{min-width:0!important}
  .settlement-center .settle-header{display:flex!important;align-items:stretch!important;flex-direction:column!important;gap:12px!important}
  .settlement-center .settle-toolbar{width:100%!important;display:flex!important;align-items:stretch!important;flex-wrap:wrap!important;gap:8px!important}
  .settlement-center .settle-month{width:100%!important}
  .settlement-center .settle-month label{width:100%!important;justify-content:space-between!important}
  .settlement-center .settle-kpi-grid,.settlement-center .settle-main-grid,.settlement-center .flow-board,.settlement-center .settle-list-shell{display:grid!important;grid-template-columns:1fr!important}
  .settlement-center .settle-list-shell{width:100%!important;max-width:100%!important;margin:0!important}
  .settlement-center .settle-list-main{max-width:100%!important;overflow-x:auto!important}
  .settlement-center .settle-detail-panel{width:100%!important;max-width:100%!important;position:static!important;inset:auto!important}
  .pa-detail-panel{left:0!important;right:0!important;width:100%!important;max-width:100%!important}
  .bulk-bar{align-items:stretch!important;flex-wrap:wrap!important}
  .bulk-action-form{width:100%;margin-left:0;flex-wrap:wrap}
  .bulk-action-form select{flex:1;min-width:170px}
}

/* Final cross-page normalization. Keep this below legacy route-specific themes. */
.page>section{width:100%!important;max-width:1500px!important;margin-left:auto!important;margin-right:auto!important}
.create-menu{position:relative;height:34px}.create-menu summary{height:34px;min-width:88px;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:6px;list-style:none;cursor:pointer;border-radius:6px;background:var(--ui-primary);color:#fff;font-size:12px;font-weight:650}.create-menu summary::-webkit-details-marker{display:none}.create-menu-panel{position:absolute;right:0;top:42px;z-index:130;width:300px;padding:8px;display:grid;gap:3px;background:#fff;border:1px solid var(--ui-line);border-radius:9px;box-shadow:0 16px 40px rgba(15,23,42,.16)}.create-menu-panel a{height:auto!important;min-height:54px!important;padding:9px 10px!important;display:grid!important;align-content:center!important;gap:2px!important;background:#fff!important;border:0!important;border-radius:7px!important;color:#344054!important;text-decoration:none!important}.create-menu-panel a:hover{background:#f4f7fc!important;color:var(--ui-primary)!important}.create-menu-panel b{font-size:12px}.create-menu-panel small{color:#98a2b3;font-size:10px;font-weight:400}
.unified-filter-bar{width:100%!important;display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;padding:12px 14px!important;background:#fff!important;border-bottom:1px solid var(--ui-line)!important}.unified-filter-bar :is(input,select,button){min-height:36px!important}.unified-filter-bar :is(.search-field,[class*="search"]){min-width:260px!important;flex:1!important}.unified-filter-bar .query-filter-field{display:none!important}.active-filter-chips{width:100%;min-height:42px;padding:8px 14px;display:flex;align-items:center;flex-wrap:wrap;gap:7px;background:#fbfcfe;border-bottom:1px solid var(--ui-line);color:#667085;font-size:11px}.active-filter-chips>a{padding:5px 8px;border-radius:999px;background:#eef4ff;color:#2458b8;text-decoration:none}.active-filter-chips .filter-reset-all{margin-left:auto;background:transparent;color:#667085}

.settle-list-main .active-filter-chips{min-height:48px!important;padding:10px 14px!important;margin:2px 0 12px!important;border:1px solid #e5ebf3!important;border-radius:8px!important;row-gap:8px!important}.settle-list-main .active-filter-chips>a{padding:5px 10px!important;line-height:20px!important}
.settle-order-table .order-actions{overflow:visible!important;position:relative!important}.settle-order-table .settlement-row-more{position:relative!important}.settle-order-table .settlement-row-more>div{top:auto!important;bottom:calc(100% + 8px)!important;right:0!important;z-index:120!important;max-height:260px!important;overflow-y:auto!important;min-width:172px!important}
.settlement-center .settle-list-shell.settle-list-full{grid-template-columns:minmax(0,1fr)!important}.settlement-center .settle-list-full .settle-list-main{width:100%!important;max-width:100%!important}
.settle-order-table .order-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:6px!important;white-space:nowrap!important}.settle-order-table .order-actions form{margin:0!important}.settle-order-table .row-direct-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:30px!important;padding:5px 9px!important;border:1px solid #d7e0ec!important;border-radius:6px!important;background:#fff!important;color:#2458b8!important;font-size:11px!important;font-weight:700!important;line-height:1!important;text-decoration:none!important;cursor:pointer!important}.settle-order-table button.row-direct-action.audit{border-color:#bdd2ff!important;background:#eef4ff!important}.settle-order-table .row-direct-action.disabled{color:#667085!important;background:#f7f8fa!important;cursor:default!important}
.drawer-inline-finance{display:grid!important;gap:8px!important;margin:8px 0!important}.drawer-inline-finance label{display:grid!important;gap:4px!important;color:#667085!important;font-size:11px!important}.drawer-inline-finance input{width:100%!important;min-height:34px!important;padding:6px 8px!important;border:1px solid #d8e1ed!important;border-radius:6px!important;background:#fff!important;color:#17233d!important}.drawer-inline-finance button{min-height:34px!important;border:0!important;border-radius:6px!important;background:#2563eb!important;color:#fff!important;font-weight:700!important;cursor:pointer!important}.drawer-payment-qr{display:grid!important;place-items:center!important;gap:5px!important;padding:8px!important;border:1px solid #dbe6f5!important;border-radius:8px!important;background:#f8fbff!important;text-decoration:none!important}.drawer-payment-qr img{display:block!important;width:100%!important;max-width:180px!important;max-height:180px!important;object-fit:contain!important;border-radius:6px!important}.drawer-payment-qr span{color:#2563eb!important;font-size:11px!important}.drawer-payment-missing{padding:10px!important;border-radius:7px!important;background:#fff7ed!important;color:#9a5a12!important;line-height:1.5!important}.drawer-file-field input{padding:5px!important;font-size:11px!important}
.drawer-inline-edit{margin:5px 0!important}.drawer-inline-edit summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;min-height:28px!important;list-style:none!important;cursor:pointer!important;color:#344054!important}.drawer-inline-edit summary::-webkit-details-marker{display:none!important}.drawer-inline-edit summary b{color:#2563eb!important;font-size:11px!important;font-weight:700!important}.drawer-inline-edit[open] summary b{font-size:0!important}.drawer-inline-edit[open] summary b::after{content:"收起";font-size:11px!important}
.proof-grid.proof-thumbnails{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.proof-thumbnails button{display:grid!important;place-items:center!important;gap:5px!important;min-height:86px!important;padding:7px!important;border:1px solid #dbe6f5!important;border-radius:8px!important;background:#f8fbff!important;color:#2563eb!important;cursor:pointer!important}.proof-thumbnails img{width:100%!important;height:62px!important;object-fit:contain!important;border-radius:5px!important}.proof-thumbnails button.missing{background:#f8fafc!important;color:#94a3b8!important;cursor:default!important}.proof-thumbnails span{font-size:10px!important;line-height:1.35!important}
.unified-metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.metrics-toggle{min-height:32px;margin:-8px 0 14px auto;padding:0 10px;display:block;border:1px solid var(--ui-line);background:#fff;color:#475467;font-size:11px}.unified-row-more{position:relative;display:inline-block}.unified-row-more summary{min-height:28px;padding:0 9px;display:flex;align-items:center;list-style:none;cursor:pointer;border:1px solid var(--ui-line);border-radius:6px;background:#fff;color:#344054;font-size:11px}.unified-row-more summary::-webkit-details-marker{display:none}.unified-row-more>div{position:absolute;right:0;top:34px;z-index:40;min-width:120px;padding:6px;display:grid;gap:3px;background:#fff;border:1px solid var(--ui-line);border-radius:8px;box-shadow:0 12px 30px rgba(15,23,42,.14)}.unified-row-more>div :is(a,button){width:100%!important;min-height:30px!important;padding:6px 8px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;background:#fff!important;border:0!important;color:#344054!important;text-decoration:none!important;white-space:nowrap!important}.unified-row-more>div :is(a,button):hover{background:#f4f7fc!important;color:var(--ui-primary)!important}
thead th{position:sticky!important;top:0!important;z-index:4!important}.kol-table-scroll,.settle-list-main,.ship-table-wrap,.mgmt-table-wrap{max-height:calc(100vh - 230px);overflow:auto!important}
html body #global-sidebar.sidebar{width:220px!important;height:100vh!important;padding:0!important;background:#fff!important;border-right:1px solid var(--ui-line)!important;color:#475467!important}
html body #global-sidebar .side-brand{width:220px!important;height:76px!important;min-height:76px!important;padding:16px 18px!important;display:grid!important;grid-template-columns:38px minmax(0,1fr)!important;gap:10px!important;background:#fff!important;border-bottom:1px solid #eef1f6!important}
html body #global-sidebar .brand-mark{width:36px!important;height:36px!important;background:#eef3ff!important;border:1px solid #ccdafb!important;border-radius:9px!important;color:var(--ui-primary)!important}
html body #global-sidebar .brand-copy{display:grid!important;gap:1px!important}
/* Page-specific legacy themes used to move the brand copy below the mark.
   Lock the canonical shell placement for every route. */
html body #global-sidebar .side-brand>.brand-mark{grid-column:1!important;grid-row:1!important;margin:0!important}
html body #global-sidebar .side-brand>.brand-copy{grid-column:2!important;grid-row:1!important;margin:0!important;width:auto!important;min-width:0!important;align-self:center!important}
html body #global-sidebar .brand-copy strong{color:#111827!important;font-size:16px!important;line-height:1.2!important;letter-spacing:0!important}
html body #global-sidebar .brand-copy small{color:#98a2b3!important;font-size:10px!important;white-space:nowrap!important}
html body #global-sidebar .side-nav a{min-height:36px!important;padding:0 11px!important;gap:9px!important;background:transparent!important;border-radius:6px!important;color:#526070!important;font-size:12px!important;font-weight:550!important;box-shadow:none!important}
html body #global-sidebar .side-nav a:hover{background:#f1f5fb!important;color:var(--ui-primary)!important}
html body #global-sidebar .side-nav a.active{background:#2f66e6!important;color:#fff!important}
html body #global-sidebar .nav-group{margin:9px 8px 2px!important;color:#98a2b3!important;font-size:9px!important;letter-spacing:.06em!important}
body:has(.kol-workbench) .kol-pager.top{border-top:0!important;border-bottom:1px solid var(--ui-line)!important;background:#fbfcfe!important}
body:has(.settlement-center) .settle-kpi-grid{gap:12px!important}
body:has(.settlement-center) .settle-kpi{min-height:104px!important;padding:16px 18px!important;background:#fff!important;border:1px solid var(--ui-line)!important;border-radius:8px!important;box-shadow:var(--ui-shadow)!important}
body:has(.settlement-center) .settle-kpi::before,body:has(.settlement-center) .settle-spark{display:none!important}
body:has(.settlement-center) .settle-kpi .kpi-title{margin:0 0 10px!important}
body:has(.settlement-center) .settle-kpi strong{font-size:24px!important;line-height:1.15!important}
body:has(.settlement-center) .settle-kpi small{margin-top:8px!important;color:#667085!important}
body:has(.settlement-center) .flow-stage{background:#fff!important;border:1px solid var(--ui-line)!important;border-radius:8px!important;box-shadow:none!important}
body:has(.settlement-center) .flow-stage:not(:last-child)::after{display:none!important}
body:has(.settlement-center) .flow-icon{width:28px!important;height:28px!important;border-radius:7px!important;box-shadow:none!important}
body:has(.mr-full) .mrf-section-label{margin:14px 0 0!important;line-height:20px!important;position:relative!important;z-index:1!important}
body:has(.mr-full) .mrf-card{overflow:visible!important;padding:18px!important}
body:has(.mr-full) .mrf-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
body:has(.mr-full) .mrf-donut-wrap{grid-template-columns:116px minmax(0,1fr)!important;gap:14px!important;min-height:214px!important}
body:has(.mr-full) .mrf-donut{width:116px!important}
body:has(.mr-full) .mrf-donut::after{inset:27px!important}
body:has(.mr-full) .mrf-donut-labels span,body:has(.mr-full) .mrf-mode-bars span,body:has(.mr-full) .mrf-cost-row span{min-width:0!important;line-height:1.4!important;white-space:normal!important;overflow-wrap:anywhere!important}
body:has(.mr-full) .mrf-mode-bars div{grid-template-columns:minmax(72px,96px) minmax(72px,1fr) 32px!important;gap:8px!important}
body:has(.mr-full) .mrf-cost-row{grid-template-columns:minmax(96px,128px) minmax(80px,1fr) 62px!important;gap:8px!important}
body:has(.mr-full) .mrf-mini-table th,body:has(.mr-full) .mrf-mini-table td{padding:11px 7px!important;line-height:1.45!important;white-space:normal!important}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* 2026-07-15: cross-page experience system ---------------------------------
   This layer intentionally sits last. Legacy route themes remain functional,
   while shared hierarchy, density and interaction states read as one product. */
:root{
  --ui-primary:#2859d6;
  --ui-primary-hover:#1f49b9;
  --ui-primary-soft:#edf3ff;
  --ui-bg:#f4f6fa;
  --ui-card:#ffffff;
  --ui-card-muted:#f8fafc;
  --ui-text:#172033;
  --ui-muted:#667085;
  --ui-subtle:#98a2b3;
  --ui-line:#e3e8f0;
  --ui-line-strong:#d0d7e2;
  --ui-success:#16844a;
  --ui-success-soft:#ecf8f1;
  --ui-warning:#b76e00;
  --ui-warning-soft:#fff6df;
  --ui-danger:#d92d20;
  --ui-danger-soft:#fff0ee;
  --ui-radius-sm:6px;
  --ui-radius:10px;
  --ui-radius-lg:12px;
  --ui-shadow:0 1px 2px rgba(16,24,40,.04),0 4px 12px rgba(16,24,40,.025);
  --ui-shadow-float:0 14px 36px rgba(16,24,40,.14);
}

html{background:var(--ui-bg);scroll-behavior:smooth}
body{
  min-width:0;
  font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif!important;
  font-size:14px!important;
  line-height:1.5!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
::selection{background:#dbe7ff;color:#123b94}
body *{scrollbar-color:#c6ceda transparent;scrollbar-width:thin}
.skip-link{position:fixed;left:12px;top:8px;z-index:200;transform:translateY(-160%);padding:8px 12px;border-radius:7px;background:var(--ui-text);color:#fff;text-decoration:none;transition:transform .16s ease}
.skip-link:focus{transform:translateY(0)}

/* Shell and wayfinding */
html body #global-sidebar.sidebar{width:224px!important}
html body #global-sidebar .side-brand{width:224px!important;height:68px!important;min-height:68px!important;padding:12px 16px!important}
html body #global-sidebar .brand-mark{width:36px!important;height:36px!important;border-radius:8px!important}
html body #global-sidebar .brand-copy strong{font-size:15px!important}
html body #global-sidebar .brand-copy small{font-size:10px!important}
#global-sidebar .side-nav,#global-sidebar nav{height:calc(100vh - 126px)!important;padding:12px 10px!important;gap:2px!important}
html body #global-sidebar .side-nav a{min-height:40px!important;padding:0 12px!important;border-radius:7px!important;font-size:13px!important;font-weight:500!important;transition:background-color .16s ease,color .16s ease!important}
html body #global-sidebar .side-nav a.active{background:var(--ui-primary)!important;font-weight:650!important}
html body #global-sidebar .nav-group{margin:12px 10px 4px!important;font-size:10px!important;font-weight:650!important;letter-spacing:.08em!important}
#global-sidebar .side-user{width:224px!important}
.page,.stitch-main{margin-left:224px!important;width:calc(100% - 224px)!important}

#global-topbar{
  position:sticky!important;
  top:0!important;
  z-index:40!important;
  height:60px!important;
  min-height:60px!important;
  padding:0 28px!important;
  border-color:var(--ui-line)!important;
}
#global-topbar svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#global-topbar .app-search{width:min(460px,42vw)!important;height:38px!important;padding:0 10px!important;border-color:var(--ui-line)!important;background:#f7f9fc!important;border-radius:8px!important;transition:border-color .16s ease,box-shadow .16s ease!important}
#global-topbar .app-search:focus-within{border-color:#8cacef!important;background:#fff!important;box-shadow:0 0 0 3px rgba(40,89,214,.10)!important}
#global-topbar .app-search-submit{width:28px;height:28px;min-height:28px;padding:0;display:grid;place-items:center;border:0;background:transparent;color:#7b8798;cursor:pointer}
#global-topbar .app-search input{height:36px!important;font-size:13px!important;color:var(--ui-text)!important}
#global-topbar .app-search input::placeholder{color:#98a2b3!important}
#global-topbar .app-search kbd{padding:2px 6px;border:1px solid #dce2eb;border-radius:5px;background:#fff;color:#98a2b3!important;font-family:inherit;font-size:10px!important;box-shadow:0 1px 1px rgba(16,24,40,.04)}
#global-topbar .app-top-actions{height:38px!important;gap:10px!important}
#global-topbar .topbar-primary-action{height:36px!important;padding:0 14px!important;gap:7px!important;background:var(--ui-primary)!important;border:1px solid var(--ui-primary)!important;border-radius:7px!important;font-size:13px;font-weight:650;box-shadow:none!important;transition:background-color .16s ease,transform .12s ease!important}
#global-topbar .topbar-primary-action:hover{background:var(--ui-primary-hover)!important}
#global-topbar .topbar-primary-action:active{transform:translateY(1px)}
#global-topbar .app-bell{width:36px!important;height:36px!important;padding:0!important;display:grid!important;place-items:center!important;background:transparent!important;border:1px solid transparent!important;border-radius:8px!important;color:#667085!important}
#global-topbar .app-bell:hover{background:#f4f6fa!important;border-color:var(--ui-line)!important;color:var(--ui-text)!important}
.account-menu{position:relative;height:38px}
.account-menu summary{height:38px;min-width:112px;padding:3px 6px 3px 4px;display:grid;grid-template-columns:30px minmax(0,1fr) 16px;align-items:center;gap:7px;border:1px solid transparent;border-radius:8px;cursor:pointer;list-style:none;transition:background-color .16s ease,border-color .16s ease}
.account-menu summary::-webkit-details-marker{display:none}
.account-menu summary:hover,.account-menu[open] summary{background:#f7f9fc;border-color:var(--ui-line)}
.account-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:var(--ui-primary-soft);color:var(--ui-primary);font-size:12px;font-weight:700}
.account-copy{min-width:0;display:grid;line-height:1.2}
.account-copy b{max-width:84px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ui-text)!important;font-size:12px!important}
.account-copy small{color:var(--ui-subtle)!important;font-size:10px!important}
.account-chevron{width:15px!important;height:15px!important;color:#98a2b3;transition:transform .16s ease}
.account-menu[open] .account-chevron{transform:rotate(180deg)}
.account-menu-panel{position:absolute;top:46px;right:0;width:244px;padding:8px;display:grid;gap:2px;background:var(--ui-card);border:1px solid var(--ui-line);border-radius:10px;box-shadow:var(--ui-shadow-float);z-index:80}
.account-menu:not([open])>.account-menu-panel{display:none!important}
.account-menu-head{display:grid;gap:2px;margin:-8px -8px 6px;padding:14px 14px 12px;border-bottom:1px solid var(--ui-line)}
.account-menu-head strong{font-size:13px}.account-menu-head span{overflow:hidden;text-overflow:ellipsis;color:var(--ui-muted);font-size:11px}
.account-menu-panel>a,.account-menu-panel form>button{width:100%;min-height:36px;padding:0 10px;display:flex;align-items:center;border:0;border-radius:6px;background:transparent;color:#344054;font:inherit;font-size:12px;text-decoration:none;cursor:pointer}
.account-menu-panel>a:hover,.account-menu-panel form>button:hover{background:#f4f6fa;color:var(--ui-text)}
.account-quick-list{display:grid;gap:2px;margin-top:4px;padding-top:7px;border-top:1px solid var(--ui-line)}
.account-quick-list>strong{padding:3px 10px;color:var(--ui-subtle);font-size:10px;font-weight:600}
.account-logout{margin-top:5px;padding-top:7px;border-top:1px solid var(--ui-line)}
.account-menu-panel form>button.danger{color:var(--ui-danger)}

/* Shared workspace width and page hierarchy */
.kol-workbench,.influencer-page-v2,.product-admin-page,.product-fetch-center,.materials-workbench,.shipping-saas-page,.settlement-center,.pt-page,.mr-full,.data-quality-page,.import-record-page,.backup-page,.ct-page,.mgmt-page,.ops-page,.page>.panel{
  width:100%!important;
  max-width:1480px!important;
  margin:0 auto!important;
  padding:24px 28px 52px!important;
}
.page-heading,.kol-topbar,.asset-topbar,.pa-header,.pf-header,.materials-titlebar,.ship-topbar,.settle-header,.pt-head,.mrf-head,.ct-page-head,.mgmt-head,.ops-head{
  margin:0 0 20px!important;
  align-items:flex-start!important;
  gap:18px!important;
}
:is(.page-heading,.kol-topbar,.asset-topbar,.pa-header,.pf-header,.materials-titlebar,.ship-topbar,.settle-header,.pt-head,.mrf-head,.ct-page-head,.mgmt-head,.ops-head) h1{
  margin:0!important;
  color:var(--ui-text)!important;
  font-size:25px!important;
  font-weight:700!important;
  line-height:1.25!important;
  letter-spacing:-.025em!important;
  text-wrap:balance;
}
:is(.page-heading,.kol-topbar,.asset-topbar,.pa-header,.pf-header,.materials-titlebar,.ship-topbar,.settle-header,.pt-head,.mrf-head,.ct-page-head,.mgmt-head,.ops-head) p{
  max-width:760px;
  margin:6px 0 0!important;
  color:var(--ui-muted)!important;
  font-size:13px!important;
  line-height:1.55!important;
  text-wrap:pretty;
}
h2{font-size:17px!important;line-height:1.35!important;letter-spacing:-.01em!important}
h3{font-size:14px!important;line-height:1.4!important}

/* One button language */
:is(.kol-primary-btn,.asset-primary,.pa-btn.primary,.pf-btn.primary,.materials-primary,.ship-primary,.settle-primary,.pt-btn.primary,.ops-primary,.mgmt-primary,.button-link:not(.secondary),.button-link.primary,.head-actions .primary){
  min-height:38px!important;padding:0 14px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:1px solid var(--ui-primary)!important;border-radius:7px!important;background:var(--ui-primary)!important;color:#fff!important;font-size:13px!important;font-weight:650!important;line-height:1!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer!important;transition:background-color .16s ease,border-color .16s ease,transform .12s ease!important
}
:is(.kol-primary-btn,.asset-primary,.pa-btn.primary,.pf-btn.primary,.materials-primary,.ship-primary,.settle-primary,.pt-btn.primary,.ops-primary,.mgmt-primary,.button-link:not(.secondary),.button-link.primary,.head-actions .primary):hover{background:var(--ui-primary-hover)!important;border-color:var(--ui-primary-hover)!important}
:is(.kol-secondary-btn,.asset-secondary,.pa-btn:not(.primary),.pf-btn:not(.primary),.materials-secondary,.ship-secondary,.settle-secondary,.pt-btn:not(.primary),.ops-secondary,.mgmt-secondary,.button-link.secondary){
  min-height:38px!important;padding:0 13px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border:1px solid var(--ui-line-strong)!important;border-radius:7px!important;background:#fff!important;color:#344054!important;font-size:13px!important;font-weight:550!important;line-height:1!important;text-decoration:none!important;box-shadow:none!important;cursor:pointer!important;transition:background-color .16s ease,border-color .16s ease,color .16s ease!important
}
:is(.kol-secondary-btn,.asset-secondary,.pa-btn:not(.primary),.pf-btn:not(.primary),.materials-secondary,.ship-secondary,.settle-secondary,.pt-btn:not(.primary),.ops-secondary,.mgmt-secondary,.button-link.secondary):hover{background:#f7f9fc!important;border-color:#aeb8c7!important;color:var(--ui-text)!important}
.mgmt-button.primary{min-height:38px!important;padding:0 14px!important;border:1px solid var(--ui-primary)!important;border-radius:7px!important;background:var(--ui-primary)!important;color:#fff!important;font-size:13px!important;box-shadow:none!important}
.mgmt-button.secondary{min-height:38px!important;padding:0 13px!important;border:1px solid var(--ui-line-strong)!important;border-radius:7px!important;background:#fff!important;color:#344054!important;font-size:13px!important;box-shadow:none!important}
button:active,.btn:active,[class$="-btn"]:active,.button-link:active{transform:translateY(1px)}
:is(button,.btn,a)[aria-disabled="true"],.is-disabled-by-role{pointer-events:none!important;cursor:not-allowed!important;opacity:.48!important;filter:saturate(.45)!important}

/* Form controls and filters */
input,select,textarea{color:var(--ui-text)!important;font-size:13px!important}
input::placeholder,textarea::placeholder{color:#98a2b3!important;opacity:1}
select{background-color:#fff!important}
:is(.kol-filter,.asset-filter-panel,.pa-filter-panel,.material-filter-card,.ship-filter-panel,.ship-return-filter,.settle-filter-strip,.pt-filter,.review-filter-form,.ops-filters,.reference-filter,.mgmt-filter,.team-filters-v2,.calendar-filter,.filter-bar){
  margin-bottom:16px!important;
  padding:14px!important;
  gap:10px 12px!important;
  background:var(--ui-card)!important;
  border:1px solid var(--ui-line)!important;
  border-radius:var(--ui-radius)!important;
  box-shadow:none!important;
}
:is(.kol-filter,.asset-filter-panel,.pa-filter-panel,.material-filter-card,.ship-filter-panel,.ship-return-filter,.settle-filter-strip,.pt-filter,.review-filter-form,.ops-filters,.reference-filter,.mgmt-filter,.team-filters-v2,.calendar-filter,.filter-bar) :is(input,select,button){min-height:38px!important}
:is(.kol-filter,.asset-filter-panel,.pa-filter-panel,.material-filter-card,.ship-filter-panel,.ship-return-filter,.settle-filter-strip,.pt-filter,.review-filter-form,.ops-filters,.reference-filter,.mgmt-filter,.team-filters-v2,.calendar-filter,.filter-bar) label{color:#475467!important;font-size:12px!important;font-weight:550!important}
details summary{cursor:pointer}

/* Calm cards and summary metrics */
:is(.panel,.dashboard-block,.kol-card,.asset-overview-card,.asset-section-card,.pa-list-card,.pa-card,.pf-card,.asset-main,.gap-panel,.ship-panel,.settle-card,.settle-list-shell,.pt-card,.pt-health,.mrf-card,.backup-card,.ct-card,.mgmt-card,.ops-card,.faith-card,.stitch-card){
  border-color:var(--ui-line)!important;
  border-radius:var(--ui-radius)!important;
  box-shadow:var(--ui-shadow)!important;
}
:is(.kol-kpi-card,.stitch-scroll .kpi-card,.shipment-kpi,.settle-kpi,.pa-kpi-grid article,.faith-kpis article,.feature-kpis .ops-card,.api-kpis article,.team-kpis-v2 article,.import-summary-grid article,.quality-overview article,.mrf-kpis article){
  min-height:104px!important;
  padding:15px 17px!important;
  background:var(--ui-card)!important;
  border:1px solid var(--ui-line)!important;
  border-radius:var(--ui-radius)!important;
  box-shadow:var(--ui-shadow)!important;
}
.kol-kpi-card .kpi-icon,.stitch-scroll .kpi-card .kpi-icon,.pa-kpi-grid article>i{display:none!important}
.stitch-scroll .kpi-card .kpi-top{justify-content:flex-start!important}
:is(.kol-kpi-card,.stitch-scroll .kpi-card,.shipment-kpi,.settle-kpi,.pa-kpi-grid article,.faith-kpis article,.feature-kpis .ops-card,.api-kpis article,.team-kpis-v2 article,.import-summary-grid article,.quality-overview article,.mrf-kpis article)>strong,
:is(.kol-kpi-card,.stitch-scroll .kpi-card,.shipment-kpi,.settle-kpi) strong{font-size:24px!important;font-weight:700!important;line-height:1.15!important;font-variant-numeric:tabular-nums!important}
.stitch-scroll .kpi-grid,.kol-kpi-grid,.shipment-kpi-grid,.settle-kpi-grid,.faith-kpis,.feature-kpis,.api-kpis,.team-kpis-v2,.import-summary-grid,.quality-overview{gap:12px!important}
.pa-kpi-grid article{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:4px!important;position:static!important}
.pa-kpi-grid article>span{color:var(--ui-muted)!important;font-size:12px!important;white-space:normal!important}
.pa-kpi-grid article>small{color:var(--ui-muted)!important;font-size:11px!important;line-height:1.45!important}
.pa-kpi-grid article strong{color:var(--ui-text)!important}
.pa-product-row.active{background:#f7faff!important;border-color:var(--ui-primary)!important;box-shadow:inset 3px 0 0 var(--ui-primary)!important}
.pa-star{color:var(--ui-primary)!important}
.pa-pagination button.active{background:var(--ui-primary)!important;border-color:var(--ui-primary)!important;color:#fff!important}
.settle-kpi .mini-icon{display:none!important}
.settle-kpi .kpi-title{justify-content:flex-start!important}
.account-workspace:not(:has(.permission-drawer)){grid-template-columns:minmax(0,1fr)!important}
.drawer-close{color:var(--ui-muted)!important;text-decoration:none!important}
.kol-wide-table{border-collapse:collapse!important;border-spacing:0!important}
.kol-wide-table tbody .risk-row td{background:var(--ui-card)!important}
.kol-wide-table tbody tr:hover td{background:#f7faff!important}

/* Tables, long lists and pagination */
:is(.table-wrap,.asset-table-wrap,.pa-table-wrap,.ship-table-wrap,.settle-list-main,.mgmt-table-wrap,.reference-table-scroll,.task-table-wrap){
  max-width:100%;
  overflow:auto!important;
  background:var(--ui-card)!important;
  border:1px solid var(--ui-line)!important;
  border-radius:var(--ui-radius)!important;
  box-shadow:none!important;
}
.admin-data-card .reference-table-scroll,.faith-table .reference-table-scroll{max-height:min(66vh,680px)!important}
table{width:100%;font-variant-numeric:tabular-nums}
thead th{position:sticky;top:0;z-index:2;height:42px!important;padding:10px 12px!important;background:#f8fafc!important;color:#667085!important;font-size:11px!important;font-weight:650!important;line-height:1.3!important;white-space:nowrap!important}
tbody td{min-height:46px;padding:11px 12px!important;color:#344054!important;font-size:13px!important;line-height:1.45!important;vertical-align:middle!important}
tbody tr:last-child td{border-bottom:0!important}
tbody tr:hover td{background:#f7faff!important}
.row-action,.faith-table td a,.mgmt-table td a{color:var(--ui-primary)!important;font-weight:600!important;text-decoration:none!important}
:is(.kol-pager,.ship-pagination,.settle-pagination,.pa-pagination,.table-footer .pagination){min-height:46px!important;padding:8px 12px!important;display:flex!important;align-items:center!important;gap:8px!important;color:var(--ui-muted)!important;font-size:12px!important}
:is(.kol-pager,.ship-pagination,.settle-pagination,.pa-pagination,.table-footer .pagination) :is(a,b,button){min-width:32px;min-height:32px;display:inline-grid;place-items:center;border:1px solid var(--ui-line);border-radius:6px;background:#fff;color:#344054;text-decoration:none}

/* Tabs, statuses and empty states */
:is(.kol-tabs,.asset-tabs,.ship-tabs,.settle-tabs,.pt-tabs,.faith-table nav,.feedback-board nav){gap:20px!important;border-color:var(--ui-line)!important}
:is(.kol-tabs,.asset-tabs,.ship-tabs,.settle-tabs,.pt-tabs,.faith-table nav,.feedback-board nav) a{min-height:38px!important;display:inline-flex!important;align-items:center!important;color:var(--ui-muted)!important;font-size:13px!important;text-decoration:none!important}
:is(.kol-tabs,.asset-tabs,.ship-tabs,.settle-tabs,.pt-tabs,.faith-table nav,.feedback-board nav) a.active{color:var(--ui-primary)!important;font-weight:650!important}
.badge,[class*="status"],[class*="priority"]{font-weight:600}
.empty-state,.empty-panel,.empty-cell,.auto-empty-state{
  min-height:150px!important;
  padding:28px 22px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  background:linear-gradient(180deg,#fff,#fbfcfe)!important;
  border:1px dashed #cbd3df!important;
  border-radius:var(--ui-radius)!important;
  color:var(--ui-muted)!important;
  text-align:center!important;
}
.empty-state strong,.empty-panel strong{color:#344054!important;font-size:14px!important}
.empty-state span,.empty-panel span{max-width:460px;font-size:12px!important;line-height:1.6!important}
.alert,.mgmt-alert,.pf-notice{padding:11px 13px!important;border-radius:8px!important;font-size:13px!important;line-height:1.5!important}
.alert.success,.mgmt-alert.success,.pf-notice.success{background:var(--ui-success-soft)!important;border-color:#b7dfc8!important;color:#126b3d!important}
.alert.error,.mgmt-alert.error,.pf-notice.error{background:var(--ui-danger-soft)!important;border-color:#f4c2bd!important;color:#a52218!important}

/* Login shares the same type, color and control language as the application. */
.login-page{display:grid!important;background:var(--ui-bg)!important;color:var(--ui-text)!important;font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",sans-serif!important}
.login-shell{width:min(980px,calc(100vw - 40px))!important;min-height:540px!important;border:1px solid var(--ui-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 20px 60px rgba(16,24,40,.10)!important}
.login-intro{padding:52px!important;background:#f7f9fd!important;border-right:1px solid var(--ui-line)!important}
.login-logo{font-size:14px!important;font-weight:700!important;letter-spacing:.04em}
.login-intro h1{font-size:34px!important;letter-spacing:-.035em!important;text-wrap:balance}
.login-intro p{max-width:430px;color:var(--ui-muted)!important;font-size:14px!important}
.login-form{padding:64px 52px!important}
.login-form h2{font-size:26px!important;letter-spacing:-.025em!important}
.login-form form>label{color:#344054;font-size:13px;font-weight:600}
.login-form input{min-height:44px!important;padding:0 12px!important;border-color:var(--ui-line-strong)!important;border-radius:8px!important;background:#fff!important}
.login-form form>button{min-height:44px!important;background:var(--ui-primary)!important;border-radius:8px!important;font-size:14px!important;cursor:pointer;transition:background-color .16s ease,transform .12s ease}
.login-form form>button:hover{background:var(--ui-primary-hover)!important}
.login-password-field{border-color:var(--ui-line-strong)!important;border-radius:8px!important}
.login-password-field button{min-width:56px!important;color:var(--ui-primary)!important;background:#f7f9fc!important}
html[data-theme="dark"] .login-shell,html[data-theme="dark"] .login-form{background:var(--ui-card)!important;color:var(--ui-text)!important}
html[data-theme="dark"] .login-intro{background:#111a29!important;border-color:var(--ui-line)!important}
html[data-theme="dark"] .login-form form>label{color:#d8e0ea!important}

/* Dark theme covers the full application, not only settings pages. */
html[data-theme="dark"]{
  --ui-bg:#0f1623;--ui-card:#172033;--ui-card-muted:#111a29;--ui-text:#eef2f7;--ui-muted:#aab5c5;--ui-subtle:#7f8da3;--ui-line:#2d394b;--ui-line-strong:#435168;--ui-primary:#6f98ff;--ui-primary-hover:#84a7ff;--ui-primary-soft:#1d3264;--ui-shadow:none;color-scheme:dark
}
html[data-theme="dark"] body,html[data-theme="dark"] .page,html[data-theme="dark"] .stitch-main,html[data-theme="dark"] .app-shell,html[data-theme="dark"] .stitch-shell{background:var(--ui-bg)!important;color:var(--ui-text)!important}
html[data-theme="dark"] #global-sidebar,html[data-theme="dark"] #global-sidebar .side-brand,html[data-theme="dark"] #global-sidebar .side-user,html[data-theme="dark"] #global-topbar{background:var(--ui-card)!important;border-color:var(--ui-line)!important}
html[data-theme="dark"] #global-sidebar :is(.brand-copy strong,.side-nav a,.side-user),html[data-theme="dark"] .account-copy b{color:var(--ui-text)!important}
html[data-theme="dark"] #global-sidebar .side-nav a:hover{background:#202c3e!important}
html[data-theme="dark"] #global-topbar .app-search,html[data-theme="dark"] #global-topbar .app-search kbd,html[data-theme="dark"] .account-menu-panel,html[data-theme="dark"] :is(input,select,textarea){background:#111a29!important;border-color:var(--ui-line)!important;color:var(--ui-text)!important}
html[data-theme="dark"] #global-topbar .app-back-button{background:#111a29;border-color:var(--ui-line);color:var(--ui-text)}
html[data-theme="dark"] :is(.panel,.dashboard-block,.kol-card,.asset-overview-card,.asset-section-card,.pa-list-card,.pa-card,.pf-card,.asset-main,.gap-panel,.ship-panel,.settle-card,.settle-list-shell,.pt-card,.pt-health,.mrf-card,.backup-card,.ct-card,.mgmt-card,.ops-card,.faith-card,.stitch-card,.kol-kpi-card,.kpi-card,.shipment-kpi,.settle-kpi,.faith-kpis article,.api-kpis article,.team-kpis-v2 article,.import-summary-grid article,.quality-overview article,.mrf-kpis article,.table-wrap,.asset-table-wrap,.pa-table-wrap,.ship-table-wrap,.settle-list-main,.mgmt-table-wrap,.reference-table-scroll,.task-table-wrap){background:var(--ui-card)!important;border-color:var(--ui-line)!important;color:var(--ui-text)!important;box-shadow:none!important}
html[data-theme="dark"] thead th{background:#111a29!important;color:#b7c2d2!important}
html[data-theme="dark"] tbody td{color:#d8e0ea!important;border-color:var(--ui-line)!important}
html[data-theme="dark"] tbody tr:hover td{background:#1d293a!important}
html[data-theme="dark"] .empty-state,html[data-theme="dark"] .empty-panel,html[data-theme="dark"] .empty-cell{background:#111a29!important;border-color:#435168!important;color:var(--ui-muted)!important}
html[data-theme="dark"] .account-menu-panel>a,html[data-theme="dark"] .account-menu-panel form>button{color:#d8e0ea!important}
html[data-theme="dark"] .account-menu-panel>a:hover,html[data-theme="dark"] .account-menu-panel form>button:hover{background:#202c3e!important}

/* Override the high-specificity light sidebar shell when dark mode is active. */
html[data-theme="dark"] body #global-sidebar.sidebar,
html[data-theme="dark"] body #global-sidebar .side-brand,
html[data-theme="dark"] body #global-sidebar .side-nav,
html[data-theme="dark"] body #global-sidebar .side-user{background:var(--ui-card)!important;border-color:var(--ui-line)!important;color:var(--ui-text)!important}
html[data-theme="dark"] body #global-sidebar .brand-copy strong,
html[data-theme="dark"] body #global-sidebar .side-nav a,
html[data-theme="dark"] body #global-sidebar .side-user>span:not(.user-avatar){color:#d8e0ea!important}
html[data-theme="dark"] body #global-sidebar .brand-copy small,
html[data-theme="dark"] body #global-sidebar .nav-group,
html[data-theme="dark"] body #global-sidebar .side-user>small{color:#8fa0b6!important}
html[data-theme="dark"] body #global-sidebar .side-nav a:hover{background:#202c3e!important;color:#fff!important}
html[data-theme="dark"] body #global-sidebar .side-nav a.active{background:var(--ui-primary)!important;color:#fff!important}
html[data-theme="dark"] body #global-sidebar .side-nav::-webkit-scrollbar-track{background:var(--ui-card)!important}
html[data-theme="dark"] body #global-sidebar .side-nav::-webkit-scrollbar-thumb{background:#435168!important}

@media(max-width:1200px){
  .stitch-scroll .kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .faith-kpis.four,.team-kpis-v2,.quality-overview{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:1000px){
  html body #global-sidebar.sidebar{width:76px!important}
  .page,.stitch-main{margin-left:76px!important;width:calc(100% - 76px)!important}
  #global-topbar{padding:0 18px!important}
}
@media(max-width:700px){
  html body #global-sidebar.sidebar{width:224px!important}
  .page,.stitch-main{margin-left:0!important;width:100%!important}
  #global-topbar{height:58px!important;min-height:58px!important;padding:0 10px!important}
  #global-topbar .app-topbar-left{gap:6px}
  #global-topbar .app-back-button{width:40px;min-width:40px;height:40px;padding:0}
  #global-topbar .app-back-button span{display:none}
  #global-topbar .app-search{width:auto!important;flex:1!important;height:40px!important}
  #global-topbar .app-search input{font-size:12px!important;height:38px!important}
  .mobile-nav-toggle,#global-topbar .app-search-submit,#global-topbar .app-bell,#global-topbar .topbar-primary-action,#global-topbar .account-menu summary{min-width:40px!important;min-height:40px!important;height:40px!important}
  .mobile-nav-toggle{width:40px!important;flex-basis:40px!important}
  #global-topbar .app-top-actions{gap:4px!important}
  .account-menu summary{padding:3px!important;grid-template-columns:32px!important}
  .account-chevron{display:none}
  .account-menu-panel{position:fixed;top:62px;right:10px;left:10px;width:auto}
  .kol-workbench,.influencer-page-v2,.product-admin-page,.product-fetch-center,.materials-workbench,.shipping-saas-page,.settlement-center,.pt-page,.mr-full,.data-quality-page,.import-record-page,.backup-page,.ct-page,.mgmt-page,.ops-page,.page>.panel{padding:18px 12px 36px!important}
  .page-heading,.kol-topbar,.asset-topbar,.pa-header,.pf-header,.materials-titlebar,.ship-topbar,.settle-header,.pt-head,.mrf-head,.ct-page-head,.mgmt-head,.ops-head{flex-direction:column!important;align-items:stretch!important}
  :is(.page-heading,.kol-topbar,.asset-topbar,.pa-header,.pf-header,.materials-titlebar,.ship-topbar,.settle-header,.pt-head,.mrf-head,.ct-page-head,.mgmt-head,.ops-head) h1{font-size:22px!important}
  .stitch-scroll .kpi-grid,.faith-kpis.four,.team-kpis-v2,.quality-overview{grid-template-columns:1fr!important}
  tbody td{font-size:12px!important}
  .login-page{display:grid!important;place-content:center!important}
  .login-shell{width:calc(100vw - 24px)!important;min-height:0!important}
  .login-form{padding:34px 22px!important;grid-template-columns:minmax(0,1fr)!important}
}