/* Etsy-inspired visual system for the complete operations workspace. */
:root{
  color-scheme:light;
  --bg:#ffffff;
  --surface:#ffffff;
  --surface-soft:#faf8f6;
  --surface-warm:#fff8f3;
  --line:#e5e2df;
  --line-strong:#c9c3be;
  --text:#22201f;
  --muted:#746b66;
  --accent:#f1641e;
  --accent-strong:#c94f12;
  --accent-soft:#fde6d8;
  --warn:#9a5b00;
  --danger:#b3261e;
  --ok:#2f6f4e;
  --blue:#365c8d;
  --shadow:0 8px 24px rgba(74,45,28,.08);
}

body,input,button,select,textarea{
  font-family:"Graphik Webfont",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important;
}
body{
  background:#fff!important;
  color:var(--text)!important;
}
main{max-width:1680px;margin:0 auto;padding:28px 30px 52px}

/* Data management stays crisp and operational: restrained corners, no pill grid. */
body:has(#chair-data.active) main{max-width:1760px!important;width:100%;box-sizing:border-box}
#chairAdminNav button{border-radius:0!important}
#chair-data .cd-block{border-radius:5px!important}
#chair-data .cd-scroll{border-radius:4px!important}
#chair-data .cd-filters input,#chair-data #cd-refresh{border-radius:4px!important}
#chair-data .cd-cell{border-radius:3px!important}
#chair-data .cd-legend i{border-radius:1px!important}

/* Header and company switcher */
.topbar{
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid var(--line)!important;
  box-shadow:none!important;
  backdrop-filter:blur(16px)!important;
}
#chairHeader{height:68px!important;min-height:68px!important;padding:0 30px!important;border-bottom:1px solid #eee4db!important}
#chairHeader .chair-brand{
  color:var(--accent)!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:28px!important;
  font-weight:700!important;
  letter-spacing:-1.2px!important;
}
#chairHeader button{color:#4c4541!important;font-weight:500!important}
#chairHeader>div>button:hover,#chairHeader [data-chair-view]:hover{color:var(--accent)!important}
.chair-account-links{gap:26px!important}
#chairAccount i,.chair-profile-avatar{background:var(--accent-soft)!important;border-radius:50%!important}
.chair-company-menu{
  border:1px solid var(--line)!important;border-radius:16px!important;
  box-shadow:0 16px 42px rgba(62,38,23,.16)!important;padding:8px!important;
}
#chairHeader .chair-company-menu button{border-radius:10px!important;padding:12px 14px!important}
#chairHeader .chair-company-menu button:hover{background:var(--surface-soft)!important}
#chairHeader .chair-company-menu button[aria-current=true]{background:var(--accent-soft)!important;color:var(--accent-strong)!important}
.topbar>.tabs{height:68px!important;min-height:68px!important;padding:0 30px!important;background:#fff!important;align-items:center!important}
.topbar .tab,#chairAdminNav button{
  min-height:46px!important;color:#5a514c!important;font-weight:600!important;
  border-bottom:3px solid transparent!important;
}
.topbar .tab:hover,#chairAdminNav button:hover{color:var(--accent)!important}
.topbar .tab.active,#chairAdminNav button.active{
  background:transparent!important;color:var(--accent-strong)!important;border-color:var(--accent)!important;
}
#chairAdminNav .ca-menu{border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:var(--shadow)!important;padding:8px!important}
#chairAdminNav .ca-menu button{border-radius:9px!important;border:0!important}
#chairAdminNav .ca-menu button:hover{background:var(--surface-soft)!important}

/* Inputs and actions */
button,select,input,textarea{
  border-color:var(--line-strong)!important;
  border-radius:10px!important;
  color:var(--text)!important;
}
input,select,textarea{background:#fff!important}
input:focus,select:focus,textarea:focus{
  outline:3px solid rgba(241,100,30,.18)!important;border-color:var(--accent)!important;
}
button{transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}
button:hover:not(:disabled){border-color:var(--accent)!important;color:var(--accent-strong)!important}
button:active:not(:disabled){transform:translateY(1px)}
button.primary,.primary,.action-btn.action-purchase,.form-actions button[value="save"]{
  background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important;
  box-shadow:0 2px 7px rgba(241,100,30,.2)!important;
}
button.primary:hover,.primary:hover,.action-btn.action-purchase:hover,.form-actions button[value="save"]:hover{
  background:var(--accent-strong)!important;border-color:var(--accent-strong)!important;color:#fff!important;
}
.action-btn,.filter-actions button,.bulk-actions button{border-radius:999px!important}

/* Cards, panels and dialogs */
.panel,.metric,.dashboard-welcome,.dashboard-stat-grid,.dashboard-work-card,.work-panel,.catalog-card,
.inventory-card,.settings-card,.finance-card,.workspace-card,.bw-sidebar,.bw-main,.cd-block,
.company-cards>button,.company-cards>div{
  background:#fff!important;border:1px solid var(--line)!important;border-radius:16px!important;
  box-shadow:none!important;
}
.panel-head,.work-panel-head,.dashboard-work-card>header{border-color:var(--line)!important}
dialog,.modal-card{
  background:#fff!important;border:1px solid var(--line)!important;border-radius:18px!important;
  box-shadow:0 24px 70px rgba(45,28,18,.22)!important;
}
dialog::backdrop{background:rgba(39,28,21,.42)!important;backdrop-filter:blur(3px)}
.empty{color:var(--muted)!important;background:#fafafa!important;border-radius:12px!important}

/* Dashboard */
#dashboard.active{max-width:1600px;margin:auto}
.dashboard-welcome{
  padding:10px 0 22px!important;background:#fff!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;margin-bottom:18px!important;
}
.dashboard-welcome h1,.dashboard-welcome h2{color:#292421!important}
.dashboard-stat-grid{overflow:hidden!important;background:#fff!important}
.dashboard-stat-grid>div{background:#fff!important;border-color:var(--line)!important}
.dashboard-stat-grid strong{color:#201c1a!important}
.dashboard-stats-panel{
  background:#fff!important;border:0!important;border-bottom:1px solid #ece9e6!important;border-radius:0!important;
  box-shadow:none!important;padding:18px 0 24px!important;
}
.dashboard-stat-card{background:#fff!important;border-color:var(--line)!important}
.dashboard-home-charts{
  margin:0 0 34px;padding:0;background:#fff;border:0;border-bottom:1px solid #ece9e6;
}
.dashboard-home-charts .dashboard-chart-tabs{
  display:flex;gap:26px;border-bottom:1px solid #ece9e6;background:#fff;
}
.dashboard-home-charts .dashboard-chart-tabs button{
  min-height:44px;padding:10px 0;border:0!important;border-bottom:3px solid transparent!important;
  border-radius:0!important;background:#fff!important;color:#68615d!important;font-weight:600!important;
}
.dashboard-home-charts .dashboard-chart-tabs button.active{
  border-bottom-color:var(--accent)!important;color:#26211e!important;
}
.dashboard-home-charts .dashboard-chart-sheet{display:none;padding:20px 0 12px}
.dashboard-home-charts .dashboard-chart-sheet.active{display:block}
.dashboard-home-charts .panel-head{padding:0 0 8px!important;border:0!important}
.dashboard-home-charts .trend-chart{display:block;width:100%;max-height:270px}
.dashboard-home-charts .trend-empty-title{fill:#3d3733;font-size:18px;font-weight:600}
.dashboard-home-charts .trend-empty-copy{fill:#8b817a;font-size:12px}
#dashboard .daily-list{gap:0!important;border:0!important;background:#fff!important}
#dashboard .daily-item{
  position:relative;background:#fff!important;border:0!important;border-right:1px solid #ece9e6!important;
  border-radius:0!important;box-shadow:none!important;padding:18px 30px!important;
}
#dashboard .daily-item:last-child{border-right:0!important}
#dashboard .daily-item:hover{background:#fcfbfa!important;border-color:#ece9e6!important}
#dashboard .daily-item.active{background:#fff!important;border:0!important;border-right:1px solid #ece9e6!important;box-shadow:none!important}
#dashboard .daily-item.active:last-child{border-right:0!important}
#dashboard .daily-item.active:before{
  content:"";position:absolute;left:30px;right:30px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--accent);
}
#dashboard .daily-item.active:after{display:none!important;content:none!important}
#dashboard .daily-item-title{color:#292522!important}
#dashboard .daily-metric{
  background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;
}
#dashboard .daily-metric:hover{background:#faf8f6!important;color:var(--accent-strong)!important}
#dashboard .daily-metric span{color:#67605c!important}
#dashboard .daily-metric span::after{background:#e5e2df!important}
#dashboard .daily-metric strong{color:#26211e!important}
#dashboard .daily-item.active .daily-metric strong{color:var(--accent-strong)!important}
#dashboard .daily-metric.danger span,#dashboard .daily-metric.danger strong{color:var(--danger)!important}
.dashboard-work-card>header{background:#fff!important}
.purchase-line-buy{display:flex;align-items:center;gap:8px;margin-top:7px;flex-wrap:wrap}
.purchase-line-buy span{font-size:11px;color:var(--muted)}
.purchase-line-buy a{
  display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border-radius:999px;
  background:var(--accent-soft);color:var(--accent-strong);font-size:12px;font-weight:700;text-decoration:none;
}
.purchase-line-buy a:hover{background:var(--accent);color:#fff}

/* Tables */
.table-wrap,.workspace-table-wrap,.company-table-scroll,.cd-scroll{
  background:#fff!important;border:1px solid var(--line)!important;border-radius:14px!important;
  box-shadow:none!important;
}
table{background:#fff!important}
th{
  background:#fafafa!important;color:#5d5854!important;font-weight:650!important;
  border-color:var(--line)!important;
}
td{border-color:#eee5dd!important}
tbody tr:hover td{background:#fcfaf8!important}
.tag,.badge,.status-badge{border-radius:999px!important}
.tag.ok,.badge.ok{background:#e7f3ec!important;color:#245f42!important}
.tag.warn,.badge.warn{background:#fff0d9!important;color:#815100!important}
.tag.danger,.badge.danger{background:#fbe7e5!important;color:#9b2822!important}

/* Batch workbench */
#batch-workbench{background:#fff!important;color:var(--text)!important}
#batch-workbench .bw-layout{gap:16px!important}
#batch-workbench .bw-sidebar,#batch-workbench .bw-main{border-radius:16px!important;border-color:var(--line)!important}
#batch-workbench .bw-sidebar header{background:#fafafa!important;border-color:var(--line)!important}
#batch-workbench .bw-sidebar header button,#batch-workbench .bw-sidebar-toggle{
  background:var(--accent-soft)!important;color:var(--accent-strong)!important;border-radius:9px!important;
}
#batch-workbench .bw-series-item{border-radius:9px!important;color:#4d4540!important}
#batch-workbench .bw-series-item:hover{background:#faf8f6!important}
#batch-workbench .bw-series-item.active{background:var(--accent-soft)!important;color:var(--accent-strong)!important}
#batch-workbench .bw-sync-bar{background:#fafafa!important;color:var(--muted)!important;border-color:var(--line)!important}
#batch-workbench .bw-table th{background:#fafafa!important;color:#5d5854!important;border-color:var(--line)!important}
#batch-workbench .bw-table td{border-color:#eee5dd!important}
#batch-workbench .bw-table tbody td:first-child{background:#fff!important}
#batch-workbench .bw-table input,#batch-workbench .bw-table textarea,#batch-workbench .bw-table select{border-radius:8px!important}
#batch-workbench .bw-upload{border-radius:9px!important;border-color:#cfcac6!important;color:var(--accent)!important;background:#fff!important}
#batch-workbench .bw-thumb img{border-radius:9px!important;border-color:var(--line)!important}
#batch-workbench #bwDailyActions button,#batch-workbench .bw-row-export,#batch-workbench .bw-group-download{
  background:var(--accent)!important;color:#fff!important;border-radius:999px!important;
}
#batch-workbench #bwDailyActions button:hover:not(:disabled),#batch-workbench .bw-row-export:hover,#batch-workbench .bw-group-download:hover{
  background:var(--accent-strong)!important;color:#fff!important;
}
#batch-workbench .bw-count-block{border-radius:14px!important}
#batch-workbench .bw-count-block[data-status="待检查"]{background:#fff0e2!important}
#batch-workbench .bw-count-block[data-status="已检查"]{background:#e8f3ec!important}
#batch-workbench .bw-count-block[data-status="已上链接"]{background:#edf0f8!important}

/* Quiet editing chrome: fields stay visually light until the user interacts. */
#batch-workbench .bw-table td{border-color:#f1eeeb!important}
#batch-workbench .bw-table select,
#batch-workbench .bw-table input:not([type="checkbox"]),
#batch-workbench .bw-table textarea{
  border-color:transparent!important;
  background-color:transparent!important;
  box-shadow:none!important;
  outline:0!important;
}
#batch-workbench .bw-table select:hover,
#batch-workbench .bw-table input:not([type="checkbox"]):hover,
#batch-workbench .bw-table textarea:hover{background-color:#faf9f8!important}
#batch-workbench .bw-table select:focus,
#batch-workbench .bw-table input:not([type="checkbox"]):focus,
#batch-workbench .bw-table textarea:focus{
  border-color:#d7d0ca!important;
  background-color:#fff!important;
  box-shadow:0 0 0 2px rgba(241,100,30,.08)!important;
}

#chair-company .positioning-sections details{border:0!important;border-bottom:1px solid #eee9e5!important}
#chair-company .positioning-sections textarea{border:0!important;background:#fdfcfb!important}
.bw-filter-menu,.bw-choice-menu{border-color:var(--line)!important;border-radius:14px!important;box-shadow:var(--shadow)!important}

/* Login */
.chairtimes-login-overlay{background:#fff!important}
.chairtimes-login-card{border:1px solid var(--line)!important;border-radius:22px!important;box-shadow:0 18px 60px rgba(76,45,27,.14)!important}
.chairtimes-login-brand,.chairtimes-login-card h1{color:var(--accent)!important;font-family:Georgia,"Times New Roman",serif!important}
.chairtimes-login-card button[type="submit"]{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;border-radius:999px!important}
.login-company-field select{border-radius:10px!important;border-color:var(--line-strong)!important}

/* Company, profile, todo and data pages */
#chair-company,#chair-data,#chair-todo,#batch-profile{background:#fff!important}
.company-cards>button:hover{background:#fcfaf8!important;border-color:var(--accent)!important}
#chair-company .company-heading button,#company-add,#chair-company td button,#chair-company details button{
  border-color:var(--line)!important;border-radius:999px!important;background:#fff!important;
}
.chair-profile-menu{background:#fafafa!important;border-right:1px solid var(--line)!important}
.chair-profile-menu button:hover,.chair-profile-menu button.selected{color:var(--accent)!important}
.chair-account-form button{background:var(--accent)!important;color:#fff!important;border-radius:999px!important}
#chair-todo .ct-view-tabs button.active{color:var(--accent)!important;border-bottom-color:var(--accent)!important}
#ct-editor{background:#fafafa!important;border-radius:14px!important}
#ct-editor button{background:var(--accent)!important;color:#fff!important;border-radius:999px!important}
#chair-data .cd-block{border-radius:16px!important;border:1px solid var(--line)!important}

/* About and home */
#chair-about.active,body.is-batch-only-user main>#chair-about.active{background:#fff!important}
.chair-about-story{background:#fafafa!important;color:#514842!important}
.chair-about-story h1{color:#2b2522!important}
.chair-about-label{color:var(--accent)!important;font-weight:700!important}
.chair-about-visual h2{color:#2b2522!important}

/* Mobile */
@media(max-width:760px){
  main{padding:18px 14px 36px}
  #chairHeader{padding:10px 14px!important}
  .topbar>.tabs{padding:0 14px!important}
  #chairHeader .chair-brand{font-size:23px!important}
  .dashboard-welcome{padding:20px!important}
  #dashboard .daily-item{padding:16px!important;border-right:0!important;border-bottom:1px solid #ece9e6!important}
  #dashboard .daily-item.active:before{left:16px;right:16px}
  .dashboard-home-charts .dashboard-chart-tabs{gap:14px;overflow:auto}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}