:root {
  --forest-950: #071e18;
  --forest-900: #0b3026;
  --forest-800: #16483a;
  --forest-700: #285d49;
  --moss: #6f8975;
  --sage: #dfe8df;
  --ivory: #f3f1e8;
  --canvas: #f4f3ee;
  --paper: #ffffff;
  --ink: #15231d;
  --muted: #6f7d75;
  --line: #dfe5df;
  --gold: #a99567;
  --warm: #f1e8d5;
  --danger: #a24d46;
  --shadow: 0 16px 38px rgba(32, 48, 40, .07);
  --panel: var(--paper);
  --panel-muted: #f7f8f5;
  --accent: var(--forest-700);
  --accent-soft: var(--sage);
  --text: var(--ink);
  --shadow-soft: var(--shadow);
  --surface: var(--panel);
  --soft: var(--panel-muted);
}

/* Price control workbench */
.price-workbench{display:grid;grid-template-columns:248px minmax(0,1fr);gap:22px;align-items:start}.price-workbench.collapsed{grid-template-columns:72px minmax(0,1fr)}.price-subnav{position:sticky;top:92px;min-height:640px;padding:20px 14px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#103f36,#0a2f29);color:#fff;box-shadow:0 18px 50px rgba(11,48,41,.14)}.price-subnav header{display:flex;align-items:center;gap:12px;padding:4px 6px 18px;border-bottom:1px solid rgba(255,255,255,.14)}.price-subnav header>span{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#d4a658;color:#153c34;font-size:20px;font-weight:800}.price-subnav header div{display:grid;gap:2px}.price-subnav header b{font-size:16px}.price-subnav header small,.price-subnav footer small{color:rgba(255,255,255,.66);font-size:12px;line-height:1.7}.price-subnav nav{display:grid;gap:7px;margin-top:18px}.price-subnav nav button{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px;border:0;border-radius:14px;background:transparent;color:rgba(255,255,255,.78);text-align:left;cursor:pointer}.price-subnav nav button i{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.09);font-style:normal;font-weight:700}.price-subnav nav button span{font-size:14px;font-weight:650}.price-subnav nav button em{display:grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#d36c55;color:#fff;font-size:11px;font-style:normal}.price-subnav nav button:hover,.price-subnav nav button.active{background:rgba(255,255,255,.12);color:#fff}.price-subnav nav button.active i{background:#d4a658;color:#123b33}.price-subnav footer{position:absolute;bottom:18px;left:20px;right:20px;display:grid;gap:6px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}.price-collapse{position:absolute;top:18px;right:-13px;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);cursor:pointer;z-index:2}.price-workbench.collapsed .price-subnav{padding-left:11px;padding-right:11px}.price-workbench.collapsed .price-subnav header div,.price-workbench.collapsed .price-subnav nav span,.price-workbench.collapsed .price-subnav nav em,.price-workbench.collapsed .price-subnav footer{display:none}.price-workbench.collapsed .price-subnav nav button{grid-template-columns:1fr;padding:8px}.price-workbench.collapsed .price-subnav header{justify-content:center}.price-main{min-width:0}.price-section{display:grid;gap:20px}.price-toolbar{display:flex;align-items:end;gap:14px;flex-wrap:wrap;padding:16px 18px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}.price-unit-tabs,.price-view-toggle{display:flex;gap:6px;flex-wrap:wrap}.price-unit-tabs button,.price-view-toggle button{padding:9px 13px;border:1px solid var(--line);border-radius:11px;background:transparent;color:var(--muted);cursor:pointer}.price-unit-tabs button.active,.price-view-toggle button.active{background:#e4f3ef;border-color:#7eb9aa;color:#155447;font-weight:700}.price-search{display:grid;gap:5px;min-width:220px;flex:1}.price-search span{font-size:11px;color:var(--muted)}.price-search input{min-height:40px;border:1px solid var(--line);border-radius:11px;padding:0 12px;background:var(--surface);color:var(--ink)}.price-document-head{display:flex;justify-content:space-between;gap:24px;padding:24px 28px;border:1px solid #d8d2b3;border-radius:22px;background:linear-gradient(120deg,#fffdf5,#f5fbf9)}.price-document-head span{color:#a9782f;font-size:11px;font-weight:800;letter-spacing:.16em}.price-document-head h2{margin:7px 0 6px;font-size:23px}.price-document-head p{margin:0;color:var(--muted)}.price-document-head>div:last-child{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.price-control-table{max-height:calc(100vh - 300px);border:1px solid var(--line);border-radius:18px;background:var(--surface)}.price-control-table thead{position:sticky;top:0;z-index:2}.price-control-table th{background:#f8efaa;color:#26332e;white-space:nowrap}.price-control-table td:nth-child(n+3):nth-child(-n+8){text-align:center;min-width:94px}.price-control-table td:nth-child(2){min-width:320px}.price-control-table td b,.price-control-table td small{display:block}.price-control-table td small{margin-top:4px;color:var(--muted)}.price-control-table input{width:84px;min-height:36px;border:1px solid #c9d8d4;border-radius:9px;padding:0 8px;text-align:right;background:#fff}.price-strategy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.price-strategy-card{display:grid;gap:16px;padding:20px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 10px 30px rgba(14,57,48,.05)}.price-strategy-card>header{display:flex;justify-content:space-between;gap:14px}.price-strategy-card header span{color:#9b7130;font-size:11px;font-weight:750}.price-strategy-card h3{margin:6px 0 3px;font-size:18px}.price-strategy-card header p{margin:0;color:var(--muted)}.price-strategy-card header em{align-self:start;padding:6px 9px;border-radius:9px;background:#edf6f3;color:#176252;font-size:12px;font-style:normal}.price-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.price-result-grid span{display:grid;gap:5px;padding:10px;border-radius:12px;background:var(--soft);color:var(--muted);font-size:11px}.price-result-grid b{color:var(--ink);font-size:15px}.price-strategy-card footer,.price-quote-card footer{display:flex;justify-content:flex-end;gap:12px;border-top:1px solid var(--line);padding-top:12px}.price-formula-guide{display:grid;gap:8px;padding:18px 22px;border-radius:18px;background:#0e3a32;color:#fff}.price-formula-guide code{white-space:normal;color:#f0ca7a}.price-formula-guide p{margin:0;color:rgba(255,255,255,.7)}.price-formula-editor{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.price-formula-editor summary{cursor:pointer;font-weight:750}.price-formula-editor p{color:var(--muted);font-size:12px}.form-four-columns{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.price-rate-section{display:grid;gap:10px}.price-activity-list{display:grid;gap:10px}.price-activity-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:17px;background:var(--surface)}.price-activity-row>i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#edf6f3;color:#186452;font-style:normal;font-weight:800}.price-activity-row>div{display:grid;gap:3px}.price-activity-row span,.price-activity-row small{color:var(--muted)}.price-activity-row>em{padding:6px 9px;border-radius:999px;background:#edf6f3;color:#186452;font-size:12px;font-style:normal}.price-activity-row.due>i,.price-activity-row.due>em{background:#fff0d4;color:#9b6615}.price-activity-row.overdue>i,.price-activity-row.overdue>em{background:#fde6e1;color:#a33d2f}.price-activity-row.done{opacity:.65}.price-influencer-grid,.price-quote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.price-influencer-card,.price-quote-card{padding:18px;border:1px solid var(--line);border-radius:19px;background:var(--surface)}.price-influencer-card header,.price-quote-card header{display:flex;align-items:center;gap:12px}.price-influencer-card header i,.price-quote-card header>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e7f3ef;color:#17584a;font-style:normal;font-weight:800}.price-influencer-card header div,.price-quote-card header div{display:grid;gap:3px;flex:1}.price-influencer-card header span,.price-quote-card small{color:var(--muted)}.price-influencer-card>div,.price-quote-card>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.price-influencer-card>div span,.price-quote-card>div span{display:grid;gap:4px;padding:10px;border-radius:11px;background:var(--soft);color:var(--muted);font-size:11px}.price-influencer-card b,.price-quote-card b{color:var(--ink)}.price-influencer-card>p{color:var(--muted);font-size:12px}.price-quote-lines{max-height:420px;overflow:auto;border:1px solid var(--line);border-radius:14px}.price-quote-lines>header{position:sticky;top:0;z-index:1;display:flex;justify-content:space-between;gap:14px;padding:12px;background:var(--surface)}.price-quote-lines header span{color:var(--muted);font-size:12px}.price-quote-line{display:grid!important;grid-template-columns:22px minmax(0,1fr) 100px 120px;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--line)}.price-quote-line>span{display:grid}.price-quote-line small{color:var(--muted)}.price-detail-product{display:grid;gap:5px;padding:14px;border-radius:14px;background:var(--soft)}.price-detail-product span{color:#9a6d28;font-size:11px}.price-detail-product b{font-size:17px}.price-detail-product small{color:var(--muted)}

@media(max-width:1100px){.price-workbench{grid-template-columns:72px minmax(0,1fr)}.price-subnav header div,.price-subnav nav span,.price-subnav nav em,.price-subnav footer{display:none}.price-subnav nav button{grid-template-columns:1fr;padding:8px}.price-subnav header{justify-content:center}.price-strategy-grid,.price-influencer-grid,.price-quote-grid{grid-template-columns:1fr}.form-four-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.price-workbench,.price-workbench.collapsed{grid-template-columns:1fr}.price-subnav{position:relative;top:auto;min-height:auto}.price-subnav header,.price-subnav footer,.price-collapse{display:none}.price-subnav nav{display:flex;overflow-x:auto;margin:0}.price-subnav nav button{grid-template-columns:32px auto;min-width:max-content}.price-subnav nav span{display:block}.price-document-head{display:grid;padding:18px}.price-document-head>div:last-child{justify-content:flex-start}.price-activity-row{grid-template-columns:42px minmax(0,1fr)}.price-activity-row>em,.price-activity-row>button{grid-column:2}.form-four-columns{grid-template-columns:1fr}.price-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

html.auth-pending body { background: #071f1a; }
html.auth-pending .app-shell { visibility: hidden; opacity: 0; pointer-events: none; }

* { box-sizing: border-box; }
html { background: var(--canvas); scroll-behavior: smooth; }
body { margin: 0; background: var(--canvas); color: var(--ink); font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; }
button, input, select, textarea { font: inherit; }
button { -webkit-tap-highlight-color: transparent; }
.app-shell { min-height: 100vh; display: grid; grid-template-columns: 264px minmax(0, 1fr); }

.app-sidebar { position: fixed; inset: 0 auto 0 0; z-index: 20; width: 264px; padding: 22px 16px 18px; border-right: 1px solid #d8ded7; background: linear-gradient(180deg, #f7f6f1 0%, #ecefe9 100%); color: var(--ink); display: flex; flex-direction: column; box-shadow: 12px 0 32px rgba(25,43,35,.035); }
.brand { min-height: 68px; padding: 0 10px 19px; display: flex; align-items: center; gap: 12px; border-bottom: 1px solid #d9dfd9; }
.brand-mark { width: 44px; height: 44px; border: 1px solid var(--forest-800); border-radius: 13px 4px 13px 4px; background: var(--forest-900); display: grid; place-items: center; color: white; box-shadow: 0 8px 20px rgba(11,48,38,.16); font-size: 20px; font-weight: 800; }
.brand h1 { margin: 0; font-size: 15px; letter-spacing: .03em; }
.brand p { margin: 5px 0 0; color: #929d97; font-size: 8px; letter-spacing: .15em; }
.main-nav { margin-top: 11px; padding-right: 2px; display: grid; gap: 5px; overflow-y: auto; }
.nav-label { margin: 15px 10px 4px; color: #8b9690; font-size: 9px; font-weight: 700; letter-spacing: .15em; display: flex; align-items: center; gap: 9px; }
.nav-label::after { content: ""; height: 1px; flex: 1; background: #d9dfd9; }
.nav-item { position: relative; width: 100%; min-height: 44px; padding: 0 11px; border: 1px solid transparent; border-radius: 10px; background: rgba(255,255,255,.3); color: #53625a; display: grid; grid-template-columns: 29px minmax(0,1fr) auto; align-items: center; gap: 9px; cursor: pointer; text-align: left; transition: .18s ease; }
.nav-item i { width: 27px; height: 27px; border-radius: 8px; background: #e2e6e1; color: #7d8982; display: grid; place-items: center; font-style: normal; font-size: 8px; }
.nav-item span { font-size: 12px; }
.nav-item b { min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: #e3e7e2; color: #738079; display: grid; place-items: center; font-size: 9px; }
.nav-item:hover { border-color: #d9dfd9; background: rgba(255,255,255,.78); color: var(--forest-800); transform: translateX(2px); }
.nav-item.active { border-color: #d6ddd7; background: white; color: var(--forest-900); box-shadow: 0 8px 20px rgba(27,48,38,.09); font-weight: 700; transform: translateX(3px); }
.nav-item.active::before { content: ""; position: absolute; left: -4px; width: 3px; height: 24px; border-radius: 2px; background: var(--forest-700); }
.nav-item.active i { background: var(--sage); color: var(--forest-800); }
.nav-item.active b { background: var(--warm); color: #81663d; }
.sidebar-status { margin-top: auto; padding: 12px; border: 1px solid #d9dfd9; border-radius: 11px; background: rgba(255,255,255,.68); display: flex; align-items: center; gap: 10px; box-shadow: 0 7px 18px rgba(26,43,35,.04); }
.status-dot { width: 8px; height: 8px; border-radius: 50%; background: #87928d; flex: none; }
.status-dot.online { background: #7bc69c; box-shadow: 0 0 0 4px rgba(123,198,156,.12); }
.sidebar-status div { min-width: 0; display: grid; gap: 3px; }
.sidebar-status b { font-size: 10px; font-weight: 600; }
.sidebar-status small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); font-size: 9px; }

.app-main { grid-column: 2; min-width: 0; }
.topbar { position: sticky; top: 0; z-index: 15; height: 78px; padding: 0 34px; border-bottom: 1px solid rgba(18,48,37,.08); background: rgba(245,246,242,.92); backdrop-filter: blur(16px); display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.eyebrow { color: var(--forest-700); font-size: 9px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.topbar h2 { margin: 5px 0 0; font-size: 20px; letter-spacing: .01em; }
.top-actions { display: flex; align-items: center; gap: 14px; }
.data-time { color: var(--muted); font-size: 10px; }
.settings-wrap { position: relative; }
.settings-button { min-height: 36px; padding: 0 16px; border: 1px solid #cbd4ce; border-radius: 8px; background: white; color: var(--forest-800); box-shadow: 0 5px 14px rgba(25,45,36,.05); cursor: pointer; }
.settings-menu { position: absolute; top: calc(100% + 9px); right: 0; width: 250px; padding: 7px; border: 1px solid var(--line); border-radius: 12px; background: white; box-shadow: var(--shadow); }
.settings-menu[hidden] { display: none; }
.settings-menu button { width: 100%; min-height: 40px; padding: 0 11px; border: 0; border-radius: 8px; background: transparent; color: var(--ink); text-align: left; cursor: pointer; font-size: 11px; }
.settings-menu button:hover { background: var(--sage); color: var(--forest-900); }

.content-panel { min-height: calc(100vh - 78px); }
.page { width: min(1440px, 100%); margin: 0 auto; padding: 28px 34px 48px; display: grid; gap: 16px; }
.page-hero { min-height: 154px; padding: 29px 34px 29px 39px; border: 1px solid #d9ded5; border-radius: 18px; background: linear-gradient(120deg, #f1efe6 0%, #eef2eb 68%, #e5ece4 100%); color: var(--ink); display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; box-shadow: 0 13px 34px rgba(39,52,45,.06); overflow: hidden; position: relative; }
.page-hero::before { content: ""; position: absolute; left: 0; top: 25px; bottom: 25px; width: 5px; border-radius: 0 4px 4px 0; background: var(--forest-700); }
.page-hero::after { content: ""; position: absolute; right: -75px; top: -120px; width: 350px; height: 350px; border: 1px solid rgba(40,93,73,.08); border-radius: 50%; box-shadow: 0 0 0 55px rgba(40,93,73,.025), 0 0 0 110px rgba(40,93,73,.018); }
.page-hero > * { position: relative; z-index: 1; }
.page-hero .eyebrow { color: var(--gold); }
.page-hero h1 { margin: 10px 0 8px; font-size: clamp(29px, 3vw, 43px); line-height: 1.15; letter-spacing: .02em; }
.page-hero p { max-width: 720px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.75; }
.hero-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }

.button { min-height: 39px; padding: 0 15px; border: 1px solid var(--line); border-radius: 8px; background: white; color: var(--ink); display: inline-flex; align-items: center; justify-content: center; text-decoration: none; cursor: pointer; transition: .18s ease; }
.button:hover:not(:disabled) { transform: translateY(-1px); box-shadow: 0 8px 18px rgba(20,45,35,.08); }
.button.primary { border-color: var(--forest-900); background: var(--forest-900); color: white; }
.button.light { min-height: 44px; padding: 0 20px; border-color: #c7d1ca; background: white; color: var(--forest-900); box-shadow: 0 7px 18px rgba(27,48,38,.06); }
.button:disabled { opacity: .45; cursor: not-allowed; }
.text-button { padding: 0; border: 0; background: transparent; color: var(--forest-700); cursor: pointer; font-size: 10px; }

.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; }
.metric-grid.three { grid-template-columns: repeat(3, minmax(0,1fr)); }
.metric-grid.two { grid-template-columns: repeat(2, minmax(0,1fr)); }
.metric-card { min-height: 126px; padding: 21px; border: 1px solid var(--line); border-radius: 14px; background: white; display: grid; align-content: space-between; box-shadow: 0 6px 18px rgba(22,48,37,.025); }
.metric-card span { color: var(--muted); font-size: 11px; }
.metric-card strong { margin: 13px 0 8px; color: var(--forest-900); font-size: clamp(21px,2vw,32px); line-height: 1; }
.metric-card small { color: #8b9790; font-size: 9px; }
.metric-card.primary { border-color: #c9d5cd; border-left: 4px solid var(--forest-700); background: linear-gradient(135deg, #ffffff 0%, #f0f4ef 100%); }
.metric-card.primary span, .metric-card.primary small { color: var(--muted); }
.metric-card.primary strong { color: var(--forest-900); }

.panel { min-width: 0; padding: 21px; border: 1px solid var(--line); border-radius: 14px; background: white; }
.panel-head { margin-bottom: 15px; display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.panel-head h2, .panel > h2 { margin: 6px 0 0; font-size: 17px; }
.panel-head > small { color: var(--muted); font-size: 9px; }
.dashboard-columns { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(330px, .75fr); gap: 12px; align-items: start; }
.side-stack { display: grid; gap: 12px; }
.table-wrap { width: 100%; overflow: auto; }
.table-wrap.compact { max-height: 220px; }
table { width: 100%; border-collapse: collapse; font-size: 11px; }
th, td { padding: 12px 11px; border-top: 1px solid #edf0ed; text-align: left; white-space: nowrap; }
thead th { padding-top: 9px; background: #f7f8f5; color: var(--muted); font-size: 9px; font-weight: 600; }
tbody td:last-child { color: var(--forest-800); }
.rank { margin-right: 12px; color: var(--gold); font-size: 9px; }
.table-empty { padding: 30px; color: var(--muted) !important; text-align: center; }
.missing-panel { background: #fbf8f1; border-color: #e7dcc4; }
.missing-list { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.missing-list li { padding: 11px; border-radius: 9px; background: white; display: flex; align-items: center; gap: 10px; }
.missing-list li > span { width: 26px; height: 26px; border-radius: 8px; background: var(--warm); color: #8f7044; display: grid; place-items: center; font-weight: 800; }
.missing-list li div { display: grid; gap: 3px; }
.missing-list b { font-size: 11px; }
.missing-list small { color: var(--muted); font-size: 9px; }
.missing-list .complete > span { background: var(--sage); color: var(--forest-700); }
.history-strip { min-height: 96px; padding: 18px 21px; border: 1px solid var(--line); border-radius: 13px; background: var(--ivory); display: grid; grid-template-columns: minmax(180px,.7fr) minmax(280px,1fr) auto; align-items: center; gap: 20px; }
.history-strip h2 { margin: 5px 0 0; font-size: 16px; }
.history-strip p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.7; }
.badge { width: fit-content; min-height: 24px; padding: 0 9px; border-radius: 12px; background: #edf1ee; color: var(--muted); display: inline-flex; align-items: center; font-size: 9px; white-space: nowrap; }
.badge.green { background: var(--sage); color: var(--forest-800); }
.badge.warm { background: var(--warm); color: #826438; }

.processing-layout { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(280px,.6fr); gap: 12px; }
.upload-panel { display: grid; gap: 15px; }
.upload-guidance { padding: 14px 16px; border: 1px solid #d9d1bd; border-radius: 10px; background: #fbf7ed; color: var(--ink); }
.upload-guidance[hidden] { display: none; }
.upload-guidance b { font-size: 11px; }
.upload-guidance ol { margin: 9px 0; padding-left: 22px; color: #5f665f; font-size: 10px; line-height: 1.8; }
.upload-guidance small { color: var(--muted); font-size: 9px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
label { display: grid; gap: 7px; color: var(--muted); font-size: 10px; }
input, select, textarea { width: 100%; border: 1px solid var(--line); border-radius: 8px; outline: 0; background: #fbfcfa; color: var(--ink); }
input, select { height: 40px; padding: 0 11px; }
textarea { padding: 11px; resize: vertical; }
input:focus, select:focus, textarea:focus { border-color: var(--forest-700); box-shadow: 0 0 0 3px rgba(40,93,73,.08); }
.file-drop { min-height: 104px; padding: 18px; border: 1px dashed #a8bab0; border-radius: 10px; background: #f6f9f6; align-content: center; text-align: center; cursor: pointer; }
.file-drop input { height: auto; border: 0; background: transparent; }
.file-drop span { color: var(--forest-800); font-size: 12px; font-weight: 700; }
.file-drop small { color: var(--muted); }
.workflow-card { padding: 24px; border: 1px solid #d7ded6; border-radius: 14px; background: linear-gradient(145deg, #f0eee5 0%, #e8eee7 100%); color: var(--ink); }
.workflow-card .eyebrow { color: var(--gold); }
.workflow-card h2 { margin: 7px 0 18px; }
.workflow-card ol { margin: 0; padding: 0; list-style: none; counter-reset: steps; display: grid; gap: 15px; }
.workflow-card li { counter-increment: steps; display: grid; grid-template-columns: 30px 1fr; gap: 4px 10px; }
.workflow-card li::before { content: counter(steps); grid-row: span 2; width: 28px; height: 28px; border: 1px solid #b9c7be; border-radius: 50%; background: white; display: grid; place-items: center; color: var(--forest-700); font-size: 9px; }
.workflow-card b { font-size: 11px; }
.workflow-card small { color: var(--muted); font-size: 9px; line-height: 1.5; }
.validation-log-panel .table-wrap { max-height: 320px; }
.validation-message { min-width: 360px; max-width: 760px; white-space: normal; line-height: 1.65; color: var(--muted) !important; }

.inventory-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.inventory-total-card { min-height: 160px; padding: 24px; border: 1px solid #c7d3ca; border-radius: 14px; background: linear-gradient(140deg, #e7ede6 0%, #f3f1e8 100%); display: grid; align-content: space-between; }
.inventory-total-card span { color: var(--muted); font-size: 11px; }
.inventory-total-card strong { margin: 17px 0 12px; color: var(--forest-900); font-size: 36px; }
.inventory-total-card small { color: var(--muted); font-size: 9px; }
.inventory-total-card.amount { border-color: #ddd3bd; background: linear-gradient(140deg, #f3eee2 0%, #f8f7f2 100%); }
.inventory-total-card.amount strong { color: #745c34; }
.inventory-total-card.with-chart { min-height: 210px; grid-template-columns: minmax(180px,.9fr) minmax(260px,1.1fr); align-items: center; align-content: center; gap: 28px; }
.inventory-kpi-copy { display: grid; align-content: center; }
.inventory-kpi-visual { display: grid; align-items: center; }
.inventory-kpi-visual .inventory-pie.mini { width: 112px; }
.inventory-kpi-visual .inventory-pie.mini strong { font-size: 11px; }
.inventory-kpi-visual .inventory-pie.mini span { max-width: 68px; text-align: center; line-height: 1.35; }
.inventory-kpi-visual .inventory-pie-legend.compact .pie-legend-row { min-height: 38px; }
.inventory-kpi-visual.data-only { padding-left: 22px; border-left: 1px solid rgba(87,111,98,.18); }
.inventory-amount-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.inventory-amount-grid article { min-height: 108px; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: white; display: grid; align-content: space-between; }
.inventory-amount-grid span { color: var(--muted); font-size: 10px; }
.inventory-amount-grid strong { margin: 10px 0 7px; color: var(--forest-800); font-size: 23px; }
.inventory-amount-grid small { color: #8c9891; font-size: 8px; }
.inventory-comparison-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.inventory-comparison-grid article { min-height: 103px; padding: 17px 18px; border: 1px solid var(--line); border-radius: 12px; background: #fff; display: grid; align-content: space-between; }
.inventory-comparison-grid span { color: var(--muted); font-size: 9px; }
.inventory-comparison-grid strong { margin: 9px 0 6px; color: var(--forest-900); font-size: 19px; }
.inventory-comparison-grid strong.up, .inventory-category-change.up { color: #3e7654; }
.inventory-comparison-grid strong.down, .inventory-category-change.down { color: #a24f45; }
.inventory-comparison-grid strong.neutral, .inventory-category-change.neutral { color: #7c8982; }
.inventory-comparison-grid small { color: #8c9891; font-size: 8px; }
.inventory-category-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.inventory-category { min-height: 160px; }
.inventory-category-change { margin-top: 8px; font-size: 8px; font-style: normal; }
.inventory-change-panel .table-wrap { max-height: 390px; }
.inventory-change-panel td.up { color: #3e7654; font-weight: 700; }
.inventory-change-panel td.down { color: #a24f45; font-weight: 700; }
.inventory-product-preview { overflow: hidden; }
.inventory-product-preview .table-wrap { max-height: 480px; border-top: 1px solid var(--line); }
.inventory-product-preview table { min-width: 1050px; }
.inventory-product-preview tbody tr:hover { background: #fafbf8; }
.inventory-product-preview td:nth-child(2) { font-variant-numeric: tabular-nums; color: #53625a; }
.inventory-product-preview td:nth-child(n+6) { text-align: right; }
.expiry-panel { overflow: hidden; }
.expiry-meta { display: flex; align-items: center; gap: 10px; color: var(--muted); font-size: 8px; }
.expiry-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.expiry-card { min-height: 135px; padding: 17px; border: 1px solid #dfe5e0; border-top: 4px solid #9dae9f; border-radius: 11px; background: #fbfcfa; display: grid; align-content: space-between; }
.expiry-card span { color: #607068; font-size: 9px; }
.expiry-card strong { margin: 12px 0 7px; color: var(--forest-900); font-size: 20px; }
.expiry-card small { color: var(--muted); font-size: 8px; }
.expiry-card em { margin-top: 11px; color: #68776f; font-size: 9px; font-style: normal; }
.expiry-card.valid-first-third { border-top-color: #4f8062; background: #f4f9f5; }
.expiry-card.used-third-to-fifth { border-top-color: #c0a668; background: #fcfaf4; }
.expiry-card.under-fifth { border-top-color: #ad5548; background: #fdf3f1; }
.expiry-card.under-fifth strong, .expiry-card.under-fifth em { color: #93483f; }
.expiry-note { margin: 13px 0 0; padding-top: 12px; border-top: 1px solid var(--line); color: var(--muted); font-size: 8px; line-height: 1.7; }
.inventory-visual-grid { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: 12px; }
.composition-chart { display: grid; gap: 18px; }
.composition-row { display: grid; gap: 8px; }
.composition-row > div:first-child { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.composition-row b { font-size: 10px; }
.composition-row span { color: var(--muted); font-size: 9px; white-space: nowrap; }
.composition-track, .product-bar-track { height: 8px; border-radius: 4px; background: #edf0ec; overflow: hidden; }
.composition-track i { display: block; height: 100%; border-radius: 4px; background: linear-gradient(90deg, #6f8975, #aabcae); }
.composition-row:nth-child(2) .composition-track i { background: linear-gradient(90deg, #a99567, #d0bd94); }
.composition-row:nth-child(3) .composition-track i { background: linear-gradient(90deg, #87969d, #bac5c9); }
.product-bars { display: grid; gap: 10px; }
.product-bar-row { display: grid; grid-template-columns: 25px minmax(130px,.8fr) minmax(120px,1.2fr) 62px; align-items: center; gap: 9px; }
.product-bar-row > span { color: var(--gold); font-size: 8px; }
.product-bar-row > div:nth-child(2) { min-width: 0; display: grid; gap: 3px; }
.product-bar-row b, .product-bar-row small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-bar-row b { font-size: 9px; }
.product-bar-row small { color: var(--muted); font-size: 7px; }
.product-bar-track i { display: block; height: 100%; border-radius: 4px; background: var(--forest-700); }
.product-bar-row strong { color: var(--forest-800); font-size: 10px; text-align: right; }
.amount-ranking-panel { overflow: hidden; }
.ranking-sort { display: flex; align-items: center; gap: 9px; color: var(--muted); font-size: 9px; }
.ranking-sort select { min-width: 165px; padding: 8px 30px 8px 10px; border: 1px solid #d8ded9; border-radius: 8px; background: #fafbf8; color: var(--forest-900); font: inherit; outline: none; }
.ranking-sort select:focus { border-color: #91a699; box-shadow: 0 0 0 3px rgba(111,137,117,.12); }
.amount-ranking-head, .amount-rank-row { display: grid; grid-template-columns: 35px minmax(230px,1.25fr) 90px minmax(150px,.8fr) 105px; align-items: center; gap: 12px; }
.amount-ranking-head { padding: 0 12px 9px; border-bottom: 1px solid var(--line); color: #8b9690; font-size: 8px; }
.amount-ranking-head span:last-child { text-align: right; }
.amount-ranking { display: grid; }
.amount-rank-row { min-height: 53px; padding: 8px 12px; border-bottom: 1px solid #edf0ec; }
.amount-rank-row:last-child { border-bottom: 0; }
.amount-rank-row:hover { background: #fafbf8; }
.amount-rank-number { color: var(--gold); font-size: 8px; }
.amount-rank-product { min-width: 0; display: grid; gap: 3px; }
.amount-rank-product b, .amount-rank-product small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.amount-rank-product b { color: var(--forest-950); font-size: 10px; }
.amount-rank-product small { color: var(--muted); font-size: 7px; }
.amount-rank-quantity { color: #66736c; font-size: 9px; }
.amount-rank-track { height: 8px; overflow: hidden; border-radius: 4px; background: #edf0ec; }
.amount-rank-track i { display: block; height: 100%; border-radius: 4px; background: linear-gradient(90deg, #a58a56, #d2bf98); }
.amount-rank-row strong { color: #745c34; font-size: 10px; text-align: right; }
.chart-empty { min-height: 150px; border: 1px dashed #cdd6d0; border-radius: 10px; background: #fafbf8; display: flex; align-items: center; justify-content: center; gap: 12px; }
.chart-empty > span { width: 38px; height: 38px; border-radius: 10px; background: var(--sage); color: var(--forest-800); display: grid; place-items: center; }
.chart-empty div { display: grid; gap: 4px; }
.chart-empty b { font-size: 10px; }
.chart-empty small { color: var(--muted); font-size: 8px; }
.inventory-sheet-guide { padding: 18px 21px; border: 1px solid var(--line); border-radius: 13px; background: white; display: grid; grid-template-columns: minmax(180px,.7fr) minmax(320px,1.2fr) minmax(220px,.8fr); align-items: center; gap: 20px; }
.inventory-sheet-guide h2 { margin: 6px 0 0; font-size: 16px; }
.inventory-sheet-guide ol { margin: 0; padding-left: 21px; color: #526159; font-size: 10px; line-height: 1.9; }
.inventory-sheet-guide p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.7; }
.inventory-panels { display: grid; gap: 12px; }
.inventory-panel { position: relative; padding-left: 72px; overflow: hidden; }
.inventory-panel-number { position: absolute; inset: 0 auto 0 0; width: 52px; background: #eef1eb; color: var(--forest-700); display: grid; place-items: center; font-size: 15px; font-weight: 800; writing-mode: vertical-rl; letter-spacing: .12em; }
.inventory-total { display: grid; justify-items: end; gap: 4px; }
.inventory-total small { color: var(--muted); font-size: 8px; }
.inventory-total b { color: var(--forest-800); font-size: 20px; }

/* Inventory v1.0.1 */
.inventory-settings-wrap { position: relative; }
.inventory-settings-menu { position: absolute; top: calc(100% + 9px); right: 0; z-index: 20; width: 230px; padding: 7px; border: 1px solid var(--line); border-radius: 12px; background: #fff; box-shadow: var(--shadow); }
.inventory-settings-menu[hidden] { display: none; }
.inventory-settings-menu a, .inventory-settings-menu button { display: flex; width: 100%; min-height: 40px; padding: 0 11px; align-items: center; border: 0; border-radius: 8px; background: transparent; color: var(--ink); font: inherit; font-size: 10px; text-align: left; text-decoration: none; cursor: pointer; }
.inventory-settings-menu a:hover, .inventory-settings-menu button:hover { background: var(--sage); color: var(--forest-900); }
.inventory-category { width: 100%; text-align: left; cursor: pointer; }
.inventory-category:hover, .expiry-card:hover, .warehouse-card:hover, .error-match-card:hover { transform: translateY(-2px); border-color: #abc0b1; box-shadow: 0 12px 28px rgba(22,48,37,.08); }
.error-match-card { min-height: 108px; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: #fff; display: grid; align-content: space-between; text-align: left; cursor: pointer; transition: .2s ease; }
.error-match-card span { color: var(--muted); font-size: 10px; }
.error-match-card strong { margin: 10px 0 7px; color: var(--forest-800); font-size: 23px; }
.error-match-card small { color: #8c9891; font-size: 8px; }
.error-match-card.has-error { border-color: #dfb0a8; background: #fff8f6; }
.error-match-card.has-error strong { color: #a24f45; }
.expiry-grid.v101 { grid-template-columns: repeat(5,minmax(0,1fr)); }
.expiry-card { width: 100%; text-align: left; cursor: pointer; transition: .2s ease; }
.expiry-card.expired { border-top-color: #8e3f39; background: #f9edeb; }
.composition-track.amount i { background: linear-gradient(90deg, #a58a56, #d2bf98) !important; }
.ranking-product-list { display: grid; gap: 0; }
.ranking-product-row { min-height: 58px; padding: 9px 6px; border-bottom: 1px solid #edf0ec; display: grid; grid-template-columns: 32px minmax(0,1fr) 100px; gap: 12px; align-items: center; }
.ranking-product-row:last-child { border-bottom: 0; }
.ranking-product-row > span { color: var(--gold); font-size: 8px; }
.ranking-product-row > div { min-width: 0; display: grid; gap: 4px; }
.ranking-product-row b { color: var(--forest-950); font-size: 10px; white-space: normal; overflow-wrap: anywhere; line-height: 1.55; }
.ranking-product-row small { color: var(--muted); font-size: 8px; }
.ranking-product-row strong { color: var(--forest-800); font-size: 10px; text-align: right; }
.ranking-product-row.amount strong { color: #745c34; }
.ranking-actions { display: flex; align-items: center; gap: 10px; }
.ranking-actions select { min-height: 34px; padding: 0 28px 0 10px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--muted); font-size: 8px; }
.warehouse-groups { display: grid; gap: 18px; }
.warehouse-group { padding-top: 16px; border-top: 1px solid var(--line); display: grid; grid-template-columns: minmax(180px,.35fr) minmax(0,1fr); gap: 18px; }
.warehouse-group:first-child { padding-top: 0; border-top: 0; }
.warehouse-group h3 { margin: 7px 0 0; font-size: 15px; }
.warehouse-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.warehouse-card { min-height: 105px; padding: 15px; border: 1px solid var(--line); border-radius: 11px; background: #fbfcfa; display: grid; align-content: space-between; text-align: left; cursor: pointer; transition: .2s ease; }
.warehouse-card span { color: var(--muted); font-size: 9px; }
.warehouse-card strong { margin: 10px 0 7px; color: var(--forest-900); font-size: 20px; }
.warehouse-card small { color: #7b8981; font-size: 8px; }
.inventory-detail-table { max-height: 680px; }
.inventory-detail-table table { min-width: 1050px; }
.inventory-detail-table td:nth-last-child(-n+3) { text-align: right; }
.system-version-card { border-left: 4px solid #a58a56; background: linear-gradient(135deg, #fff 0%, #f7f1e4 100%); }
.about-version { min-height: 150px; padding: 26px 30px; border-radius: 16px; background: linear-gradient(125deg, #123f34, #285d49); color: #fff; display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; }
.about-version span { display: block; margin-bottom: 10px; color: #cddcd4; font-size: 9px; letter-spacing: .12em; }
.about-version strong { font-size: clamp(36px,5vw,62px); }
.about-version p { margin: 0; color: #dce7e1; font-size: 10px; }
.update-log-list { display: grid; gap: 12px; }
.update-log-card ul { margin: 16px 0 0; padding-left: 20px; color: #4f5f57; font-size: 10px; line-height: 2; }

/* Inventory and settings v1.0.2 */
.topbar { z-index: 60; overflow: visible; }
.settings-wrap { z-index: 80; }
.inventory-settings-wrap { z-index: 10; }
.settings-menu { z-index: 100; width: 205px; }
.inventory-page .page-hero { z-index: 30; overflow: visible; }
.inventory-page .page-hero::after { display: none; }
.inventory-settings-menu { z-index: 20; min-width: 240px; box-shadow: 0 20px 54px rgba(19,47,37,.2); }
.inventory-action-bar { min-height: 72px; padding: 13px 16px; border: 1px solid var(--line); border-radius: 13px; background: #fff; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.inventory-action-bar > div:first-child { display: grid; gap: 4px; }
.inventory-action-bar b { color: var(--forest-900); font-size: 12px; }
.inventory-action-bar small { color: var(--muted); font-size: 8px; }
.inventory-action-buttons { display: flex; align-items: center; gap: 8px; }
.inventory-pie-layout { min-height: 280px; display: grid; grid-template-columns: minmax(180px,.8fr) minmax(220px,1.2fr); gap: 24px; align-items: center; }
.inventory-pie { width: min(220px,100%); aspect-ratio: 1; margin: 0 auto; border-radius: 50%; position: relative; box-shadow: inset 0 0 0 1px rgba(19,47,37,.06); }
.inventory-pie > div { position: absolute; inset: 22%; border-radius: 50%; background: #fff; box-shadow: 0 8px 24px rgba(19,47,37,.09); display: grid; place-content: center; justify-items: center; gap: 5px; }
.inventory-pie strong { color: var(--forest-900); font-size: 20px; }
.inventory-pie span { color: var(--muted); font-size: 8px; }
.inventory-pie-legend { display: grid; gap: 2px; }
.inventory-composition-stack { display: grid; gap: 12px; }
.composition-visual-card { padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: #fbfcfa; display: grid; gap: 12px; }
.composition-visual-title { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.composition-visual-title b { color: var(--forest-900); font-size: 11px; }
.composition-visual-title span { color: var(--muted); font-size: 8px; }
.composition-visual-body { display: grid; grid-template-columns: 132px minmax(0,1fr); gap: 16px; align-items: center; }
.inventory-pie.mini { width: 126px; }
.inventory-pie.mini strong { font-size: 13px; }
.inventory-pie-legend.compact .pie-legend-row { min-height: 43px; padding: 6px 2px; }
.inventory-pie-legend.compact .pie-legend-row b { font-size: 8px; }
.pie-legend-row { min-height: 62px; padding: 10px 3px; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 10px minmax(0,1fr) auto; gap: 10px; align-items: center; }
.pie-legend-row:last-child { border-bottom: 0; }
.pie-legend-row > i { width: 9px; height: 9px; border-radius: 50%; }
.pie-legend-row > div { min-width: 0; display: grid; gap: 5px; }
.pie-legend-row b { color: var(--forest-900); font-size: 9px; }
.pie-legend-row small { color: var(--muted); font-size: 8px; }
.pie-legend-row strong { color: #745c34; font-size: 9px; white-space: nowrap; }
.connection-refresh { position: relative; width: 38px; height: 38px; padding: 0; border: 1px solid var(--line); border-radius: 10px; background: #fff; color: var(--forest-800); display: grid; place-items: center; cursor: pointer; }
.connection-refresh > span { font-size: 19px; line-height: 1; }
.connection-refresh > i { position: absolute; right: 4px; top: 4px; width: 8px; height: 8px; border: 2px solid #fff; border-radius: 50%; background: #b64d43; }
.connection-refresh > i.online { background: #3c8a5d; }
.connection-refresh.connected { border-color: #bad1c1; background: #f4f8f4; }
.inventory-category-grid.two { grid-template-columns: repeat(2,minmax(0,1fr)); }
.inventory-category em { color: var(--muted); font-size: 8px; font-style: normal; }
.inventory-amount-entry { position: relative; min-height: 118px; padding: 17px 44px 17px 18px; border: 1px solid var(--line); border-radius: 12px; background: #fff; display: grid; align-content: space-between; color: var(--ink); text-align: left; cursor: pointer; transition: .2s ease; }
.inventory-amount-entry:hover { transform: translateY(-2px); border-color: #aec2b5; box-shadow: 0 12px 28px rgba(22,48,37,.08); }
.inventory-amount-entry span { color: var(--muted); font-size: 9px; }
.inventory-amount-entry strong { margin: 10px 0 7px; color: #745c34; font-size: 21px; }
.inventory-amount-entry small { color: #7c8982; font-size: 8px; line-height: 1.55; }
.inventory-amount-entry > b { position: absolute; right: 16px; bottom: 17px; color: var(--forest-700); font-size: 8px; }
.inventory-validation-footer { display: grid; grid-template-columns: minmax(280px,420px); justify-content: end; }
.inventory-validation-footer .error-match-card { width: 100%; }
.inventory-home-grid { display: grid; grid-template-columns: minmax(300px,.7fr) minmax(0,1.3fr); gap: 12px; }
.inventory-module-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.inventory-module-card { min-height: 188px; padding: 18px; border: 1px solid var(--line); border-radius: 13px; background: #fbfcfa; display: grid; grid-template-columns: minmax(205px,.85fr) minmax(245px,1.15fr) auto; gap: 16px; align-items: center; color: var(--ink); text-align: left; cursor: pointer; transition: .2s ease; }
.inventory-module-card:hover { transform: translateY(-2px); border-color: #aec2b5; box-shadow: 0 12px 28px rgba(22,48,37,.08); }
.inventory-module-card .module-icon { width: 40px; height: 40px; border-radius: 11px; background: #e8efe9; color: var(--forest-800); display: grid; place-items: center; font-size: 13px; font-weight: 800; }
.inventory-module-card > div { min-width: 0; }
.inventory-module-card .module-summary { display: grid; grid-template-columns: 42px minmax(0,1fr); gap: 12px; align-items: center; }
.inventory-module-card .module-summary > div { min-width: 0; display: grid; gap: 6px; }
.inventory-module-card small { color: var(--muted); font-size: 8px; }
.inventory-module-card strong { color: var(--forest-900); font-size: 17px; line-height: 1.25; }
.inventory-module-card p { margin: 0; color: #6e7b74; font-size: 8px; line-height: 1.55; overflow-wrap: anywhere; }
.inventory-module-card .module-enter { color: #718078; font-size: 8px; white-space: nowrap; }
.inventory-module-card .module-top-three { min-height: 138px; padding-left: 16px; border-left: 1px solid #e2e8e3; display: grid; align-content: center; gap: 0; }
.module-top-three > em { margin-bottom: 6px; color: #9a8970; font-size: 7px; font-style: normal; font-weight: 700; letter-spacing: .14em; }
.module-top-row { min-height: 36px; display: grid; grid-template-columns: 20px minmax(0,1fr) auto; gap: 8px; align-items: center; border-top: 1px solid #edf0ec; }
.module-top-row:first-of-type { border-top: 0; }
.module-top-row > span { color: #a99567; font-size: 8px; }
.module-top-row > b { overflow: hidden; color: #3f5148; font-size: 8px; font-weight: 600; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }
.module-top-row > strong { color: var(--forest-800); font-size: 9px; text-align: right; white-space: nowrap; }
.module-top-empty { min-height: 94px; display: grid; place-items: center; color: #87938c; font-size: 8px; }
.inventory-module-card.gold .module-icon { background: #f3ebdb; color: #856a36; }
.inventory-module-card.blue .module-icon { background: #e8eff2; color: #4c6974; }
.inventory-module-card.warm .module-icon { background: #f7e9e5; color: #a25547; }
.inventory-module-card.danger { border-color: #e4bbb4; background: #fff9f7; }
.inventory-module-card.danger .module-icon { background: #f5e2de; color: #a24f45; }
.inventory-module-card.wide { grid-column: 1 / -1; }
.inventory-function-panel .inventory-module-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.inventory-operation-panel, .inventory-no-sales-panel { overflow: hidden; }
.inventory-operation-table { max-height: 620px; }
.inventory-operation-table table { min-width: 1280px; }
.inventory-operation-table td { vertical-align: top; }
.inventory-operation-table td b, .inventory-operation-table td small { display: block; }
.inventory-operation-table td small { margin-top: 4px; color: var(--muted); }
.operation-error-cell { min-width: 250px; max-width: 390px; white-space: normal; line-height: 1.55; }
.muted-text { color: var(--muted); white-space: nowrap; }
.inventory-scope-note { margin-bottom: 14px; padding: 14px 18px; border: 1px solid #d9e2db; border-radius: 12px; background: #f7faf7; display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 14px; align-items: center; }
.inventory-scope-note b { color: var(--forest-900); }
.inventory-scope-note span, .inventory-scope-note small { color: var(--muted); }
.no-sales-grid { margin-bottom: 14px; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.no-sales-bucket { padding: 18px; border: 1px solid var(--line); border-radius: 13px; background: var(--card); display: grid; gap: 7px; text-align: left; color: var(--ink); cursor: pointer; }
.no-sales-bucket:hover, .no-sales-bucket.active { border-color: #8faf9e; box-shadow: 0 10px 24px rgba(28,62,47,.08); }
.no-sales-bucket.active { background: #f0f7f2; }
.no-sales-bucket span { color: var(--muted); }
.no-sales-bucket strong { color: var(--forest-900); font-size: 22px; }
.no-sales-bucket small { color: #6d7b73; }
.inventory-no-sales-panel table { min-width: 1120px; }
.detail-hero-actions { display: flex; align-items: center; gap: 8px; }
.inventory-detail-filters { display: flex; align-items: flex-end; justify-content: flex-end; gap: 10px; flex-wrap: wrap; }
.detail-summary-strip { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.detail-summary-strip.three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.detail-summary-strip > div { min-height: 102px; padding: 17px 19px; border: 1px solid var(--line); border-radius: 12px; background: #fff; display: grid; align-content: space-between; }
.detail-summary-strip span { color: var(--muted); font-size: 9px; }
.detail-summary-strip strong { margin-top: 10px; color: var(--forest-900); font-size: 23px; }
.module-stack { display: grid; gap: 12px; }
.turnover-group { overflow: hidden; }
.turnover-note { margin: 0 0 14px; padding: 10px 12px; border-left: 3px solid #c29b5a; background: #fbf7ee; color: #76684d; font-size: 8px; line-height: 1.7; }
.turnover-table { max-height: 560px; margin: 0 -22px -22px; width: calc(100% + 44px); }
.turnover-table table { min-width: 1250px; table-layout: auto; }
.turnover-table th, .turnover-table td { padding: 11px 10px; white-space: nowrap; text-align: right; vertical-align: middle; font-variant-numeric: tabular-nums; }
.turnover-table th:nth-child(-n+3), .turnover-table td:nth-child(-n+3) { text-align: left; }
.turnover-table th:first-child, .turnover-table td:first-child { width: 54px; text-align: center; }
.turnover-table .turnover-barcode { min-width: 145px; }
.turnover-table .turnover-product { min-width: 300px; white-space: normal; }
.turnover-product { display: grid; gap: 4px; }
.turnover-product b { color: var(--forest-900); font-size: 9px; line-height: 1.5; }
.turnover-product small { color: var(--muted); font-size: 8px; }
.turnover-table .number-cell { min-width: 110px; }
.turnover-table .total-cell { background: #edf3ee; color: var(--forest-900); }
.turnover-table .price-cell { min-width: 110px; color: #5f6e66; }
.turnover-table .amount-cell { min-width: 130px; background: #f8f3e8; color: #745c34; }
.turnover-table tfoot { position: sticky; bottom: 0; z-index: 4; }
.turnover-table tfoot th { border-top: 2px solid #b8c9bd; background: #eef3ee; color: var(--forest-900); }
.turnover-comparison-strip { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.turnover-comparison-strip article { min-height: 116px; padding: 18px; border: 1px solid var(--line); border-radius: 13px; background: #fff; display: grid; align-content: space-between; }
.turnover-comparison-strip span { color: var(--muted); font-size: 9px; }
.turnover-comparison-strip strong { margin: 12px 0 8px; color: var(--forest-900); font-size: 20px; }
.turnover-comparison-strip strong.up, .turnover-change-table td.up { color: #3e7654; }
.turnover-comparison-strip strong.down, .turnover-change-table td.down { color: #a24f45; }
.turnover-comparison-strip strong.neutral, .turnover-change-table td.neutral { color: #7c8982; }
.turnover-comparison-strip small { color: #8b9790; font-size: 8px; }
.turnover-change-panel { padding-bottom: 0; overflow: hidden; }
.turnover-change-table { max-height: 640px; margin: 0 -22px; width: calc(100% + 44px); }
.turnover-change-table table { min-width: 1380px; table-layout: fixed; }
.turnover-change-table th, .turnover-change-table td { padding: 11px 10px; vertical-align: middle; }
.turnover-change-table th:nth-child(n+5), .turnover-change-table td:nth-child(n+5) { text-align: right; font-variant-numeric: tabular-nums; }
.turnover-change-table th:nth-child(1), .turnover-change-table td:nth-child(1) { width: 56px; text-align: center; }
.turnover-change-table th:nth-child(2), .turnover-change-table td:nth-child(2) { width: 190px; }
.turnover-change-table th:nth-child(3), .turnover-change-table td:nth-child(3) { width: 150px; }
.turnover-change-table th:nth-child(4), .turnover-change-table td:nth-child(4) { width: 310px; }
.turnover-change-product { display: grid; gap: 4px; }
.turnover-change-product b { color: var(--forest-900); font-size: 9px; line-height: 1.5; }
.turnover-change-product small { color: var(--muted); font-size: 8px; }
.warehouse-module-group .warehouse-card-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
.warehouse-card.pending { border-color: #e0bd9c; background: #fff9f1; }
.module-inline-total { display: grid; justify-items: end; gap: 4px; }
.module-inline-total b { color: var(--forest-900); font-size: 18px; }
.module-inline-total span { color: #806a42; font-size: 9px; }
.expiry-grid.v102 { grid-template-columns: repeat(4,minmax(0,1fr)); }
.expiry-alert-total { min-height: 84px; padding: 17px 20px; border: 1px solid #d7a99f; border-left: 4px solid #ad5548; border-radius: 12px; background: #fff7f5; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.expiry-alert-total span { display: block; margin-bottom: 6px; color: #916158; font-size: 8px; }
.expiry-alert-total strong { color: #8e453c; font-size: 15px; }
.expiry-alert-total > b { color: #8e453c; font-size: 22px; }
.inventory-detail-panel { padding-bottom: 0; overflow: hidden; }
.inventory-detail-table { max-height: 680px; margin: 0 -22px; width: calc(100% + 44px); }
.inventory-detail-table table { width: 100%; min-width: 1320px; table-layout: fixed; }
.inventory-detail-table col.col-index { width: 54px; }
.inventory-detail-table col.col-warehouse { width: 130px; }
.inventory-detail-table col.col-barcode { width: 155px; }
.inventory-detail-table col.col-product { width: 340px; }
.inventory-detail-table col.col-spec { width: 100px; }
.inventory-detail-table col.col-unit { width: 70px; }
.inventory-detail-table col.col-expiry { width: 112px; }
.inventory-detail-table col.col-price { width: 110px; }
.inventory-detail-table col.col-quantity { width: 110px; }
.inventory-detail-table col.col-amount { width: 135px; }
.inventory-detail-table th, .inventory-detail-table td { box-sizing: border-box; vertical-align: middle; }
.inventory-detail-table th { text-align: left; white-space: nowrap; }
.inventory-detail-table td { white-space: normal; overflow-wrap: anywhere; }
.inventory-detail-table .col-index, .inventory-detail-table .col-unit { text-align: center; }
.inventory-detail-table .col-price, .inventory-detail-table .col-quantity, .inventory-detail-table .col-amount { text-align: right; font-variant-numeric: tabular-nums; }
.inventory-detail-table th:nth-child(8), .inventory-detail-table th:nth-child(9), .inventory-detail-table th:nth-child(10),
.inventory-detail-table td:nth-child(8), .inventory-detail-table td:nth-child(9), .inventory-detail-table td:nth-child(10) { text-align: right; font-variant-numeric: tabular-nums; }
.inventory-detail-table tfoot { position: sticky; bottom: 0; z-index: 4; }
.inventory-detail-table tfoot th { padding: 14px 12px; border-top: 2px solid #b8c9bd; background: #eef3ee; color: var(--forest-900); text-align: right; font-size: 10px; }
.inventory-detail-table tfoot th:last-child { color: #745c34; }
.inventory-pivot-panel { padding-bottom: 0; overflow: hidden; }
.inventory-pivot-table { max-height: 680px; margin: 0 -22px; width: calc(100% + 44px); }
.inventory-pivot-table table { min-width: 1380px; table-layout: auto; }
.inventory-pivot-table th, .inventory-pivot-table td { padding: 11px 10px; vertical-align: middle; white-space: nowrap; }
.inventory-pivot-table th:nth-child(n+8), .inventory-pivot-table td:nth-child(n+8) { text-align: right; font-variant-numeric: tabular-nums; }
.inventory-pivot-table th:first-child, .inventory-pivot-table td:first-child { width: 55px; text-align: center; }
.inventory-pivot-table .display-barcode { min-width: 145px; }
.inventory-pivot-table .display-product { min-width: 310px; white-space: normal; }
.inventory-pivot-table .display-product b { color: var(--forest-900); font-size: 9px; line-height: 1.5; }
.inventory-pivot-table .number-cell { min-width: 112px; }
.inventory-pivot-table .total-cell { background: #edf3ee; color: var(--forest-900); font-weight: 800; }
.inventory-pivot-table .amount-cell { min-width: 135px; background: #f8f3e8; color: #745c34; }
.inventory-pivot-table tfoot { position: sticky; bottom: 0; z-index: 4; }
.inventory-pivot-table tfoot th { border-top: 2px solid #b8c9bd; background: #eef3ee; color: var(--forest-900); text-align: right; }
.system-status-bar { min-height: 84px; padding: 16px 19px; border: 1px solid var(--line); border-radius: 13px; background: #fff; display: grid; grid-template-columns: 12px minmax(0,1fr) auto; gap: 14px; align-items: center; }
.system-status-bar > i { width: 10px; height: 10px; border-radius: 50%; background: #b64d43; box-shadow: 0 0 0 5px #f8e9e6; }
.system-status-bar.online > i { background: #3c8a5d; box-shadow: 0 0 0 5px #e5f1e8; }
.system-status-bar div { display: grid; gap: 5px; }
.system-status-bar b { color: var(--forest-900); font-size: 12px; }
.system-status-bar small { color: var(--muted); font-size: 9px; }
.settings-simple-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.setting-simple-card { min-height: 120px; display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: 12px; }
.setting-simple-card > span { width: 40px; height: 40px; border-radius: 10px; background: #e9efe9; color: var(--forest-800); display: grid; place-items: center; font-size: 10px; font-weight: 800; }
.setting-simple-card h2 { margin: 0 0 7px; font-size: 13px; }
.setting-simple-card p { margin: 0; color: var(--muted); font-size: 9px; }
.update-rows { display: grid; }
.update-row { min-height: 78px; padding: 13px 4px; border-top: 1px solid var(--line); display: grid; grid-template-columns: 78px minmax(0,1fr) 95px; gap: 14px; align-items: start; }
.update-row:first-child { border-top: 0; }
.update-row > span { color: var(--gold); font-size: 9px; font-weight: 700; }
.update-row > div { display: grid; gap: 7px; }
.update-row b { color: var(--forest-900); font-size: 10px; }
.update-row small { color: var(--muted); font-size: 8px; line-height: 1.7; }
.update-row time { color: #839087; font-size: 8px; text-align: right; }

@media (max-width: 1100px) {
  .inventory-home-grid { grid-template-columns: 1fr; }
  .inventory-function-panel .inventory-module-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .inventory-total-card.with-chart { grid-template-columns: 1fr; }
  .inventory-kpi-visual.data-only { padding: 14px 0 0; border-top: 1px solid rgba(87,111,98,.18); border-left: 0; }
  .warehouse-module-group .warehouse-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .expiry-grid.v102 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .settings-simple-grid { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
  .inventory-category-grid.two, .inventory-module-grid, .detail-summary-strip, .detail-summary-strip.three { grid-template-columns: 1fr; }
  .detail-hero-actions { align-items: stretch; flex-direction: column; }
  .warehouse-module-group .warehouse-card-grid, .expiry-grid.v102 { grid-template-columns: 1fr; }
  .expiry-alert-total { align-items: flex-start; flex-direction: column; }
  .system-status-bar { grid-template-columns: 12px minmax(0,1fr); }
  .system-status-bar .button { grid-column: 2; justify-self: start; }
  .inventory-action-bar, .inventory-action-buttons { align-items: stretch; flex-direction: column; }
  .inventory-pie-layout { grid-template-columns: 1fr; }
  .composition-visual-body { grid-template-columns: 1fr; }
  .composition-visual-title { align-items: flex-start; flex-direction: column; }
  .turnover-comparison-strip { grid-template-columns: 1fr; }
  .inventory-validation-footer { grid-template-columns: 1fr; }
  .inventory-detail-filters { align-items: stretch; flex-direction: column; }
  .inventory-function-panel .inventory-module-grid { grid-template-columns: 1fr; }
  .inventory-kpi-visual { grid-template-columns: 1fr; }
  .inventory-module-card, .inventory-module-card.wide { grid-column: auto; grid-template-columns: 1fr; }
  .inventory-module-card .module-top-three { padding: 12px 0 0; border-top: 1px solid #e2e8e3; border-left: 0; }
  .inventory-module-card .module-enter { justify-self: end; }
}

@media (max-width: 1000px) {
  .expiry-grid.v101 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .warehouse-group { grid-template-columns: 1fr; }
  .warehouse-card-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 620px) {
  .expiry-grid.v101, .warehouse-card-grid { grid-template-columns: 1fr; }
  .inventory-settings-menu { left: 0; right: auto; }
}

.org-chart { padding: 24px; border: 1px solid var(--line); border-radius: 14px; background: white; overflow-x: auto; }
.boss-row { width: 280px; margin: 0 auto; }
.org-line { width: 1px; height: 26px; margin: 0 auto; background: #b7c7be; }
.org-grid { min-width: 860px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 11px; position: relative; }
.org-grid::before { content: ""; position: absolute; left: 12.5%; right: 12.5%; top: -1px; height: 1px; background: #b7c7be; }
.org-branch { min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: #f8faf7; position: relative; }
.org-branch::before { content: ""; position: absolute; left: 50%; top: -12px; width: 1px; height: 12px; background: #b7c7be; }
.org-title { padding-bottom: 10px; border-bottom: 1px solid var(--line); display: flex; align-items: center; gap: 9px; }
.org-title > span { width: 30px; height: 30px; border-radius: 9px; background: var(--sage); color: var(--forest-800); display: grid; place-items: center; font-weight: 800; }
.org-title div { display: grid; gap: 3px; }
.org-title b { font-size: 12px; }
.org-title small { color: var(--muted); font-size: 9px; }
.person-card { width: 100%; min-height: 66px; margin-top: 9px; padding: 9px; border: 1px solid var(--line); border-radius: 9px; background: white; display: grid; grid-template-columns: 34px minmax(0,1fr); align-items: center; gap: 9px; color: var(--ink); text-align: left; cursor: pointer; }
.person-card:hover { border-color: var(--forest-700); transform: translateY(-1px); }
.person-card > span { width: 34px; height: 34px; border-radius: 9px; background: var(--sage); color: var(--forest-800); display: grid; place-items: center; font-weight: 800; }
.person-card div { min-width: 0; display: grid; gap: 4px; }
.person-card b { font-size: 11px; }
.person-card small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); font-size: 8px; }
.person-card.boss { margin: 0; min-height: 80px; border: 2px solid #afc0b5; background: linear-gradient(135deg, #ffffff 0%, #edf2ed 100%); color: var(--ink); box-shadow: 0 9px 24px rgba(26,47,38,.07); }
.person-card.boss > span { background: var(--forest-900); color: white; }
.person-card.boss small { color: var(--muted); }
.subordinates { display: grid; gap: 0; }

.month-grid { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 9px; }
.month-cell { min-height: 88px; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: #f8faf7; display: grid; grid-template-columns: 34px 1fr; align-items: center; gap: 3px 10px; color: var(--ink); text-align: left; cursor: pointer; }
.month-cell > span { grid-row: span 2; width: 34px; height: 34px; border-radius: 9px; background: #e8ece8; color: var(--muted); display: grid; place-items: center; font-size: 9px; }
.month-cell b { font-size: 11px; }
.month-cell small { color: var(--muted); font-size: 8px; }
.month-cell.ready { border-color: #aec4b7; background: #f1f6f2; }
.month-cell.ready > span { background: var(--forest-900); color: white; }
.payroll-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.payroll-grid .panel { min-height: 170px; display: flex; flex-direction: column; align-items: flex-start; }
.payroll-grid p { color: var(--muted); font-size: 11px; line-height: 1.7; }
.payroll-grid .badge { margin-top: auto; }
.score-matrix td:first-child { min-width: 145px; }
.score-matrix td:first-child b, .score-matrix td:first-child small { display: block; }
.score-matrix td:first-child small { margin-top: 3px; color: var(--muted); font-size: 8px; }
.score-cell { min-width: 43px; padding: 6px 4px; border: 0; border-radius: 6px; background: #f2f4f1; color: #a0a9a4; font-size: 8px; cursor: pointer; }
.score-cell.has-file { background: var(--sage); color: var(--forest-800); font-weight: 700; }

.hr-page { gap: 14px; }
.hr-module-launcher { padding: 20px; border: 1px solid var(--line); border-radius: 15px; background: linear-gradient(135deg,#f7f8f4 0%,#eef2ed 100%); box-shadow: 0 12px 28px rgba(27,48,38,.045); display: grid; gap: 15px; }
.hr-module-launcher-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; }
.hr-module-launcher-head h2 { margin: 6px 0 0; font-size: 16px; }
.hr-module-launcher-head p { max-width: 390px; margin: 0; color: var(--muted); font-size: 9px; line-height: 1.65; text-align: right; }
.hr-tabs { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.hr-tabs button { min-height: 94px; padding: 16px; border: 1px solid var(--line); border-radius: 13px; background: #fff; color: var(--ink); display: grid; grid-template-columns: 32px minmax(0,1fr); grid-template-rows: auto auto; align-content: center; gap: 4px 10px; text-align: left; cursor: pointer; transition: .18s ease; }
.hr-tabs button > span { grid-row: 1 / 3; width: 32px; height: 32px; border-radius: 9px; background: #edf0ed; color: #89958e; display: grid; place-items: center; font-size: 8px; font-weight: 800; }
.hr-tabs button b { font-size: 12px; }
.hr-tabs button small { color: var(--muted); font-size: 8px; line-height: 1.45; }
.hr-tabs button:hover:not(:disabled), .hr-tabs button.active { border-color: #b9c9bf; box-shadow: 0 9px 22px rgba(25,48,37,.06); transform: translateY(-1px); }
.hr-tabs button.active { border-left: 4px solid var(--forest-700); background: linear-gradient(135deg,#fff 0%,#f0f4ef 100%); }
.hr-tabs button.active > span { background: var(--forest-900); color: #fff; }
.hr-tabs button:disabled { background: #f5f5f1; color: #8e9892; cursor: default; opacity: .75; }
.hr-metric-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.hr-metric-grid .metric-card { min-height: 118px; }

.performance-plan-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.performance-plan-card { min-width: 0; min-height: 285px; padding: 20px; border: 1px solid var(--line); border-radius: 14px; background: #fff; color: var(--ink); display: grid; align-content: start; gap: 16px; text-align: left; cursor: pointer; transition: .18s ease; }
.performance-plan-card:hover { border-color: #b6c7bd; box-shadow: 0 13px 30px rgba(27,48,38,.07); transform: translateY(-2px); }
.performance-plan-card header { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; align-items: center; gap: 11px; }
.performance-plan-card header > span { width: 42px; height: 42px; border-radius: 12px; background: var(--forest-900); color: #fff; display: grid; place-items: center; font-size: 16px; font-weight: 800; }
.performance-plan-card header div { min-width: 0; display: grid; gap: 4px; }
.performance-plan-card h2 { margin: 0; font-size: 15px; }
.performance-plan-card header small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); font-size: 8px; }
.performance-module-chips { display: flex; flex-wrap: wrap; gap: 7px; }
.performance-module-chips span { padding: 7px 9px; border-radius: 8px; background: #f0f3ef; color: #56645c; font-size: 8px; }
.performance-module-chips b { margin-left: 5px; color: var(--forest-800); }
.performance-focus { padding: 14px 15px; border: 1px solid #e6e0d1; border-radius: 11px; background: #fbf8f1; }
.performance-focus > em { color: #927744; font-size: 8px; font-style: normal; font-weight: 700; letter-spacing: .08em; }
.performance-focus ul { margin: 10px 0 0; padding: 0; list-style: none; display: grid; gap: 9px; }
.performance-focus li { display: grid; gap: 3px; }
.performance-focus li b { font-size: 10px; }
.performance-focus li small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); font-size: 8px; }
.performance-plan-card > strong { justify-self: end; color: var(--forest-700); font-size: 9px; }
.performance-rule-panel { padding: 23px 25px; border: 1px solid #d9ddd6; border-radius: 14px; background: linear-gradient(125deg,#f1efe6 0%,#edf2ed 100%); display: grid; grid-template-columns: minmax(210px,.7fr) minmax(0,1.3fr); align-items: center; gap: 28px; }
.performance-rule-panel h2 { margin: 7px 0 7px; font-size: 17px; }
.performance-rule-panel p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.65; }
.performance-rule-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.performance-rule-grid div { min-height: 82px; padding: 13px; border: 1px solid rgba(167,179,170,.55); border-radius: 10px; background: rgba(255,255,255,.72); display: grid; align-content: center; gap: 4px; }
.performance-rule-grid b { color: var(--forest-800); font-size: 11px; }
.performance-rule-grid span { font-size: 9px; }
.performance-rule-grid small { color: var(--muted); font-size: 8px; }

.payroll-overview-grid { display: grid; grid-template-columns: minmax(250px,.65fr) minmax(0,1.35fr); gap: 12px; align-items: stretch; }
.payroll-top-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; align-items: stretch; }
.payroll-top-grid > * { height: 310px; min-height: 310px; }
.payroll-period-card, .payroll-month-metrics-panel { border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.payroll-period-card { min-height: 240px; padding: 22px; background: linear-gradient(145deg,var(--forest-900) 0%,#375947 100%); color: #fff; display: grid; align-content: space-between; gap: 12px; }
.payroll-period-card .eyebrow { color: #c7d7cd; }
.payroll-period-card h2 { margin: 6px 0 0; font-size: 17px; }
.payroll-period-card > strong { font-size: clamp(28px,3vw,42px); letter-spacing: -.04em; }
.payroll-period-card > p { margin: 0; color: #dce6df; font-size: 9px; line-height: 1.6; }
.payroll-period-card > small { color: #afc3b6; font-size: 8px; }
.payroll-control-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; }
.payroll-control-head label, .payroll-detail-picker { display: grid; gap: 5px; color: var(--muted); font-size: 8px; }
.payroll-period-card .payroll-control-head label { color: #dce6df; }
.payroll-control-head select, .payroll-detail-picker select { min-width: 130px; height: 35px; border: 1px solid #d4dbd5; border-radius: 8px; background: #fff; color: var(--ink); font-size: 9px; }
.payroll-custom-range { padding: 10px; border: 1px solid rgba(218,231,222,.22); border-radius: 10px; background: rgba(255,255,255,.07); display: grid; grid-template-columns: 1fr auto 1fr; align-items: end; gap: 8px; }
.payroll-custom-range label { min-width: 0; display: grid; gap: 5px; color: #dce6df; font-size: 8px; }
.payroll-custom-range input { width: 100%; min-width: 0; height: 34px; padding: 0 8px; border: 1px solid rgba(255,255,255,.22); border-radius: 8px; background: #fff; color: var(--ink); font-size: 9px; }
.payroll-custom-range i { padding-bottom: 10px; color: #b9cbbf; font-size: 8px; font-style: normal; }
.payroll-cost-card { padding: 21px; display: flex; flex-direction: column; overflow: hidden; }
.payroll-cost-scroll { min-height: 0; margin-top: 14px; padding-right: 7px; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #aab8af #edf0ed; }
.payroll-cost-scroll::-webkit-scrollbar { width: 6px; }
.payroll-cost-scroll::-webkit-scrollbar-thumb { border-radius: 4px; background: #aab8af; }
.payroll-cost-scroll::-webkit-scrollbar-track { background: #edf0ed; }
.payroll-month-metrics-panel { padding: 21px; display: grid; gap: 16px; }
.payroll-month-metrics-panel h2 { margin: 6px 0 0; font-size: 17px; }
.payroll-month-metric-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.payroll-month-metric-grid article { min-height: 152px; padding: 16px; border-radius: 11px; background: #f4f6f2; display: grid; align-content: center; gap: 7px; }
.payroll-month-metric-grid article > span { color: var(--muted); font-size: 9px; }
.payroll-month-metric-grid article > strong { color: var(--forest-900); font-size: clamp(18px,2vw,25px); }
.payroll-month-metric-grid article > p { margin: 0; color: #89958e; font-size: 7px; }
.metric-compare { margin-top: 5px; font-size: 8px !important; }
.metric-compare.up { color: #3f7755; }
.metric-compare.down { color: var(--danger); }
.metric-compare.neutral { color: #89958e; }
.company-payroll-trend-panel { padding: 21px; }
.company-line-chart-wrap { margin-top: 12px; padding: 10px 12px 0; border: 1px solid var(--line); border-radius: 11px; background: #fbfcf9; }
.payroll-dashboard-grid { display: grid; grid-template-columns: minmax(0,.72fr) minmax(0,1.28fr); gap: 12px; align-items: start; }
.legend { width: 8px; height: 8px; margin: 0 4px 0 8px; border-radius: 2px; display: inline-block; }
.legend.gross { background: var(--forest-700); }
.legend.employer { background: var(--gold); }
.company-cost-chart, .employee-pay-chart { display: grid; gap: 13px; }
.company-cost-row { display: grid; grid-template-columns: 35px minmax(120px,1fr) 92px 30px; align-items: center; gap: 9px; }
.company-cost-row > span, .employee-pay-row > span { color: #5a685f; font-size: 9px; font-weight: 700; }
.company-cost-row > strong, .employee-pay-row > strong { color: var(--forest-900); font-size: 9px; text-align: right; white-space: nowrap; }
.company-cost-row > small, .employee-pay-row > small { color: var(--muted); font-size: 7px; text-align: right; white-space: nowrap; }
.company-cost-track, .employee-pay-track { height: 13px; border-radius: 7px; background: #edf0ed; overflow: hidden; position: relative; }
.company-cost-track i, .company-cost-track em, .employee-pay-track i, .employee-pay-track em { position: absolute; left: 0; top: 0; bottom: 0; border-radius: 7px; display: block; }
.company-cost-track i { background: linear-gradient(90deg,#587765,#8fa899); }
.company-cost-track em { left: auto; right: 0; min-width: 3px; background: #c3a975; opacity: .9; }
.payroll-employee-picker { min-width: 170px; display: grid; grid-template-columns: auto minmax(105px,1fr); align-items: center; gap: 8px; }
.payroll-employee-picker select { height: 34px; background: #fff; font-size: 9px; }
.employee-pay-summary { margin-bottom: 17px; display: grid; grid-template-columns: repeat(2,minmax(155px,1fr)); gap: 9px; }
.employee-pay-summary-v3 { grid-template-columns: repeat(6,minmax(0,1fr)); }
.employee-pay-summary-v3 > div { grid-column: span 2; }
.employee-pay-summary-v3 .twelve-month-card { grid-column: span 3; }
.employee-pay-summary-v3 .twelve-month-card { background: linear-gradient(145deg,#edf3ee 0%,#f8faf7 100%); border: 1px solid #dde6df; }
.employee-pay-summary > div { min-height: 92px; padding: 15px; border-radius: 11px; background: #f3f6f2; display: grid; align-content: center; gap: 6px; }
.employee-pay-summary span { color: var(--muted); font-size: 9px; }
.employee-pay-summary strong { color: var(--forest-900); font-size: 20px; }
.employee-pay-summary strong.up { color: #3f7755; }
.employee-pay-summary strong.down { color: var(--danger); }
.employee-pay-summary small { color: #89958e; font-size: 7px; }
.employee-company-cost-card { align-content: start !important; }
.employee-benefit-line { margin-top: 3px; padding-top: 7px; border-top: 1px solid #dce4de; color: #66766d; font-size: 7px; font-style: normal; display: flex; justify-content: space-between; gap: 8px; }
.employee-benefit-line b { color: var(--forest-900); font-size: 9px; }
.payroll-employee-full { padding: 21px; }
.employee-change-card { align-content: stretch !important; }
.employee-change-lines { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
.employee-change-lines p { margin: 0; padding: 8px; border-radius: 8px; background: #fff; display: grid; gap: 4px; }
.employee-change-lines em { color: var(--muted); font-size: 7px; font-style: normal; }
.employee-change-lines b { color: var(--forest-900); font-size: 11px; }
.employee-change-lines b.up { color: #3f7755; }
.employee-change-lines b.down { color: var(--danger); }
.employee-pay-row { display: grid; grid-template-columns: 28px minmax(100px,1fr) 80px 90px; align-items: center; gap: 8px; }
.employee-pay-track i { background: linear-gradient(90deg,#4f725e,#8aa394); }
.employee-pay-track em { background: var(--forest-700); opacity: .8; }
.employee-line-chart-wrap { margin-top: 18px; padding: 15px 12px 8px; border: 1px solid var(--line); border-radius: 11px; background: #fbfcf9; }
.subpanel-title { padding: 0 5px 10px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.subpanel-title span { color: var(--ink); font-size: 10px; font-weight: 700; }
.subpanel-title small { color: var(--muted); font-size: 8px; }
.employee-line-chart { width: 100%; height: auto; overflow: visible; }
.employee-line-chart .line-grid line { stroke: #e1e6e1; stroke-width: 1; }
.employee-line-chart .line-grid text, .employee-line-chart .x-label, .employee-line-chart .axis-title { fill: #7f8b84; font-size: 8px; }
.employee-line-chart .axis { stroke: #a9b5ae; stroke-width: 1; }
.employee-line-chart polyline { fill: none; stroke: #466b55; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.employee-line-chart circle { fill: #fff; stroke: #466b55; stroke-width: 3; }
.employee-components-panel { margin: 4px 0 18px; padding: 15px 14px 13px; border: 1px solid var(--line); border-radius: 11px; background: #fbfcf9; }
.employee-components-panel .subpanel-title { padding-bottom: 12px; }
.employee-components-panel .subpanel-title > div { display: grid; gap: 4px; }
.payroll-employee-month-picker { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 8px; }
.payroll-employee-month-picker select { min-width: 120px; height: 34px; border: 1px solid #d4dbd5; border-radius: 8px; background: #fff; color: var(--ink); font-size: 9px; }
.employee-pay-components { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.employee-pay-components span { padding: 9px 10px; border-radius: 8px; background: #fafbf8; color: var(--muted); font-size: 8px; display: flex; justify-content: space-between; gap: 8px; }
.employee-pay-components b { color: var(--ink); }
.component-note { margin: 10px 2px 0; color: #89958e; font-size: 7px; line-height: 1.6; }
.component-empty { grid-column: 1 / -1; margin: 0; padding: 14px; border-radius: 8px; background: #f4f6f2; color: var(--muted); font-size: 8px; text-align: center; }
.employee-payroll-record-panel { margin: 4px 0 18px; padding: 17px; border: 1px solid var(--line); border-radius: 12px; background: #fbfcf9; display: grid; gap: 12px; }
.payroll-record-head { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.payroll-record-head h3 { margin: 5px 0 3px; font-size: 15px; }
.payroll-record-head small { color: var(--muted); font-size: 8px; }
.employee-profile-section, .employee-wage-detail-section, .employee-performance-summary-section { padding: 15px; border-radius: 10px; background: #fff; border: 1px solid #e2e7e2; }
.employee-profile-section { background: linear-gradient(140deg,#f2f6f2 0%,#fbfcf9 100%); }
.employee-performance-summary-section { border-color: #e5deca; background: linear-gradient(140deg,#faf7ed 0%,#fffdf8 100%); }
.payroll-section-title { margin-bottom: 12px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.payroll-section-title > div { display: flex; align-items: center; gap: 9px; }
.payroll-section-title > div > span { width: 28px; height: 28px; border-radius: 8px; background: var(--forest-900); color: #fff; display: grid; place-items: center; font-size: 8px; font-weight: 700; }
.payroll-section-title h4 { margin: 0; font-size: 11px; }
.payroll-section-title > small { color: var(--muted); font-size: 8px; }
.payslip-button { min-height: 34px; padding: 8px 13px; border-color: var(--forest-800); background: var(--forest-900); color: #fff; font-size: 9px; }
.payroll-record-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; }
.payroll-record-grid > span { min-height: 58px; padding: 11px; border-radius: 9px; background: #f7f9f6; display: grid; align-content: center; gap: 7px; }
.payroll-record-grid em { color: var(--muted); font-size: 8px; font-style: normal; }
.payroll-record-grid b { color: var(--forest-900); font-size: 12px; }
.payroll-profile-grid > span { background: rgba(255,255,255,.88); }
.employee-wage-detail-section .component-note { margin-top: 11px; }
.payroll-performance-summary-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.payroll-performance-summary-grid > span { background: rgba(255,255,255,.9); }
.employee-performance-summary-section .payroll-section-title > div > span { background: #8e713e; }
.payroll-comparison-guide { min-height: 92px; padding: 18px 21px; border: 1px solid #d6ddd7; border-radius: 13px; background: linear-gradient(125deg,#f1efe6 0%,#edf2ed 100%); display: grid; grid-template-columns: minmax(220px,.55fr) minmax(320px,1.25fr) auto; align-items: center; gap: 20px; }
.payroll-comparison-guide h2 { margin: 5px 0 0; font-size: 16px; }
.payroll-comparison-guide p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.7; }
.payroll-same-period-panel { padding: 21px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.payroll-same-period-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; }
.payroll-same-period-grid article { min-height: 102px; padding: 15px; border-radius: 10px; background: #f4f6f2; display: grid; align-content: center; gap: 6px; }
.payroll-same-period-grid span { color: var(--muted); font-size: 9px; }
.payroll-same-period-grid strong { color: var(--forest-900); font-size: 18px; }
.payroll-same-period-grid strong.up { color: #3f7755; }
.payroll-same-period-grid strong.down { color: var(--danger); }
.payroll-same-period-grid small { color: #89958e; font-size: 7px; }
.payroll-month-table td:first-child { display: grid; gap: 4px; }
.payroll-month-table td:first-child small { color: var(--muted); font-size: 7px; }
.payroll-detail-panel { overflow: hidden; }
.payroll-detail-picker { min-width: 150px; }
.future-payroll-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.future-payroll-grid article { min-height: 112px; padding: 19px; border: 1px dashed #cfd7d1; border-radius: 13px; background: #f7f7f3; display: grid; grid-template-columns: 36px minmax(0,1fr) auto; align-items: center; gap: 12px; }
.future-payroll-grid article > span { width: 36px; height: 36px; border-radius: 10px; background: #e7eae6; color: #87928c; display: grid; place-items: center; font-size: 9px; font-weight: 800; }
.future-payroll-grid h2 { margin: 0 0 6px; font-size: 13px; }
.future-payroll-grid p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.6; }

.finance-page { --finance-gold:#9a7840; --finance-green:#315f4b; --finance-red:#a1574e; }
.finance-tabs { padding: 8px; border: 1px solid var(--line); border-radius: 14px; background: #fff; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 7px; box-shadow: 0 8px 24px rgba(26,50,40,.04); }
.finance-tabs button { min-height: 60px; padding: 10px 12px; border: 0; border-radius: 10px; background: #f5f7f4; color: var(--muted); display: grid; grid-template-columns: 24px minmax(0,1fr); align-items: center; gap: 8px; text-align: left; cursor: pointer; }
.finance-tabs button span { width: 24px; height: 24px; border-radius: 7px; background: #e8ece7; display: grid; place-items: center; font-size: 7px; font-weight: 800; }
.finance-tabs button b { font-size: 9px; }
.finance-tabs button:hover { background: #eef2ed; color: var(--forest-900); }
.finance-tabs button.active { background: var(--forest-900); color: #fff; box-shadow: 0 8px 20px rgba(19,55,42,.15); }
.finance-tabs button.active span { background: rgba(255,255,255,.14); }
.finance-view { display: grid; gap: 13px; }
.finance-kpi-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; }
.finance-kpi-grid.compact { grid-template-columns: repeat(5,minmax(0,1fr)); }
.finance-kpi { min-height: 126px; padding: 18px; border: 1px solid var(--line); border-radius: 13px; background: #fff; display: grid; align-content: center; gap: 8px; }
.finance-kpi.primary { border-color: #b8cabf; background: linear-gradient(145deg,#edf4ef,#fff); }
.finance-kpi.warning { border-color: #e6d6d0; background: #fbf5f2; }
.finance-kpi.positive { border-color: #c7d9cd; background: #f2f7f3; }
.finance-kpi span { color: var(--muted); font-size: 8px; }
.finance-kpi strong { color: var(--forest-900); font-size: 20px; line-height: 1.1; }
.finance-kpi.warning strong { color: var(--finance-red); }
.finance-kpi small { color: #89948d; font-size: 7px; line-height: 1.5; }
.finance-two-column { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(320px,.85fr); gap: 12px; }
.finance-trend-panel { min-width: 0; }
.finance-line-svg { width: 100%; height: auto; min-height: 235px; overflow: visible; }
.finance-grid line { stroke: #e5e9e5; stroke-width: 1; }
.finance-grid text, .finance-axis-labels text, .finance-legend text { fill: #748078; font-size: 9px; }
.finance-zero-line { stroke: #b9c1bb; stroke-width: 1.5; stroke-dasharray: 4 4; }
.finance-chart-empty { min-height: 190px; border-radius: 10px; background: #f5f7f4; color: var(--muted); display: grid; place-items: center; font-size: 10px; }
.finance-bar-list { display: grid; gap: 8px; }
.finance-bar-row { min-height: 34px; display: grid; grid-template-columns: 25px minmax(110px,.8fr) minmax(100px,1.1fr) 90px; align-items: center; gap: 8px; }
.finance-bar-row > span { color: #9aa49e; font-size: 7px; }
.finance-bar-row > b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 8px; }
.finance-bar-row > div { height: 7px; border-radius: 99px; background: #edf0ec; overflow: hidden; }
.finance-bar-row i { height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--forest-700),#9a7840); display: block; }
.finance-bar-row strong { color: var(--forest-900); font-size: 8px; text-align: right; }
.finance-quality-panel ul { margin: 0; padding-left: 18px; display: grid; gap: 9px; }
.finance-quality-panel li { color: #59675f; font-size: 8px; line-height: 1.65; }
.finance-compare-controls { padding: 16px 19px; display: grid; grid-template-columns: minmax(260px,1fr) auto auto; align-items: center; gap: 18px; }
.finance-compare-controls h2, .finance-cash-range h2, .finance-fiscal-control h2, .finance-month-control h2 { margin: 5px 0; font-size: 15px; }
.finance-compare-controls p, .finance-cash-range p, .finance-fiscal-control p { margin: 0; color: var(--muted); font-size: 8px; line-height: 1.6; }
.finance-compare-controls fieldset { margin: 0; padding: 8px 11px 10px; border: 1px solid #dce2dd; border-radius: 10px; display: grid; grid-template-columns: repeat(2,145px); gap: 7px; }
.finance-compare-controls legend { padding: 0 5px; color: var(--finance-gold); font-size: 8px; font-weight: 700; }
.finance-compare-controls label, .finance-cash-range label, .finance-fiscal-control label, .finance-month-control label { color: var(--muted); font-size: 7px; display: grid; gap: 5px; }
.finance-compare-controls select, .finance-cash-range select, .finance-fiscal-control select, .finance-month-control select { min-width: 125px; height: 34px; border: 1px solid #d6ddd7; border-radius: 8px; background: #fff; color: var(--ink); font-size: 8px; }
.finance-compare-table th, .finance-compare-table td { white-space: nowrap; }
.finance-revenue-basis { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
.finance-revenue-basis article { min-height: 105px; padding: 17px; border: 1px solid var(--line); border-radius: 13px; background: #fff; display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: center; gap: 13px; }
.finance-revenue-basis article > span { width: 34px; height: 34px; border-radius: 9px; background: #edf2ee; color: var(--forest-800); display: grid; place-items: center; font-size: 8px; font-weight: 800; }
.finance-revenue-basis h2 { margin: 0 0 5px; font-size: 13px; }
.finance-revenue-basis p { margin: 0; color: var(--muted); font-size: 8px; line-height: 1.6; }
.finance-month-control, .finance-cash-range, .finance-fiscal-control { padding: 15px 18px; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.finance-cash-range { display: grid; grid-template-columns: minmax(300px,1fr) 160px 160px; }
.finance-settlement-note { min-height: 90px; padding: 17px 20px; border: 1px solid #ddd8c8; border-radius: 13px; background: linear-gradient(125deg,#f8f5e9,#fbfcf9); display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.finance-settlement-note b { font-size: 11px; }
.finance-settlement-note p { max-width: 720px; margin: 6px 0 0; color: var(--muted); font-size: 8px; line-height: 1.6; }
.finance-settlement-note > span { color: var(--finance-gold); font-size: 9px; font-weight: 700; white-space: nowrap; }
.finance-summary-hero { min-height: 160px; padding: 25px 28px; border-radius: 15px; background: linear-gradient(120deg,#173e31 0%,#315f4b 60%,#7f7048 100%); color: #fff; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.finance-summary-hero h2 { margin: 8px 0; max-width: 720px; font-size: 22px; }
.finance-summary-hero p { max-width: 760px; margin: 0; color: #dbe5de; font-size: 9px; line-height: 1.7; }
.finance-summary-hero .eyebrow { color: #d7c799; }
.finance-insight-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
.finance-insight { min-height: 145px; padding: 20px; border: 1px solid var(--line); border-radius: 13px; background: #fff; display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 14px; }
.finance-insight > span { width: 32px; height: 32px; border-radius: 9px; background: #eef2ee; color: var(--forest-800); display: grid; place-items: center; font-size: 8px; font-weight: 800; }
.finance-insight.warning { border-color: #e2d1ca; background: #fffaf7; }
.finance-insight small { color: var(--muted); font-size: 8px; }
.finance-insight strong { margin: 7px 0; color: var(--forest-900); font-size: 18px; display: block; }
.finance-insight p { margin: 0; color: #55645b; font-size: 9px; line-height: 1.65; }
.finance-report-outline ol { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 9px; }
.finance-report-outline li { min-height: 130px; padding: 14px; border-radius: 10px; background: #f4f6f2; display: grid; align-content: start; gap: 11px; }
.finance-report-outline li > span { width: 26px; height: 26px; border-radius: 7px; background: var(--forest-900); color: #fff; display: grid; place-items: center; font-size: 7px; font-weight: 800; }
.finance-report-outline b { font-size: 9px; }
.finance-report-outline p { margin: 7px 0 0; color: var(--muted); font-size: 8px; line-height: 1.55; }

.performance-detail-head { margin-bottom: 16px; padding: 14px; border-radius: 11px; background: #f4f6f2; display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 12px; }
.performance-detail-head p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.6; }
.performance-detail-module { margin-top: 12px; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; }
.performance-detail-module > header { padding: 13px 15px; background: #f0f3ef; display: flex; align-items: center; justify-content: space-between; }
.performance-detail-module h3 { margin: 0; font-size: 13px; }
.performance-detail-module header b { color: var(--forest-700); font-size: 10px; }
.performance-detail-items { display: grid; }
.performance-detail-items > div { padding: 14px 15px; border-top: 1px solid #edf0ed; display: grid; grid-template-columns: minmax(180px,.8fr) 48px minmax(220px,1.2fr); align-items: start; gap: 12px; }
.performance-detail-items > div:first-child { border-top: 0; }
.performance-detail-items span { display: grid; gap: 5px; }
.performance-detail-items span b { font-size: 10px; }
.performance-detail-items span small { color: var(--muted); font-size: 8px; }
.performance-detail-items em { color: #8e713e; font-size: 9px; font-style: normal; font-weight: 700; }
.performance-detail-items p { margin: 0; color: #55645b; font-size: 9px; line-height: 1.65; }

.knowledge-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
.knowledge-search { padding: 14px 17px; border: 1px solid var(--line); border-radius: 12px; background: white; display: grid; grid-template-columns: 100px minmax(0,1fr); align-items: center; }
.knowledge-search input { border: 0; background: transparent; }
.knowledge-search input:focus { box-shadow: none; }
.knowledge-card { min-height: 145px; padding: 20px; border: 1px solid var(--line); border-radius: 13px; background: white; display: grid; grid-template-columns: 45px 1fr; gap: 14px; color: var(--ink); text-align: left; cursor: pointer; }
.knowledge-card:hover { border-color: var(--forest-700); box-shadow: 0 10px 25px rgba(22,48,37,.06); }
.knowledge-card > span { width: 42px; height: 42px; border-radius: 11px; background: var(--sage); color: var(--forest-800); display: grid; place-items: center; font-weight: 800; }
.knowledge-card h2 { margin: 2px 0 8px; font-size: 15px; }
.knowledge-card p { margin: 0; color: var(--muted); font-size: 10px; line-height: 1.6; }
.knowledge-card small { display: block; margin-top: 16px; color: var(--forest-700); }
.knowledge-note { padding: 24px 28px; border-radius: 14px; background: var(--ivory); display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 30px; }
.knowledge-note span { color: var(--gold); font-size: 9px; }
.knowledge-note h2 { margin: 7px 0 0; font-size: 20px; }
.knowledge-note p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.75; }

.product-library-page { gap: 18px; }
.product-summary-strip { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.product-summary-strip article { min-height: 104px; padding: 19px 21px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); display: grid; grid-template-columns: 1fr auto; align-items: end; box-shadow: 0 6px 18px rgba(22,48,37,.025); }
.product-summary-strip span { color: var(--muted); font-size: 11px; }
.product-summary-strip strong { grid-row: 1 / span 2; grid-column: 2; color: var(--forest-900); font-size: 30px; }
.product-summary-strip small { color: #8b9790; font-size: 9px; }
.product-summary-strip .attention { border-color: #dfcfab; background: #fbf8f0; }
.product-summary-strip .attention strong { color: #956d31; }
.product-business-tabs { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.product-business-tabs button { min-height: 82px; padding: 16px 18px; border: 1px solid var(--line); border-radius: 13px; background: var(--panel); color: var(--ink); display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 4px 12px; text-align: left; cursor: pointer; }
.product-business-tabs button span { font-size: 15px; font-weight: 700; }
.product-business-tabs button b { padding: 6px 9px; border-radius: 8px; background: var(--panel-muted); color: var(--muted); font-size: 10px; }
.product-business-tabs button small { color: var(--muted); font-size: 9px; }
.product-business-tabs button.active { border-color: #bfcfc5; background: linear-gradient(135deg,#fff,#edf4ef); box-shadow: 0 10px 24px rgba(22,48,37,.07); }
.product-business-tabs button.active b { background: var(--forest-800); color: #fff; }
.product-browser { display: grid; grid-template-columns: 220px minmax(0,1fr); gap: 14px; align-items: start; }
.product-series-panel { position: sticky; top: 95px; padding: 20px 14px; border: 1px solid var(--line); border-radius: 15px; background: var(--panel); display: grid; gap: 6px; }
.product-series-panel h2 { margin: 4px 7px 12px; font-size: 18px; }
.product-series-panel > span { margin-left: 7px; }
.product-series-panel button { min-height: 42px; padding: 0 12px; border: 1px solid transparent; border-radius: 9px; background: transparent; color: var(--muted); display: flex; align-items: center; justify-content: space-between; text-align: left; cursor: pointer; }
.product-series-panel button b { font-size: 9px; }
.product-series-panel button:hover, .product-series-panel button.active { border-color: var(--line); background: var(--panel-muted); color: var(--forest-900); font-weight: 700; }
.product-browser-main { min-width: 0; }
.product-browser-main > header { margin-bottom: 13px; display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; }
.product-browser-main h2 { margin: 5px 0 0; font-size: 22px; }
.product-filters { display: flex; gap: 8px; }
.product-filters input, .product-filters select { min-height: 40px; padding: 0 12px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel); color: var(--ink); }
.product-filters input { width: min(330px,35vw); }
.product-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }
.product-card { min-width: 0; padding: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: var(--panel); color: var(--ink); text-align: left; cursor: pointer; box-shadow: 0 7px 20px rgba(22,48,37,.035); transition: .18s ease; }
.product-card:hover { border-color: #b7c8bd; transform: translateY(-2px); box-shadow: 0 16px 32px rgba(22,48,37,.09); }
.product-card-image { position: relative; height: 230px; padding: 15px; background: linear-gradient(145deg,#f7f8f4,#eef2ed); display: grid; place-items: center; overflow: hidden; }
.product-card-image img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.product-card-image > span { width: 76px; height: 108px; border-radius: 14px 14px 24px 24px; background: linear-gradient(145deg,#b8c8bc,#2c5c49); color: white; display: grid; place-items: center; font-size: 30px; box-shadow: 0 22px 34px rgba(22,48,37,.18); }
.product-card-image em { position: absolute; top: 13px; right: 13px; padding: 6px 9px; border-radius: 9px; background: rgba(255,255,255,.86); color: var(--forest-800); font-size: 9px; font-style: normal; backdrop-filter: blur(7px); }
.product-card-copy { padding: 17px; }
.product-card-copy small { color: var(--gold); font-size: 9px; }
.product-card-copy h2 { margin: 7px 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; }
.product-card-copy p { height: 36px; margin: 0; overflow: hidden; color: var(--muted); font-size: 10px; line-height: 1.7; }
.product-card-copy footer { margin-top: 15px; padding-top: 12px; border-top: 1px solid var(--line); display: flex; align-items: center; gap: 11px; color: var(--muted); font-size: 9px; }
.product-card-copy footer b { margin-left: auto; color: var(--forest-700); }
.product-empty { min-height: 280px; padding: 30px; display: grid; place-items: center; align-content: center; text-align: center; }
.product-empty > span { width: 54px; height: 54px; border-radius: 15px; background: var(--sage); color: var(--forest-800); display: grid; place-items: center; font-weight: 800; }
.product-empty h3, .product-empty h2 { margin: 15px 0 5px; }
.product-empty p { margin: 0; color: var(--muted); font-size: 10px; }
.product-grid-empty { grid-column: 1 / -1; border: 1px dashed var(--line); border-radius: 15px; background: var(--panel); }
.product-detail-hero { min-height: 250px; padding: 28px; border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(125deg,#f1f3ed,#fff 70%); display: grid; grid-template-columns: 210px minmax(0,1fr) auto; align-items: center; gap: 28px; position: relative; }
.product-back { position: absolute; left: 22px; top: 18px; border: 0; background: transparent; color: var(--forest-700); cursor: pointer; }
.product-detail-image { height: 190px; margin-top: 17px; border-radius: 14px; background: #fff; display: grid; place-items: center; overflow: hidden; }
.product-detail-image img { width: 100%; height: 100%; object-fit: contain; }
.product-detail-image span { width: 72px; height: 110px; border-radius: 15px 15px 25px 25px; background: linear-gradient(145deg,#b9c9be,#285d49); color: white; display: grid; place-items: center; font-size: 30px; }
.product-detail-copy h1 { margin: 9px 0 7px; font-size: clamp(27px,3vw,40px); }
.product-detail-copy > p { margin: 0 0 18px; color: var(--muted); }
.product-detail-copy > div { display: flex; align-items: center; gap: 12px; color: var(--muted); font-size: 10px; }
.product-detail-actions { display: flex; align-self: end; gap: 8px; }
.product-tabs { padding: 8px; border: 1px solid var(--line); border-radius: 13px; background: var(--panel); display: flex; gap: 5px; overflow-x: auto; }
.product-tabs button { flex: none; min-height: 38px; padding: 0 13px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--muted); cursor: pointer; }
.product-tabs button.active { border-color: var(--line); background: var(--panel-muted); color: var(--forest-900); font-weight: 700; }
.product-overview-grid { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(280px,.65fr); gap: 13px; }
.product-intro-card h2 { margin: 9px 0 8px; font-size: 24px; }
.product-intro-card > p { color: var(--muted); line-height: 1.8; }
.product-intro-card dl { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.product-intro-card dl div { padding: 13px; border-radius: 10px; background: var(--panel-muted); }
.product-intro-card dt { color: var(--muted); font-size: 9px; }
.product-intro-card dd { margin: 6px 0 0; font-size: 12px; }
.product-progress-card { display: grid; align-content: center; }
.product-progress-card strong { margin: 16px 0; color: var(--forest-900); font-size: 48px; }
.product-progress-card > div { height: 8px; border-radius: 4px; background: var(--line); overflow: hidden; }
.product-progress-card i { height: 100%; border-radius: inherit; background: var(--forest-700); display: block; }
.product-progress-card p { color: var(--muted); font-size: 10px; line-height: 1.7; }
.product-record-panel { padding: 0; overflow: hidden; }
.product-record-panel .panel-head { padding: 20px 21px 5px; }
.product-record-panel td .text-button + .text-button { margin-left: 12px; }
.danger-text { color: var(--danger) !important; }
.product-qualification-note p { color: var(--muted); }
.product-assets-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.product-asset-group { min-width: 0; padding: 17px; border: 1px solid var(--line); border-radius: 14px; background: var(--panel); }
.product-asset-group > header { margin-bottom: 13px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.product-asset-group > header div { display: grid; gap: 4px; }
.product-asset-group > header span { font-weight: 700; }
.product-asset-group > header small { color: var(--muted); font-size: 9px; }
.asset-current { min-height: 86px; padding: 10px; border-radius: 11px; background: var(--panel-muted); display: grid; grid-template-columns: 68px minmax(0,1fr) auto; align-items: center; gap: 12px; }
.asset-preview { width: 68px; height: 68px; border-radius: 9px; background: #fff; display: grid; place-items: center; overflow: hidden; }
.asset-preview img { width: 100%; height: 100%; object-fit: contain; }
.asset-preview span { color: var(--forest-700); font-size: 10px; font-weight: 800; }
.asset-current > div:nth-child(2) { min-width: 0; display: grid; gap: 4px; }
.asset-current b, .asset-current p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.asset-current small, .asset-current p { margin: 0; color: var(--muted); font-size: 9px; }
.asset-actions { display: grid; gap: 7px; text-align: right; }
.asset-pending { margin-top: 9px; padding: 9px 10px; border: 1px solid #e6dcc4; border-radius: 10px; background: #fcf9f1; display: flex; align-items: center; gap: 10px; }
.asset-pending div { min-width: 0; flex: 1; display: grid; gap: 3px; }
.asset-pending small { color: var(--muted); font-size: 8px; }
.product-inline-empty { padding: 20px; border-radius: 10px; background: var(--panel-muted); color: var(--muted); text-align: center; font-size: 10px; }
.product-history-layout { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.product-version-list, .product-audit-list { max-height: 540px; overflow-y: auto; display: grid; gap: 8px; }
.product-version-list article { padding: 12px; border: 1px solid var(--line); border-radius: 10px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.product-version-list article div { min-width: 0; display: grid; gap: 4px; }
.product-version-list span, .product-version-list small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--muted); font-size: 9px; }
.product-audit-list article { padding: 11px 12px; border-left: 3px solid var(--sage); background: var(--panel-muted); display: grid; grid-template-columns: 1fr auto; gap: 4px 10px; }
.product-audit-list span { color: var(--forest-800); font-weight: 700; }
.product-audit-list small { color: var(--muted); font-size: 8px; }
.product-audit-list p { grid-column: 1 / -1; margin: 3px 0 0; color: var(--muted); font-size: 9px; }
.product-record-form textarea { min-height: 82px; resize: vertical; }
.form-span-two { grid-column: 1 / -1; }
.modal-form-actions { display: flex; justify-content: flex-end; gap: 8px; }
.import-preview-card { margin-top: 12px; padding: 14px; border: 1px solid #bfd0c4; border-radius: 12px; background: #f5f8f5; }
.import-preview-card > header { display: flex; justify-content: space-between; }
.import-preview-card > header span { color: var(--muted); font-size: 9px; }
.import-preview-card > div { margin: 12px 0; max-height: 280px; overflow-y: auto; display: grid; gap: 6px; }
.import-preview-card article { padding: 8px 10px; border-radius: 8px; background: #fff; display: grid; grid-template-columns: 1fr repeat(4,auto); gap: 10px; align-items: center; font-size: 9px; }
.import-preview-card article em { color: var(--forest-700); font-style: normal; }

.materials-layout { min-height: 650px; display: grid; grid-template-columns: 330px minmax(0,1fr); gap: 12px; }
.file-browser, .preview-panel { padding: 0; overflow: hidden; }
.file-search { padding: 13px; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 1fr auto; gap: 7px; }
.file-search button { border: 1px solid var(--line); border-radius: 8px; background: white; color: var(--forest-700); cursor: pointer; font-size: 10px; }
.file-count { padding: 9px 14px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 9px; }
.tree-panel { max-height: 585px; padding: 9px 0 20px; overflow: auto; }
.tree-row { width: 100%; min-height: 34px; padding-block: 6px; padding-right: 12px; border: 0; background: transparent; display: grid; grid-template-columns: 17px minmax(0,1fr); align-items: center; gap: 6px; color: var(--ink); text-align: left; cursor: pointer; }
.tree-row:hover { background: #f0f4f0; color: var(--forest-800); }
.tree-row > span { color: var(--gold); font-size: 10px; }
.tree-row b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; font-weight: 500; }
.preview-head { min-height: 82px; padding: 16px 19px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.preview-head h2 { margin: 5px 0 3px; font-size: 15px; }
.preview-head p { margin: 0; color: var(--muted); font-size: 9px; }
.empty-view { min-height: 430px; padding: 30px; display: grid; place-items: center; align-content: center; text-align: center; }
.empty-view.compact { min-height: 180px; }
.empty-view > span { width: 52px; height: 52px; border-radius: 15px; background: var(--sage); color: var(--forest-800); display: grid; place-items: center; font-weight: 800; }
.empty-view h2 { margin: 15px 0 5px; font-size: 16px; }
.empty-view p { max-width: 420px; margin: 0; color: var(--muted); font-size: 10px; line-height: 1.7; }
.text-preview { max-height: 570px; margin: 0; padding: 22px; overflow: auto; white-space: pre-wrap; color: #34453d; font-family: "SFMono-Regular", Consolas, monospace; font-size: 11px; line-height: 1.8; }
.media-preview { padding: 20px; display: grid; place-items: center; }
.media-preview img { max-width: 100%; max-height: 560px; object-fit: contain; }
.pdf-preview { width: 100%; min-height: 565px; border: 0; }
.excel-loading { min-height: 340px; display: grid; place-items: center; align-content: center; gap: 12px; color: var(--muted); font-size: 10px; }
.spinner { width: 28px; height: 28px; border: 3px solid var(--sage); border-top-color: var(--forest-800); border-radius: 50%; animation: spin .7s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.sheet-tabs { padding: 10px 15px; display: flex; gap: 6px; overflow: auto; }
.sheet-tabs span { padding: 7px 10px; border-radius: 7px; background: #f0f2ef; color: var(--muted); font-size: 9px; }
.sheet-tabs span.active { background: var(--forest-900); color: white; }
.excel-scroll { max-height: 520px; overflow: auto; border-top: 1px solid var(--line); }
.excel-table { width: max-content; min-width: 100%; font-size: 10px; }
.excel-table th, .excel-table td { min-width: 90px; max-width: 280px; padding: 6px 8px; border: 1px solid #e8ece8; overflow: hidden; text-overflow: ellipsis; }
.excel-table th { min-width: 38px; background: #f1f4f1; color: var(--muted); text-align: center; }

.settings-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }
.setting-card { min-height: 115px; display: grid; grid-template-columns: 43px minmax(0,1fr) auto; align-items: center; gap: 14px; }
.setting-icon { width: 42px; height: 42px; border-radius: 11px; background: var(--sage); color: var(--forest-800); display: grid; place-items: center; font-weight: 800; }
.setting-card h2 { margin: 0 0 5px; font-size: 14px; }
.setting-card p { margin: 0; color: var(--muted); font-size: 10px; }

.modal-backdrop { position: fixed; inset: 0; z-index: 100; padding: 25px; background: rgba(4,24,17,.58); display: grid; place-items: center; }
.modal { width: min(760px,100%); max-height: calc(100vh - 50px); border-radius: 16px; background: white; box-shadow: 0 28px 80px rgba(0,0,0,.25); overflow: hidden; display: flex; flex-direction: column; }
.modal header { padding: 19px 22px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; }
.modal header h2 { margin: 5px 0 0; font-size: 19px; }
.modal header button { width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 9px; background: white; color: var(--muted); cursor: pointer; font-size: 20px; }
.modal-body { padding: 21px 22px 25px; overflow: auto; }
.payslip-modal-backdrop .modal { width: min(900px,100%); }
.payslip-modal-backdrop .modal > header { padding: 12px 22px; }
.payslip-modal-backdrop .modal > header h2 { font-size: 16px; }
.payslip-modal-backdrop .modal-body { padding: 15px; background: #eef1ed; }
.payslip-capture { padding: 17px; border-radius: 13px; background: #fff; color: var(--ink); box-shadow: 0 8px 28px rgba(21,45,34,.08); }
.payslip-brand { padding-bottom: 10px; border-bottom: 2px solid var(--forest-900); display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; }
.payslip-brand > div { display: grid; gap: 4px; }
.payslip-brand span { color: var(--forest-900); font-size: 15px; font-weight: 800; }
.payslip-brand small { color: var(--muted); font-size: 7px; letter-spacing: .12em; }
.payslip-brand > b { color: var(--forest-900); font-size: 22px; letter-spacing: .08em; }
.payslip-person { margin: 10px 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.payslip-person > div { padding: 8px 11px; border-radius: 9px; background: #f2f5f1; display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.payslip-person span { color: var(--muted); font-size: 8px; }
.payslip-person strong { color: var(--forest-900); font-size: 12px; }
.payslip-capture section { margin-top: 8px; padding: 10px; border: 1px solid #e0e6e1; border-radius: 10px; }
.payslip-section-title { margin-bottom: 7px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.payslip-section-title span { color: var(--ink); font-size: 10px; font-weight: 700; }
.payslip-section-title small { color: var(--muted); font-size: 7px; }
.payslip-field-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 6px; }
.payslip-field-grid > span { padding: 7px 9px; border-radius: 8px; background: #f7f9f6; display: grid; gap: 4px; }
.payslip-field-grid em { color: var(--muted); font-size: 7px; font-style: normal; }
.payslip-field-grid b { color: var(--forest-900); font-size: 10px; }
.payslip-performance-section { border-color: #e5deca !important; background: #fffdf8; }
.payslip-performance-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.payslip-performance-grid > span { background: #faf6ea; }
.payslip-total { margin-top: 9px; padding: 10px 15px; border-radius: 10px; background: var(--forest-900); color: #fff; display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.payslip-total span { color: #dbe7df; font-size: 9px; }
.payslip-total strong { font-size: 18px; }
.payslip-capture footer { margin-top: 7px; color: var(--muted); font-size: 7px; display: flex; justify-content: space-between; gap: 12px; }
.payslip-tip { margin: 8px 2px 0; padding: 8px 10px; border-radius: 8px; background: #fff; display: flex; align-items: center; gap: 10px; }
.payslip-tip span { padding: 4px 7px; border-radius: 6px; background: #dce8df; color: var(--forest-800); font-size: 7px; font-weight: 700; }
.payslip-tip p { margin: 0; color: var(--muted); font-size: 8px; }
.detail-meta { display: grid; grid-template-columns: 1fr 1.5fr 1fr 1fr; gap: 8px; }
.detail-meta span { padding: 12px; border-radius: 9px; background: #f4f7f4; display: grid; gap: 5px; }
.detail-meta small { color: var(--muted); font-size: 8px; }
.detail-meta b { font-size: 10px; }
.employee-detail h3 { margin: 22px 0 10px; font-size: 14px; }
.employee-detail ul { margin: 0; padding-left: 19px; color: #3d5047; font-size: 11px; line-height: 1.8; }
.file-list { display: grid; gap: 8px; }
.file-list button { min-height: 65px; padding: 11px; border: 1px solid var(--line); border-radius: 9px; background: #fafbf9; display: grid; grid-template-columns: 28px minmax(0,1fr) auto; align-items: center; gap: 10px; color: var(--ink); text-align: left; cursor: pointer; }
.file-list button > span { color: var(--gold); }
.file-list button div { min-width: 0; display: grid; gap: 4px; }
.file-list b, .file-list small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.file-list b { font-size: 10px; }
.file-list small { color: var(--muted); font-size: 8px; }
.file-list em { color: var(--forest-700); font-size: 9px; font-style: normal; }
.toast { position: fixed; right: 25px; bottom: 25px; z-index: 200; max-width: 420px; padding: 13px 17px; border-radius: 10px; background: var(--forest-950); color: white; box-shadow: 0 16px 45px rgba(0,0,0,.22); font-size: 11px; }
.loading-view { min-height: calc(100vh - 78px); display: grid; place-items: center; align-content: center; color: var(--muted); }
.loading-view span { width: 54px; height: 54px; border-radius: 15px; background: var(--forest-900); color: white; display: grid; place-items: center; font-size: 21px; }

@media (max-width: 1100px) {
  .metric-grid { grid-template-columns: repeat(2,1fr); }
  .hr-tabs, .hr-metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .payroll-overview-grid { grid-template-columns: 1fr; }
  .payroll-top-grid { grid-template-columns: 1fr; }
  .payroll-dashboard-grid { grid-template-columns: 1fr; }
  .employee-pay-summary-v3 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .employee-pay-summary-v3 > div, .employee-pay-summary-v3 .twelve-month-card { grid-column: auto; }
  .payroll-same-period-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .finance-tabs { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .finance-kpi-grid, .finance-kpi-grid.compact { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .finance-two-column { grid-template-columns: 1fr; }
  .finance-report-outline ol { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .finance-compare-controls { grid-template-columns: 1fr; }
  .dashboard-columns, .processing-layout { grid-template-columns: 1fr; }
  .inventory-summary { grid-template-columns: 1fr; }
  .inventory-amount-grid, .inventory-comparison-grid, .inventory-visual-grid { grid-template-columns: 1fr; }
  .expiry-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .inventory-sheet-guide { grid-template-columns: 1fr; }
  .month-grid { grid-template-columns: repeat(4,1fr); }
  .payroll-grid { grid-template-columns: 1fr; }
  .materials-layout { grid-template-columns: 280px minmax(0,1fr); }
}
@media (max-width: 820px) {
  .app-shell { display: block; }
  .app-sidebar { position: static; width: auto; min-height: auto; }
  .main-nav { grid-template-columns: repeat(2,1fr); }
  .finance-tabs { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .finance-kpi-grid, .finance-kpi-grid.compact, .finance-revenue-basis, .finance-insight-grid { grid-template-columns: 1fr; }
  .finance-report-outline ol { grid-template-columns: 1fr; }
  .finance-cash-range, .finance-compare-controls fieldset { grid-template-columns: 1fr; }
  .finance-month-control, .finance-fiscal-control, .finance-summary-hero, .finance-settlement-note { align-items: stretch; flex-direction: column; }
  .nav-label, .sidebar-status { grid-column: 1 / -1; }
  .app-main { min-width: 0; }
  .topbar { position: static; padding: 0 18px; }
  .data-time { display: none; }
  .page { padding: 18px; }
  .page-hero { align-items: flex-start; flex-direction: column; }
  .hr-module-launcher-head { align-items: flex-start; flex-direction: column; }
  .hr-module-launcher-head p { max-width: none; text-align: left; }
  .payroll-month-metric-grid { grid-template-columns: 1fr; }
  .employee-pay-components { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .payroll-record-grid, .payslip-field-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .knowledge-grid, .settings-grid { grid-template-columns: 1fr; }
  .performance-plan-grid, .future-payroll-grid { grid-template-columns: 1fr; }
  .payroll-comparison-guide { grid-template-columns: 1fr; }
  .performance-rule-panel { grid-template-columns: 1fr; }
  .performance-detail-head { grid-template-columns: auto minmax(0,1fr); }
  .performance-detail-head .button { grid-column: 1 / -1; }
  .performance-detail-items > div { grid-template-columns: minmax(160px,1fr) 46px; }
  .performance-detail-items p { grid-column: 1 / -1; }
  .knowledge-note { grid-template-columns: 1fr; }
  .history-strip { grid-template-columns: 1fr; }
  .materials-layout { grid-template-columns: 1fr; }
  .tree-panel { max-height: 350px; }
  .detail-meta { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 560px) {
  .main-nav { grid-template-columns: 1fr; }
  .metric-grid, .metric-grid.three, .metric-grid.two, .form-grid { grid-template-columns: 1fr; }
  .hr-tabs, .hr-metric-grid, .performance-rule-grid { grid-template-columns: 1fr; }
  .performance-plan-card header { grid-template-columns: 42px minmax(0,1fr); }
  .performance-plan-card header .badge { grid-column: 1 / -1; }
  .company-cost-row { grid-template-columns: 28px minmax(90px,1fr) 82px; }
  .company-cost-row > small { display: none; }
  .employee-pay-summary, .employee-pay-components, .payroll-same-period-grid { grid-template-columns: 1fr; }
  .payroll-control-head, .subpanel-title { align-items: flex-start; flex-direction: column; }
  .payroll-control-head label, .payroll-control-head select, .payroll-detail-picker, .payroll-detail-picker select { width: 100%; }
  .payroll-custom-range { grid-template-columns: 1fr; align-items: stretch; }
  .payroll-custom-range i { padding: 0; text-align: center; }
  .employee-pay-row { grid-template-columns: 25px minmax(80px,1fr) 78px; }
  .employee-pay-row > small { display: none; }
  .payroll-employee-picker { width: 100%; grid-template-columns: 1fr; }
  .payroll-employee-month-picker { width: 100%; display: grid; grid-template-columns: 1fr; }
  .payroll-employee-month-picker select { width: 100%; }
  .payroll-record-head, .payroll-section-title, .payslip-brand, .payslip-capture footer { align-items: flex-start; flex-direction: column; }
  .payroll-record-grid, .payslip-field-grid, .payslip-person { grid-template-columns: 1fr; }
  .future-payroll-grid article { grid-template-columns: 36px minmax(0,1fr); }
  .future-payroll-grid .badge { grid-column: 1 / -1; }
  .inventory-category-grid { grid-template-columns: 1fr; }
  .expiry-grid { grid-template-columns: 1fr; }
  .expiry-meta { align-items: flex-start; flex-direction: column; }
  .hero-actions { justify-content: flex-start; }
  .product-bar-row { grid-template-columns: 22px minmax(100px,1fr) 70px; }
  .product-bar-track { display: none; }
  .amount-ranking-panel .panel-head { align-items: flex-start; flex-direction: column; }
  .ranking-sort { width: 100%; justify-content: space-between; }
  .ranking-sort select { min-width: 0; flex: 1; }
  .amount-ranking-head { display: none; }
  .amount-rank-row { grid-template-columns: 24px minmax(120px,1fr) 92px; gap: 8px; }
  .amount-rank-quantity, .amount-rank-track { display: none; }
  .month-grid { grid-template-columns: repeat(2,1fr); }
  .page-hero { min-height: 190px; padding: 25px; }
  .detail-meta { grid-template-columns: 1fr; }
}

/* 云端登录与账号权限 */
.auth-gate {
  position: fixed;
  inset: 0;
  z-index: 10000;
  padding: 24px;
  background:
    radial-gradient(circle at 18% 8%, rgba(122,155,145,.32), transparent 34%),
    linear-gradient(135deg, #183a32 0%, #274e45 48%, #e8ebe5 48%, #f5f3ec 100%);
  display: grid;
  place-items: center;
}
.auth-card { width: min(470px,100%); padding: 34px; border: 1px solid rgba(255,255,255,.72); border-radius: 22px; background: rgba(255,255,255,.96); box-shadow: 0 30px 90px rgba(19,43,36,.26); }
.auth-brand { padding-bottom: 22px; border-bottom: 1px solid #e4e8e5; display: flex; align-items: center; gap: 12px; }
.auth-brand > span { width: 42px; height: 42px; border-radius: 13px; background: #234f43; color: #fff; display: grid; place-items: center; font-weight: 800; }
.auth-brand > div { display: grid; gap: 4px; }
.auth-brand b { color: #203a33; font-size: 15px; }
.auth-brand small { color: #89938f; font-size: 10px; }
.auth-copy { margin: 26px 0 22px; }
.auth-copy > span { color: #9a7840; font-size: 9px; font-weight: 800; letter-spacing: .14em; }
.auth-copy h1 { margin: 7px 0 9px; color: #1f3d35; font-size: 28px; }
.auth-copy p { margin: 0; color: #73807b; font-size: 11px; line-height: 1.7; }
.auth-card form { display: grid; gap: 14px; }
.auth-card label, .user-create-panel label { display: grid; gap: 7px; }
.auth-card label span, .user-create-panel label span { color: #52635e; font-size: 10px; font-weight: 700; }
.auth-card input, .user-create-panel input { height: 44px; padding: 0 13px; border: 1px solid #d9e0dc; border-radius: 10px; background: #fbfcfa; color: #243a34; outline: none; }
.auth-card input:focus, .user-create-panel input:focus { border-color: #7fa095; box-shadow: 0 0 0 3px rgba(83,124,111,.1); }
.auth-card form > button { min-height: 44px; margin-top: 3px; }
.auth-error { min-height: 16px; margin: 0; color: #a34f49; font-size: 10px; line-height: 1.5; }
.auth-switch-link { display: flex; min-height: 40px; margin-top: 14px; align-items: center; justify-content: center; border: 1px solid #dce3df; border-radius: 10px; color: #31594e; font-size: 11px; font-weight: 700; text-decoration: none; transition: .18s ease; }
.auth-switch-link:hover { border-color: #8da79e; background: #f4f7f5; }
.auth-card footer { margin-top: 22px; padding-top: 17px; border-top: 1px solid #e7ebe8; color: #929b97; font-size: 9px; text-align: center; }
.user-admin-panel, .user-create-panel { padding: 24px; }
.user-list { display: grid; gap: 9px; }
.user-list article { padding: 13px 15px; border: 1px solid #e0e6e2; border-radius: 12px; background: #fbfcfa; display: grid; grid-template-columns: 36px 1fr auto; align-items: center; gap: 12px; }
.user-list article > i { width: 36px; height: 36px; border-radius: 10px; background: #e7efeb; color: #2d5b4f; display: grid; place-items: center; font-style: normal; font-weight: 800; }
.user-list article > div { display: grid; gap: 4px; }
.user-list article b { font-size: 11px; }
.user-list article small { color: #7d8985; font-size: 9px; }
.user-list article > span { padding: 5px 8px; border-radius: 8px; background: #eaf3ed; color: #3e725a; font-size: 8px; }
.user-create-panel { display: grid; grid-template-columns: minmax(240px,.8fr) minmax(360px,1.2fr); gap: 34px; }
.user-create-panel h2 { margin: 7px 0 10px; font-size: 20px; }
.user-create-panel > div p { color: #71807a; font-size: 10px; line-height: 1.8; }
.user-create-panel form { display: grid; gap: 13px; }

@media (max-width: 720px) {
  .auth-gate { padding: 12px; background: #edf0eb; }
  .auth-card { padding: 25px 21px; }
  .user-create-panel { grid-template-columns: 1fr; }
}

/* 帝益企业运营平台统一外壳 v1.0.21 */
.app-shell { grid-template-columns: 282px minmax(0, 1fr); }
.app-sidebar {
  width: 282px;
  padding: 18px 14px 14px;
  border-right-color: #dfe3e6;
  background:
    radial-gradient(circle at 10% 0%, rgba(197,210,206,.3), transparent 34%),
    linear-gradient(180deg, #fafaf8 0%, #f1f2f0 100%);
  box-shadow: 14px 0 38px rgba(30,42,46,.045);
}
.brand { min-height: 70px; padding: 0 10px 16px; border-bottom-color: #dfe3e3; }
.brand-mark {
  width: 43px;
  height: 43px;
  border: 0;
  border-radius: 13px;
  background: linear-gradient(145deg, #264f47 0%, #52756c 100%);
  box-shadow: 0 10px 24px rgba(42,79,70,.18);
}
.brand h1 { font-size: 15px; letter-spacing: .02em; }
.brand p { margin-top: 4px; color: #87918e; font-size: 9px; letter-spacing: .08em; }
.main-nav {
  margin-top: 6px;
  padding: 0 4px 18px 0;
  gap: 3px;
  scrollbar-width: thin;
  scrollbar-color: #d1d7d5 transparent;
}
.nav-label { margin: 13px 9px 5px; color: #8b9493; font-size: 9px; letter-spacing: .12em; }
.nav-label::after { background: #e0e4e3; }
.nav-item {
  min-height: 40px;
  padding: 0 9px;
  border-radius: 11px;
  background: transparent;
  color: #50605d;
  grid-template-columns: 30px minmax(0,1fr) auto;
  gap: 9px;
}
.nav-item i {
  width: 29px;
  height: 29px;
  border: 1px solid #e1e5e3;
  border-radius: 9px;
  background: rgba(255,255,255,.72);
  color: #677572;
  font-size: 10px;
  font-weight: 700;
}
.nav-item span { font-size: 11px; font-weight: 500; }
.nav-item em {
  padding: 3px 6px;
  border: 1px solid #e6dfcf;
  border-radius: 7px;
  background: #faf6ed;
  color: #9b865f;
  font-size: 7px;
  font-style: normal;
  letter-spacing: .04em;
}
.nav-item:hover { border-color: #dfe4e2; background: rgba(255,255,255,.9); transform: translateX(1px); }
.nav-item.active {
  border-color: #d8dfdc;
  background: #fff;
  color: #234c43;
  box-shadow: 0 8px 22px rgba(34,65,57,.08);
  transform: translateX(2px);
}
.nav-item.active::before { left: -3px; width: 3px; height: 22px; background: #5a7e75; }
.nav-item.active i { border-color: #cfdcd7; background: #e9f0ed; color: #345e54; }
.nav-item.reserved:not(.active) { color: #78827f; }
.sidebar-status { padding: 10px 11px; border-color: #dde2e0; background: rgba(255,255,255,.76); }
.app-main { grid-column: 2; }
.topbar {
  height: 76px;
  padding: 0 32px;
  border-bottom-color: rgba(54,73,75,.1);
  background: rgba(249,249,247,.92);
  box-shadow: 0 8px 30px rgba(38,51,53,.025);
}
.topbar h2 { font-size: 19px; }
.top-actions { gap: 9px; }
.account-chip {
  min-height: 40px;
  padding: 5px 11px 5px 6px;
  border: 1px solid #dce2df;
  border-radius: 11px;
  background: #fff;
  display: flex;
  align-items: center;
  gap: 8px;
}
.account-chip > i {
  width: 28px;
  height: 28px;
  border-radius: 9px;
  background: #e8efec;
  color: #315b51;
  display: grid;
  place-items: center;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
}
.account-chip > span { display: grid; gap: 2px; }
.account-chip b { color: #2c403b; font-size: 9px; }
.account-chip small { color: #929b98; font-size: 7px; }

.workspace-entry-panel {
  padding: 19px;
  border: 1px solid #dfe4e2;
  border-radius: 15px;
  background: rgba(255,255,255,.82);
  box-shadow: 0 12px 32px rgba(34,50,48,.045);
}
.workspace-entry-head { margin-bottom: 14px; display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; }
.workspace-entry-head h2 { margin: 6px 0 0; font-size: 16px; }
.workspace-entry-head > small { color: var(--muted); font-size: 8px; }
.workspace-entry-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.workspace-entry-grid button {
  min-height: 78px;
  padding: 13px;
  border: 1px solid #e1e5e3;
  border-radius: 12px;
  background: #fafbf9;
  color: var(--ink);
  display: grid;
  grid-template-columns: 34px minmax(0,1fr) auto;
  align-items: center;
  gap: 11px;
  text-align: left;
  cursor: pointer;
  transition: .18s ease;
}
.workspace-entry-grid button:hover { border-color: #cbd8d3; background: #fff; box-shadow: 0 10px 22px rgba(39,67,59,.07); transform: translateY(-2px); }
.workspace-entry-grid button > i { width: 34px; height: 34px; border-radius: 10px; background: #e9efec; color: #315d52; display: grid; place-items: center; font-size: 11px; font-style: normal; font-weight: 800; }
.workspace-entry-grid button > span { min-width: 0; display: grid; gap: 5px; }
.workspace-entry-grid button b { font-size: 11px; }
.workspace-entry-grid button small { overflow: hidden; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.workspace-entry-grid button em { color: #7e8a86; font-size: 8px; font-style: normal; white-space: nowrap; }

.reserved-page { max-width: 1180px; }
.reserved-banner {
  min-height: 210px;
  padding: 34px 38px;
  border: 1px solid #d9dfdd;
  border-radius: 18px;
  background:
    linear-gradient(115deg, rgba(255,255,255,.96), rgba(240,243,241,.9)),
    radial-gradient(circle at 86% 20%, rgba(76,111,103,.16), transparent 30%);
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  box-shadow: 0 18px 44px rgba(37,54,52,.055);
}
.reserved-banner > div { max-width: 660px; }
.reserved-banner span { color: #71807c; font-size: 9px; letter-spacing: .12em; }
.reserved-banner strong { margin: 10px 0 12px; color: #294f47; display: block; font-size: clamp(30px,4vw,48px); }
.reserved-banner p { margin: 0; color: #687570; font-size: 11px; line-height: 1.8; }
.reserved-banner > b { color: #d9dfdc; font-size: clamp(32px,5vw,66px); letter-spacing: .04em; }
.reserved-module-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px; }
.reserved-module-list article { min-height: 112px; padding: 19px; border: 1px solid #e0e4e2; border-radius: 13px; background: #fff; display: grid; grid-template-columns: 34px minmax(0,1fr) auto; align-items: start; gap: 14px; }
.reserved-module-list article > span { width: 34px; height: 34px; border-radius: 10px; background: #f0f2f0; color: #687773; display: grid; place-items: center; font-size: 8px; font-weight: 700; }
.reserved-module-list h2 { margin: 1px 0 8px; font-size: 13px; }
.reserved-module-list p { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.65; }
.reserved-module-list em { padding: 5px 8px; border-radius: 8px; background: #f7f1e5; color: #947d52; font-size: 8px; font-style: normal; }
.reserved-principle { padding: 15px 18px; border-left: 3px solid #b5c4bf; background: #f4f6f4; display: flex; align-items: center; gap: 16px; }
.reserved-principle span { color: #315a51; font-size: 10px; font-weight: 700; white-space: nowrap; }
.reserved-principle p { margin: 0; color: #64716d; font-size: 9px; line-height: 1.7; }
.platform-boundary-card { padding: 21px 23px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.platform-boundary-card h2 { margin: 6px 0 8px; font-size: 15px; }
.platform-boundary-card p { max-width: 820px; margin: 0; color: var(--muted); font-size: 9px; line-height: 1.75; }

@media (max-width: 1120px) {
  .workspace-entry-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .account-chip { display: none; }
}
@media (max-width: 820px) {
  .app-shell { display: block; }
  .app-sidebar { position: static; width: auto; }
  .main-nav { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .reserved-module-list { grid-template-columns: 1fr; }
  .reserved-banner { min-height: 180px; padding: 26px; }
  .reserved-banner > b { display: none; }
}
@media (max-width: 560px) {
  .workspace-entry-grid, .main-nav { grid-template-columns: 1fr; }
  .workspace-entry-head, .platform-boundary-card { align-items: flex-start; flex-direction: column; }
  .workspace-entry-grid button { grid-template-columns: 34px minmax(0,1fr); }
  .workspace-entry-grid button em { display: none; }
}

/* 品牌视觉、三主题与经营总览 v1.0.24 */
:root[data-theme="light"] {
  --canvas: #f3f6f7;
  --paper: #ffffff;
  --ink: #1c2c31;
  --muted: #758189;
  --line: #e2e8eb;
  --sage: #e5f1ee;
  --ivory: #f7f8f7;
  --warm: #f7efe1;
  --shadow: 0 14px 38px rgba(37, 53, 60, .07);
}

body { transition: background-color .22s ease, color .22s ease; }
.app-shell { grid-template-columns: 260px minmax(0, 1fr); }
.app-sidebar {
  width: 260px;
  padding: 0 13px 14px;
  border-right: 1px solid #e1e7ea;
  background: #f9fbfb;
  box-shadow: 10px 0 34px rgba(27, 46, 54, .035);
}
.brand {
  min-height: 94px;
  margin: 0 -13px 8px;
  padding: 15px 18px;
  border: 0;
  background: linear-gradient(135deg, #173c33 0%, #28594c 100%);
  gap: 13px;
}
.brand > img { width: 94px; height: auto; object-fit: contain; flex: none; }
.brand h1 { color: #fff; font-size: 14px; letter-spacing: .03em; }
.brand p { color: rgba(255,255,255,.66); font-size: 8px; letter-spacing: .07em; }
.main-nav { margin-top: 0; padding-right: 2px; gap: 3px; }
.nav-label { margin: 12px 10px 4px; color: #9aa4a8; font-size: 8px; letter-spacing: .14em; }
.nav-item { min-height: 39px; border-radius: 9px; color: #526168; grid-template-columns: 29px minmax(0,1fr) auto; }
.nav-item i { width: 28px; height: 28px; border: 0; background: #eef2f3; color: #6b787d; }
.nav-item:hover { border-color: #dfe6e8; background: #fff; color: #174f54; }
.nav-item.active {
  border-color: #bee4e1;
  background: linear-gradient(90deg, #ddf4f2 0%, #edf8f7 100%);
  color: #12616a;
  box-shadow: 0 8px 18px rgba(19, 105, 111, .09);
}
.nav-item.active::before { left: -2px; width: 3px; background: #19a8a8; }
.nav-item.active i { border: 0; background: #26aaa9; color: #fff; }
.nav-item.reserved:not(.active) { color: #6e7b80; }
.sidebar-status { border-color: #e0e7e8; background: #fff; box-shadow: none; }
.app-main { grid-column: 2; background: var(--canvas); }
.topbar {
  height: 72px;
  padding: 0 30px;
  border-bottom: 1px solid #e2e8eb;
  background: rgba(255,255,255,.94);
  box-shadow: 0 7px 24px rgba(31, 48, 56, .035);
}
.topbar .eyebrow { color: #718087; font-size: 8px; letter-spacing: .08em; text-transform: none; }
.topbar h2 { margin-top: 4px; color: #22343a; font-size: 18px; }
.content-panel { min-height: calc(100vh - 72px); background: var(--canvas); }
.page { width: min(1560px, 100%); padding: 24px 30px 46px; gap: 14px; }
.panel, .metric-card, .workspace-entry-panel { border-color: #e2e8eb; box-shadow: 0 7px 22px rgba(31, 49, 57, .04); }
.page-hero {
  min-height: 134px;
  padding: 25px 30px 25px 35px;
  border-color: #e0e7e8;
  background: linear-gradient(120deg, #ffffff 0%, #f3f8f7 100%);
  box-shadow: 0 8px 28px rgba(33, 51, 58, .045);
}
.page-hero::before { background: #21a6a2; }
.page-hero::after { border-color: rgba(39,166,162,.08); box-shadow: 0 0 0 55px rgba(39,166,162,.025), 0 0 0 110px rgba(39,166,162,.016); }
.page-hero h1 { font-size: clamp(27px, 2.5vw, 38px); }
.dashboard-welcome {
  min-height: 112px;
  padding: 22px 26px;
  border: 1px solid #e0e8e9;
  border-radius: 16px;
  background:
    radial-gradient(circle at 91% 16%, rgba(36,173,169,.12), transparent 30%),
    linear-gradient(120deg, #ffffff 0%, #f1f8f7 100%);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  box-shadow: 0 10px 30px rgba(35, 55, 62, .05);
}
.dashboard-welcome h1 { margin: 7px 0 6px; color: #193d3b; font-size: clamp(26px, 3vw, 38px); }
.dashboard-welcome p { margin: 0; color: var(--muted); font-size: 10px; }
.metric-card { min-height: 122px; border-radius: 13px; background: #fff; }
.metric-card.primary { border-left-color: #20aaa7; background: linear-gradient(135deg,#fff 0%,#eef9f7 100%); }
.metric-card strong { color: #183d3b; }
.workspace-entry-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.workspace-entry-grid button { border-color: #e2e8e9; background: #f9fbfb; }
.workspace-entry-grid button:hover { border-color: #bcdedb; }
.workspace-entry-grid button > i { background: #e1f2f0; color: #178b8a; }
.account-chip { min-width: 132px; padding-right: 14px; }
.account-chip > i { border-radius: 50%; background: linear-gradient(145deg,#dcefeb,#bcded8); color: #175c58; }
.account-chip b { font-size: 10px; }
.account-chip small { font-size: 8px; }
.settings-button { min-height: 38px; border-color: #dce4e6; border-radius: 10px; box-shadow: none; }
.settings-menu { width: 268px; padding: 9px; }
.theme-control { margin-bottom: 7px; padding: 10px; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 1fr 112px; align-items: center; gap: 12px; }
.theme-control span { color: var(--muted); font-size: 10px; font-weight: 700; }
.theme-control select { height: 34px; background: #f6f8f8; font-size: 10px; }

/* 官网森林动效登录页 */
.auth-gate {
  padding: clamp(24px, 5vw, 72px);
  background: #102b24;
  overflow: hidden;
  isolation: isolate;
}
.auth-gate::before {
  content: "";
  position: absolute;
  inset: -5%;
  z-index: -2;
  background: url("../public/diyi-login-forest.jpg") center / cover no-repeat;
  animation: diyiForestMotion 22s ease-in-out infinite alternate;
}
.auth-gate::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(5,25,20,.78) 0%, rgba(8,33,27,.5) 48%, rgba(7,24,20,.36) 100%);
}
@keyframes diyiForestMotion {
  0% { transform: scale(1.04) translate3d(-1.2%, -.6%, 0); }
  100% { transform: scale(1.13) translate3d(1.2%, 1%, 0); }
}
.auth-layout {
  width: min(1080px, 100%);
  min-height: min(660px, calc(100vh - 72px));
  display: grid;
  grid-template-columns: minmax(0,1.2fr) minmax(390px,.8fr);
  align-items: center;
  gap: clamp(36px,6vw,90px);
}
.auth-brand-stage { color: #fff; display: grid; align-content: center; justify-items: start; }
.auth-brand-stage img { width: min(300px, 62vw); height: auto; filter: drop-shadow(0 14px 28px rgba(0,0,0,.2)); }
.auth-brand-stage p { margin: 24px 0 10px; font-size: clamp(18px,2vw,27px); font-weight: 700; letter-spacing: .05em; }
.auth-brand-stage small { color: rgba(255,255,255,.72); font-size: 10px; letter-spacing: .05em; }
.auth-card {
  width: 100%;
  padding: 36px;
  border: 1px solid rgba(255,255,255,.72);
  border-radius: 20px;
  background: rgba(255,255,255,.95);
  backdrop-filter: blur(20px);
  box-shadow: 0 32px 80px rgba(0,18,13,.3);
}
.auth-copy { margin: 0 0 24px; }
.auth-copy > span { color: #9c7a43; }
.auth-copy h1 { color: #173b34; font-size: 28px; }
.auth-card input { height: 46px; }
.auth-card .button.primary { min-height: 47px; background: linear-gradient(90deg,#1a4c42,#2b695b); }

/* 深色主题仅在用户主动选择或系统深色时启用 */
:root[data-theme="dark"] {
  --canvas: #101a1d;
  --paper: #162326;
  --ink: #eef4f3;
  --muted: #96a7a9;
  --line: #2b3b3e;
  --sage: #203b39;
  --ivory: #162326;
  --warm: #3a3022;
  --shadow: 0 16px 38px rgba(0,0,0,.22);
  --panel-muted: #1b292c;
}
[data-theme="dark"] body, [data-theme="dark"] .app-main, [data-theme="dark"] .content-panel { background: var(--canvas); color: var(--ink); }
[data-theme="dark"] .app-sidebar { border-color: #27363a; background: #131f22; }
[data-theme="dark"] .main-nav .nav-label::after { background: #29383b; }
[data-theme="dark"] .nav-item { color: #a9b6b8; }
[data-theme="dark"] .nav-item i { background: #213034; color: #aebabc; }
[data-theme="dark"] .nav-item:hover { border-color: #314347; background: #1b2a2e; color: #e7f2f1; }
[data-theme="dark"] .nav-item.active { border-color: #235c5d; background: linear-gradient(90deg,#173f41,#1a3235); color: #76d8d3; }
[data-theme="dark"] .sidebar-status, [data-theme="dark"] .topbar, [data-theme="dark"] .panel,
[data-theme="dark"] .metric-card, [data-theme="dark"] .workspace-entry-panel, [data-theme="dark"] .workspace-entry-grid button,
[data-theme="dark"] .page-hero, [data-theme="dark"] .dashboard-welcome, [data-theme="dark"] .settings-menu,
[data-theme="dark"] .setting-simple-card, [data-theme="dark"] .inventory-amount-grid article,
[data-theme="dark"] .inventory-comparison-grid article, [data-theme="dark"] .reserved-module-list article,
[data-theme="dark"] .history-strip, [data-theme="dark"] .user-list article { border-color: var(--line); background: var(--paper); color: var(--ink); box-shadow: none; }
[data-theme="dark"] .topbar h2, [data-theme="dark"] .panel h2, [data-theme="dark"] .metric-card strong,
[data-theme="dark"] .workspace-entry-grid button, [data-theme="dark"] .dashboard-welcome h1 { color: var(--ink); }
[data-theme="dark"] .account-chip, [data-theme="dark"] .settings-button { border-color: var(--line); background: #1a292c; color: var(--ink); }
[data-theme="dark"] .account-chip b { color: var(--ink); }
[data-theme="dark"] input, [data-theme="dark"] select, [data-theme="dark"] textarea,
[data-theme="dark"] thead th { border-color: var(--line); background: #1b292c; color: #b2bec0; }
[data-theme="dark"] .inventory-scope-note, [data-theme="dark"] .no-sales-bucket { border-color: var(--line); background: var(--paper); color: var(--ink); }
[data-theme="dark"] .no-sales-bucket.active { border-color: #39736c; background: #173536; }
[data-theme="dark"] th, [data-theme="dark"] td { border-color: #28373a; }
[data-theme="dark"] .workspace-entry-grid button > i { background: #1d4443; color: #7ed7d1; }
[data-theme="dark"] .button:not(.primary) { border-color: #34464a; background: #1a292c; color: var(--ink); }
[data-theme="dark"] .theme-control select { background: #1a292c; }

@media (prefers-reduced-motion: reduce) {
  .auth-gate::before { animation: none; }
}
@media (max-width: 900px) {
  .auth-layout { grid-template-columns: 1fr; gap: 24px; }
  .auth-brand-stage { justify-items: center; text-align: center; }
  .auth-brand-stage img { width: 190px; }
  .auth-brand-stage p { margin-top: 14px; }
}
@media (max-width: 820px) {
  .app-shell { display: block; }
  .app-sidebar { position: static; width: auto; }
  .brand { margin: 0 -13px 8px; }
  .dashboard-welcome { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 560px) {
  .auth-gate { padding: 18px; }
  .auth-layout { min-height: auto; }
  .auth-brand-stage small { display: none; }
  .auth-card { padding: 25px 21px; }
  .page { padding-inline: 16px; }
}

/* 账号安全、商务导航与顶部工作台 v1.0.25 */
.app-shell { transition: grid-template-columns .22s ease; }
.app-sidebar { transition: width .22s ease, padding .22s ease; }
.brand {
  min-height: 112px;
  margin-bottom: 7px;
  padding: 17px 18px 14px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  background: linear-gradient(140deg, #143a32 0%, #25584b 100%);
}
.brand > img { width: 112px; max-height: 53px; object-fit: contain; object-position: left center; }
.brand > p { margin: 0; color: rgba(255,255,255,.7); font-size: 9px; font-weight: 600; letter-spacing: .12em; }
.main-nav { scrollbar-width: thin; scrollbar-color: #d5ddde transparent; }
.nav-label { margin-top: 14px; }
.nav-item { border-radius: 10px; background: transparent; }
.sidebar-collapse {
  width: 100%; min-height: 38px; margin-top: 8px; padding: 0 12px; border: 1px solid #e0e7e8; border-radius: 9px;
  background: #f4f7f7; color: #68767b; display: flex; align-items: center; gap: 10px; cursor: pointer;
}
.sidebar-collapse i { width: 26px; color: #237b7b; font-size: 16px; font-style: normal; text-align: center; }
.sidebar-collapse span { font-size: 9px; font-weight: 600; }
.sidebar-collapse:hover { background: #eaf3f2; color: #245e5d; }
.app-shell.sidebar-collapsed { grid-template-columns: 78px minmax(0,1fr); }
.sidebar-collapsed .app-sidebar { width: 78px; padding-inline: 9px; }
.sidebar-collapsed .brand { min-height: 77px; margin-inline: -9px; padding: 13px 10px; align-items: center; }
.sidebar-collapsed .brand > img { width: 54px; object-position: center; }
.sidebar-collapsed .brand > p, .sidebar-collapsed .nav-label, .sidebar-collapsed .nav-item span,
.sidebar-collapsed .nav-item b, .sidebar-collapsed .sidebar-status div, .sidebar-collapsed .sidebar-collapse span { display: none; }
.sidebar-collapsed .main-nav { padding: 0; }
.sidebar-collapsed .nav-item { min-height: 43px; padding: 0; grid-template-columns: 1fr; justify-items: center; }
.sidebar-collapsed .nav-item i { width: 30px; height: 30px; }
.sidebar-collapsed .nav-item.active { transform: none; }
.sidebar-collapsed .sidebar-status { min-height: 38px; justify-content: center; padding: 8px; }
.sidebar-collapsed .sidebar-collapse { justify-content: center; padding: 0; }

.topbar-title h2 { margin: 0; font-size: 19px; }
.top-actions { gap: 9px; }
.global-search-wrap, .notice-wrap, .account-wrap, .settings-wrap { position: relative; }
.global-search { width: clamp(220px, 23vw, 360px); height: 40px; padding: 0 13px; border: 1px solid #dce4e6; border-radius: 10px; background: #f7f9f9; display: flex; align-items: center; gap: 8px; }
.global-search > span { color: #829096; font-size: 17px; transform: rotate(-20deg); }
.global-search input { height: 36px; padding: 0; border: 0; background: transparent; box-shadow: none !important; font-size: 10px; }
.global-search-results, .notice-menu, .account-menu {
  position: absolute; top: calc(100% + 10px); right: 0; z-index: 60; border: 1px solid var(--line); border-radius: 13px;
  background: var(--paper); box-shadow: 0 20px 48px rgba(24,43,50,.14);
}
.global-search-results { left: 0; right: auto; width: 100%; min-width: 280px; padding: 7px; }
.global-search-results[hidden], .notice-menu[hidden], .account-menu[hidden] { display: none; }
.global-search-results > p { margin: 0; padding: 20px; color: var(--muted); font-size: 10px; text-align: center; }
.global-search-results button, .notice-list button { width: 100%; padding: 10px; border: 0; border-radius: 9px; background: transparent; display: flex; align-items: center; gap: 10px; color: var(--ink); text-align: left; cursor: pointer; }
.global-search-results button:hover, .notice-list button:hover { background: var(--sage); }
.global-search-results button > i { width: 29px; height: 29px; border-radius: 8px; background: #e6f2f0; color: #178b8a; display: grid; place-items: center; font-size: 8px; font-style: normal; }
.global-search-results button span, .notice-list button span { min-width: 0; display: grid; gap: 3px; }
.global-search-results b, .notice-list b { font-size: 10px; }
.global-search-results small, .notice-list small { color: var(--muted); font-size: 8px; }
.top-icon-button { position: relative; width: 40px; height: 40px; padding: 0; border: 1px solid #dce4e6; border-radius: 10px; background: #fff; color: #53656b; display: grid; place-items: center; cursor: pointer; }
.top-icon-button:hover { border-color: #bed7d5; background: #f0f8f7; color: #147878; }
.top-icon-button > span { font-size: 18px; line-height: 1; }
.top-icon-button > b { position: absolute; right: -4px; top: -5px; min-width: 18px; height: 18px; padding: 0 5px; border: 2px solid #fff; border-radius: 10px; background: #e15252; color: #fff; display: grid; place-items: center; font-size: 7px; }
.notice-menu { width: 330px; overflow: hidden; }
.notice-menu > header { padding: 15px 16px; border-bottom: 1px solid var(--line); }
.notice-menu > header div { display: grid; gap: 4px; }
.notice-menu > header b { font-size: 12px; }
.notice-menu > header small { color: var(--muted); font-size: 8px; }
.notice-list { max-height: 360px; padding: 7px; overflow: auto; }
.notice-list button > i { width: 8px; height: 8px; border-radius: 50%; background: #df9c54; flex: none; }
.notice-empty { min-height: 150px; display: grid; place-content: center; justify-items: center; gap: 10px; color: var(--muted); }
.notice-empty i { width: 38px; height: 38px; border-radius: 50%; background: #e5f2ef; color: #298474; display: grid; place-items: center; font-style: normal; }
.notice-empty p { margin: 0; font-size: 9px; }
.settings-menu { width: 244px; }
.settings-menu #change-password-button { color: var(--ink); }
.settings-menu #logout-button { color: #a34f4a; }
.account-chip { min-width: 155px; min-height: 42px; padding: 4px 8px 4px 5px; border: 0; background: transparent; cursor: default; text-align: left; }
.account-chip > i { width: 34px; height: 34px; }
.account-chip > span { display: grid; gap: 3px; }
.account-chip > em { margin-left: auto; color: #9aa5a8; font-size: 11px; font-style: normal; }
.account-menu { width: 160px; padding: 7px; }
.account-menu button { width: 100%; min-height: 38px; padding: 0 11px; border: 0; border-radius: 8px; background: transparent; color: var(--ink); font-size: 10px; text-align: left; cursor: pointer; }
.account-menu button:hover { background: var(--sage); }

.auth-options { margin-top: -2px; display: flex; align-items: center; justify-content: space-between; }
.auth-options .remember-option { width: auto; display: flex; grid-template-columns: auto 1fr; align-items: center; gap: 7px; cursor: pointer; }
.auth-options input { width: 15px; height: 15px; accent-color: #245b50; }
.auth-options button, .auth-back { padding: 0; border: 0; background: transparent; color: #386c63; font-size: 10px; cursor: pointer; }
.auth-options button:hover, .auth-back:hover { color: #173b34; text-decoration: underline; }
.onboarding-layout { width: min(1260px, 100%); grid-template-columns: minmax(300px,.78fr) minmax(620px,1.22fr); }
.onboarding-card { padding: 31px 34px; }
.onboarding-card .auth-copy { margin-bottom: 18px; }
.onboarding-card form { display: grid; gap: 13px; }
.security-question-list { display: grid; gap: 9px; }
.security-question-row { display: grid; grid-template-columns: minmax(260px,1.25fr) minmax(180px,.75fr); gap: 10px; }
.password-pair, .form-two-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.recovery-success { min-height: 260px; display: grid; place-content: center; justify-items: center; gap: 9px; text-align: center; }
.recovery-success i { width: 46px; height: 46px; border-radius: 50%; background: #e2f2ed; color: #237a69; display: grid; place-items: center; font-size: 20px; font-style: normal; }
.recovery-success h2, .recovery-success p { margin: 0; }
.recovery-success p { color: var(--muted); font-size: 10px; }
.recovery-success .button { margin-top: 10px; }
.auth-back { margin-top: 17px; }

.system-security-summary { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.system-security-summary article { min-height: 118px; padding: 20px; border: 1px solid var(--line); border-radius: 14px; background: var(--paper); display: grid; grid-template-columns: 42px 1fr; align-items: center; gap: 14px; box-shadow: 0 7px 22px rgba(31,49,57,.04); }
.system-security-summary article > i { width: 42px; height: 42px; border-radius: 12px; background: #e2f2ef; color: #23817c; display: grid; place-items: center; font-size: 11px; font-style: normal; font-weight: 700; }
.system-security-summary article > div { display: grid; gap: 5px; }
.system-security-summary small, .system-security-summary span { color: var(--muted); font-size: 8px; }
.system-security-summary strong { font-size: 19px; }
.system-admin-grid { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(360px,.85fr); gap: 12px; align-items: start; }
.system-admin-grid .user-create-panel { display: block; }
.system-admin-grid .user-create-panel .panel-head { margin-bottom: 16px; }
.business-user-list { display: grid; gap: 8px; }
.business-user-list article { min-height: 86px; padding: 13px; grid-template-columns: 38px minmax(0,1fr) auto; border: 1px solid var(--line); border-radius: 11px; background: #fbfcfc; align-items: center; gap: 12px; }
.business-user-list article > i { width: 38px; height: 38px; border-radius: 11px; background: #e2f2ef; color: #227b77; display: grid; place-items: center; font-style: normal; font-size: 10px; font-weight: 700; }
.user-account-main { min-width: 0; display: grid; gap: 4px; }
.user-account-main > b { font-size: 11px; }
.user-account-main > b .user-position { margin-left: 8px; color: #728287; font-size: 8px; font-style: normal; font-weight: 500; }
.user-account-main > small { color: var(--muted); font-size: 8px; }
.user-permission-tags { display: flex; flex-wrap: wrap; gap: 4px; }
.user-permission-tags em { padding: 3px 6px; border-radius: 5px; background: #eef3f3; color: #607175; font-size: 7px; font-style: normal; }
.user-status { padding: 5px 8px; border-radius: 10px; background: #e6f3ec; color: #327250; font-size: 8px; }
.user-status.pending { background: #faeed9; color: #976b2d; }
.user-actions { grid-column: 2 / -1; display: flex; gap: 7px; }
.user-actions button { min-height: 28px; padding: 0 9px; border: 1px solid #dce4e5; border-radius: 7px; background: #fff; color: #53666b; font-size: 8px; cursor: pointer; }
.user-actions button:hover { border-color: #b9d8d5; color: #197775; }
.business-form { display: grid; gap: 13px; }
.permission-fieldset { margin: 0; padding: 12px; border: 1px solid var(--line); border-radius: 10px; }
.permission-fieldset legend { padding: 0 6px; color: var(--muted); font-size: 9px; }
.permission-check-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
.permission-check-grid label { min-height: 34px; padding: 7px 8px; border: 1px solid #e3e8e9; border-radius: 7px; background: #fafcfc; display: flex; grid-template-columns: auto 1fr; align-items: center; gap: 7px; cursor: pointer; }
.permission-check-grid input { width: 14px; height: 14px; accent-color: #198785; }
.permission-check-grid span { color: #56676c; font-size: 8px; }
.audit-log-panel { overflow: hidden; }
.audit-table-wrap { max-height: 430px; overflow: auto; }
.audit-log-list table { min-width: 820px; }
.audit-action { padding: 4px 7px; border-radius: 6px; background: #edf4f3; color: #356d69; font-size: 8px; }
.modal-action-form { display: grid; gap: 13px; }
.modal-action-form > p:first-child { margin: 0 0 4px; padding: 12px 14px; border-radius: 9px; background: #f4f7f7; color: var(--muted); font-size: 9px; line-height: 1.7; }
.modal-permission-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }

[data-theme="dark"] .global-search, [data-theme="dark"] .top-icon-button, [data-theme="dark"] .account-chip,
[data-theme="dark"] .sidebar-collapse, [data-theme="dark"] .business-user-list article,
[data-theme="dark"] .permission-check-grid label { border-color: var(--line); background: #1a292c; color: var(--ink); }
[data-theme="dark"] .global-search-results, [data-theme="dark"] .notice-menu, [data-theme="dark"] .account-menu,
[data-theme="dark"] .system-security-summary article { border-color: var(--line); background: var(--paper); color: var(--ink); }
[data-theme="dark"] .user-permission-tags em, [data-theme="dark"] .audit-action,
[data-theme="dark"] .modal-action-form > p:first-child { background: #213235; color: #b3c0c1; }

@media (max-width: 1120px) {
  .global-search { width: 220px; }
  .account-chip { display: flex; min-width: 50px; }
  .account-chip > span, .account-chip > em { display: none; }
  .system-admin-grid { grid-template-columns: 1fr; }
}
@media (max-width: 820px) {
  .app-shell.sidebar-collapsed { display: block; }
  .sidebar-collapsed .app-sidebar { width: auto; }
  .sidebar-collapse { display: none; }
  .global-search-wrap { display: none; }
  .brand { align-items: center; }
  .system-security-summary { grid-template-columns: 1fr; }
  .onboarding-layout { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  .topbar { padding-inline: 16px; }
  .top-actions { gap: 5px; }
  .permission-check-grid, .modal-permission-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .security-question-row, .password-pair, .form-two-columns { grid-template-columns: 1fr; }
  .notice-menu { position: fixed; top: 70px; right: 12px; width: calc(100vw - 24px); }
}

/* 左侧功能分区与版本整合 v1.0.26 */
.brand {
  min-height: 132px;
  padding: 19px 14px 16px;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.brand > img { width: 145px; max-height: 68px; object-position: center; }
.brand > p { width: 100%; text-align: center; font-size: 10px; letter-spacing: .14em; }
.main-nav { flex: 1; min-height: 0; padding: 8px 3px 6px; display: block; overflow-y: auto; }
.nav-group {
  margin-bottom: 9px;
  padding: 7px;
  border: 1px solid #e1e7e8;
  border-radius: 13px;
  background: rgba(255,255,255,.72);
  box-shadow: 0 5px 14px rgba(31,49,57,.035);
  display: grid;
  gap: 3px;
}
.nav-group:last-child { margin-bottom: 0; }
.nav-group[hidden] { display: none; }
.nav-group .nav-label { margin: 2px 5px 5px; color: #7d898d; font-size: 8px; }
.nav-group .nav-label::after { background: #e4e9ea; }
.nav-group .nav-item { background: #f8fafa; }
.nav-group .nav-item:hover { background: #fff; }
.nav-group .nav-item.active { background: linear-gradient(90deg,#ddf4f2,#edf8f7); }
.system-nav-group { border-color: #d3e4e2; background: linear-gradient(145deg,rgba(239,247,246,.96),rgba(255,255,255,.82)); }
.sidebar-collapse { margin-top: 8px; flex: none; }
.sidebar-collapsed .brand { min-height: 86px; }
.sidebar-collapsed .brand > img { width: 61px; max-height: 42px; }
.sidebar-collapsed .nav-group { padding: 5px; border-radius: 11px; }
.sidebar-collapsed .nav-group .nav-item { background: transparent; }
.sidebar-collapsed .nav-group .nav-item.active { background: #dff3f1; }
.system-version-list { max-height: 560px; padding-right: 5px; display: grid; gap: 9px; overflow-y: auto; }
.system-version-row { padding: 15px; border: 1px solid var(--line); border-radius: 11px; background: #fafcfc; display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 13px; }
.version-index { width: 38px; height: 38px; border-radius: 10px; background: #e2f1ef; color: #287c77; display: grid; place-items: center; font-size: 9px; font-weight: 700; }
.system-version-row > div:last-child { min-width: 0; }
.system-version-row span { color: #8a9699; font-size: 8px; letter-spacing: .04em; }
.system-version-row h3 { margin: 5px 0 8px; color: var(--ink); font-size: 11px; }
.system-version-row ul { margin: 0; padding-left: 17px; color: var(--muted); font-size: 8px; line-height: 1.7; }
.system-version-pagination{margin-top:16px;padding-top:15px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:10px}.system-version-pagination>div{display:flex;gap:5px}.system-version-pagination button{min-width:34px;height:34px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);cursor:pointer}.system-version-pagination button.active{border-color:#24776e;background:#24776e;color:#fff}.system-version-pagination button:disabled{opacity:.38;cursor:not-allowed}.system-version-pagination>span{margin-left:5px;color:var(--muted);font-size:10px}
[data-theme="dark"] .nav-group, [data-theme="dark"] .system-version-row { border-color: var(--line); background: #182629; box-shadow: none; }
[data-theme="dark"] .nav-group .nav-item { background: transparent; }
[data-theme="dark"] .system-nav-group { background: #1a2d2e; }

@media (max-width: 820px) {
  .main-nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
  .nav-group { margin: 0; }
  .brand > img { width: 155px; }
}
@media (max-width: 560px) {
  .main-nav { grid-template-columns: 1fr; }
}

/* 全模块字体层级与可读性优化 v1.0.28 */
body { font-size: 14px; line-height: 1.55; -webkit-font-smoothing: antialiased; }

.brand > p { font-size: 11px; line-height: 1.45; }
.nav-group .nav-label { font-size: 10px; line-height: 1.4; }
.nav-group .nav-item span { font-size: 13px; line-height: 1.4; }
.nav-group .nav-item i { font-size: 11px; }
.nav-group .nav-item b { font-size: 10px; }
.sidebar-collapse span { font-size: 11px; }

.topbar-title h2 { font-size: 20px; }
.global-search input { font-size: 12px; }
.global-search-results b, .notice-list b { font-size: 12px; }
.global-search-results small, .notice-list small, .notice-menu > header small { font-size: 10px; }
.notice-menu > header b { font-size: 14px; }
.notice-empty p { font-size: 11px; }
.account-chip b { font-size: 12px; }
.account-chip small { font-size: 10px; }
.settings-menu button, .theme-control span, .theme-control select { font-size: 12px; }

.page .eyebrow { font-size: 10px; line-height: 1.4; }
.page p { font-size: 12px !important; line-height: 1.7; }
.page small { font-size: 10px !important; line-height: 1.5; }
.page label, .page legend { font-size: 11px; }
.page input, .page select, .page textarea { font-size: 12px; }
.page .button, .page button, .page .text-button { font-size: 12px; }
.page .badge { font-size: 10px; }
.page-hero p { font-size: 14px !important; }
.dashboard-welcome p { font-size: 12px !important; }

.panel-head h2, .panel > h2 { font-size: 18px; }
.panel-head > small { font-size: 11px !important; }
.metric-card span { font-size: 13px; }
.metric-card small { font-size: 11px !important; }
.metric-card strong { font-size: clamp(24px, 2.15vw, 34px); }
.workspace-entry-head h2 { font-size: 18px; }
.workspace-entry-head > small { font-size: 10px !important; }
.workspace-entry-grid button b { font-size: 13px; }
.workspace-entry-grid button small { font-size: 10px !important; }

table { font-size: 12px; }
thead th { font-size: 11px; }
th, td { line-height: 1.5; }
.rank, .amount-rank-number, .ranking-product-row > span, .product-bar-row > span { font-size: 10px; }
.amount-rank-product b, .ranking-product-row b, .product-bar-row b, .turnover-product b, .turnover-change-product b { font-size: 11px; }
.amount-rank-quantity, .amount-rank-row strong, .ranking-product-row strong, .product-bar-row strong { font-size: 11px; }

.inventory-total-card span, .inventory-amount-grid span, .inventory-category span,
.inventory-amount-entry span, .inventory-module-card strong, .detail-summary-strip span,
.turnover-comparison-strip span, .expiry-card span, .composition-row b, .pie-legend-row b { font-size: 11px; }
.inventory-module-card p, .turnover-note, .expiry-note { font-size: 10px !important; }
.inventory-module-card .module-enter, .module-top-three > em, .module-top-row > span,
.module-top-row > b, .module-top-row > strong, .expiry-meta, .expiry-card em,
.composition-row span, .pie-legend-row small, .pie-legend-row strong { font-size: 10px; }
.inventory-settings-menu a, .inventory-settings-menu button, .ranking-actions select { font-size: 11px; }

.hr-tabs button > span { font-size: 10px; }
.hr-tabs button b, .performance-plan-card h2, .performance-focus li b,
.performance-rule-grid b, .payroll-section-title h4, .payroll-record-grid b { font-size: 12px; }
.performance-module-chips span, .performance-focus > em, .performance-plan-card > strong,
.performance-rule-grid span, .score-cell, .employee-pay-components span,
.payroll-record-grid em, .payroll-same-period-grid span { font-size: 10px; }
.payroll-control-head label, .payroll-detail-picker, .payroll-employee-month-picker,
.payroll-custom-range label, .employee-change-lines em { font-size: 10px; }
.payroll-control-head select, .payroll-detail-picker select, .payroll-custom-range input,
.payroll-employee-picker select, .payroll-employee-month-picker select { font-size: 11px; }
.company-cost-row > span, .employee-pay-row > span, .company-cost-row > strong,
.employee-pay-row > strong, .employee-benefit-line b { font-size: 11px; }
.employee-benefit-line, .component-note { font-size: 10px; }

.finance-tabs button b, .finance-kpi span, .finance-bar-row > b,
.finance-bar-row strong, .finance-quality-panel li, .finance-compare-controls p,
.finance-cash-range p, .finance-fiscal-control p, .finance-revenue-basis p,
.finance-settlement-note p, .finance-report-outline p { font-size: 10px !important; }
.finance-compare-controls label, .finance-cash-range label, .finance-fiscal-control label,
.finance-month-control label, .finance-compare-controls legend { font-size: 10px; }
.finance-compare-controls select, .finance-cash-range select, .finance-fiscal-control select,
.finance-month-control select, .finance-tabs button span { font-size: 11px; }
.finance-grid text, .finance-axis-labels text, .finance-legend text,
.employee-line-chart .line-grid text, .employee-line-chart .x-label,
.employee-line-chart .axis-title { font-size: 10px; }

.system-security-summary small, .system-security-summary span, .user-account-main > small,
.user-account-main > b .user-position, .user-permission-tags em, .user-status,
.user-actions button, .permission-check-grid span, .audit-action { font-size: 10px; }
.system-security-summary strong { font-size: 20px; }
.user-account-main > b { font-size: 12px; }
.system-version-row span, .system-version-row ul { font-size: 10px; }
.system-version-row h3 { font-size: 12px; }

.auth-card label { font-size: 12px; }
.auth-card input, .auth-card select { font-size: 13px; }
.auth-card .button { font-size: 13px; }
.auth-copy p, .auth-card footer, .auth-options button, .auth-back { font-size: 11px; }

@media (max-width: 820px) {
  .nav-group .nav-item span { font-size: 12px; }
  .page { padding-inline: 20px; }
  .page p { font-size: 11px !important; }
}

/* 账号权限、个人资料与响应式排版 v1.0.29 */
[hidden], .permission-hidden { display: none !important; }

.sidebar-bottom { flex: none; display: grid; gap: 7px; }
.sidebar-version { min-height: 34px; padding: 0 12px; border: 1px solid #e0e7e8; border-radius: 9px; background: rgba(255,255,255,.68); color: #7b898d; display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.sidebar-version span { font-size: 10px; }
.sidebar-version b { color: #267875; font-size: 11px; letter-spacing: .03em; }
.sidebar-collapsed .sidebar-bottom { gap: 5px; }
.sidebar-collapsed .sidebar-version { padding: 0; justify-content: center; }
.sidebar-collapsed .sidebar-version span { display: none; }

.top-actions { min-width: 0; margin-left: auto; gap: 7px; }
.global-search-wrap { min-width: 180px; flex: 1 1 300px; }
.global-search { width: 100%; max-width: 360px; }
.account-chip { min-width: 142px; max-width: 190px; min-height: 46px; padding-inline: 4px 7px; display: flex; align-items: center; gap: 9px; }
.account-chip > i { width: 38px; height: 38px; overflow: hidden; flex: none; }
.account-chip > i img, .business-user-list article > i img, #profile-avatar-preview img { width: 100%; height: 100%; display: block; object-fit: cover; }
.account-chip > span { min-width: 0; }
.account-chip b, .account-chip small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.top-icon-button { width: 44px; height: 44px; flex: none; }
.top-icon-button > span { font-size: 20px; }

.inventory-module-card { grid-template-columns: minmax(150px,.78fr) minmax(0,1.22fr) auto; overflow: hidden; }
.inventory-module-card .module-top-three { min-width: 0; }
.module-top-row { grid-template-columns: 18px minmax(0,1fr) minmax(76px,auto); }
.module-top-row > strong { max-width: 118px; overflow: hidden; text-overflow: ellipsis; }

.business-user-list article { grid-template-columns: 42px minmax(0,1fr) auto; overflow: hidden; }
.business-user-list article > i { width: 42px; height: 42px; overflow: hidden; }
.business-user-list article.disabled-account { opacity: .72; background: #f5f6f6; }
.user-status.disabled { background: #eceeef; color: #727d80; }
.user-actions { flex-wrap: wrap; }
.user-actions button.danger { border-color: #e7c7c4; color: #a74c47; }
.user-actions button.danger:hover { border-color: #d99892; background: #fff6f5; color: #923b36; }
.button.danger-button { border-color: #a94b45; background: #a94b45; color: #fff; }
.button.danger-button:hover:not(:disabled) { background: #913d38; }

.system-version-list { max-height: none; padding-right: 0; overflow: visible; }
.system-version-row ul { font-size: 10px; }

.profile-form { min-width: min(580px, 78vw); }
.profile-avatar-editor { padding: 15px; border: 1px solid var(--line); border-radius: 12px; background: #f8faf9; display: grid; grid-template-columns: 76px minmax(0,1fr); gap: 15px; align-items: center; }
.profile-avatar-editor > i { width: 76px; height: 76px; overflow: hidden; border-radius: 50%; background: linear-gradient(145deg,#dcefeb,#bcded8); color: #175c58; display: grid; place-items: center; font-size: 25px; font-style: normal; font-weight: 700; }
.profile-avatar-editor > div { min-width: 0; display: grid; gap: 6px; }
.profile-avatar-editor b { font-size: 13px; }
.profile-avatar-editor small { color: var(--muted); font-size: 10px; }
.profile-avatar-editor span { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
.profile-readonly-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.profile-readonly-grid input:disabled { border-color: #e2e5e5; background: #f1f3f3; color: #879093; -webkit-text-fill-color: #879093; opacity: 1; cursor: not-allowed; }
.destructive-confirm label b { color: #a94b45; }

[data-theme="dark"] .sidebar-version, [data-theme="dark"] .profile-avatar-editor { border-color: var(--line); background: #1c2c2e; }
[data-theme="dark"] .business-user-list article.disabled-account { background: #1a2729; }
[data-theme="dark"] .profile-readonly-grid input:disabled { border-color: #364548; background: #202f31; color: #89999c; -webkit-text-fill-color: #89999c; }

@media (max-width: 1280px) {
  .topbar { padding-inline: 22px; gap: 14px; }
  .topbar-title { flex: none; }
  .account-chip { min-width: 118px; max-width: 150px; }
  .inventory-function-panel .inventory-module-grid { grid-template-columns: 1fr; }
  .inventory-module-card, .inventory-module-card.wide { grid-column: auto; }
}

@media (max-width: 980px) {
  .account-chip > span { display: none; }
  .account-chip { min-width: 42px; width: 42px; padding: 2px; }
}

@media (max-width: 820px) {
  .sidebar-version { display: none; }
  .profile-form { min-width: 0; }
  .profile-readonly-grid { grid-template-columns: 1fr; }
}

/* 系统管理分区与紧凑排版 v1.0.30 */
.brand { min-height: 108px; padding: 12px 14px 10px; gap: 5px; }
.brand > img { width: 122px; max-height: 54px; }
.brand > p { width: auto; color: rgba(255,255,255,.76); display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 9px; font-weight: 600; letter-spacing: .15em; white-space: nowrap; }
.brand > p::before, .brand > p::after { content: ""; width: 16px; height: 1px; background: rgba(255,255,255,.24); }
.sidebar-collapsed .brand { min-height: 74px; padding-block: 10px; }
.sidebar-collapsed .brand > img { width: 55px; max-height: 38px; }

.system-area-nav { padding: 7px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.7); display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; box-shadow: 0 7px 22px rgba(31,49,57,.035); }
.system-area-nav button { min-height: 72px; padding: 10px 13px; border: 1px solid transparent; border-radius: 10px; background: transparent; color: var(--ink); display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; gap: 11px; text-align: left; cursor: pointer; transition: .18s ease; }
.system-area-nav button:hover { border-color: #d7e4e2; background: #f8fbfa; }
.system-area-nav button.active { border-color: #bcd8d4; background: linear-gradient(120deg,#e2f3f0,#f5faf9); box-shadow: 0 6px 16px rgba(26,103,96,.07); }
.system-area-nav button > i { width: 38px; height: 38px; border-radius: 10px; background: #edf2f2; color: #68787c; display: grid; place-items: center; font-size: 12px; font-style: normal; font-weight: 700; }
.system-area-nav button.active > i { background: #cce9e5; color: #197a75; }
.system-area-nav button > span { min-width: 0; display: grid; gap: 4px; }
.system-area-nav button b { font-size: 13px; }
.system-area-nav button small { overflow: hidden; color: var(--muted); font-size: 10px !important; text-overflow: ellipsis; white-space: nowrap; }
.system-area-nav button em { min-width: 36px; padding: 5px 8px; border-radius: 8px; background: #edf1f1; color: #718084; font-size: 10px; font-style: normal; text-align: center; }
.system-area-nav button.active em { background: #fff; color: #197a75; }
.system-area-panel { display: grid; gap: 12px; }

.system-security-summary.compact { width: 100%; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.system-security-summary.compact article { min-height: 78px; padding: 13px 15px; grid-template-columns: 36px minmax(0,1fr); gap: 11px; border-radius: 11px; }
.system-security-summary.compact article > i { width: 36px; height: 36px; border-radius: 9px; }
.system-security-summary.compact article > div { gap: 2px; }
.system-security-summary.compact strong { font-size: 16px; line-height: 1.2; }
.system-security-summary.compact small, .system-security-summary.compact span { font-size: 9px; }

.system-admin-grid { align-items: stretch; }
.system-admin-grid > .panel { min-height: 560px; height: 100%; }
.system-admin-grid .user-admin-panel { display: flex; flex-direction: column; }
.system-admin-grid .business-user-list { min-height: 0; max-height: 466px; padding-right: 4px; overflow-y: auto; overscroll-behavior: contain; }
.system-admin-grid .user-create-panel { display: flex; flex-direction: column; }
.system-admin-grid .user-create-panel .business-form { flex: 1; align-content: start; }
.system-admin-grid .user-create-panel .business-form > .button { margin-top: auto; }

.audit-log-panel.compact-audit { min-height: 0; height: 320px; padding-bottom: 14px; }
.audit-log-panel.compact-audit .panel-head { margin-bottom: 9px; }
.audit-log-panel.compact-audit .audit-log-list { min-height: 0; }
.audit-log-panel.compact-audit .audit-table-wrap { max-height: 232px; border: 1px solid #edf0f0; border-radius: 9px; }
.audit-log-panel.compact-audit thead { position: sticky; top: 0; z-index: 2; background: var(--paper); }

.system-version-intro { margin-bottom: 13px; padding: 13px 15px; border: 1px solid #dfe9e7; border-radius: 10px; background: #f4f9f8; display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.system-version-intro span { flex: none; color: #267a75; font-size: 11px; font-weight: 700; }
.system-version-intro p { margin: 0; color: var(--muted); font-size: 10px !important; text-align: right; }

[data-theme="dark"] .system-area-nav { border-color: var(--line); background: rgba(25,39,42,.86); }
[data-theme="dark"] .system-area-nav button:hover { border-color: #355154; background: #1c2d2f; }
[data-theme="dark"] .system-area-nav button.active { border-color: #2f6662; background: linear-gradient(120deg,#1d3b39,#1b2c2e); }
[data-theme="dark"] .system-area-nav button > i, [data-theme="dark"] .system-area-nav button > em { background: #243538; }
[data-theme="dark"] .system-area-nav button.active > i, [data-theme="dark"] .system-area-nav button.active > em { background: #284a47; color: #8ed1c8; }
[data-theme="dark"] .audit-log-panel.compact-audit .audit-table-wrap, [data-theme="dark"] .system-version-intro { border-color: var(--line); background: #1d2d2f; }

@media (max-width: 1080px) {
  .system-admin-grid { grid-template-columns: 1fr; }
  .system-admin-grid > .panel { min-height: 0; }
  .system-admin-grid .business-user-list { max-height: 520px; }
}

@media (max-width: 680px) {
  .system-area-nav { grid-template-columns: 1fr; }
  .system-security-summary.compact { grid-template-columns: 1fr; }
  .system-area-nav button small { white-space: normal; }
}

/* 系统管理双入口与版本信息页 v1.0.31 */
.version-summary-grid { display: grid; grid-template-columns: .8fr .8fr 1.4fr; gap: 11px; }
.version-summary-grid article { min-height: 104px; padding: 17px 18px; border: 1px solid var(--line); border-radius: 13px; background: var(--paper); display: grid; grid-template-columns: 40px minmax(0,1fr); align-items: center; gap: 13px; box-shadow: 0 7px 22px rgba(31,49,57,.035); }
.version-summary-grid article > i { width: 40px; height: 40px; border-radius: 11px; background: #e4f1ef; color: #247b75; display: grid; place-items: center; font-size: 11px; font-style: normal; font-weight: 700; }
.version-summary-grid article > div { min-width: 0; display: grid; gap: 4px; }
.version-summary-grid small, .version-summary-grid span { overflow: hidden; color: var(--muted); font-size: 10px !important; text-overflow: ellipsis; white-space: nowrap; }
.version-summary-grid strong { overflow: hidden; color: var(--ink); font-size: 18px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
.version-summary-grid article:last-child strong { font-size: 13px; white-space: normal; }
.version-information-page .system-version-panel { margin-top: 1px; }
[data-theme="dark"] .version-summary-grid article { border-color: var(--line); background: var(--paper); }
[data-theme="dark"] .version-summary-grid article > i { background: #25423f; color: #8ed1c8; }

@media (max-width: 920px) {
  .version-summary-grid { grid-template-columns: 1fr; }
}

/* 库存商品档案与两阶段上传 v1.0.33 */
.inventory-data-tools { padding: 20px; border: 1px solid #d9e3e0; border-radius: 17px; background: linear-gradient(130deg,#fbfcfb,#f1f6f4); box-shadow: 0 10px 28px rgba(31,60,52,.055); display: grid; gap: 15px; }
.inventory-tools-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.inventory-tools-head h2 { margin: 5px 0 4px; font-size: 20px; }
.inventory-tools-head p { margin: 0; color: var(--muted); font-size: 12px; }
.inventory-tool-entry-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.inventory-tool-entry-grid > button { min-height: 112px; padding: 18px; border: 1px solid #d5e2df; border-radius: 14px; background: #fff; color: var(--ink); display: grid; grid-template-columns: 50px minmax(0,1fr) auto; align-items: center; gap: 14px; text-align: left; cursor: pointer; box-shadow: 0 6px 18px rgba(31,55,48,.04); transition: .18s ease; }
.inventory-tool-entry-grid > button:hover { border-color: #9fc6bf; box-shadow: 0 12px 26px rgba(27,93,82,.1); transform: translateY(-2px); }
.inventory-tool-entry-grid i { width: 50px; height: 50px; border-radius: 14px; background: #dff0ed; color: #197a70; display: grid; place-items: center; font-style: normal; font-size: 16px; font-weight: 800; }
.inventory-tool-entry-grid button:last-child i { background: #f2ead9; color: #8a6a31; }
.inventory-tool-entry-grid span { min-width: 0; display: grid; gap: 6px; }
.inventory-tool-entry-grid b { font-size: 16px; }
.inventory-tool-entry-grid small { color: var(--muted); font-size: 11px !important; line-height: 1.55; }
.inventory-tool-entry-grid em { color: #28776e; font-size: 11px; font-style: normal; font-weight: 700; }

.inventory-tool-page .page-hero { min-height: 132px; }
.inventory-tool-actions { padding: 16px 18px; border: 1px solid var(--line); border-radius: 14px; background: var(--paper); display: flex; align-items: center; justify-content: space-between; gap: 16px; box-shadow: 0 7px 20px rgba(31,55,48,.04); }
.inventory-tool-actions > div:first-child { display: grid; gap: 5px; }
.inventory-tool-actions > div:last-child { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.inventory-tool-actions b { font-size: 16px; }
.inventory-tool-actions small, .inventory-inline-status { color: var(--muted); font-size: 11px !important; }
.inventory-inline-status { margin: -7px 4px 0; }
.inventory-file-button { position: relative; overflow: hidden; cursor: pointer; }
.inventory-file-button input { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.inventory-master-panel { padding: 0; overflow: hidden; }
.inventory-master-filters { padding: 15px 17px; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 230px 210px minmax(260px,1fr) auto; align-items: end; gap: 12px; }
.inventory-master-filters label { display: grid; gap: 6px; }
.inventory-master-filters label > span { color: var(--muted); font-size: 10px; font-weight: 700; }
.inventory-master-filters input, .inventory-master-filters select { min-height: 39px; padding: 0 11px; border: 1px solid var(--line); border-radius: 9px; background: var(--paper); color: var(--ink); }
.inventory-master-filters small { padding-bottom: 10px; color: var(--muted); font-size: 10px !important; white-space: nowrap; }
.inventory-master-filters.batch-only { grid-template-columns: 230px minmax(320px,1fr) auto; }
.inventory-master-table { max-height: 620px; overflow: auto; }
.inventory-master-table table { min-width: 1450px; }
.inventory-master-table thead { position: sticky; top: 0; z-index: 2; }
.inventory-master-table th, .inventory-master-table td { padding: 11px 10px; vertical-align: middle; }
.mono-cell { font-family: ui-monospace,SFMono-Regular,Menlo,monospace; white-space: nowrap; }
.number-cell { text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }

.inventory-editor-modal { width: min(790px,calc(100vw - 32px)); }
.inventory-master-form { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.inventory-master-form label { display: grid; align-content: start; gap: 6px; }
.inventory-master-form label > span { color: var(--muted); font-size: 10px; font-weight: 700; }
.inventory-master-form input, .inventory-master-form select { min-height: 42px; padding: 0 11px; border: 1px solid var(--line); border-radius: 9px; background: var(--paper); color: var(--ink); }
.inventory-master-form .wide { grid-column: span 3; }
.master-row-actions { display: flex; gap: 8px; white-space: nowrap; }
.text-button.danger { color: #a24c43; }
.duplicate-master-row { background: rgba(180, 89, 70, .06); }
.capability-permission { border-color: rgba(166, 80, 64, .35) !important; background: rgba(166, 80, 64, .06) !important; }

/* v1.0.44 绩效工作台 */
.performance-loading,.performance-empty{min-height:180px;display:grid;place-items:center;align-content:center;gap:12px;text-align:center}
.performance-loading p,.performance-empty p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}
.performance-cycle-bar{padding:20px 22px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(135deg,#fff 0%,#f1f5f2 100%);display:flex;align-items:center;gap:12px;box-shadow:0 12px 28px rgba(27,48,38,.045)}
.performance-cycle-bar>div{min-width:260px;flex:1}.performance-cycle-bar h2{margin:5px 0;font-size:20px}.performance-cycle-bar p{margin:0;color:var(--muted);font-size:12px}
.performance-cycle-bar label{display:grid;gap:5px}.performance-cycle-bar label span{color:var(--muted);font-size:11px}.performance-cycle-bar select{min-width:190px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink)}
.performance-workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.performance-workflow-card{min-width:0;padding:20px;display:grid;gap:15px;align-content:start}.performance-workflow-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.performance-person{min-width:0;display:flex;align-items:center;gap:11px}.performance-person i{flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:var(--forest-900);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:800}.performance-person h2{margin:0 0 4px;font-size:16px}.performance-person small{color:var(--muted);font-size:11px}
.performance-plan-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.performance-plan-summary>div{padding:11px;border-radius:10px;background:#f5f7f4;display:grid;gap:4px}.performance-plan-summary span{color:var(--muted);font-size:10px}.performance-plan-summary b{font-size:13px}
.performance-plan-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.performance-plan-actions:empty{display:none}
.performance-work-items{display:grid;gap:9px}.performance-work-item{border:1px solid #e1e7e2;border-radius:12px;background:#fff;overflow:hidden}.performance-item-main{padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}.performance-item-main h3{margin:4px 0;font-size:13px}.performance-item-main p{margin:0;color:#55645b;font-size:11px;line-height:1.55}.performance-item-main small,.performance-item-main>div>span{color:var(--muted);font-size:10px}.performance-item-score{min-width:70px;text-align:right;display:grid;align-content:center}.performance-item-score b{color:var(--forest-800);font-size:17px}.performance-item-score span{color:var(--muted);font-size:9px}
.performance-work-item footer{padding:9px 13px;border-top:1px solid #edf1ed;background:#fafbf9;display:flex;align-items:center;justify-content:flex-end;gap:10px}.performance-work-item footer>span:first-child{margin-right:auto}.performance-submission{margin:0 13px 12px;padding:11px 12px;border-left:3px solid #9cb7a6;border-radius:7px;background:#f2f6f2;display:grid;gap:5px}.performance-submission>span{color:var(--forest-700);font-size:9px;font-weight:800}.performance-submission p{margin:0;font-size:11px;line-height:1.6}.performance-submission a,.performance-submission small{font-size:10px;color:var(--forest-700)}
.performance-locked-score{padding:15px;border-radius:11px;background:linear-gradient(135deg,#edf5ef,#faf8ef);display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center}.performance-locked-score span{font-size:11px}.performance-locked-score strong{grid-row:1/3;grid-column:2;color:var(--forest-800);font-size:22px}.performance-locked-score small{color:var(--muted);font-size:9px}
.performance-source-note{padding:16px 20px;border:1px solid #e2dfd2;border-radius:13px;background:#fbf9f2;display:grid;grid-template-columns:auto 1fr;gap:4px 18px;align-items:center}.performance-source-note b{grid-row:1/3;color:#866c3c}.performance-source-note span{font-size:12px;font-weight:700}.performance-source-note small{color:var(--muted);font-size:10px}
.performance-action-form textarea{min-height:90px;resize:vertical}.performance-action-form .inline-check{display:flex;align-items:center;gap:9px;align-self:end;min-height:42px}.performance-action-form .inline-check input{width:auto}.performance-review-readonly{padding:13px;border-radius:10px;background:#f2f5f2}.performance-review-readonly p{margin:6px 0;font-size:12px}.performance-review-readonly span{font-size:11px;color:var(--forest-700)}
.permission-section-title{grid-column:1/-1;margin:8px 0 0;padding-top:10px;border-top:1px solid var(--line);color:var(--forest-800);font-size:12px;font-weight:800}.permission-helper{grid-column:1/-1;margin:0;color:var(--muted);font-size:10px;line-height:1.6}.capability-permission{border-color:rgba(54,104,80,.24)!important;background:rgba(54,104,80,.05)!important}.capability-permission.high-risk{border-color:rgba(166,80,64,.35)!important;background:rgba(166,80,64,.06)!important}

@media(max-width:1100px){.performance-workflow-grid{grid-template-columns:1fr}.performance-cycle-bar{align-items:flex-start;flex-wrap:wrap}.performance-cycle-bar>div{flex-basis:100%}}
@media(max-width:680px){.performance-cycle-bar{padding:16px}.performance-cycle-bar label,.performance-cycle-bar select{width:100%}.performance-plan-summary{grid-template-columns:1fr}.performance-source-note{grid-template-columns:1fr}.performance-source-note b{grid-row:auto}.performance-item-main{grid-template-columns:1fr}.performance-item-score{text-align:left;display:flex;align-items:baseline;gap:5px}}

/* v1.0.45 performance workspace and account presence */
.performance-person-toolbar{padding:15px 18px;border:1px solid var(--line);border-radius:13px;background:var(--paper);display:flex;align-items:end;gap:14px;box-shadow:0 8px 24px rgba(27,48,38,.04)}
.performance-person-toolbar label{min-width:280px;display:grid;gap:6px}.performance-person-toolbar label span{font-size:10px;color:var(--muted);font-weight:700}.performance-person-toolbar select{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink);font-size:12px}.performance-person-toolbar>small{margin-left:auto;color:var(--muted);font-size:10px}
.performance-view-switch{padding:3px;border:1px solid var(--line);border-radius:10px;background:#f3f5f3;display:flex;gap:3px}.performance-view-switch button{min-height:36px;padding:0 14px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:11px;font-weight:700;cursor:pointer}.performance-view-switch button.active{background:var(--paper);color:var(--forest-800);box-shadow:0 3px 10px rgba(28,48,38,.08)}
.performance-single-workspace{display:grid;gap:14px}.performance-single-card{width:100%;padding:24px}.performance-single-card .performance-work-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.performance-empty-icon{width:56px;height:56px;border-radius:18px;background:#e5f1ec;color:var(--forest-800);display:grid;place-items:center;font-size:20px;font-weight:800}.employee-performance-empty{min-height:360px;padding:48px}.employee-performance-empty small{color:var(--forest-700);font-size:10px;font-weight:800;letter-spacing:.12em}.employee-performance-empty h2{margin:0;font-size:24px}
.employee-preview-banner{padding:12px 16px;border:1px solid #d9c8a3;border-radius:11px;background:#fbf6e9;color:#69552c;display:flex;align-items:center;justify-content:space-between;gap:12px}.employee-preview-banner b{font-size:12px}.employee-preview-banner span{font-size:10px}
.employee-performance-hero{min-height:126px;padding:24px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#153a30 0%,#21584a 100%);color:#fff;display:flex;align-items:center;gap:18px;box-shadow:0 14px 32px rgba(21,58,48,.14)}
.employee-performance-person{min-width:0;flex:1;display:flex;align-items:center;gap:15px}.employee-performance-person>i{flex:0 0 58px;width:58px;height:58px;border-radius:18px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-style:normal;font-size:20px;font-weight:800}.employee-performance-person span{font-size:9px;letter-spacing:.13em;color:#b8d8cc}.employee-performance-person h2{margin:4px 0;font-size:24px}.employee-performance-person p{margin:0;color:#d3e3dd;font-size:11px}.employee-performance-hero label{display:grid;gap:6px}.employee-performance-hero label span{font-size:9px;color:#b8d8cc}.employee-performance-hero select{min-width:190px;padding:10px 12px;border:1px solid rgba(255,255,255,.22);border-radius:9px;background:rgba(255,255,255,.1);color:#fff}.employee-performance-hero option{color:#15231e;background:#fff}.employee-performance-hero>.badge{background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.18);color:#fff}
.employee-performance-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.employee-performance-summary article{min-height:105px;padding:17px;border:1px solid var(--line);border-radius:13px;background:var(--paper);display:grid;align-content:center;gap:4px}.employee-performance-summary span,.employee-performance-summary small{color:var(--muted);font-size:10px}.employee-performance-summary strong{font-size:22px;color:var(--ink)}
.employee-performance-guidance{padding:18px 20px;border:1px solid #dce8e1;border-radius:13px;background:#f2f7f3;display:flex;align-items:center;justify-content:space-between;gap:16px}.employee-performance-guidance b{font-size:14px}.employee-performance-guidance p{margin:5px 0 0;color:#5c6e63;font-size:11px;line-height:1.6}.employee-performance-categories{padding:0 2px}.employee-performance-items{display:grid;gap:12px}.employee-performance-items .performance-work-item{border-radius:14px;box-shadow:0 7px 22px rgba(27,48,38,.035)}.employee-performance-items .performance-item-main{padding:19px}.employee-performance-items .performance-item-main h3{font-size:15px}.employee-performance-items .performance-item-main p{font-size:12px}.button.compact{min-height:34px;padding:7px 12px;font-size:10px}.preview-readonly-note{color:var(--muted);font-size:10px}
.user-presence-line{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:var(--muted);font-size:9px}.user-presence-line span{white-space:nowrap}.presence-dot{padding:3px 7px;border-radius:999px;font-style:normal;font-weight:700}.presence-dot.online{background:#def3e8;color:#18724d}.presence-dot.offline{background:#ecefee;color:#718079}
[data-theme="dark"] .performance-view-switch{background:#172426}[data-theme="dark"] .employee-performance-guidance{background:#172723;border-color:#29473d}[data-theme="dark"] .employee-performance-guidance p{color:#a9bcb4}[data-theme="dark"] .employee-preview-banner{background:#352f21;border-color:#5b5034;color:#e8d9ae}[data-theme="dark"] .presence-dot.offline{background:#263234;color:#9aabaa}
@media(max-width:1100px){.performance-single-card .performance-work-items{grid-template-columns:1fr}.employee-performance-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-person-toolbar{align-items:stretch;flex-wrap:wrap}.performance-person-toolbar>small{width:100%;margin-left:0}}
@media(max-width:760px){.system-security-summary.compact{grid-template-columns:1fr}.performance-person-toolbar label{min-width:100%}.performance-view-switch{width:100%}.performance-view-switch button{flex:1}.employee-performance-hero{align-items:flex-start;flex-wrap:wrap}.employee-performance-hero label,.employee-performance-hero select{width:100%}.employee-performance-summary{grid-template-columns:1fr 1fr}.employee-performance-guidance{align-items:flex-start;flex-direction:column}.employee-preview-banner{align-items:flex-start;flex-direction:column}}
.danger-tag { color: #99483f !important; background: rgba(166, 80, 64, .1) !important; }
.master-grouping-category-bar { margin-bottom: 0; }
.master-grouping-category-bar > label { min-width: 280px; display: grid; gap: 6px; }
.master-grouping-category-bar > label span { color: var(--muted); font-size: 10px; font-weight: 700; }
.master-grouping-category-bar select { min-height: 40px; padding: 0 11px; border: 1px solid var(--line); border-radius: 9px; background: var(--paper); color: var(--ink); }
.master-grouping-panel { margin: 0; padding: 18px; background: var(--paper); }
.master-grouping-panel .panel-head p { margin: 5px 0 0; color: var(--muted); }
.master-grouping-head-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.master-group-editor { display: grid; grid-template-columns: minmax(0,1.45fr) minmax(340px,.75fr); gap: 15px; align-items: start; }
.master-group-column, .master-ungrouped-column { min-width: 0; border: 1px solid var(--line); border-radius: 14px; background: var(--panel-soft); overflow: hidden; }
.master-ungrouped-column { position: sticky; top: 14px; max-height: 720px; }
.master-column-head { min-height: 70px; padding: 12px 14px; border-bottom: 1px solid var(--line); background: var(--paper); display: grid; grid-template-columns: auto minmax(160px,1fr); align-items: center; gap: 12px; }
.master-column-head > div { display: grid; gap: 3px; }
.master-column-head b { font-size: 14px; }
.master-column-head small { color: var(--muted); font-size: 10px !important; }
.master-column-head input { width: 100%; min-height: 38px; padding: 0 10px; border: 1px solid var(--line); border-radius: 9px; background: var(--panel-soft); color: var(--ink); }
.master-group-list, .ungrouped-list { max-height: 650px; padding: 11px; overflow: auto; }
.master-group-list { display: grid; gap: 10px; }
.master-group-empty { min-height: 170px; display: grid; place-items: center; color: var(--muted); }
.master-product-group { border: 1px solid var(--line); border-radius: 12px; padding: 11px; background: var(--paper); transition: .2s ease; }
.master-product-group.drag-over { border-color: var(--green); box-shadow: 0 0 0 3px rgba(41,111,88,.12); transform: translateY(-2px); }
.master-product-group.dragging { opacity: .5; }
.master-product-group.group-sort-over { border-color: #2d7664; box-shadow: inset 0 3px 0 #2d7664,0 8px 20px rgba(36,102,83,.1); }
.master-product-group > header { display: grid; grid-template-columns: 24px 32px minmax(0,1fr) auto; align-items: center; gap: 9px; padding-bottom: 10px; border-bottom: 1px solid var(--line); }
.master-product-group.collapsed > header { padding-bottom: 0; border-bottom: 0; }
.master-product-group > header span, .master-product-group > header small { color: var(--muted); font-size: 10px; }
.master-product-group > header b { font-size: 15px; }
.master-product-group > header button, .master-sku-card button { border: 0; border-radius: 7px; padding: 6px 8px; background: var(--paper); color: var(--green); cursor: pointer; }
.master-product-group > header .master-group-toggle { width: 30px; height: 30px; padding: 0; border: 1px solid var(--line); background: var(--panel-soft); font-size: 16px; }
.master-product-group > header button.danger { color: #a24c43; }
.master-group-drag-handle { align-self: stretch; display: grid; place-items: center; border-radius: 7px; color: #84928d !important; font-size: 16px !important; letter-spacing: -4px; cursor: grab; user-select: none; }
.master-group-title { min-width: 0; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 2px 9px; }
.master-group-title > small { grid-column: 1 / -1; text-transform: uppercase; letter-spacing: .08em; }
.master-group-title > b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.master-group-metrics { display: flex; gap: 5px; }
.master-group-metrics span { padding: 4px 7px; border-radius: 99px; background: var(--panel-soft); white-space: nowrap; }
.master-group-menu { position: relative; }
.master-group-menu summary { min-width: 66px; padding: 7px 9px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); color: var(--green); font-size: 11px; font-weight: 700; text-align: center; cursor: pointer; list-style: none; }
.master-group-menu summary::-webkit-details-marker { display: none; }
.master-group-menu > div { position: absolute; z-index: 20; top: calc(100% + 6px); right: 0; min-width: 118px; padding: 6px; border: 1px solid var(--line); border-radius: 10px; background: var(--paper); box-shadow: 0 12px 30px rgba(25,48,42,.15); display: grid; gap: 4px; }
.master-group-menu > div button { width: 100%; text-align: left; white-space: nowrap; }
.master-group-skus { display: grid; gap: 8px; padding-top: 10px; }
.master-group-skus > p { color: var(--muted); text-align: center; padding: 22px 0; }
.master-sku-card { display: grid; grid-template-columns: minmax(0,1fr) minmax(120px,.45fr) minmax(220px,auto); align-items: center; gap: 10px 12px; padding: 11px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel-soft); cursor: grab; }
.master-sku-copy, .master-sku-meta { min-width: 0; display: grid; gap: 4px; }
.master-sku-copy b, .master-sku-copy span, .master-sku-meta span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.master-sku-card span, .master-sku-card small { color: var(--muted); font-size: 10px; }
.master-sku-meta small { width: fit-content; padding: 3px 6px; border-radius: 99px; background: var(--paper); }
.master-sku-actions { display: grid; grid-template-columns: minmax(130px,1fr) auto; align-items: center; gap: 7px; }
.master-sku-actions select { min-height: 35px; min-width: 0; width: 100%; padding: 0 7px; border: 1px solid var(--line); border-radius: 7px; background: var(--paper); color: var(--ink); }
.master-sku-card button.master-maintain-button { min-height: 35px; padding-inline: 10px; border: 1px solid #bfd6cf; background: #f5faf8; white-space: nowrap; }
.ungrouped-list { padding-top: 11px; }
.ungrouped-list.drag-over { outline: 3px solid rgba(41,111,88,.14); outline-offset: -4px; }
.master-ungrouped-column .master-sku-card { grid-template-columns: 1fr; }
.master-ungrouped-column .master-sku-actions { grid-column: 1; }
.master-ungrouped-column .master-sku-actions select { max-width: none; width: 100%; }

.inventory-category-head { align-items: end; }
.inventory-category-head > div:first-child { min-width: 210px; }
.inventory-category-head > div:first-child > small { display: block; margin-top: 4px; color: var(--muted); }
.inventory-category-controls { display: grid; grid-template-columns: 165px minmax(220px,1fr) 190px; align-items: end; gap: 9px; width: min(720px,100%); }
.inventory-category-controls.grouped-page-controls { grid-template-columns: 190px minmax(210px,1fr) 190px auto; width: min(980px,100%); }
.inventory-category-controls label { display: grid; gap: 5px; }
.inventory-category-controls label > span { color: var(--muted); font-size: 9px; font-weight: 700; }
.inventory-category-controls input, .inventory-category-controls select { min-height: 38px; width: 100%; padding: 0 9px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); color: var(--ink); }
.inventory-category-controls :disabled { opacity: .48; cursor: not-allowed; }
.inventory-grouped-list { padding: 0 16px 16px; display: grid; gap: 10px; }
.inventory-grouped-card { border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: var(--paper); }
.inventory-grouped-head { width: 100%; min-height: 76px; padding: 11px 13px; border: 0; background: var(--panel-soft); color: var(--ink); display: grid; grid-template-columns: 32px minmax(0,1fr) 135px 150px; align-items: center; gap: 11px; text-align: left; cursor: pointer; }
.inventory-grouped-head > span { width: 30px; height: 30px; border: 1px solid var(--line); border-radius: 8px; background: var(--paper); color: var(--green); display: grid; place-items: center; font-size: 16px; }
.inventory-grouped-head > div { min-width: 0; display: grid; gap: 2px; }
.inventory-grouped-head b { overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
.inventory-grouped-head small, .inventory-grouped-head em { color: var(--muted); font-size: 9px; font-style: normal; }
.inventory-grouped-head > strong { display: grid; gap: 3px; justify-items: end; font-size: 16px; font-variant-numeric: tabular-nums; }
.inventory-grouped-head > strong:last-child { color: #876b37; }
.inventory-grouped-table { max-height: 390px; }
.inventory-grouped-table table { min-width: 1120px; table-layout: auto; }
.inventory-grouped-table td, .inventory-grouped-table th { padding: 10px 12px; }
.inventory-grouped-table th.number-cell, .inventory-grouped-table td.number-cell { min-width: 110px; text-align: right; }
.inventory-grouped-table .display-barcode { min-width: 145px; }
.inventory-grouped-table .display-product { min-width: 270px; }
.inventory-grouped-table .total-cell { border-left: 1px solid var(--line); background: rgba(49,112,91,.05); font-weight: 800; }
.inventory-grouped-table .price-cell, .inventory-grouped-table .amount-cell { background: rgba(177,137,71,.06); }
.inventory-group-expand-actions { display: flex; gap: 6px; }
.inventory-group-expand-actions .button { min-height: 38px; padding-inline: 10px; white-space: nowrap; }
.inventory-confirm-guide { margin: 14px 16px; display: flex; gap: 12px; align-items: center; padding: 12px 14px; border: 1px solid rgba(41,111,88,.25); border-radius: 12px; background: rgba(41,111,88,.07); }
.inventory-confirm-guide i { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--green); color: white; font-style: normal; }
.inventory-confirm-guide p { margin: 3px 0 0; color: var(--muted); }
.same-day-overwrite-note { margin: 0 16px 14px; display: flex; gap: 10px; padding: 10px 12px; border-radius: 10px; background: rgba(194,155,90,.13); color: var(--ink); }
.same-day-overwrite-note b { color: #977037; white-space: nowrap; }
.inventory-process-state { margin: 14px 16px; display: flex; align-items: center; gap: 12px; padding: 14px; border-radius: 12px; border: 1px solid var(--line); }
.inventory-process-state > span { display: grid; place-items: center; width: 38px; height: 38px; flex: 0 0 auto; border-radius: 50%; font-size: 18px; font-weight: 800; }
.inventory-process-state p { margin: 4px 0 0; color: var(--muted); }
.inventory-process-state.processing { background: rgba(65,116,139,.08); }
.inventory-process-state.complete { background: rgba(41,111,88,.08); border-color: rgba(41,111,88,.25); }
.inventory-process-state.complete > span { background: var(--green); color: #fff; }
.inventory-process-state.failed { background: rgba(166,80,64,.08); border-color: rgba(166,80,64,.25); }
.inventory-process-state.failed > span { background: #a65040; color: #fff; }
.process-spinner { border: 3px solid rgba(65,116,139,.18); border-top-color: #41748b; animation: inventory-spin .8s linear infinite; }
@keyframes inventory-spin { to { transform: rotate(360deg); } }
.master-import-modal { width: min(1180px, calc(100vw - 40px)); }
.master-import-preview-table { max-height: 470px; }
.master-import-preview-table table { min-width: 1050px; }
.master-import-modal footer { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding-top: 14px; }
.inventory-editor-actions { display: flex; justify-content: flex-end; gap: 9px; }

.inventory-weekly-upload { border: 1px solid #d8e3e0; border-radius: 15px; background: linear-gradient(130deg,#fbfcfb,#f0f6f4); overflow: hidden; }
.inventory-upload-control { padding: 19px; display: grid; grid-template-columns: minmax(300px,1fr) 170px auto auto; align-items: end; gap: 12px; }
.inventory-upload-control h2 { margin: 6px 0; font-size: 19px; }
.inventory-upload-control p { margin: 0; color: var(--muted); font-size: 11px; }
.inventory-upload-control > label:not(.button) { display: grid; gap: 6px; }
.inventory-upload-control > label:not(.button) span { color: var(--muted); font-size: 10px; font-weight: 700; }
.inventory-upload-control input[type="date"] { min-height: 40px; padding: 0 10px; border: 1px solid var(--line); border-radius: 9px; background: var(--paper); color: var(--ink); }
.inventory-upload-rules { padding: 11px 19px; border-top: 1px solid #dce6e3; background: rgba(255,255,255,.55); display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.inventory-upload-rules b { margin-right: 5px; font-size: 10px; }
.inventory-upload-rules span { padding: 5px 8px; border-radius: 99px; background: #e4efec; color: #437168; font-size: 9px; }
.inventory-preview-stage { min-height: 360px; padding: 0; overflow: hidden; }
.master-status-stack{display:grid;justify-items:start;gap:5px}.master-status-stack .badge{white-space:nowrap}
.inventory-upload-placeholder { min-height: 360px; padding: 50px 20px; display: grid; place-items: center; align-content: center; gap: 10px; text-align: center; }
.inventory-upload-placeholder > span { width: 58px; height: 58px; border-radius: 17px; background: #e4f0ed; color: #24776e; display: grid; place-items: center; font-size: 18px; font-weight: 800; }
.inventory-upload-placeholder h2 { margin: 4px 0 0; font-size: 18px; }
.inventory-upload-placeholder p { max-width: 620px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.7; }
.inventory-upload-placeholder.checking > span { animation: inventoryChecking 1s ease-in-out infinite alternate; }
@keyframes inventoryChecking { to { transform: scale(1.08); box-shadow: 0 0 0 10px rgba(39,119,110,.08); } }
.inventory-validation-errors { padding: 25px; display: grid; gap: 18px; }
.inventory-validation-errors > div { display: grid; grid-template-columns: 46px minmax(0,1fr); gap: 13px; align-items: center; }
.inventory-validation-errors > div > span { grid-row: span 2; width: 46px; height: 46px; border-radius: 13px; background: #f3e1df; color: #a34c45; display: grid; place-items: center; font-size: 18px; font-weight: 800; }
.inventory-validation-errors h2 { margin: 0; font-size: 18px; }
.inventory-validation-errors p { margin: 3px 0 0; color: var(--muted); font-size: 11px; }
.inventory-validation-errors ol { max-height: 380px; margin: 0; padding: 14px 14px 14px 38px; border: 1px solid #ead9d6; border-radius: 11px; background: #fff8f7; overflow: auto; }
.inventory-validation-errors li { padding: 5px 0; color: #734b47; font-size: 11px; line-height: 1.5; }
.inventory-preview-ready > header { padding: 17px 19px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.inventory-preview-ready > header > div:first-child { display: flex; align-items: center; gap: 12px; }
.inventory-preview-ready > header > div:first-child > span { width: 43px; height: 43px; border-radius: 13px; background: #dff0e9; color: #25805f; display: grid; place-items: center; font-size: 17px; font-weight: 800; }
.inventory-preview-ready h2 { margin: 0; font-size: 17px; }
.inventory-preview-ready header p { margin: 4px 0 0; color: var(--muted); font-size: 10px; }
.inventory-preview-ready > header > div:last-child { display: grid; gap: 3px; text-align: right; }
.inventory-preview-ready > header > div:last-child b { font-size: 16px; }
.inventory-preview-ready > header > div:last-child strong { color: #856a38; font-size: 12px; }
.inventory-preview-tabs { padding: 10px 14px 0; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
.inventory-preview-tabs button { min-height: 60px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px 10px 0 0; background: #f5f7f6; color: var(--ink); display: grid; gap: 4px; text-align: left; cursor: pointer; }
.inventory-preview-tabs button.active { border-color: #8fbdb6; border-bottom-color: #fff; background: #fff; color: #176d65; }
.inventory-preview-tabs b { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.inventory-preview-tabs small { color: var(--muted); font-size: 9px !important; }
.inventory-preview-table { max-height: 480px; overflow: auto; }
.inventory-preview-table table { min-width: 1100px; }
.inventory-preview-table thead { position: sticky; top: 0; z-index: 2; }
.inventory-preview-ready > footer { padding: 15px 18px; border-top: 1px solid var(--line); background: #f8faf9; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.inventory-preview-ready > footer p { margin: 0; color: var(--muted); font-size: 10px; }

[data-theme="dark"] .inventory-data-tools, [data-theme="dark"] .inventory-weekly-upload { border-color: var(--line); background: linear-gradient(130deg,#1c2d2f,#19282a); }
[data-theme="dark"] .inventory-tool-entry-grid > button, [data-theme="dark"] .inventory-tool-actions, [data-theme="dark"] .inventory-upload-rules, [data-theme="dark"] .inventory-preview-tabs button.active, [data-theme="dark"] .inventory-preview-ready > footer { border-color: var(--line); background: var(--paper); }
[data-theme="dark"] .inventory-master-filters input, [data-theme="dark"] .inventory-master-filters select, [data-theme="dark"] .inventory-master-form input, [data-theme="dark"] .inventory-master-form select, [data-theme="dark"] .inventory-upload-control input[type="date"], [data-theme="dark"] .master-column-head input, [data-theme="dark"] .master-sku-actions select, [data-theme="dark"] .inventory-category-controls input, [data-theme="dark"] .inventory-category-controls select { border-color: var(--line); background: #182729; }
[data-theme="dark"] .inventory-validation-errors ol { border-color: #613d3a; background: #2d2323; }

@media (max-width: 1050px) {
  .inventory-upload-control { grid-template-columns: 1fr 180px; }
  .inventory-master-filters { grid-template-columns: 1fr 1fr; }
  .inventory-master-filters small { grid-column: span 2; }
  .master-group-editor { grid-template-columns: 1fr; }
  .master-ungrouped-column { position: static; max-height: none; }
  .master-sku-card { grid-template-columns: minmax(0,1fr) minmax(210px,auto); }
  .master-sku-meta { grid-column: 1; }
  .master-sku-actions { grid-row: 1 / span 2; grid-column: 2; }
  .inventory-category-head { align-items: stretch; flex-direction: column; }
  .inventory-category-controls { width: 100%; }
  .inventory-category-controls.grouped-page-controls { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
  .inventory-tools-head, .inventory-tool-actions, .inventory-preview-ready > header, .inventory-preview-ready > footer { align-items: stretch; flex-direction: column; }
  .inventory-tool-entry-grid, .inventory-preview-tabs { grid-template-columns: 1fr; }
  .inventory-tool-entry-grid > button { grid-template-columns: 44px minmax(0,1fr); }
  .inventory-tool-entry-grid em { grid-column: 2; }
  .inventory-master-filters, .inventory-upload-control, .inventory-master-form { grid-template-columns: 1fr; }
  .master-column-head, .inventory-category-controls { grid-template-columns: 1fr; }
  .master-sku-card { grid-template-columns: 1fr; }
  .master-sku-actions { grid-row: auto; grid-column: 1; }
  .master-product-group > header { grid-template-columns: 22px 30px minmax(0,1fr); }
  .master-group-menu { grid-column: 3; }
  .master-group-metrics { grid-column: 1 / -1; }
  .master-grouping-head-actions { justify-content: stretch; }
  .master-grouping-head-actions .button { flex: 1; }
  .inventory-grouped-head { grid-template-columns: 32px minmax(0,1fr); }
  .inventory-grouped-head > strong { grid-column: 2; justify-items: start; }
  .inventory-master-filters small, .inventory-master-form .wide { grid-column: auto; }
  .inventory-preview-ready > header > div:last-child { text-align: left; }
}
/* 管理层专属正式版升级中心 v1.0.38 */
.system-upgrade-banner{position:fixed;z-index:4000;top:0;left:0;right:0;min-height:54px;padding:9px 28px;display:flex;align-items:center;justify-content:center;gap:12px;color:#173d33;background:#e9f1ed;border-bottom:1px solid #c8ddd4;box-shadow:0 8px 26px rgba(23,61,51,.12)}
.system-upgrade-banner i{width:34px;height:34px;display:grid;place-items:center;border-radius:12px;background:#fff;font-style:normal;font-weight:800}
.system-upgrade-banner div{display:flex;align-items:baseline;gap:12px}.system-upgrade-banner b{font-size:14px}.system-upgrade-banner span{font-size:13px;color:#597069}
.system-upgrade-banner.draining{background:#fff3d9;color:#674b17;border-color:#e8cf99}.system-upgrade-banner.draining span{color:#795f2f}.system-upgrade-banner.draining i{min-width:34px;color:#8a6119;font-variant-numeric:tabular-nums}
.system-upgrade-banner.running{background:#173d33;color:#fff;border-color:#173d33}.system-upgrade-banner.running span{color:#dbe9e4}.system-upgrade-banner.running i{animation:release-spin 1.5s linear infinite}
.system-upgrade-banner.failed{background:#fff0eb;color:#8c3c2d;border-color:#edc8bd}.system-upgrade-banner.released{background:#e8f5ee;color:#1b694f;border-color:#b7dccb}
.has-system-upgrade-banner body{padding-top:54px}
.system-maintenance-locked,.system-maintenance-locked body{overflow:hidden}
.system-maintenance-lock{position:fixed;inset:0;z-index:9000;display:grid;place-items:center;padding:28px;outline:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
.system-maintenance-lock.owner{background:rgba(18,43,37,.72);backdrop-filter:blur(12px)}
.maintenance-owner-card{width:min(680px,calc(100vw - 40px));padding:34px 38px 30px;border:1px solid rgba(255,255,255,.52);border-radius:28px;background:#fbfaf6;box-shadow:0 36px 100px rgba(6,29,24,.32);color:#183d33}
.maintenance-owner-head{display:flex;align-items:center;gap:14px;padding-bottom:22px;border-bottom:1px solid #dfe6e1}.maintenance-owner-head>i{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:#173d33;color:#fff;font-style:normal;font-size:22px;font-weight:800}.maintenance-owner-head span{display:grid;gap:3px}.maintenance-owner-head small{font-size:11px;letter-spacing:.16em;color:#8c7b5a}.maintenance-owner-head b{font-size:17px}
.maintenance-owner-status{padding:29px 0 20px;text-align:center}.maintenance-owner-status em{display:inline-flex;padding:6px 12px;border-radius:99px;background:#e7f1ec;color:#23644f;font-style:normal;font-size:12px;font-weight:800}.maintenance-owner-status h1{margin:15px 0 9px;font-size:27px;line-height:1.35}.maintenance-owner-status p{margin:0;color:#63736d;font-size:14px;line-height:1.75}
.maintenance-progress{padding:18px 20px;border:1px solid #dce6e1;border-radius:17px;background:#f3f6f3}.maintenance-progress-track{height:10px;overflow:hidden;border-radius:99px;background:#dbe4df}.maintenance-progress-track span{display:block;height:100%;position:relative;overflow:hidden;border-radius:inherit;background:linear-gradient(90deg,#1b5b48,#43a27f);transition:width .8s linear}.maintenance-progress-track span:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.46),transparent);animation:maintenance-sheen 1.5s linear infinite}.maintenance-progress-track span.complete{background:#2d936f}.maintenance-progress-meta{display:flex;align-items:center;justify-content:space-between;margin-top:11px}.maintenance-progress-meta b{font-variant-numeric:tabular-nums;font-size:18px}.maintenance-progress-meta span{color:#687872;font-size:12px}
.maintenance-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.maintenance-steps span{display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;border-radius:12px;background:#f0f1ed;color:#89918e;font-size:12px;font-weight:700}.maintenance-steps span i{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#d8ddda;font-style:normal}.maintenance-steps span.active{background:#e4efe9;color:#1f624e}.maintenance-steps span.active i{background:#26745d;color:#fff}.maintenance-lock-note{display:block;margin-top:20px;text-align:center;color:#8a9490;font-size:12px}
.system-maintenance-lock.employee{background:radial-gradient(circle at 50% 28%,#245c4d 0,#173f35 38%,#0d2e27 100%);color:#fff}.maintenance-employee-screen{width:min(620px,calc(100vw - 36px));text-align:center}.maintenance-brand{position:absolute;top:34px;left:42px;display:flex;align-items:center;gap:11px;text-align:left}.maintenance-brand>i{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.34);border-radius:13px;background:rgba(255,255,255,.08);font-style:normal;font-size:19px;font-weight:800}.maintenance-brand span{display:grid;gap:3px}.maintenance-brand b{font-size:15px}.maintenance-brand small{color:rgba(255,255,255,.58);font-size:9px;letter-spacing:.16em}.maintenance-lock-mark{width:78px;height:78px;margin:0 auto 24px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.34);border-radius:24px;background:rgba(255,255,255,.1);font-size:30px;font-weight:800}.system-maintenance-lock.employee.running .maintenance-lock-mark{animation:release-spin 1.8s linear infinite}.system-maintenance-lock.completed .maintenance-lock-mark{background:#47a681;animation:maintenance-complete .5s ease both}.maintenance-employee-screen h1{margin:0;font-size:34px;line-height:1.35}.maintenance-employee-screen p{margin:15px auto 0;max-width:520px;color:rgba(255,255,255,.74);font-size:15px;line-height:1.8}.maintenance-employee-screen>small{display:block;margin-top:26px;color:rgba(255,255,255,.52);font-size:12px}.maintenance-employee-pulse{width:min(360px,72vw);height:9px;margin:30px auto 0;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.14)}.maintenance-employee-pulse span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#52bd94,#7be0ba);transition:width .8s linear}.maintenance-employee-pulse.complete span{background:#85e3be}.maintenance-estimate{display:block;margin-top:16px;color:#d6ebe3;font-size:15px}
@keyframes maintenance-progress{0%{transform:translateX(-20%)}50%{transform:translateX(125%)}100%{transform:translateX(245%)}}
@keyframes maintenance-sheen{from{transform:translateX(-110%)}to{transform:translateX(110%)}}
@keyframes maintenance-complete{0%{transform:scale(.72);opacity:.5}100%{transform:scale(1);opacity:1}}
@keyframes release-spin{to{transform:rotate(360deg)}}

.release-management-panel{margin:24px 0;padding:26px;border:1px solid #d8e1dc;background:linear-gradient(145deg,#fff 0%,#f5f8f6 100%);overflow:hidden}
.release-management-panel.loading{min-height:122px;display:flex;align-items:center;gap:18px}.release-loading-mark{width:42px;height:42px;border:3px solid #d6e4de;border-top-color:#286f5b;border-radius:50%;animation:release-spin 1s linear infinite}
.release-management-panel.unavailable>p{margin:18px 0 6px;font-size:15px}.release-management-panel.unavailable>small{color:#7b8984}
.release-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:22px}.release-panel-head h2{margin:5px 0 6px;font-size:24px}.release-panel-head p{margin:0;color:#6c7c76}
.release-version-route{margin-top:22px;padding:18px;display:grid;grid-template-columns:minmax(145px,1fr) 36px minmax(145px,1fr) minmax(185px,1.2fr);gap:12px;align-items:stretch;border-radius:18px;background:#173d33;color:#fff}
.release-version-route article{padding:7px 12px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(255,255,255,.14)}.release-version-route article:last-child{border:0}.release-version-route small{color:#b8d0c8}.release-version-route strong{margin:5px 0;font-size:25px}.release-version-route span{font-size:12px;color:#a9c2ba}.release-version-route>i{align-self:center;text-align:center;font-size:20px;color:#c7aa75}
.release-update-content{margin-top:18px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,.7fr);gap:16px}.release-update-content>div,.release-update-content>aside{padding:19px;border:1px solid #dce4df;border-radius:16px;background:rgba(255,255,255,.82)}
.release-update-content ul{margin:12px 0 0;padding:0;display:grid;gap:8px;list-style:none}.release-update-content li{display:grid;grid-template-columns:80px 1fr;gap:10px;font-size:13px}.release-update-content li b{color:#28705c}.release-update-content li span{color:#53635e}
.release-update-content aside{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.release-update-content aside>span{font-size:12px;color:#7c8985}.release-update-content aside>b{line-height:1.5}.release-update-content aside>p{margin:4px 0;color:#a34837;font-size:12px}.release-upgrade-button{margin-top:auto;width:100%}
.release-preview-access{margin-top:16px;padding:17px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #d8e3de;border-radius:17px;background:#fff}.release-preview-access>div{display:flex;align-items:center;gap:13px;min-width:0}.release-preview-access>div>i{width:44px;height:44px;display:grid;place-items:center;flex:none;border-radius:13px;background:#e5f1ec;color:#25644f;font-style:normal;font-size:17px;font-weight:800}.release-preview-access>div>span{display:grid;gap:2px;min-width:0}.release-preview-access small{color:#81908a;font-size:9px;letter-spacing:.13em}.release-preview-access b{font-size:16px}.release-preview-access p{margin:0;color:#697973;font-size:12px}.release-preview-access em{color:#a14c3c;font-size:11px;font-style:normal}.release-preview-access aside{display:flex;gap:9px;flex:none}.release-preview-access .button{white-space:nowrap}
.release-management-panel>footer{margin-top:16px;display:flex;flex-wrap:wrap;gap:9px}.release-management-panel>footer span{padding:7px 11px;border-radius:99px;background:#edf2ef;color:#51635d;font-size:12px}
.release-history{margin-top:20px;padding-top:20px;border-top:1px solid #dbe3de}.release-history-head{margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.release-history-head span{font-size:12px;color:#82908b}.release-history article{padding:12px 4px;display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;border-top:1px solid #e4e9e6}.release-history article i{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#e8f1ed;color:#23634f;font-style:normal;font-weight:800}.release-history article div{display:flex;flex-direction:column;gap:3px}.release-history article span,.release-history article small{font-size:12px;color:#7b8884}.release-history article small{text-align:right;line-height:1.6}.release-history article.failure i{background:#fbe8e2;color:#a14938}.release-history article.failure div>b{color:#8c3f31}

.release-upgrade-form fieldset{margin:0;padding:14px;border:1px solid #d9e1dd;border-radius:14px}.release-upgrade-form legend{padding:0 7px;color:#53645e;font-size:13px}.release-confirm-summary{padding:16px;display:grid;grid-template-columns:1fr 28px 1fr auto;align-items:center;gap:8px;border-radius:14px;background:#173d33;color:#fff}.release-confirm-summary span{color:#c1d3cd}.release-confirm-summary i{text-align:center;color:#caaa72}.release-confirm-summary b{font-size:20px}.release-confirm-summary small{color:#d8c59e}
.release-mode-option{margin-top:9px;padding:12px;display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px;border:1px solid #dfe5e2;border-radius:12px;cursor:pointer}.release-mode-option.selected{border-color:#4d8b77;background:#eff6f3}.release-mode-option input{width:auto;margin-top:3px}.release-mode-option span{display:flex;flex-direction:column;gap:3px}.release-mode-option small{color:#72817c}
.release-safety-note{padding:13px 15px;border-radius:13px;background:#f5f1e7;color:#655338}.release-safety-note p{margin:4px 0 0;font-size:12px;line-height:1.65}

[data-theme="dark"] .release-management-panel{border-color:#304b43;background:linear-gradient(145deg,#142d26,#10251f)}[data-theme="dark"] .release-update-content>div,[data-theme="dark"] .release-update-content>aside,[data-theme="dark"] .release-preview-access{border-color:#324c44;background:#183129}[data-theme="dark"] .release-management-panel>footer span{background:#213b33;color:#c3d3ce}[data-theme="dark"] .release-history article{border-color:#30463f}[data-theme="dark"] .release-mode-option{border-color:#3a514a}[data-theme="dark"] .release-mode-option.selected{background:#183d32}

@media(max-width:900px){.release-version-route{grid-template-columns:1fr 28px 1fr}.release-version-route .release-difference{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.14);border-right:0}.release-update-content{grid-template-columns:1fr}.system-upgrade-banner div{display:block}.system-upgrade-banner span{display:block;margin-top:2px}}
@media(max-width:620px){.system-upgrade-banner{min-height:62px;padding:8px 12px;justify-content:flex-start}.system-upgrade-banner div{min-width:0;display:grid;gap:2px}.system-upgrade-banner b{font-size:12px}.system-upgrade-banner span{font-size:11px;line-height:1.35}.has-system-upgrade-banner body{padding-top:62px}.release-management-panel{padding:18px}.release-version-route{grid-template-columns:1fr}.release-version-route>i{transform:rotate(90deg)}.release-confirm-summary{grid-template-columns:1fr 24px 1fr}.release-confirm-summary small{grid-column:1/-1}.release-history article{grid-template-columns:34px 1fr}.release-history article small{grid-column:2;text-align:left}.release-preview-access{align-items:stretch;flex-direction:column}.release-preview-access aside{display:grid;grid-template-columns:1fr 1fr}.release-preview-access .button{justify-content:center}}
@media(max-width:620px){.system-maintenance-lock{padding:18px}.maintenance-owner-card{padding:24px 20px 22px;border-radius:22px}.maintenance-owner-status{padding:22px 0 16px}.maintenance-owner-status h1{font-size:22px}.maintenance-progress-meta{align-items:flex-start;gap:8px}.maintenance-progress-meta span{text-align:right}.maintenance-steps{gap:6px}.maintenance-steps span{padding:8px 4px;font-size:10px}.maintenance-brand{top:20px;left:20px}.maintenance-employee-screen h1{font-size:27px}.maintenance-employee-screen p{font-size:14px}.maintenance-estimate{font-size:14px}}
@media(max-width:620px){.system-version-pagination{align-items:stretch;flex-wrap:wrap}.system-version-pagination>div{max-width:100%;overflow-x:auto}.system-version-pagination>span{width:100%;margin:0;text-align:center}}
/* v1.0.46 · account workspace, todo calendar, communication and grouped self review */
.work-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.work-summary-grid article{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow-soft)}.work-summary-grid i{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--accent-soft);color:var(--accent);font-style:normal;font-weight:800}.work-summary-grid div{display:grid;gap:2px}.work-summary-grid small,.work-summary-grid span{color:var(--muted)}.work-summary-grid strong{font-size:28px;line-height:1.1}.work-center-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,.75fr);gap:18px;align-items:start}.work-list-panel,.work-calendar{padding:22px}.work-filters{display:flex;gap:6px;flex-wrap:wrap}.work-filters button,.calendar-switch button{border:1px solid var(--line);background:var(--panel-muted);color:var(--muted);border-radius:10px;padding:8px 12px}.work-filters button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.work-item-list{display:grid;gap:12px;margin-top:18px}.work-item{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.work-item>i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--panel-muted);color:var(--accent);font-style:normal;font-weight:800}.work-item.performance>i{background:#e9f6f0;color:#26745d}.work-item.notice>i{background:#fff4de;color:#a96d18}.work-item.personal>i{background:#edf1ff;color:#4966b1}.work-item.done{opacity:.62}.work-item h3{font-size:16px;margin:3px 0}.work-item p{margin:0;color:var(--muted);line-height:1.55}.work-item small,.work-item>div>span{color:var(--muted);font-size:12px}.work-item footer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.work-progress{font-size:12px;color:var(--accent);font-weight:700}.calendar-switch{display:flex;gap:5px}.calendar-switch button{font-size:22px;padding:2px 11px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin:18px 0}.calendar-weekday{text-align:center;font-size:12px;color:var(--muted);padding:4px}.calendar-day{position:relative;aspect-ratio:1;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text)}.calendar-day:hover{background:var(--panel-muted)}.calendar-day.today{border-color:var(--accent);color:var(--accent);font-weight:800}.calendar-day.has-items{background:var(--accent-soft)}.calendar-day em{position:absolute;right:3px;top:3px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 3px;border-radius:8px;background:var(--accent);color:#fff;font-size:9px;font-style:normal}.calendar-day.empty{visibility:hidden}.calendar-add{width:100%}.work-recipient-fieldset{border:1px solid var(--line);border-radius:14px;padding:14px}.work-recipient-fieldset legend{padding:0 6px;font-weight:700}.work-recipient-fieldset>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.work-recipient-fieldset label{display:flex;gap:9px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px}.work-recipient-fieldset label span{display:grid}.work-recipient-fieldset label small{color:var(--muted)}.work-recipient-fieldset.disabled{opacity:.45;pointer-events:none}
.communication-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:18px}.communication-directory,.communication-messages{padding:22px}.communication-directory>article{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.communication-directory>article>i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-style:normal;font-weight:800}.communication-directory article div{display:grid}.communication-directory article small{color:var(--muted)}.message-list{display:grid;gap:12px;max-height:650px;overflow:auto;padding-right:4px}.message-card{padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--panel-muted)}.message-card.sent{border-left:4px solid var(--accent)}.message-card.received{border-left:4px solid #bf8c3e}.message-card>div{display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:12px}.message-card h3{margin:8px 0 5px;font-size:16px}.message-card p{margin:0;white-space:pre-wrap;line-height:1.65}
.platform-summary{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.platform-summary article{position:relative}.platform-summary article>button{margin-left:auto;border:0;background:none;color:var(--accent);font-weight:700;cursor:pointer}.platform-account-panel{padding:22px}.platform-account-head-actions{display:flex;align-items:center;gap:12px}.platform-account-list{display:grid;gap:12px;margin-top:18px}.platform-account-row{display:grid;grid-template-columns:minmax(320px,1.05fr) minmax(380px,1.45fr) auto;gap:18px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:17px;background:var(--panel-muted)}.platform-account-person{display:flex;gap:14px;align-items:center}.platform-account-person>i,.permission-user-summary>i{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:var(--accent-soft);color:var(--accent);font-style:normal;font-weight:800;font-size:20px;overflow:hidden}.platform-account-person>i img{width:100%;height:100%;object-fit:cover}.platform-account-person h3{display:flex;gap:8px;align-items:baseline;margin:0;font-size:17px}.platform-account-person h3 small{font-size:12px;color:var(--muted);font-weight:500}.platform-account-person p{margin:4px 0;color:var(--muted);font-size:13px}.platform-account-person span{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.platform-account-person span b{font-size:11px;color:var(--muted);font-weight:500}.platform-account-permissions>small{color:var(--muted)}.platform-account-permissions>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.platform-account-permissions em{padding:4px 7px;border-radius:7px;background:var(--panel);border:1px solid var(--line);font-size:11px;font-style:normal}.platform-account-permissions em.danger-tag{color:#9b5f17;background:#fff8e8}.platform-account-actions{grid-column:2/4;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:12px}.platform-owner-lock{grid-column:2/4;text-align:right;color:var(--muted);font-size:12px}.platform-subpage .page-heading{align-items:center}.platform-editor-panel{padding:26px;max-width:1120px;margin:0 auto}.platform-editor-intro,.permission-user-summary{display:flex;align-items:center;gap:15px;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid var(--line)}.platform-editor-intro>i{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:var(--accent-soft);color:var(--accent);font-style:normal;font-size:20px;font-weight:800}.platform-editor-intro h2,.permission-user-summary h2{margin:0}.platform-editor-intro p,.permission-user-summary p{margin:4px 0 0;color:var(--muted)}.permission-user-summary>span{margin-left:auto;color:var(--accent);font-weight:700}.platform-permission-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.platform-editor-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.platform-editor-actions .button{min-width:130px}
.performance-category-group{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--panel);margin-bottom:16px}.performance-category-group>header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:17px 20px;background:linear-gradient(90deg,var(--accent-soft),transparent);border-bottom:1px solid var(--line)}.performance-category-group>header h3{font-size:18px;margin:2px 0}.performance-category-group>header span,.performance-category-group>header small{font-size:11px;color:var(--muted)}.performance-category-group>header>div:last-child{display:grid;text-align:right}.performance-category-group>header b{color:var(--accent)}.performance-category-group .performance-work-item{border:0;border-bottom:1px solid var(--line);border-radius:0;margin:0}.performance-category-group .performance-work-item:last-child{border-bottom:0}.performance-scoring-rule{margin-top:10px}.performance-scoring-rule summary{cursor:pointer;color:var(--accent);font-size:12px;font-weight:700}.performance-scoring-rule p{padding:10px 12px;margin-top:7px!important;border-radius:10px;background:var(--panel-muted);color:var(--text)!important}.performance-item-score>small{color:var(--muted);font-size:11px}.performance-item-score>em{display:block;margin-top:5px;color:var(--accent);font-style:normal;font-size:11px}.performance-rule-callout{padding:14px 16px;border-radius:14px;background:var(--accent-soft);border:1px solid var(--line)}.performance-rule-callout p{margin:6px 0;line-height:1.6}.performance-rule-callout span{font-size:12px;color:var(--accent);font-weight:700}
@media(max-width:1100px){.work-summary-grid,.platform-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.work-center-layout,.communication-layout{grid-template-columns:1fr}.platform-account-row{grid-template-columns:1fr}.platform-account-actions,.platform-owner-lock{grid-column:1}.platform-account-actions{justify-content:flex-start}.platform-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.work-summary-grid,.platform-summary{grid-template-columns:1fr}.work-item{grid-template-columns:40px 1fr}.work-item footer{grid-column:1/3;justify-content:flex-start}.work-recipient-fieldset>div,.platform-permission-grid{grid-template-columns:1fr}.platform-account-row{padding:14px}.platform-account-person span{display:grid}.platform-account-head-actions{align-items:flex-end;flex-direction:column}}
.system-security-summary.compact.platform-summary{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.system-security-summary.compact.platform-summary article{grid-template-columns:36px minmax(0,1fr) auto}.system-security-summary.compact.platform-summary article>button{margin-left:auto;border:0;background:none;color:var(--accent);font-weight:700;cursor:pointer}@media(max-width:1100px){.system-security-summary.compact.platform-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.system-security-summary.compact.platform-summary{grid-template-columns:1fr}}

/* v1.0.47 · data and communication audit, directory visibility, automatic sales scoring */
.file-operation-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:14px 18px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.file-operation-toolbar>div{display:flex;align-items:center;gap:12px}.file-operation-toolbar>div>span,.file-operation-toolbar p{color:var(--muted);font-size:12px}.file-operation-toolbar p{margin:0}
.file-scope-switch{display:flex;padding:4px;border-radius:11px;background:var(--panel-muted)}.file-scope-switch button{padding:8px 14px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.file-scope-switch button.active{background:var(--accent);color:#fff;box-shadow:0 4px 12px rgba(38,105,83,.2)}
.file-scope-lock{padding:7px 11px;border-radius:9px;background:var(--accent-soft);color:var(--accent)!important;font-weight:700}.file-operation-summary{margin-bottom:18px}.file-operation-panel{padding:22px}.file-operation-head{align-items:flex-end}.file-operation-filters{display:flex;gap:9px}.file-operation-filters select,.file-operation-filters input{min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text)}.file-operation-filters input{width:250px}.file-operation-table table{min-width:1040px}.file-operation-table td{vertical-align:middle}.file-actor-cell{display:flex;align-items:center;gap:10px}.file-actor-cell>i{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--accent-soft);color:var(--accent);font-style:normal;font-weight:800}.file-actor-cell>span{display:grid;gap:2px}.file-actor-cell small,.table-subline{display:block;margin-top:3px;color:var(--muted);font-size:11px}.file-kind-tag{display:inline-flex;padding:5px 8px;border-radius:8px;background:var(--panel-muted);font-size:11px;font-weight:700}.file-kind-tag.upload{color:#276f5b;background:#e7f3ee}.file-kind-tag.modify{color:#4967a4;background:#edf1fb}.file-kind-tag.delete{color:#9b4f43;background:#f9ebe8}.file-kind-tag.download{color:#8b662d;background:#fbf3e3}.file-operation-panel>footer{display:flex;justify-content:flex-end;padding-top:15px}.file-operation-pagination{display:flex;align-items:center;gap:10px}.file-operation-pagination button{padding:7px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text)}.file-operation-pagination button:disabled{opacity:.45}.file-operation-count,.file-operation-pagination span{color:var(--muted);font-size:12px}
.directory-visibility-option{margin:4px 0 18px;padding:14px 16px;border:1px solid var(--line);border-radius:13px;background:var(--panel-muted)}.directory-visibility-option>span{display:grid;gap:3px}.directory-visibility-option small{color:var(--muted);font-weight:400}.performance-auto-score-note{display:grid;gap:5px;padding:13px 14px;border:1px solid rgba(38,105,83,.22);border-radius:12px;background:var(--accent-soft)}.performance-auto-score-note b{color:var(--accent)}.performance-auto-score-note span{color:var(--muted);font-size:12px;line-height:1.6}
@media(max-width:760px){.file-operation-toolbar,.file-operation-head{align-items:stretch;flex-direction:column}.file-operation-filters{display:grid}.file-operation-filters input{width:100%}.file-operation-toolbar>div{align-items:flex-start;flex-direction:column}}

/* v1.0.48 · 商品主数据中心 */
[data-theme="dark"] .product-business-tabs button.active,[data-theme="dark"] .product-detail-hero{background:linear-gradient(135deg,#1c2f2a,#172521)}
[data-theme="dark"] .product-card-image,[data-theme="dark"] .product-detail-image,[data-theme="dark"] .asset-preview{background:#f6f6f2}
[data-theme="dark"] .asset-pending{border-color:#604f33;background:#302a20}
[data-theme="dark"] .import-preview-card{border-color:#38564a;background:#1a2a25}
[data-theme="dark"] .import-preview-card article{background:#21332c}
@media(max-width:1180px){.product-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-detail-hero{grid-template-columns:180px minmax(0,1fr)}.product-detail-actions{grid-column:2}.product-assets-grid{grid-template-columns:1fr}}
@media(max-width:900px){.product-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.product-browser{grid-template-columns:1fr}.product-series-panel{position:static;display:flex;align-items:center;overflow-x:auto}.product-series-panel h2,.product-series-panel>span{display:none}.product-series-panel button{flex:none}.product-detail-hero{grid-template-columns:150px minmax(0,1fr)}.product-overview-grid,.product-history-layout{grid-template-columns:1fr}}
@media(max-width:680px){.product-summary-strip,.product-business-tabs,.product-card-grid{grid-template-columns:1fr}.product-browser-main>header{align-items:stretch;flex-direction:column}.product-filters{display:grid}.product-filters input{width:100%}.product-detail-hero{padding-top:58px;grid-template-columns:1fr}.product-detail-image{width:100%;max-width:260px;margin:auto}.product-detail-actions{grid-column:1;align-self:auto;flex-wrap:wrap}.product-intro-card dl{grid-template-columns:1fr}.asset-current{grid-template-columns:56px minmax(0,1fr)}.asset-preview{width:56px;height:56px}.asset-actions{grid-column:1/-1;display:flex}.asset-pending{align-items:flex-start;flex-wrap:wrap}.import-preview-card article{grid-template-columns:1fr 1fr}.import-preview-card article b{grid-column:1/-1}}

/* v1.0.50 商品档案直连产品资料 */
.product-summary-strip.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.product-card-copy footer b.needs-info{color:#9a6b2f}
.product-missing-card{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:22px;border-color:#e4d2ab;background:linear-gradient(135deg,#fffdf7,#f7f2e7)}
.product-missing-card>div:first-child{min-width:0}
.product-missing-card h2{margin:7px 0 8px;font-size:20px;color:var(--forest-900)}
.product-missing-card p{margin:4px 0;color:var(--muted);font-size:11px;line-height:1.65}
.product-missing-card>div:last-child{display:flex;gap:9px;flex:none}
.product-missing-card.complete{border-color:#c8d9cf;background:linear-gradient(135deg,#f8fbf9,#eef5f1)}
.catalog-import-modal .modal{width:min(920px,calc(100vw - 36px));max-height:88vh}
.catalog-import-flow{padding:4px}
.catalog-import-intro{padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel-muted);display:flex;gap:14px;align-items:center}
.catalog-import-intro>span{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:var(--forest-700);color:#fff;font-size:20px}
.catalog-import-intro h3,.catalog-import-preview h3,.catalog-import-complete h3,.catalog-import-failed h3{margin:0 0 5px;font-size:18px}
.catalog-import-intro p,.catalog-import-preview header p,.catalog-import-complete p,.catalog-import-failed p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}
.catalog-import-checking{min-height:250px;display:grid;place-items:center;align-content:center;gap:10px;color:var(--forest-800)}
.catalog-import-checking i{width:34px;height:34px;border:3px solid #d9e5dd;border-top-color:var(--forest-700);border-radius:50%;animation:spin .8s linear infinite}
.catalog-import-checking small{color:var(--muted)}
.catalog-import-preview{margin-top:14px}
.catalog-import-preview>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.catalog-import-preview>header em{padding:6px 10px;border-radius:999px;background:#eef5f1;color:var(--forest-700);font-size:9px;font-style:normal;white-space:nowrap}
.catalog-import-counts{margin:14px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.catalog-import-counts article{padding:13px 15px;border:1px solid var(--line);border-radius:11px;background:var(--panel);display:flex;align-items:end;justify-content:space-between}
.catalog-import-counts span{color:var(--muted);font-size:10px}.catalog-import-counts strong{font-size:24px;color:var(--forest-800)}
.catalog-import-samples{max-height:280px;overflow:auto;border:1px solid var(--line);border-radius:12px}
.catalog-import-samples article{min-height:58px;padding:10px 13px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) 100px 170px;align-items:center;gap:12px}
.catalog-import-samples article:last-child{border-bottom:0}.catalog-import-samples b{display:block;font-size:12px}.catalog-import-samples small{display:block;margin-top:4px;color:var(--muted);font-size:9px}
.catalog-import-samples span{color:var(--forest-700);font-size:10px}.catalog-import-samples em{color:var(--muted);font-size:9px;font-style:normal;text-align:right}
.catalog-import-warnings{margin-top:10px;padding:10px 13px;border-radius:10px;background:#fbf7ed;color:#8b642b;font-size:10px}.catalog-import-warnings ul{margin:8px 0 0;padding-left:18px}
.catalog-import-preview>footer{margin-top:14px;padding-top:13px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.catalog-import-preview>footer small{display:block;margin-top:4px;color:var(--muted);font-size:9px}
.catalog-import-complete,.catalog-import-failed{min-height:300px;display:grid;place-items:center;align-content:center;text-align:center;gap:10px}.catalog-import-complete>span,.catalog-import-failed>span{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#e7f3ec;color:var(--forest-700);font-size:28px}.catalog-import-failed>span{background:#fbefea;color:#a24e37}
[data-theme="dark"] .product-missing-card{border-color:#685b3e;background:linear-gradient(135deg,#2b2a24,#242b27)}
[data-theme="dark"] .product-missing-card.complete{border-color:#38584a;background:linear-gradient(135deg,#213129,#1c2923)}
@media(max-width:1100px){.product-summary-strip.five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.product-summary-strip.five,.catalog-import-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.product-missing-card{align-items:flex-start;flex-direction:column}.catalog-import-samples article{grid-template-columns:1fr auto}.catalog-import-samples em{grid-column:1/-1;text-align:left}.catalog-import-preview>footer{align-items:flex-start;flex-direction:column}}

/* v1.0.49 · 绩效明细层级与销售运营 */
.performance-category-columns{display:grid;grid-template-columns:minmax(180px,.72fr) minmax(300px,1.55fr) minmax(125px,.45fr);gap:16px;padding:9px 20px;background:var(--panel-muted);border-bottom:1px solid var(--line);color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.05em}.performance-category-group .performance-item-main{grid-template-columns:minmax(180px,.72fr) minmax(300px,1.55fr) minmax(110px,.45fr);align-items:start;padding:0;gap:0}.performance-item-identity,.performance-item-detail,.performance-category-group .performance-item-score{min-height:100%;padding:18px 20px}.performance-item-identity{border-right:1px solid var(--line);display:grid;align-content:start;gap:5px}.performance-item-identity h3{font-size:14px;margin:2px 0 5px}.performance-item-identity>span{color:var(--accent);font-size:10px;font-weight:800}.performance-item-identity>small{color:var(--muted)}.performance-item-detail{display:grid;gap:6px}.performance-item-detail>b{font-size:11px;color:var(--muted)}.performance-item-detail>p{white-space:pre-line;font-size:12px;line-height:1.65}.performance-category-group .performance-item-score{border-left:1px solid var(--line);text-align:right}.performance-category-group .performance-item-score>b{font-size:21px}.performance-scoring-rule p,.performance-rule-callout p,.performance-review-readonly details p{white-space:pre-line}.performance-item-detail .performance-submission{margin:9px 0 0;border-left:3px solid var(--accent)}.performance-evidence-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}.performance-evidence-thumb{min-width:120px;max-width:220px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:var(--panel);display:flex;align-items:center;gap:7px;color:var(--text);text-decoration:none}.performance-evidence-thumb>span{width:26px;height:26px;border-radius:7px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:800}.performance-evidence-thumb>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.performance-file-field small{font-size:10px;color:var(--muted);font-weight:400}.performance-existing-evidence{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel-muted);display:flex;flex-wrap:wrap;gap:8px}.performance-existing-evidence>span{width:100%;font-size:10px;color:var(--muted)}.performance-existing-evidence>a{font-size:11px;color:var(--accent)}
.sales-page{gap:17px}.sales-toolbar{padding:15px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);display:flex;align-items:end;gap:14px;box-shadow:0 8px 24px rgba(27,48,38,.04)}.sales-toolbar label{display:grid;gap:6px}.sales-toolbar label span{font-size:10px;color:var(--muted);font-weight:700}.sales-toolbar input,.sales-toolbar select{min-width:190px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text)}.sales-view-switch{margin-left:auto;padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--panel-muted);display:flex;gap:3px}.sales-view-switch button{min-height:35px;padding:0 17px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-weight:700;cursor:pointer}.sales-view-switch button.active{background:var(--panel);color:var(--accent);box-shadow:0 3px 10px rgba(28,48,38,.08)}.sales-data-overview{padding:0;overflow:hidden}.sales-data-overview>.panel-head{padding:18px 20px;margin:0;border-bottom:1px solid var(--line)}.sales-matrix-wrap{overflow:auto;max-height:610px}.sales-matrix{min-width:980px;border-collapse:separate;border-spacing:0;width:100%}.sales-matrix th,.sales-matrix td{padding:13px 17px;border-bottom:1px solid var(--line);text-align:center;white-space:nowrap}.sales-matrix thead th{position:sticky;top:0;z-index:2;background:var(--panel-muted);font-size:11px}.sales-matrix thead th:first-child,.sales-matrix tbody th{position:sticky;left:0;z-index:3;background:var(--panel);text-align:left}.sales-matrix tbody th{min-width:180px;font-size:11px}.sales-matrix td b{font-size:12px}.sales-matrix td small{display:block;margin-top:3px;color:var(--muted);font-size:10px}.sales-matrix td small.up{color:#b54a42}.sales-matrix td small.down{color:#1b9a68}.sales-empty{min-height:210px;padding:30px;display:grid;place-items:center;align-content:center;gap:10px;text-align:center}.sales-empty>span{width:52px;height:52px;border-radius:17px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:18px;font-weight:800}.sales-empty p{color:var(--muted)}.sales-platform-admin{padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.sales-platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sales-platform-grid article{padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--panel-muted);display:flex;justify-content:space-between;gap:12px}.sales-platform-grid article>div{display:grid;gap:4px}.sales-platform-grid article span,.sales-platform-grid article small{color:var(--muted);font-size:10px}.sales-platform-grid article b{font-size:13px}.sales-platform-grid footer{display:flex;align-items:center;gap:8px}.sales-entry-section{padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-muted);display:grid;gap:11px}.sales-entry-section>b{color:var(--accent)}.sales-extended-fields{padding:12px 14px;border:1px solid var(--line);border-radius:12px}.sales-extended-fields summary{cursor:pointer;color:var(--accent);font-weight:800}.sales-extended-fields>.form-two-columns{margin-top:13px}.sales-owner-list{max-height:320px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sales-owner-option{padding:10px 11px;border:1px solid var(--line);border-radius:10px;display:flex!important;align-items:center;gap:9px}.sales-owner-option input{width:auto}.sales-owner-option>span{display:grid;gap:2px}.sales-owner-option small{font-size:10px;color:var(--muted)}
@media(max-width:900px){.performance-category-columns{display:none}.performance-category-group .performance-item-main{grid-template-columns:1fr}.performance-item-identity,.performance-item-detail,.performance-category-group .performance-item-score{min-height:auto}.performance-item-identity{border-right:0;border-bottom:1px solid var(--line)}.performance-category-group .performance-item-score{border-left:0;border-top:1px solid var(--line);text-align:left}.sales-toolbar{align-items:stretch;flex-wrap:wrap}.sales-view-switch{width:100%;margin-left:0}.sales-view-switch button{flex:1}.sales-platform-grid{grid-template-columns:1fr}}

/* v1.0.50 绩效结果卡 */
.performance-result-overview{padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow-soft)}
.performance-result-overview>header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:14px}.performance-result-overview>header h2{margin:4px 0 0;font-size:20px}.performance-result-overview>header>strong{font-size:24px;color:var(--accent)}
.performance-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.performance-result-card{min-width:0;padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel-muted);display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:11px;text-align:left;color:var(--text);cursor:pointer}.performance-result-card:hover,.performance-result-card.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 7px 18px rgba(31,87,68,.08)}.performance-result-card>i{width:32px;height:32px;border-radius:10px;background:var(--panel);display:grid;place-items:center;color:var(--muted);font-size:10px;font-style:normal;font-weight:800}.performance-result-card>div{min-width:0}.performance-result-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800}.performance-result-card small{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px}.performance-result-card>strong{font-size:22px;color:var(--forest-800);white-space:nowrap}.performance-result-card>strong em{margin-left:2px;color:var(--muted);font-size:10px;font-style:normal;font-weight:500}
@media(max-width:620px){.performance-result-grid{grid-template-columns:1fr}.performance-result-overview>header{align-items:flex-start}}

/* v1.0.51 · 绩效单栏、权限名称与商品档案手选导入 */
.performance-single-card .performance-work-items{grid-template-columns:1fr}
.catalog-import-toolbar{margin:14px 0 10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-muted);display:grid;grid-template-columns:minmax(230px,1fr) auto auto;align-items:end;gap:12px}
.catalog-import-toolbar label{display:grid;gap:5px}.catalog-import-toolbar label span{color:var(--muted);font-size:10px;font-weight:700}.catalog-import-toolbar input{min-height:38px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text)}
.catalog-import-toolbar>div{display:flex;gap:7px}.catalog-import-toolbar>strong{padding-bottom:8px;color:var(--accent);font-size:11px;white-space:nowrap}
.catalog-import-choice-list{max-height:330px;overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.catalog-import-choice{min-height:60px;padding:10px 13px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:20px minmax(0,1fr) 92px 170px;align-items:center;gap:11px;cursor:pointer}
.catalog-import-choice:last-child{border-bottom:0}.catalog-import-choice:hover{background:var(--panel-muted)}.catalog-import-choice input{width:16px;height:16px;accent-color:var(--accent)}
.catalog-import-choice>span{min-width:0}.catalog-import-choice b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.catalog-import-choice small{display:block;margin-top:4px;color:var(--muted);font-size:9px}
.catalog-import-choice>em{color:var(--accent);font-size:10px;font-style:normal}.catalog-import-choice>i{color:var(--muted);font-size:9px;font-style:normal;text-align:right}
.performance-owner-score-input{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.performance-owner-score-input input{min-width:0}.performance-no-self-score{padding:9px 11px;border-radius:9px;background:#fbf4e6;color:#83612f!important}
@media(max-width:760px){.catalog-import-toolbar{grid-template-columns:1fr}.catalog-import-toolbar>strong{padding:0}.catalog-import-choice{grid-template-columns:20px minmax(0,1fr) auto}.catalog-import-choice>i{grid-column:2/-1;text-align:left}}
@media(max-width:620px){.performance-owner-score-input{grid-template-columns:1fr}.performance-owner-score-input button{width:100%}}

/* v1.0.52 · 商品档案按库存分类单品导入 */
.catalog-import-category-tabs{margin:15px 0 10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.catalog-import-category-tabs button{min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;text-align:left}
.catalog-import-category-tabs button:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.catalog-import-category-tabs button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);box-shadow:0 6px 16px rgba(31,87,68,.08)}
.catalog-import-category-tabs span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800}.catalog-import-category-tabs b{min-width:25px;height:25px;padding:0 6px;border-radius:999px;background:var(--panel-muted);display:grid;place-items:center;font-size:9px}
.catalog-import-category-tabs button.active b{background:var(--panel)}
@media(max-width:900px){.catalog-import-category-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.catalog-import-category-tabs{grid-template-columns:1fr}}

/* v1.0.53 · 部门联动组织架构与月度绩效结果 */
.organization-page{gap:18px}.organization-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.organization-summary article{padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--shadow-soft);display:grid;gap:5px}.organization-summary span{color:var(--muted);font-size:11px;font-weight:700}.organization-summary strong{color:var(--forest-800);font-size:28px}.organization-summary small{color:var(--muted);font-size:10px}.org-leadership,.org-department-section{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow-soft)}.org-leadership{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(300px,1fr);align-items:center;gap:28px;background:linear-gradient(135deg,var(--panel),var(--accent-soft))}.org-leadership h2{margin:4px 0 7px;font-size:20px}.org-leadership p{margin:0;color:var(--muted);font-size:11px}.org-leadership .boss-row{width:min(100%,390px)}.org-leadership .person-card{grid-template-columns:40px minmax(0,1fr);column-gap:11px}.person-card>em{grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:8px;font-style:normal}.org-department-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.org-department-card{min-width:0;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--panel-muted)}.org-department-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line)}.org-department-identity{min-width:0;display:flex;align-items:center;gap:10px}.org-department-identity>i{width:38px;height:38px;border-radius:11px;background:var(--forest-800);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:800}.org-department-identity span{min-width:0;display:grid;gap:3px}.org-department-identity b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.org-department-identity small{color:var(--muted);font-size:9px}.org-member-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:11px}.org-member-list .person-card{margin:0;background:var(--panel);color:var(--text);grid-template-columns:34px minmax(0,1fr);box-shadow:0 4px 12px rgba(24,48,38,.035)}.org-edit-hint{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--accent);font-size:10px}.employee-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.employee-detail-heading>div{display:flex;align-items:center;gap:11px}.employee-detail-heading>div>span{width:44px;height:44px;border-radius:13px;background:var(--forest-800);color:#fff;display:grid;place-items:center;font-weight:800}.employee-detail-heading h3,.employee-detail-heading p{margin:0}.employee-detail-heading p{margin-top:4px;color:var(--muted);font-size:10px}
.org-page-actions{display:flex;align-items:center;gap:9px}.org-chart-panel{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow-soft);text-align:center}.org-chart-panel>header h2{margin:4px 0 5px;font-size:20px}.org-chart-panel>header p{margin:0;color:var(--muted);font-size:10px}.org-chart-root{width:min(320px,100%);margin:20px auto 0;padding:15px 18px;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));border-radius:15px;background:linear-gradient(135deg,var(--forest-800),#386d5b);color:#fff;display:flex;align-items:center;justify-content:center;gap:12px}.org-chart-root>i{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.15);display:grid;place-items:center;font-style:normal;font-weight:800}.org-chart-root>span{display:grid;text-align:left;gap:2px}.org-chart-root small,.org-chart-root em{color:rgba(255,255,255,.72);font-size:9px;font-style:normal}.org-chart-root b{font-size:16px}.org-chart-connector{width:1px;height:26px;margin:0 auto;background:var(--line)}.org-chart-branches{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.org-chart-branches:before{content:"";position:absolute;left:12.5%;right:12.5%;top:-1px;border-top:1px solid var(--line)}.org-chart-branches article{position:relative;min-width:0;padding:16px 12px;border:1px solid var(--line);border-radius:13px;background:var(--panel-muted);display:grid;gap:4px}.org-chart-branches article:before{content:"";position:absolute;left:50%;top:-13px;height:12px;border-left:1px solid var(--line)}.org-chart-branches span{color:var(--accent);font-size:9px;font-weight:800}.org-chart-branches b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.org-chart-branches small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:8px}.org-member-list .person-card.lead{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:inset 3px 0 var(--accent)}.org-member-list .person-card.lead:after{content:"负责人";position:absolute;right:8px;top:7px;padding:2px 5px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:7px;font-weight:800}.org-member-list .person-card{position:relative}.org-bulk-position-backdrop .modal{width:min(760px,calc(100vw - 28px));max-height:90vh}.org-bulk-position-list{max-height:56vh;overflow:auto;display:grid;gap:8px}.org-bulk-position-row{padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:var(--panel-muted);display:grid!important;grid-template-columns:minmax(180px,.8fr) minmax(220px,1.2fr);align-items:center;gap:14px}.org-bulk-position-row>span{display:grid;gap:3px}.org-bulk-position-row small{color:var(--muted);font-size:9px}.owner-permission-notice{margin-bottom:16px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:13px;background:var(--accent-soft)}.owner-permission-notice p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.6}

.performance-department-results>header{align-items:flex-start}.performance-department-results>header p{margin:5px 0 0;color:var(--muted);font-size:10px}.performance-department-group{margin-top:15px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}.performance-department-group>header{padding:12px 15px;background:linear-gradient(90deg,var(--accent-soft),var(--panel));display:flex;align-items:center;justify-content:space-between}.performance-department-group>header span{color:var(--accent);font-size:8px;font-weight:800;letter-spacing:.12em}.performance-department-group>header h3{margin:3px 0 0;font-size:15px}.performance-department-group>header>strong{color:var(--accent);font-size:12px}.performance-result-table-wrap{overflow-x:auto}.performance-result-table-head,.performance-result-row{min-width:970px;display:grid;grid-template-columns:44px minmax(170px,.8fr) minmax(220px,1.15fr) repeat(3,100px) 105px;align-items:center;gap:12px}.performance-result-table-head{padding:9px 14px;border-bottom:1px solid var(--line);background:var(--panel-muted);color:var(--muted);font-size:9px;font-weight:800}.performance-result-row{width:100%;padding:12px 14px;border:0;border-bottom:1px solid var(--line);background:var(--panel);color:var(--text);text-align:left;cursor:pointer}.performance-result-row:last-child{border-bottom:0}.performance-result-row:hover,.performance-result-row.active{background:var(--accent-soft)}.performance-result-row.active{box-shadow:inset 3px 0 var(--accent)}.performance-result-row>i{width:30px;height:30px;border-radius:9px;background:var(--panel-muted);display:grid;place-items:center;color:var(--muted);font-size:9px;font-style:normal}.performance-result-person,.performance-result-position{min-width:0;display:grid;gap:4px}.performance-result-person b,.performance-result-position b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.performance-result-person small,.performance-result-position small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px}.performance-result-position b{font-size:10px;font-weight:600}.performance-result-part{display:grid;gap:3px;text-align:center}.performance-result-part b{font-size:13px}.performance-result-part small{color:var(--muted);font-size:8px}.performance-result-total{text-align:right;color:var(--forest-800);font-size:20px}.performance-result-total em{margin-left:2px;color:var(--muted);font-size:9px;font-style:normal}

.performance-score-summary{display:grid;grid-template-columns:1.15fr repeat(3,minmax(0,1fr));gap:11px}.performance-score-summary article{min-width:0;padding:16px 18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);display:grid;gap:6px}.performance-score-summary article>span{color:var(--muted);font-size:10px;font-weight:700}.performance-score-summary article>strong{color:var(--forest-800);font-size:22px}.performance-score-summary article>strong em{color:var(--muted);font-size:10px;font-style:normal}.performance-score-summary article>small{color:var(--muted);font-size:9px}.performance-score-summary .performance-score-total{background:linear-gradient(135deg,var(--forest-800),#2d6652);border-color:transparent}.performance-score-summary .performance-score-total span,.performance-score-summary .performance-score-total small,.performance-score-summary .performance-score-total strong em{color:rgba(255,255,255,.72)}.performance-score-summary .performance-score-total strong{color:#fff;font-size:29px}.performance-score-summary.compact{margin:16px 0}.performance-score-summary.compact article{background:var(--panel-muted)}.performance-score-summary.compact .performance-score-total{background:linear-gradient(135deg,var(--forest-800),#2d6652)}.performance-plan-progress{margin-bottom:12px;padding:10px 13px;border:1px solid var(--line);border-radius:11px;background:var(--panel-muted);display:flex;flex-wrap:wrap;gap:18px}.performance-plan-progress span{color:var(--muted);font-size:10px}.performance-plan-progress b{margin-left:4px;color:var(--text)}

.performance-subcategory-block+.performance-subcategory-block{border-top:7px solid var(--panel-muted)}.performance-subcategory-heading{padding:10px 18px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel-muted) 78%,var(--panel));display:flex;align-items:center;justify-content:space-between}.performance-subcategory-heading>div{display:flex;align-items:center;gap:9px}.performance-subcategory-heading span{padding:3px 7px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:8px;font-weight:800}.performance-subcategory-heading b{font-size:11px}.performance-subcategory-heading small{color:var(--muted);font-size:9px}.performance-entry-table{margin:12px 0;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--panel-muted)}.performance-entry-table>header{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.performance-entry-table>header span{color:var(--accent);font-size:8px;font-weight:800;letter-spacing:.1em}.performance-entry-table>header h4{margin:3px 0 0;font-size:14px}.performance-entry-table>header small{color:var(--muted);font-size:9px}.performance-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.performance-entry-grid label{margin:0;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.performance-entry-grid .performance-entry-wide{grid-column:1/-1}.performance-entry-grid input,.performance-entry-grid textarea{width:100%;margin-top:6px;background:var(--panel)}.performance-submission-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:6px 0}.performance-submission-details>span{padding:7px 9px;border:1px solid var(--line);border-radius:8px;background:var(--panel);display:grid;gap:2px}.performance-submission-details small{color:var(--muted);font-size:8px}.performance-submission-details b{font-size:10px;font-weight:700}.employee-performance-person>div>small{display:block;margin-top:4px;color:var(--muted);font-size:9px}

[data-theme="dark"] .org-leadership{background:linear-gradient(135deg,var(--panel),var(--accent-soft))}[data-theme="dark"] .performance-score-summary .performance-score-total{background:linear-gradient(135deg,#275846,#1f4638)}
@media(max-width:1100px){.org-department-grid{grid-template-columns:1fr}.org-chart-branches{grid-template-columns:repeat(2,minmax(0,1fr))}.org-chart-branches:before{display:none}.org-chart-branches article:before{display:none}.performance-score-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.organization-summary{grid-template-columns:1fr}.org-page-actions{align-items:stretch;flex-direction:column}.org-leadership{grid-template-columns:1fr}.org-chart-branches{grid-template-columns:1fr}.org-member-list{grid-template-columns:1fr}.org-bulk-position-row{grid-template-columns:1fr}.performance-score-summary{grid-template-columns:1fr 1fr}.performance-entry-grid{grid-template-columns:1fr}.performance-entry-grid .performance-entry-wide{grid-column:auto}.performance-entry-table>header{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.performance-score-summary{grid-template-columns:1fr}.employee-detail-heading{align-items:flex-start;flex-direction:column}}

/* v1.0.54 · 绩效表格对齐、特殊岗位分类、任务闭环与产品目录 */
.performance-category-group{
  --section-color:#28755f;
  --section-soft:#edf6f2;
  --performance-columns:minmax(210px,.85fr) minmax(360px,1.6fr) minmax(150px,.52fr);
  border-color:color-mix(in srgb,var(--section-color) 32%,var(--line));
}
.performance-category-group.section-sales{--section-color:#1b6f9e;--section-soft:#eaf4fa}
.performance-category-group.section-daily{--section-color:#26755f;--section-soft:#eaf5f0}
.performance-category-group.section-discipline{--section-color:#9a5b2e;--section-soft:#fbf0e7}
.performance-category-group.section-seeding{--section-color:#7a55a3;--section-soft:#f3edf9}
.performance-category-group.section-service{--section-color:#b14f62;--section-soft:#fbecef}
.performance-category-group.section-administration{--section-color:#806723;--section-soft:#f7f2df}
.performance-category-group>header{padding:17px 20px;border-left:5px solid var(--section-color);background:linear-gradient(90deg,var(--section-soft),var(--panel) 72%)}
.performance-category-group>header b,.performance-category-group .performance-item-identity>span,.performance-category-group .performance-scoring-rule summary{color:var(--section-color)}
.performance-category-columns,.performance-category-group .performance-item-main{display:grid;grid-template-columns:var(--performance-columns);gap:0;padding:0}
.performance-category-columns>span{padding:11px 20px;border-right:1px solid var(--line);box-sizing:border-box}
.performance-category-columns>span:last-child{border-right:0;text-align:right}
.performance-item-identity,.performance-item-detail,.performance-category-group .performance-item-score{box-sizing:border-box;padding:18px 20px}
.performance-category-group .performance-item-score{min-width:0;justify-items:end;align-content:start}
.performance-category-group .performance-item-score span,.performance-category-group .performance-item-score small,.performance-category-group .performance-item-score em{width:100%;text-align:right}
.performance-category-group .performance-work-item footer{padding:10px 20px}
.performance-subcategory-heading{border-left:5px solid color-mix(in srgb,var(--section-color) 48%,transparent);padding-left:15px;background:color-mix(in srgb,var(--section-soft) 78%,var(--panel))}
.performance-subcategory-heading span{background:var(--section-soft);color:var(--section-color)}

.performance-module-chips span.sales{background:#eaf4fa;color:#1b6f9e}.performance-module-chips span.daily{background:#eaf5f0;color:#26755f}.performance-module-chips span.discipline{background:#fbf0e7;color:#9a5b2e}.performance-module-chips span.seeding{background:#f3edf9;color:#7a55a3}.performance-module-chips span.service{background:#fbecef;color:#b14f62}.performance-module-chips span.administration{background:#f7f2df;color:#806723}
.performance-module-chips span{border:1px solid currentColor;font-size:10px;font-weight:800}

.employee-result-summary{display:grid;grid-template-columns:minmax(190px,.58fr) minmax(0,1.7fr);border:1px solid var(--line);border-radius:17px;background:var(--panel);overflow:hidden;box-shadow:var(--shadow-soft)}
.employee-result-total{padding:22px 24px;background:linear-gradient(135deg,var(--forest-800),#2c6853);color:#fff;display:grid;align-content:center;gap:6px}
.employee-result-total>span{font-size:11px;color:rgba(255,255,255,.72)}.employee-result-total>strong{font-size:32px;line-height:1}.employee-result-total>strong em{margin-left:3px;font-size:12px;font-style:normal;color:rgba(255,255,255,.72)}.employee-result-total>small{font-size:9px;color:rgba(255,255,255,.7)}
.employee-result-parts{padding:15px;display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:9px;align-content:center}
.employee-result-parts article{min-width:0;padding:12px 13px;border:1px solid var(--line);border-left:4px solid currentColor;border-radius:11px;background:var(--panel-muted);display:grid;gap:5px}
.employee-result-parts article.sales{color:#1b6f9e}.employee-result-parts article.daily{color:#26755f}.employee-result-parts article.discipline{color:#9a5b2e}.employee-result-parts article.seeding{color:#7a55a3}.employee-result-parts article.service{color:#b14f62}.employee-result-parts article.administration{color:#806723}
.employee-result-parts span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:800}.employee-result-parts b{font-size:18px}.employee-result-parts em{margin-left:3px;color:var(--muted);font-size:9px;font-style:normal;font-weight:500}

.performance-result-simple-table{overflow-x:auto}.performance-result-simple-head,.performance-result-simple-row{min-width:720px;display:grid;grid-template-columns:minmax(190px,1.05fr) minmax(180px,.9fr) minmax(170px,.78fr) 120px;align-items:center;column-gap:18px}
.performance-result-simple-head{padding:10px 16px;border-bottom:1px solid var(--line);background:var(--panel-muted);color:var(--muted);font-size:9px;font-weight:800}.performance-result-simple-head span:last-child{text-align:right}
.performance-result-simple-row{width:100%;padding:13px 16px;border:0;border-bottom:1px solid var(--line);background:var(--panel);color:var(--text);text-align:left;cursor:pointer}.performance-result-simple-row:last-child{border-bottom:0}.performance-result-simple-row:hover,.performance-result-simple-row.active{background:var(--accent-soft)}.performance-result-simple-row.active{box-shadow:inset 3px 0 var(--accent)}
.performance-result-simple-row .performance-result-person{display:flex;align-items:center;gap:10px}.performance-result-simple-row .performance-result-person>i{width:34px;height:34px;border-radius:10px;background:var(--panel-muted);display:grid;place-items:center;font-style:normal;font-weight:800}.performance-result-simple-row .performance-result-person>span,.performance-result-simple-row .performance-result-position,.performance-result-simple-row .performance-result-progress{min-width:0;display:grid;gap:4px}.performance-result-simple-row b,.performance-result-simple-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.performance-result-simple-row small{color:var(--muted);font-size:9px}.performance-result-simple-row .performance-result-total{text-align:right}

.work-performance-tag{width:max-content;max-width:100%;margin:7px 0 4px;padding:5px 8px;border-radius:999px;background:#f2eaf9;color:#755197;font-size:10px;font-style:normal;font-weight:800}.work-item.assignment>i{background:#e8f2f5;color:#246c84}.work-item.archived{opacity:.72;border-style:dashed}.work-summary-grid .recycle-summary i{background:#ecefee;color:#687877}
.calendar-day.has-items.normal{background:#eaf5f0}.calendar-day.has-items.performance{background:#f2eaf9}.calendar-day.has-items.urgent,.calendar-day.has-items.overdue{background:#faece9}.calendar-day.performance em{background:#755197}.calendar-day.urgent em,.calendar-day.overdue em{background:#b64e43}

.product-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.product-card{border-radius:14px}.product-card-image{height:168px;padding:12px}.product-card-image>span{width:58px;height:84px;font-size:24px}.product-card-image em{top:10px;right:10px;padding:5px 7px}.product-card-copy{padding:13px}.product-card-copy h2{font-size:14px}.product-card-copy p{height:31px;font-size:9px}.product-card-price{margin-top:9px;display:flex;align-items:baseline;justify-content:space-between;gap:8px}.product-card-price span{color:var(--muted);font-size:9px}.product-card-price b{color:var(--forest-800);font-size:15px}.product-card-copy footer{margin-top:10px;padding-top:9px;gap:8px;font-size:8px}.product-price-grid{margin-top:17px;padding-top:15px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.product-price-grid div{padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel-muted);display:grid;gap:4px}.product-price-grid div.primary{border-color:#b5cec1;background:#eef6f1}.product-price-grid span{color:var(--muted);font-size:9px}.product-price-grid b{font-size:14px}.product-detail-actions{flex-wrap:wrap;justify-content:flex-end}

[data-theme="dark"] .performance-category-group>header{background:linear-gradient(90deg,color-mix(in srgb,var(--section-color) 24%,var(--panel)),var(--panel) 72%)}
[data-theme="dark"] .employee-result-parts article,[data-theme="dark"] .product-price-grid div{background:var(--panel-muted)}
@media(max-width:1280px){.product-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1000px){.product-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-price-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.performance-category-group{--performance-columns:1fr}.performance-category-columns{display:none}.performance-category-group .performance-item-main{grid-template-columns:1fr}.performance-category-group .performance-item-score{justify-items:start}.performance-category-group .performance-item-score span,.performance-category-group .performance-item-score small,.performance-category-group .performance-item-score em{text-align:left}.employee-result-summary{grid-template-columns:1fr}.employee-result-parts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.product-card-grid,.employee-result-parts{grid-template-columns:1fr}.product-price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v1.0.55 · 8月绩效、成绩速览、在线协作表格与销售联动 */
.performance-scoreboard{padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow-soft)}
.performance-scoreboard>header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px}.performance-scoreboard>header h2{margin:4px 0 0;font-size:19px}.performance-scoreboard>header small{color:var(--muted);font-size:10px}
.performance-scoreboard>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:9px}.performance-scoreboard button{min-width:0;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--panel-muted);color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.performance-scoreboard button:hover,.performance-scoreboard button.active{border-color:var(--accent);background:var(--accent-soft)}.performance-scoreboard button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:750}.performance-scoreboard button strong{flex:none;color:var(--forest-800);font-size:20px}.performance-scoreboard button em{margin-left:2px;color:var(--muted);font-size:9px;font-style:normal}
.performance-category-group{margin-bottom:14px}.performance-category-group>header{padding:14px 18px}.performance-category-group>header h3{font-size:17px}.performance-category-items{display:grid}.performance-category-group .performance-item-main{min-height:150px}.performance-item-identity>span{width:max-content;max-width:100%;padding:4px 8px;border-radius:999px;background:var(--section-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.performance-item-identity h3{line-height:1.45}.performance-category-group .performance-work-item footer{min-height:46px}
.performance-online-table-link{width:100%;margin-top:8px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--section-color) 32%,var(--line));border-radius:11px;background:var(--section-soft);color:var(--text);text-align:left;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:3px 9px;cursor:pointer}.performance-online-table-link>span{grid-row:1/3;padding:5px 8px;border-radius:8px;background:var(--panel);color:var(--section-color);font-size:9px;font-weight:800}.performance-online-table-link>b{font-size:11px}.performance-online-table-link>small{color:var(--muted);font-size:9px}.performance-online-table-link:hover{border-color:var(--section-color)}
.performance-editor-table-config{padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:var(--panel-muted)}.performance-editor-table-config .inline-check{min-height:auto}.performance-editor-table-config>div{margin-top:11px;display:grid;gap:10px}.performance-editor-table-config small{color:var(--muted);font-size:10px}
.performance-sheet-backdrop .modal{width:min(1180px,100%)}.online-sheet-note{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--accent-soft);display:flex;align-items:center;justify-content:space-between;gap:16px}.online-sheet-note>div{display:grid;gap:4px}.online-sheet-note span,.online-sheet-note small{color:var(--muted);font-size:10px}.online-sheet-wrap{max-height:52vh;overflow:auto;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.online-sheet{min-width:max(900px,100%);border-collapse:separate;border-spacing:0}.online-sheet th{position:sticky;top:0;z-index:1;padding:10px 11px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel-muted);color:var(--muted);font-size:10px;text-align:left;white-space:nowrap}.online-sheet td{min-width:145px;padding:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.online-sheet td:last-child{min-width:58px;padding:7px}.online-sheet tr:last-child td{border-bottom:0}.online-sheet input{width:100%;min-height:39px;padding:8px 10px;border:0;border-radius:0;background:transparent;color:var(--text)}.online-sheet input:focus{outline:2px solid var(--accent);outline-offset:-2px;background:var(--accent-soft)}
.work-item.performance>i{background:#f2eaf9;color:#755197}.work-item.performance .work-performance-tag{background:#f2eaf9;color:#755197}
[data-theme="dark"] .performance-scoreboard button,[data-theme="dark"] .online-sheet-wrap,[data-theme="dark"] .online-sheet input{background:var(--panel-muted)}
@media(max-width:900px){.performance-scoreboard>div{grid-template-columns:repeat(2,minmax(0,1fr))}.performance-category-group .performance-item-main{min-height:0}.performance-online-table-link{grid-template-columns:1fr}.performance-online-table-link>span{grid-row:auto;width:max-content}}
@media(max-width:540px){.performance-scoreboard>div{grid-template-columns:1fr}.online-sheet-note{align-items:flex-start;flex-direction:column}}

/* v1.0.56 · 第一期云文档与移动端工作台 */
.mobile-bottom-nav{display:none}
.cloud-document-page{gap:18px}.cloud-document-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:14px;align-items:start}.cloud-space-nav{position:sticky;top:96px;padding:13px;border:1px solid var(--line);border-radius:17px;background:var(--panel);box-shadow:var(--shadow-soft);display:grid;gap:5px}.cloud-space-brand{padding:10px 9px 15px;margin-bottom:3px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.cloud-space-brand>i{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--forest-800),#44806b);color:#fff;display:grid;place-items:center;font-style:normal;font-weight:850}.cloud-space-brand>div{display:grid;gap:3px}.cloud-space-brand b{font-size:13px}.cloud-space-brand small{color:var(--muted);font-size:9px}.cloud-space-nav>button{min-height:43px;padding:0 10px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;text-align:left;cursor:pointer}.cloud-space-nav>button i{width:27px;height:27px;border-radius:8px;background:var(--panel-muted);display:grid;place-items:center;font-size:9px;font-style:normal;font-weight:800}.cloud-space-nav>button span{font-size:11px}.cloud-space-nav>button b{font-size:9px}.cloud-space-nav>button:hover,.cloud-space-nav>button.active{border-color:var(--line);background:var(--accent-soft);color:var(--accent)}.cloud-space-nav>footer{margin-top:10px;padding:14px 10px 5px;border-top:1px solid var(--line)}.cloud-space-nav>footer span{color:var(--accent);font-size:9px;font-weight:800}.cloud-space-nav>footer p{margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.6}
.cloud-document-browser{min-width:0;padding:20px;border:1px solid var(--line);border-radius:17px;background:var(--panel);box-shadow:var(--shadow-soft)}.cloud-document-browser>header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:17px}.cloud-document-browser>header h2{margin:4px 0 2px;font-size:21px}.cloud-document-browser>header small{color:var(--muted);font-size:9px}.cloud-document-browser>header label{width:min(390px,44%);padding:0 13px;border:1px solid var(--line);border-radius:10px;background:var(--panel-muted);display:flex;align-items:center;gap:8px}.cloud-document-browser>header input{width:100%;height:41px;border:0;background:transparent;color:var(--text)}.cloud-document-browser>header input:focus{outline:0}.cloud-document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.cloud-document-card{min-width:0;min-height:178px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;text-align:left;cursor:pointer;transition:.18s ease}.cloud-document-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:0 12px 30px rgba(28,58,46,.08);transform:translateY(-1px)}.cloud-document-card>i{width:42px;height:42px;border-radius:12px;background:#edf5f1;color:#2b705b;display:grid;place-items:center;font-style:normal;font-weight:850}.cloud-document-card.sheet>i{background:#eaf3fa;color:#226a94}.cloud-document-card.file>i{background:#f7f0e5;color:#8b662f}.cloud-document-card>div{min-width:0}.cloud-document-card span{color:var(--muted);font-size:9px}.cloud-document-card h2{margin:7px 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.cloud-document-card p{height:43px;margin:0;overflow:hidden;color:var(--muted);font-size:10px;line-height:1.55}.cloud-document-card footer{margin-top:15px;padding-top:11px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px}.cloud-document-card footer small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:8px}.cloud-document-card footer em{flex:none;color:var(--accent);font-size:8px;font-style:normal}.cloud-document-empty{grid-column:1/-1;min-height:330px;display:grid;place-items:center;align-content:center;gap:9px;text-align:center}.cloud-document-empty>i{width:58px;height:58px;border-radius:18px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-size:20px;font-style:normal}.cloud-document-empty h2{margin:4px 0 0}.cloud-document-empty p{max-width:420px;color:var(--muted);font-size:10px;line-height:1.7}
.cloud-create-note{padding:10px 12px;border-radius:10px;background:var(--accent-soft);color:var(--muted);font-size:10px}.cloud-permission-people{max-height:310px;overflow:auto;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel-muted)}.cloud-permission-people>header{margin-bottom:9px;display:grid;gap:3px}.cloud-permission-people>header small{color:var(--muted);font-size:9px}.cloud-permission-people article{min-height:48px;padding:8px 9px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px}.cloud-permission-people article:last-child{border-bottom:0}.cloud-permission-people article>span{display:grid;gap:2px}.cloud-permission-people article small{color:var(--muted);font-size:8px}.cloud-permission-people article label,.cloud-permission-switches label{display:flex;align-items:center;gap:6px;font-size:10px}.cloud-permission-people input,.cloud-permission-switches input{width:auto;height:auto}.cloud-permission-switches{display:flex;flex-wrap:wrap;gap:12px;padding:11px 13px;border:1px solid var(--line);border-radius:10px}
.cloud-editor-page{padding-bottom:84px}.cloud-editor-head{padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:var(--panel);display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;box-shadow:var(--shadow-soft)}.cloud-back-button{padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--panel-muted);color:var(--text);cursor:pointer}.cloud-editor-head>div{min-width:0;display:grid;gap:3px}.cloud-editor-head>div>span{color:var(--muted);font-size:9px}.cloud-editor-head input{min-width:0;width:100%;padding:2px 0;border:0;background:transparent;color:var(--text);font-size:21px;font-weight:800}.cloud-editor-head input:focus{outline:0}.cloud-editor-head small{color:var(--muted);font-size:9px}.cloud-editor-head>nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.cloud-lock-notice{padding:11px 14px;border:1px solid #e2c88e;border-radius:11px;background:#fbf5e7;color:#765d2d;font-size:10px}.cloud-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px;align-items:start}.cloud-editor-canvas{min-width:0;padding:0;overflow:hidden}.cloud-doc-toolbar{padding:8px 12px;border-bottom:1px solid var(--line);background:var(--panel-muted);display:flex;flex-wrap:wrap;gap:5px}.cloud-doc-toolbar button{min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);cursor:pointer}.cloud-rich-editor{min-height:650px;padding:54px 9%;background:var(--panel);font-size:14px;line-height:1.8}.cloud-rich-editor.editable:focus{outline:0;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent)}.cloud-rich-editor h1{font-size:30px}.cloud-rich-editor h2{font-size:23px}.cloud-rich-editor h3{font-size:18px}.cloud-rich-editor table{width:100%;border-collapse:collapse}.cloud-rich-editor th,.cloud-rich-editor td{padding:8px;border:1px solid var(--line)}.cloud-rich-editor blockquote{margin-left:0;padding:9px 15px;border-left:4px solid var(--accent);background:var(--accent-soft)}
.cloud-sheet-editor>header{padding:10px 12px;border-bottom:1px solid var(--line);background:var(--panel-muted);display:flex;align-items:center;justify-content:space-between;gap:12px}.cloud-sheet-editor>header nav,.cloud-sheet-editor>header span{display:flex;gap:5px}.cloud-sheet-editor>header nav button{min-height:34px;padding:0 13px;border:1px solid var(--line);border-radius:8px 8px 0 0;background:var(--panel);color:var(--muted);cursor:pointer}.cloud-sheet-editor>header nav button.active{border-color:var(--accent);color:var(--accent);font-weight:800}.cloud-sheet-grid{max-height:680px;overflow:auto}.cloud-sheet-grid table{min-width:1000px;border-collapse:separate;border-spacing:0}.cloud-sheet-grid th{position:sticky;top:0;z-index:2;min-width:52px;height:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel-muted);color:var(--muted);font-size:9px}.cloud-sheet-grid tbody th{position:sticky;left:0;z-index:1}.cloud-sheet-grid td{min-width:130px;padding:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.cloud-sheet-grid input{width:100%;min-height:38px;padding:7px 9px;border:0;background:var(--panel);color:var(--text)}.cloud-sheet-grid input:focus{outline:2px solid var(--accent);outline-offset:-2px;background:var(--accent-soft)}.cloud-sheet-editor>footer{padding:10px 13px;border-top:1px solid var(--line);color:var(--muted)}.cloud-file-placeholder{min-height:500px;display:grid;place-items:center;align-content:center;gap:9px;text-align:center}.cloud-file-placeholder>i{width:64px;height:64px;border-radius:19px;background:#f7f0e5;color:#8b662f;display:grid;place-items:center;font-size:22px;font-style:normal}.cloud-file-placeholder p{color:var(--muted)}
.cloud-editor-aside{display:grid;gap:12px}.cloud-editor-aside>section,.cloud-version-panel{padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.cloud-editor-aside h3{margin:5px 0 13px}.cloud-editor-aside dl{margin:0;display:grid;gap:8px}.cloud-editor-aside dl>div{padding-bottom:8px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:75px 1fr;gap:8px}.cloud-editor-aside dl>div:last-child{padding-bottom:0;border-bottom:0}.cloud-editor-aside dt{color:var(--muted);font-size:9px}.cloud-editor-aside dd{margin:0;font-size:10px;text-align:right}.cloud-attachments>header{display:flex;align-items:center;justify-content:space-between}.cloud-attachments>header button{padding:5px 8px;border:1px solid var(--line);border-radius:7px;background:var(--panel-muted);color:var(--accent);cursor:pointer}.cloud-attachments>div{margin-top:10px;display:grid;gap:7px}.cloud-attachments>div>a{padding:8px;border:1px solid var(--line);border-radius:9px;color:var(--text);display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;text-decoration:none}.cloud-attachments>div>a>i{width:27px;height:27px;border-radius:8px;background:var(--accent-soft);display:grid;place-items:center;font-size:9px;font-style:normal}.cloud-attachments>div>a>span{min-width:0;display:grid;gap:2px}.cloud-attachments>div>a b,.cloud-attachments>div>a small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cloud-attachments>div>a b{font-size:9px}.cloud-attachments>div>a small,.cloud-attachments>div>p{color:var(--muted);font-size:8px}.cloud-version-panel summary{cursor:pointer;font-weight:800}.cloud-version-panel summary b{float:right;color:var(--accent)}.cloud-version-panel>div{margin-top:10px;display:grid}.cloud-version-panel article{padding:8px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px}.cloud-version-panel article>i{color:var(--accent);font-size:9px;font-style:normal}.cloud-version-panel article>span{min-width:0;display:grid;gap:2px}.cloud-version-panel article b,.cloud-version-panel article small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cloud-version-panel article b{font-size:9px}.cloud-version-panel article small{color:var(--muted);font-size:8px}.cloud-version-panel article button{padding:4px 6px;border:0;background:transparent;color:var(--accent);font-size:8px;cursor:pointer}.cloud-editor-fixed-actions{position:fixed;right:26px;bottom:22px;z-index:80;padding:8px 8px 8px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 14px 35px rgba(25,48,39,.15);display:flex;align-items:center;gap:12px}.cloud-editor-fixed-actions span{color:var(--muted);font-size:9px}
.daily-report-page{padding-bottom:96px}.daily-report-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;align-items:start}.daily-report-editor{padding:22px}.daily-report-editor>header{display:flex;align-items:end;justify-content:space-between;gap:16px}.daily-report-editor>header h2{margin:5px 0 0}.daily-report-editor>header label{display:grid;gap:5px}.daily-report-editor>header label span{color:var(--muted);font-size:9px}.daily-report-editor>header input{padding:9px 11px;border:1px solid var(--line);border-radius:8px;background:var(--panel-muted);color:var(--text)}.daily-report-context{margin:18px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.daily-report-context>span{padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--panel-muted);display:grid;grid-template-columns:30px 1fr;align-items:center;gap:1px 8px}.daily-report-context i{grid-row:1/3;width:29px;height:29px;border-radius:8px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-style:normal;font-weight:800}.daily-report-context b{font-size:17px}.daily-report-context small{color:var(--muted);font-size:8px}.daily-report-editor form{display:grid;gap:12px}.daily-report-editor form label{padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-muted);display:grid;gap:5px}.daily-report-editor form label>span{font-size:12px;font-weight:800}.daily-report-editor form label>small{color:var(--muted);font-size:9px}.daily-report-editor textarea{width:100%;margin-top:5px;padding:12px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font:inherit;font-size:13px;line-height:1.65;resize:vertical}.daily-report-evidence{margin-top:13px;padding:14px;border:1px solid var(--line);border-radius:12px}.daily-report-evidence>header{display:flex;align-items:center;justify-content:space-between;gap:13px}.daily-report-evidence>header>div{display:grid;gap:3px}.daily-report-evidence>header small{color:var(--muted);font-size:9px}.daily-report-evidence>div{margin-top:11px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.daily-report-evidence a{min-width:0;color:var(--text);text-decoration:none;display:grid;gap:5px}.daily-report-evidence img{width:100%;aspect-ratio:1.2;object-fit:cover;border:1px solid var(--line);border-radius:9px}.daily-report-evidence a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.daily-report-evidence p{grid-column:1/-1;color:var(--muted);font-size:9px}.daily-report-status{margin-top:15px;padding-top:12px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.daily-report-status em{color:#9a6a2f;font-style:normal}.daily-report-team{padding:18px}.daily-report-team>div{display:grid}.daily-report-team article{min-height:58px;padding:10px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:32px minmax(0,1fr) auto auto;align-items:center;gap:9px}.daily-report-team article>i{width:31px;height:31px;border-radius:9px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-style:normal;font-weight:800}.daily-report-team article>span{min-width:0;display:grid;gap:3px}.daily-report-team article small{color:var(--muted);font-size:8px}.daily-report-team article>em{padding:4px 6px;border-radius:7px;background:var(--panel-muted);color:var(--muted);font-size:8px;font-style:normal}.daily-report-team article>em.submitted{background:#e9f4ee;color:#28735a}.daily-report-team article>button{padding:5px;border:0;background:transparent;color:var(--accent);font-size:8px;cursor:pointer}.daily-report-fixed-actions{position:fixed;left:calc(282px + 50%);bottom:18px;z-index:85;transform:translateX(-50%);min-width:520px;padding:9px 10px 9px 15px;border:1px solid var(--line);border-radius:13px;background:var(--panel);box-shadow:0 15px 36px rgba(25,48,39,.17);display:flex;align-items:center;justify-content:flex-end;gap:9px}.daily-report-fixed-actions>span{margin-right:auto;color:var(--muted);font-size:9px}.daily-report-fixed-actions.submitted{justify-content:center;display:grid;text-align:center}.daily-report-fixed-actions.submitted>span{margin:0;color:#28735a;font-size:11px;font-weight:800}.daily-report-fixed-actions.submitted small{color:var(--muted)}
.mobile-workbench{gap:15px}.mobile-welcome{padding:20px;border-radius:20px;background:linear-gradient(135deg,#244f44,#3a715e);color:#fff;display:flex;align-items:center;justify-content:space-between}.mobile-welcome>div>span{color:rgba(255,255,255,.7);font-size:10px}.mobile-welcome h1{margin:5px 0;font-size:24px}.mobile-welcome p{margin:0;color:rgba(255,255,255,.76);font-size:11px}.mobile-welcome>i{width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-style:normal;font-size:19px;font-weight:800}.mobile-overview{display:grid;grid-template-columns:1.35fr .65fr;gap:10px}.mobile-overview article{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel);display:grid;gap:6px}.mobile-overview span,.mobile-overview small{color:var(--muted);font-size:9px}.mobile-overview strong{font-size:20px}.mobile-quick-actions,.mobile-today-list{padding:16px;border:1px solid var(--line);border-radius:17px;background:var(--panel)}.mobile-quick-actions>header,.mobile-today-list>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.mobile-quick-actions h2,.mobile-today-list h2{margin:0;font-size:16px}.mobile-quick-actions header small{color:var(--muted);font-size:9px}.mobile-quick-actions>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-quick-actions button{min-width:0;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--panel-muted);color:var(--text);display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;text-align:left}.mobile-quick-actions button>i,.mobile-today-list button>i{width:34px;height:34px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-style:normal;font-weight:800}.mobile-quick-actions button>span,.mobile-today-list button>span{min-width:0;display:grid;gap:3px}.mobile-quick-actions button b,.mobile-today-list button b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.mobile-quick-actions button small,.mobile-today-list button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:8px}.mobile-quick-actions button>em,.mobile-today-list button>em{color:var(--muted);font-size:18px;font-style:normal}.mobile-today-list>header button{border:0;background:transparent;color:var(--accent);font-size:9px}.mobile-today-list>div{display:grid}.mobile-today-list>div>button{min-height:59px;padding:9px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;text-align:left}.mobile-empty-state{padding:25px 12px;display:grid;place-items:center;gap:9px;text-align:center}.mobile-empty-state>i{width:42px;height:42px;border-radius:13px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-style:normal}.mobile-empty-state p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}
[data-theme="dark"] .cloud-lock-notice{border-color:#6e5d38;background:#332d20;color:#d5bd82}[data-theme="dark"] .cloud-document-card>i,[data-theme="dark"] .cloud-sheet-grid th{background:var(--panel-muted)}
@media(max-width:1180px){.cloud-document-grid{grid-template-columns:1fr}.cloud-editor-layout{grid-template-columns:minmax(0,1fr) 245px}.daily-report-layout{grid-template-columns:1fr}.daily-report-team{order:2}}
@media(max-width:760px){
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom));background:var(--bg)}
  .app-shell{display:block!important}.app-sidebar{display:none!important}.app-main{grid-column:1!important;width:100%;min-width:0}.content-panel{min-height:calc(100vh - 60px)}
  .topbar{position:sticky!important;top:0!important;z-index:95!important;min-height:58px!important;height:58px!important;padding:0 12px!important;border-bottom:1px solid var(--line)!important;background:color-mix(in srgb,var(--panel) 94%,transparent)!important;backdrop-filter:blur(14px)}.topbar-title h2{font-size:17px!important}.topbar-title span,.global-search-wrap,.account-wrap{display:none!important}.top-actions{gap:5px!important}.top-icon-button{width:39px!important;height:39px!important}.page{padding:13px!important;gap:13px!important}.page-hero{min-height:auto!important;padding:18px!important;border-radius:17px!important}.page-hero h1{font-size:22px!important}.page-hero p{font-size:11px!important}.page-hero>div+button,.page-hero>div+nav{width:100%}
  .mobile-bottom-nav{position:fixed;left:8px;right:8px;bottom:calc(7px + env(safe-area-inset-bottom));z-index:110;min-height:62px;padding:6px 8px;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:19px;background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 15px 40px rgba(23,43,35,.2);backdrop-filter:blur(16px);display:grid;grid-template-columns:repeat(5,1fr);align-items:end}.mobile-bottom-nav.no-primary{grid-template-columns:repeat(4,1fr)}.mobile-nav-item{position:relative;min-width:0;height:50px;padding:3px;border:0;border-radius:13px;background:transparent;color:var(--muted);display:grid;place-items:center;align-content:center;gap:2px}.mobile-nav-item i{font-size:17px;font-style:normal;font-weight:800}.mobile-nav-item span{font-size:8px}.mobile-nav-item.active{background:var(--accent-soft);color:var(--accent)}.mobile-nav-primary{width:52px;height:52px;margin:-19px auto 0;border-radius:17px;background:linear-gradient(145deg,var(--forest-800),#3d8067);color:#fff;box-shadow:0 9px 23px rgba(32,86,66,.28)}.mobile-nav-primary.active{background:linear-gradient(145deg,#1f463a,#32705a);color:#fff}.mobile-nav-item>b{position:absolute;top:1px;right:11px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#b64e43;color:#fff;display:grid;place-items:center;font-size:7px}
  .mobile-overview{grid-template-columns:1fr 1fr}.mobile-quick-actions>div{grid-template-columns:1fr 1fr}.mobile-quick-actions button{grid-template-columns:31px minmax(0,1fr)}.mobile-quick-actions button>em{display:none}.mobile-welcome{padding:18px}.mobile-welcome h1{font-size:22px}
  .cloud-document-shell{grid-template-columns:1fr}.cloud-space-nav{position:static;padding:8px;grid-template-columns:repeat(3,minmax(0,1fr));overflow:auto}.cloud-space-brand,.cloud-space-nav>footer{display:none}.cloud-space-nav>button{grid-template-columns:24px minmax(0,1fr);padding:0 7px}.cloud-space-nav>button b{display:none}.cloud-document-browser{padding:14px}.cloud-document-browser>header{align-items:stretch;flex-direction:column}.cloud-document-browser>header label{width:100%}.cloud-document-grid{grid-template-columns:1fr}.cloud-document-card{min-height:150px;padding:14px}.cloud-editor-head{grid-template-columns:1fr;gap:10px}.cloud-editor-head>nav{justify-content:flex-start;overflow:auto}.cloud-back-button{width:max-content}.cloud-editor-layout{grid-template-columns:1fr}.cloud-editor-aside{grid-template-columns:1fr}.cloud-rich-editor{min-height:520px;padding:28px 19px;font-size:15px}.cloud-sheet-editor>header{align-items:flex-start;flex-direction:column}.cloud-sheet-editor>header nav,.cloud-sheet-editor>header span{max-width:100%;overflow:auto}.cloud-editor-fixed-actions{left:12px;right:12px;bottom:calc(77px + env(safe-area-inset-bottom));justify-content:space-between}.cloud-editor-fixed-actions .button{min-height:42px}.cloud-permission-people article{grid-template-columns:minmax(0,1fr);gap:6px}.cloud-permission-people article label{width:max-content}
  .daily-report-page{padding-bottom:105px!important}.daily-report-layout{grid-template-columns:1fr}.daily-report-editor{padding:15px}.daily-report-editor>header{align-items:stretch;flex-direction:column}.daily-report-context{grid-template-columns:repeat(3,1fr)}.daily-report-context>span{padding:9px;grid-template-columns:1fr;text-align:center}.daily-report-context i{display:none}.daily-report-editor textarea,.daily-report-editor input{font-size:16px!important}.daily-report-evidence>header{align-items:flex-start;flex-direction:column}.daily-report-evidence>header .button{width:100%}.daily-report-evidence>div{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-report-fixed-actions{left:10px;right:10px;bottom:calc(78px + env(safe-area-inset-bottom));min-width:0;transform:none;justify-content:stretch}.daily-report-fixed-actions>span{display:none}.daily-report-fixed-actions .button{flex:1;min-height:44px}.daily-report-fixed-actions.submitted>span{display:block}.daily-report-team article{grid-template-columns:32px minmax(0,1fr) auto}.daily-report-team article>button{grid-column:2/-1;text-align:left}
  .sales-toolbar{padding:12px}.sales-toolbar label,.sales-toolbar input,.sales-toolbar select{width:100%;min-width:0}.sales-matrix-wrap{margin:0 -14px}.sales-matrix{min-width:760px}.work-center-layout{grid-template-columns:1fr!important}.work-calendar{order:-1}.work-filters{max-width:100%;overflow:auto;flex-wrap:nowrap!important}.work-filters button{flex:none}.work-item{grid-template-columns:32px minmax(0,1fr)!important}.work-item footer{grid-column:1/-1!important;justify-content:flex-end!important}.auth-card input,.auth-card select{font-size:16px!important}
}
@media(max-width:420px){.mobile-quick-actions>div{grid-template-columns:1fr}.mobile-overview{grid-template-columns:1.25fr .75fr}.cloud-space-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-report-context{grid-template-columns:1fr 1fr 1fr}.cloud-editor-head>nav .button{flex:1}.cloud-editor-fixed-actions span{display:none}.cloud-editor-fixed-actions .button{width:100%}}

/* v1.0.57 · 云文档专业编辑器、树形知识库与Excel双模式导入 */
.cloud-library-page{gap:14px}.cloud-library-shell{display:grid;grid-template-columns:292px minmax(0,1fr);gap:14px;align-items:start}.cloud-library-sidebar{position:sticky;top:88px;max-height:calc(100vh - 112px);border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--shadow-soft);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr)}.cloud-library-sidebar .cloud-space-nav{position:static;top:auto;padding:10px;border:0;border-bottom:1px solid var(--line);border-radius:0;box-shadow:none;grid-template-columns:repeat(2,minmax(0,1fr))}.cloud-library-sidebar .cloud-space-brand{grid-column:1/-1}.cloud-library-sidebar .cloud-space-nav>button{min-height:38px;padding:0 7px;grid-template-columns:25px minmax(0,1fr) auto}.cloud-library-sidebar .cloud-space-nav>button i{width:24px;height:24px}.cloud-library-sidebar .cloud-space-nav>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}
.cloud-tree-panel{min-height:0;padding:10px 7px 12px;display:grid;grid-template-rows:auto auto minmax(0,1fr)}.cloud-tree-panel>header{height:39px;padding:0 8px;display:flex;align-items:center;justify-content:space-between}.cloud-tree-panel>header>div{display:grid;gap:2px}.cloud-tree-panel>header b{font-size:11px}.cloud-tree-panel>header small{color:var(--muted);font-size:8px}.cloud-tree-panel>header>button{width:27px;height:27px;border:1px solid var(--line);border-radius:8px;background:var(--panel-muted);color:var(--accent);cursor:pointer}.cloud-tree-home,.cloud-tree-folder,.cloud-tree-document{min-width:0;border:0;background:transparent;color:var(--text);cursor:pointer;text-align:left}.cloud-tree-home{height:36px;padding:0 9px;border-radius:8px;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:6px}.cloud-tree-home:hover,.cloud-tree-home.active{background:var(--accent-soft);color:var(--accent)}.cloud-tree-scroll{min-height:0;overflow:auto;padding:4px 2px 10px}.cloud-tree-folder-row{height:35px;padding-left:calc(var(--tree-depth) * 13px);border-radius:8px;display:grid;grid-template-columns:20px minmax(0,1fr) 25px;align-items:center}.cloud-tree-folder-row:hover{background:var(--panel-muted)}.cloud-tree-toggle{width:20px;height:28px;padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer}.cloud-tree-toggle:disabled{cursor:default}.cloud-tree-folder{height:31px;display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:4px}.cloud-tree-folder i{color:#6f8c80;font-style:normal}.cloud-tree-folder span,.cloud-tree-document span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.cloud-tree-folder.active{color:var(--accent);font-weight:800}.cloud-tree-more{height:25px;padding:0;border:0;background:transparent;color:var(--muted);opacity:0;cursor:pointer}.cloud-tree-folder-row:hover .cloud-tree-more{opacity:1}.cloud-tree-document{width:calc(100% - 30px);height:32px;margin-left:30px;padding:0 8px;border-radius:8px;display:grid;grid-template-columns:21px minmax(0,1fr);align-items:center;gap:5px}.cloud-tree-document i{width:20px;height:20px;border-radius:6px;background:#edf5f1;color:#2b705b;display:grid;place-items:center;font-size:7px;font-style:normal}.cloud-tree-document:hover,.cloud-tree-document.active{background:var(--accent-soft);color:var(--accent)}.cloud-tree-children{position:relative}.cloud-tree-children:before{content:"";position:absolute;left:calc(var(--tree-depth) * 13px + 10px);top:0;bottom:5px;border-left:1px solid var(--line)}
.cloud-document-browser{padding:18px}.cloud-library-columns{min-height:35px;padding:0 14px;border:1px solid var(--line);border-radius:9px 9px 0 0;background:var(--panel-muted);color:var(--muted);display:grid;grid-template-columns:minmax(250px,1.4fr) minmax(170px,.8fr) minmax(190px,.8fr) 90px;align-items:center;gap:14px;font-size:9px;font-weight:800}.cloud-document-grid.compact{grid-template-columns:1fr;gap:0;border:1px solid var(--line);border-top:0;border-radius:0 0 11px 11px;overflow:hidden}.cloud-document-grid.compact .cloud-document-card{min-height:74px;padding:11px 14px;border:0;border-bottom:1px solid var(--line);border-radius:0;grid-template-columns:42px minmax(0,1fr);gap:12px}.cloud-document-grid.compact .cloud-document-card:last-child{border-bottom:0}.cloud-document-grid.compact .cloud-document-card:hover{background:var(--accent-soft);box-shadow:none;transform:none}.cloud-document-grid.compact .cloud-document-card>div{display:grid;grid-template-columns:minmax(230px,1.4fr) minmax(170px,.8fr) minmax(190px,.8fr) 90px;align-items:center;column-gap:14px}.cloud-document-grid.compact .cloud-document-card>div>span{grid-column:2}.cloud-document-grid.compact .cloud-document-card h2{grid-column:1;grid-row:1;margin:0;font-size:12px}.cloud-document-grid.compact .cloud-document-card p{display:none}.cloud-document-grid.compact .cloud-document-card footer{grid-column:3/5;grid-row:1;margin:0;padding:0;border:0;display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:14px}.cloud-document-grid.compact .cloud-document-card footer em{text-align:right}.cloud-folder-menu{display:grid;gap:9px}.cloud-import-mode{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cloud-import-mode>label{padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--panel-muted);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;cursor:pointer}.cloud-import-mode input{width:auto;height:auto;margin-top:3px}.cloud-import-mode span{display:grid;gap:5px}.cloud-import-mode b{font-size:11px}.cloud-import-mode small,.cloud-import-hint{color:var(--muted);font-size:9px;line-height:1.55}
.cloud-editor-page{padding:0 12px 84px!important;gap:10px}.cloud-editor-head{position:sticky;top:70px;z-index:40;border-radius:12px}.cloud-editor-head>div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cloud-editor-workbench{min-height:720px;display:grid;grid-template-columns:248px minmax(0,1fr) 270px;gap:10px;align-items:start}.cloud-editor-workbench:has(.cloud-editor-aside.collapsed){grid-template-columns:248px minmax(0,1fr)}.cloud-editor-tree{position:sticky;top:158px;max-height:calc(100vh - 180px);border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden}.cloud-editor-tree .cloud-tree-panel{height:calc(100vh - 180px)}.cloud-editor-canvas{border:1px solid var(--line);border-radius:12px;background:#e9edeb;box-shadow:var(--shadow-soft);overflow:hidden}.cloud-editor-aside{position:sticky;top:158px;max-height:calc(100vh - 180px);overflow:auto}.cloud-editor-aside.collapsed{display:none}.cloud-details-toggle{min-width:54px}.cloud-doc-toolbar.advanced,.cloud-sheet-toolbar{position:sticky;top:0;z-index:12;min-height:54px;padding:6px 8px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 96%,transparent);box-shadow:0 3px 8px rgba(24,42,35,.05);display:flex;align-items:center;gap:4px;overflow-x:auto}.cloud-tool-group{flex:none;min-height:39px;padding:0 6px;border-right:1px solid var(--line);display:flex;align-items:center;gap:3px}.cloud-tool-group:last-child{border-right:0}.cloud-doc-toolbar button,.cloud-sheet-toolbar button{min-width:32px;height:34px;padding:0 7px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text);cursor:pointer}.cloud-doc-toolbar button:hover,.cloud-sheet-toolbar button:hover{border-color:var(--line);background:var(--panel-muted)}.cloud-doc-toolbar button small,.cloud-sheet-toolbar button small{display:block;font-size:6px;font-weight:500}.cloud-doc-toolbar select,.cloud-sheet-toolbar select{height:32px;padding:0 25px 0 8px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text);font-size:9px}.cloud-color-tool{position:relative;width:31px;height:32px;border:1px solid transparent;border-radius:6px;display:grid;place-items:center;font-weight:800;cursor:pointer}.cloud-color-tool:after{content:"";position:absolute;left:7px;right:7px;bottom:4px;height:3px;border-radius:2px;background:#d85b53}.cloud-color-tool.fill:after{background:#f1d45c}.cloud-color-tool input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.cloud-doc-surface{min-height:760px;padding:34px 0 55px;background:#e9edeb}.cloud-rich-editor{width:min(816px,calc(100% - 48px));min-height:1056px;margin:0 auto;padding:82px 78px;background:#fff;color:#202823;box-shadow:0 4px 18px rgba(24,43,35,.12);font-size:14px;line-height:1.8}.cloud-rich-editor.editable:focus{outline:2px solid color-mix(in srgb,var(--accent) 35%,transparent);box-shadow:0 6px 24px rgba(24,43,35,.15)}.cloud-rich-editor p{min-height:1.6em}.cloud-rich-editor img{display:block;height:auto;margin:14px auto;border-radius:4px}.cloud-rich-editor table{margin:16px 0}.cloud-doc-surface>footer{width:min(816px,calc(100% - 48px));margin:8px auto 0;color:#66756e;display:flex;justify-content:space-between;font-size:8px}
.cloud-sheet-editor.advanced{background:var(--panel)}.cloud-sheet-toolbar{position:relative;top:auto;min-width:max-content}.cloud-sheet-toolbar[data-readonly=true]{opacity:.8;pointer-events:none}.cloud-formula-bar{height:38px;border-bottom:1px solid var(--line);background:var(--panel);display:grid;grid-template-columns:72px 35px minmax(0,1fr);align-items:center}.cloud-formula-bar label{height:100%;border-right:1px solid var(--line);display:grid;place-items:center;font-size:9px}.cloud-formula-bar span{color:var(--muted);font-family:Georgia,serif;font-style:italic;text-align:center}.cloud-formula-bar input{height:100%;padding:0 9px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--text);font:inherit}.cloud-formula-bar input:focus{outline:0;background:var(--accent-soft)}.cloud-sheet-grid{height:calc(100vh - 300px);max-height:none;background:var(--panel)}.cloud-sheet-grid table{width:max-content;min-width:100%;table-layout:fixed}.cloud-sheet-grid thead th:first-child{left:0;z-index:5;width:45px;min-width:45px}.cloud-sheet-grid th{height:27px;min-width:80px;background:#f1f3f2;font-size:8px}.cloud-sheet-grid tbody th{width:45px;min-width:45px;background:#f4f5f4}.cloud-sheet-grid td{width:98px;min-width:80px;height:27px;background:var(--panel)}.cloud-sheet-grid td.active{position:relative;box-shadow:inset 0 0 0 2px #2b72e5}.cloud-sheet-grid td.active:after{content:"";position:absolute;right:-3px;bottom:-3px;width:6px;height:6px;background:#2b72e5}.cloud-sheet-grid td.bordered{box-shadow:inset 0 0 0 1px #62756d}.cloud-sheet-grid input{height:100%;min-height:26px;padding:3px 6px;background:transparent;color:inherit;font:inherit;text-align:inherit;white-space:inherit}.cloud-sheet-grid input:focus{outline:0;background:transparent}.cloud-sheet-bottom{min-height:43px!important;padding:5px 8px!important;background:var(--panel-muted);display:flex!important;align-items:center;justify-content:space-between;gap:10px}.cloud-sheet-bottom nav,.cloud-sheet-bottom>span{display:flex;align-items:center;gap:4px;overflow:auto}.cloud-sheet-bottom nav button,.cloud-sheet-bottom>span button{height:31px;padding:0 10px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);white-space:nowrap;cursor:pointer}.cloud-sheet-bottom nav button i{margin-right:5px;font-style:normal}.cloud-sheet-bottom nav button.active{border-color:var(--line);background:var(--panel);color:#216d55;font-weight:800}.cloud-sheet-bottom small{flex:none;color:var(--muted);font-size:8px}.cloud-file-downloads{width:min(520px,90%);margin-top:18px;display:grid;gap:8px}.cloud-file-downloads a{padding:12px;border:1px solid var(--line);border-radius:10px;color:var(--text);text-decoration:none;display:flex;gap:10px}.cloud-file-downloads a span{display:grid;text-align:left}.cloud-file-downloads small{color:var(--muted)}
[data-theme="dark"] .cloud-editor-canvas,[data-theme="dark"] .cloud-doc-surface{background:#18211e}[data-theme="dark"] .cloud-rich-editor{background:#222d29;color:#edf4f0}[data-theme="dark"] .cloud-sheet-grid th{background:var(--panel-muted)}
@media(max-width:1380px){.cloud-editor-workbench{grid-template-columns:220px minmax(0,1fr)}.cloud-editor-aside{display:none}.cloud-editor-workbench:has(.cloud-editor-aside.collapsed){grid-template-columns:220px minmax(0,1fr)}.cloud-library-shell{grid-template-columns:265px minmax(0,1fr)}}
@media(max-width:1000px){.cloud-library-shell{grid-template-columns:1fr}.cloud-library-sidebar{position:static;max-height:none}.cloud-library-sidebar .cloud-space-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.cloud-tree-panel{max-height:360px}.cloud-editor-workbench{grid-template-columns:1fr}.cloud-editor-tree{display:none}.cloud-library-columns{display:none}.cloud-document-grid.compact .cloud-document-card>div{grid-template-columns:minmax(0,1fr) 120px}.cloud-document-grid.compact .cloud-document-card>div>span{grid-column:2}.cloud-document-grid.compact .cloud-document-card footer{grid-column:1/3;grid-row:2;margin-top:7px;grid-template-columns:1fr auto}.cloud-document-grid.compact .cloud-document-card h2{grid-column:1}.cloud-rich-editor{padding:64px 52px}}
@media(max-width:760px){.cloud-library-page .page-hero{display:grid}.cloud-library-sidebar .cloud-space-nav{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.cloud-tree-panel{max-height:290px}.cloud-document-grid.compact .cloud-document-card{min-height:86px}.cloud-document-grid.compact .cloud-document-card>div{display:block}.cloud-document-grid.compact .cloud-document-card>div>span{display:block}.cloud-document-grid.compact .cloud-document-card h2{margin:5px 0}.cloud-document-grid.compact .cloud-document-card footer{margin-top:7px;display:flex}.cloud-editor-page{padding:7px 7px 84px!important}.cloud-editor-head{position:static;grid-template-columns:1fr}.cloud-editor-head>nav{flex-wrap:nowrap}.cloud-editor-head>nav .button{flex:none}.cloud-editor-workbench{display:block}.cloud-editor-canvas{border-radius:10px}.cloud-doc-toolbar.advanced,.cloud-sheet-toolbar{overflow-x:auto;flex-wrap:nowrap}.cloud-doc-surface{padding:15px 0 35px}.cloud-rich-editor{width:calc(100% - 18px);min-height:720px;padding:38px 25px;font-size:15px}.cloud-doc-surface>footer{width:calc(100% - 24px)}.cloud-sheet-grid{height:calc(100vh - 315px);min-height:470px}.cloud-sheet-bottom small{display:none}.cloud-formula-bar{grid-template-columns:56px 30px minmax(260px,1fr)}.cloud-import-mode{grid-template-columns:1fr}.cloud-editor-fixed-actions{z-index:105}}

/* v1.0.58 · 在线办公基础交互与Excel选区工具 */
.cloud-doc-toolbar.advanced,.cloud-sheet-toolbar{min-height:62px;padding:5px 7px;align-items:stretch}.cloud-tool-group{min-height:50px;padding:0 7px}.cloud-doc-toolbar button,.cloud-sheet-toolbar button{height:42px;min-width:34px;padding:3px 7px}.cloud-doc-toolbar button.active,.cloud-sheet-toolbar button.active{border-color:#82aee9;background:#eaf2ff;color:#245fae}.cloud-doc-toolbar button small,.cloud-sheet-toolbar button small{margin-top:2px;font-size:7px}.cloud-doc-toolbar select,.cloud-sheet-toolbar select{height:38px;font-size:10px}.cloud-color-tool{height:38px}.cloud-color-tool.paragraph:after{background:#b9d8c7}
.cloud-editor-menu{position:fixed;z-index:500;width:220px;padding:6px;border:1px solid var(--line);border-radius:11px;background:var(--panel);box-shadow:0 18px 50px rgba(18,37,30,.24);display:grid}.cloud-editor-menu button{min-height:36px;padding:0 9px;border:0;border-radius:7px;background:transparent;color:var(--text);display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:5px;text-align:left;cursor:pointer}.cloud-editor-menu button:hover{background:var(--accent-soft)}.cloud-editor-menu button:disabled{opacity:.45;cursor:not-allowed}.cloud-editor-menu button.danger{color:#b34d43}.cloud-editor-menu button span{color:var(--accent);font-size:10px;text-align:center}.cloud-editor-menu button b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600}.cloud-editor-menu button small{color:var(--muted);font-size:8px}.cloud-editor-menu hr{width:100%;margin:5px 0;border:0;border-top:1px solid var(--line)}
.cloud-formula-bar{grid-template-columns:95px 35px minmax(0,1fr)}.cloud-formula-bar #cloud-cell-name{border-left:0;border-right:1px solid var(--line);font-size:9px;text-align:center}.cloud-sheet-editor.advanced:focus{outline:0}.cloud-sheet-grid td{position:relative;user-select:none}.cloud-sheet-grid td.selected{background:color-mix(in srgb,#dbeaff 66%,var(--panel));box-shadow:inset 0 0 0 1px rgba(54,111,190,.32)}.cloud-sheet-grid td.active{z-index:3;background:var(--panel);box-shadow:inset 0 0 0 2px #2b72e5}.cloud-sheet-grid td.copied{outline:1px dashed #2b72e5;outline-offset:-2px}.cloud-sheet-grid th.selected{background:#dfeaf7;color:#245f9c}.cloud-sheet-grid input{cursor:default;user-select:none}.cloud-sheet-grid input:not([readonly]){cursor:text;user-select:text;background:var(--panel)!important;box-shadow:inset 0 0 0 2px #2b72e5}.cloud-sheet-grid input[data-validation=true]{padding-right:20px}.cloud-sheet-grid tr.filtered-out{display:none}.cloud-filter-button{position:absolute;right:2px;top:4px;z-index:5;width:18px;height:18px;padding:0;border:1px solid var(--line);border-radius:4px;background:var(--panel-muted);color:var(--muted);font-size:8px;cursor:pointer}.cloud-filter-button.active{border-color:#4c82c0;background:#e3efff;color:#245f9c}.cloud-comment-marker{position:absolute;right:0;top:0;z-index:4;width:0;height:0;padding:0;border:0;border-top:9px solid #e76f55;border-left:9px solid transparent;background:transparent;cursor:pointer}.cloud-sheet-grid td.has-comment input{padding-right:10px}.cloud-sheet-grid[data-gridlines=false] td,.cloud-sheet-grid[data-gridlines=false] th{border-color:transparent}
.cloud-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.cloud-find-result{min-height:20px;margin:0;padding:9px;border-radius:8px;background:var(--panel-muted);color:var(--muted);font-size:9px}.cloud-rich-editor [data-comment-id]{border-bottom:2px solid #e5a329;background:#fff1a8!important;cursor:help}.cloud-rich-editor [data-page-break=true]{position:relative;height:26px;margin:28px -45px;border-top:1px dashed #95a39d;color:#7b8983;text-align:center}.cloud-rich-editor [data-page-break=true] span{position:relative;top:-9px;padding:2px 9px;background:#fff;font-size:8px}.cloud-rich-editor td:focus,.cloud-rich-editor th:focus{outline:2px solid #2b72e5}.cloud-rich-editor table{table-layout:fixed}
[data-theme="dark"] .cloud-sheet-grid td.selected{background:#263c4b}[data-theme="dark"] .cloud-rich-editor [data-page-break=true] span{background:#222d29}
.cloud-sheet-grid td.frozen-cell{background:var(--panel);box-shadow:inset -1px -1px 0 var(--line)}.cloud-sheet-grid th.frozen-row-header,.cloud-sheet-grid th.frozen-column-header{background:#e9eeeb}.cloud-sheet-grid td.frozen-cell.selected{background:color-mix(in srgb,#dbeaff 66%,var(--panel))}[data-theme="dark"] .cloud-sheet-grid th.frozen-row-header,[data-theme="dark"] .cloud-sheet-grid th.frozen-column-header{background:#293631}
@media(max-width:760px){.cloud-doc-toolbar.advanced,.cloud-sheet-toolbar{min-height:58px}.cloud-tool-group{min-height:46px}.cloud-doc-toolbar button,.cloud-sheet-toolbar button{height:39px}.cloud-formula-bar{grid-template-columns:76px 30px minmax(260px,1fr)}.cloud-editor-menu{width:min(220px,calc(100vw - 16px))}}

/* v1.0.60 · 在线Excel大画布编辑模式 */
.cloud-editor-page.sheet-mode .cloud-editor-fixed-actions{position:static;margin-top:0;padding:7px 8px;border-radius:10px;box-shadow:none;justify-content:flex-end}
.cloud-editor-page.sheet-mode .cloud-sheet-editor.advanced{min-width:0}
.cloud-editor-page.sheet-mode .cloud-sheet-toolbar{width:100%;min-width:0;overflow-x:auto}
.cloud-focus-toggle{border-color:#b9d8d1!important;background:#edf7f4!important;color:#17634f!important;font-weight:800}
body.cloud-sheet-focus{overflow:hidden}
body.cloud-sheet-focus .app-shell{display:block!important;min-height:100vh}
body.cloud-sheet-focus .app-sidebar,body.cloud-sheet-focus .topbar,body.cloud-sheet-focus .mobile-bottom-nav{display:none!important}
body.cloud-sheet-focus .app-main{grid-column:1!important;width:100vw;height:100vh;min-width:0}
body.cloud-sheet-focus .content-panel{height:100vh;min-height:100vh;overflow:hidden}
body.cloud-sheet-focus .cloud-editor-page{box-sizing:border-box;width:100%;height:100vh;padding:6px 8px!important;gap:6px;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
body.cloud-sheet-focus .cloud-editor-head{position:relative;top:auto;z-index:40;min-height:52px;padding:6px 9px;border-radius:9px;grid-template-columns:auto minmax(230px,1fr) auto;gap:9px}
body.cloud-sheet-focus .cloud-editor-head input{font-size:17px}
body.cloud-sheet-focus .cloud-editor-head>div>span,body.cloud-sheet-focus .cloud-editor-head>div>small{font-size:8px}
body.cloud-sheet-focus .cloud-editor-head>nav{max-width:62vw;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-end}
body.cloud-sheet-focus .cloud-editor-head>nav .button{flex:none;min-height:34px;padding:7px 10px;white-space:nowrap}
body.cloud-sheet-focus .cloud-editor-workbench{height:auto;min-height:0;grid-template-columns:minmax(0,1fr);gap:0;align-items:stretch}
body.cloud-sheet-focus .cloud-editor-tree,body.cloud-sheet-focus .cloud-editor-aside{display:none!important}
body.cloud-sheet-focus .cloud-editor-canvas.sheet-canvas{height:100%;min-height:0;border-radius:9px;display:block}
body.cloud-sheet-focus .cloud-sheet-editor.advanced{width:100%;height:100%;min-width:0;min-height:0;display:grid;grid-template-rows:auto 38px minmax(0,1fr) 43px}
body.cloud-sheet-focus .cloud-sheet-grid{box-sizing:border-box;width:100%;height:auto;min-width:0;min-height:0;max-height:none}
body.cloud-sheet-focus .cloud-editor-fixed-actions{min-height:40px;margin:0;padding:4px 6px;background:transparent;border:0}
body.cloud-sheet-focus .cloud-editor-fixed-actions span{margin-right:auto}
@media(max-width:760px){body.cloud-sheet-focus .cloud-editor-page{padding:4px!important}body.cloud-sheet-focus .cloud-editor-head{grid-template-columns:auto minmax(150px,1fr);padding:5px 6px}body.cloud-sheet-focus .cloud-editor-head>nav{grid-column:1/-1;max-width:100%;justify-content:flex-start}body.cloud-sheet-focus .cloud-editor-head>div>span,body.cloud-sheet-focus .cloud-editor-head>div>small{display:none}body.cloud-sheet-focus .cloud-editor-workbench{min-height:0}body.cloud-sheet-focus .cloud-sheet-editor.advanced{grid-template-rows:auto 38px minmax(0,1fr) 43px}body.cloud-sheet-focus .cloud-editor-fixed-actions{position:static!important;min-height:38px;padding:3px!important}body.cloud-sheet-focus .cloud-editor-fixed-actions .button{min-height:34px}}

/* v1.0.63 · platform-store/customer sales entry, screenshot review and mobile reporting */
.sales-toolbar-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.sales-toolbar-actions .success{color:#24765d}.sales-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.sales-kpi{position:relative;min-height:128px;padding:20px;border:1px solid var(--line);border-radius:17px;background:var(--panel);box-shadow:var(--shadow-soft);overflow:hidden}.sales-kpi:after{content:"";position:absolute;right:-22px;bottom:-32px;width:82px;height:82px;border-radius:50%;background:var(--panel-muted)}.sales-kpi span,.sales-kpi small{position:relative;z-index:1;display:block;color:var(--muted)}.sales-kpi strong{position:relative;z-index:1;display:block;margin:12px 0 8px;font-size:23px;letter-spacing:-.02em}.sales-kpi.target{border-color:#d7c7a5;background:linear-gradient(140deg,#fffaf0,var(--panel))}.sales-kpi.refund:after{background:#f8e8e5}.sales-kpi.promotion:after{background:#f7efdc}.sales-kpi.primary{border-color:#a7d3c4;background:linear-gradient(140deg,var(--accent-soft),var(--panel))}
.sales-reporting-panel{padding:21px}.sales-reporting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.sales-reporting-grid article{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-muted);display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px}.sales-reporting-grid article>i{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--accent-soft);color:var(--accent);font-style:normal;font-weight:800}.sales-reporting-grid header{display:flex;justify-content:space-between;gap:10px}.sales-reporting-grid header span{color:var(--accent);font-weight:800}.sales-progress{height:7px;margin:7px 0;border-radius:5px;background:var(--panel);overflow:hidden}.sales-progress i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#277258,#69aa91)}.sales-reporting-grid small{color:var(--muted)}.sales-empty.compact{min-height:120px;grid-template-columns:auto 1fr;text-align:left;place-items:center start}
.sales-admin-panel{padding:22px;border-color:#b7d3c9;background:linear-gradient(145deg,var(--panel),var(--accent-soft))}.sales-admin-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sales-admin-platform{border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden}.sales-admin-platform>header{min-height:72px;padding:13px 15px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:9px}.sales-admin-platform>header>i{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-style:normal;font-weight:800}.sales-admin-platform>header>div{display:grid;gap:3px}.sales-admin-platform>header small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sales-admin-stores{padding:10px;display:grid;gap:6px}.sales-admin-stores>button{min-height:52px;padding:9px 11px;border:1px solid transparent;border-radius:10px;background:var(--panel-muted);color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;cursor:pointer}.sales-admin-stores>button:hover{border-color:var(--line);background:var(--accent-soft)}.sales-admin-stores>button span{display:grid;gap:3px}.sales-admin-stores>button small{color:var(--muted)}.sales-admin-stores>button em{color:var(--accent);font-style:normal;white-space:nowrap}.sales-admin-stores>button.sales-add-store{justify-content:center;color:var(--accent);font-weight:800;background:transparent;border:1px dashed var(--line)}.sales-admin-stores>p{margin:7px;color:var(--muted);font-size:11px}.sales-page table td>small{display:block;margin-top:3px;color:var(--muted)}
.sales-entry-backdrop{padding:16px}.sales-entry-backdrop .modal{width:min(1280px,calc(100vw - 32px));max-height:calc(100vh - 32px);border-radius:20px}.sales-entry-backdrop .modal>header{padding:15px 22px}.sales-entry-backdrop .modal-body{padding:0;overflow:auto}.sales-entry-form{min-height:650px;display:flex;flex-direction:column}.sales-entry-steps{height:76px;padding:0 38px;border-bottom:1px solid var(--line);background:var(--panel-muted);display:flex;align-items:center;justify-content:center;gap:16px}.sales-entry-steps span{display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:700}.sales-entry-steps span i{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;background:var(--panel);font-style:normal}.sales-entry-steps span.active{color:var(--accent)}.sales-entry-steps span.active i{border-color:var(--accent);background:var(--accent);color:#fff}.sales-entry-steps>em{width:110px;height:1px;background:var(--line)}.sales-entry-stage{padding:28px 34px}.sales-entry-stage[hidden]{display:none}.sales-entry-intro{padding:17px 19px;border:1px solid #d3e6df;border-radius:14px;background:var(--accent-soft)}.sales-entry-intro b{font-size:15px}.sales-entry-intro p{margin:6px 0 0;color:var(--muted)}.sales-period-switch{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.sales-period-switch label{cursor:pointer}.sales-period-switch input{position:absolute;opacity:0}.sales-period-switch span{min-height:72px;padding:15px 17px;border:1px solid var(--line);border-radius:13px;background:var(--panel);display:grid;gap:4px}.sales-period-switch small{color:var(--muted);font-weight:500}.sales-period-switch input:checked+span{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent)}.sales-entry-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.sales-entry-form label:not(.button):not(.sales-owner-option):not(.inline-check){display:grid;gap:7px}.sales-entry-form label>span{font-size:11px;font-weight:700}.sales-entry-form input,.sales-entry-form select,.sales-entry-form textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit}.sales-entry-form textarea{min-height:82px;resize:vertical}.sales-entry-actions{margin-top:24px;display:flex;justify-content:flex-end;gap:10px}.sales-entry-actions.split{position:sticky;bottom:-28px;margin:22px -34px -28px;padding:14px 34px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel) 95%,transparent);z-index:5}.sales-entry-actions .button{min-width:170px;justify-content:center}.sales-entry-context{margin:-10px 0 17px;display:flex;align-items:center;gap:14px}.sales-entry-context>div{display:grid;gap:3px}.sales-entry-context small{color:var(--muted)}.sales-entry-context>span{margin-left:auto;padding:7px 11px;border-radius:18px;background:var(--panel-muted);color:var(--muted);font-size:10px;font-weight:700}.sales-entry-context>span.working{color:var(--accent);animation:pulse 1s infinite}.sales-screenshot-zone{padding:16px 18px;border:1px dashed #9bc8b8;border-radius:14px;background:var(--accent-soft);display:flex;align-items:center;justify-content:space-between;gap:18px}.sales-screenshot-zone p{margin:5px 0 0;color:var(--muted)}.sales-fields-head{margin:22px 0 10px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.sales-fields-head>div:first-child{display:grid;gap:4px}.sales-fields-head small{color:var(--muted)}.sales-derived-preview{display:flex!important;gap:8px!important}.sales-derived-preview span{padding:8px 11px;border-radius:9px;background:var(--panel-muted);color:var(--muted);font-size:10px!important}.sales-derived-preview b{margin-left:5px;color:var(--accent)}.sales-entry-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);border-radius:12px;overflow:hidden}.sales-entry-fields>label{min-height:82px;padding:12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel)}.sales-entry-fields>label>span{min-height:27px;color:var(--muted);font-size:10px!important}.sales-entry-fields>label>span em{color:#b54f47;font-style:normal}.sales-entry-fields>label>div{position:relative}.sales-entry-fields input{min-height:39px;padding-right:35px}.sales-entry-fields label small{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--muted)}.sales-entry-note{margin-top:17px}.sales-recognition-confirm{margin-top:14px;padding:12px 14px;border:1px solid #e2c98e;border-radius:12px;background:#fff9e9;grid-template-columns:auto 1fr!important;align-items:center}.sales-recognition-confirm input{width:auto;min-height:auto}.sales-recognition-confirm span{display:grid;gap:3px}.sales-recognition-confirm small{color:#826b37}.sales-entry-form .auth-error{min-height:18px;margin:10px 0 0;color:#bd4f45}.sales-settings-backdrop .modal{width:min(820px,calc(100vw - 32px))}.sales-template-backdrop .modal{width:min(980px,calc(100vw - 32px))}.sales-template-heading,.sales-template-row{display:grid;grid-template-columns:minmax(220px,1fr) 150px 100px 70px;align-items:center;gap:9px}.sales-template-heading{padding:0 7px;color:var(--muted);font-size:10px}.sales-template-rows{display:grid;gap:7px}.sales-template-row{padding:7px;border:1px solid var(--line);border-radius:10px;background:var(--panel-muted)}.sales-template-row input,.sales-template-row select{min-height:38px}.sales-template-row label{display:flex!important;align-items:center;gap:5px}.sales-template-row label input{width:auto;min-height:auto}
[data-theme="dark"] .sales-kpi.target{background:linear-gradient(140deg,#382f20,var(--panel))}[data-theme="dark"] .sales-recognition-confirm{background:#3a321f;border-color:#6b5b31}[data-theme="dark"] .sales-recognition-confirm small{color:#d8c28d}
@media(max-width:1180px){.sales-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sales-admin-platforms{grid-template-columns:1fr}.sales-entry-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sales-toolbar-actions{width:100%;margin-left:0;justify-content:space-between}.sales-kpi-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:5px}.sales-kpi{flex:0 0 76vw;min-height:118px;scroll-snap-align:start}.sales-reporting-grid{grid-template-columns:1fr}.sales-entry-backdrop{padding:0}.sales-entry-backdrop .modal{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.sales-entry-backdrop .modal>header{padding:11px 14px}.sales-entry-backdrop .modal-body{height:100%;min-height:0}.sales-entry-form{min-height:calc(100dvh - 66px)}.sales-entry-steps{height:58px;padding:0 12px;gap:8px}.sales-entry-steps>em{width:30px}.sales-entry-steps span{font-size:10px}.sales-entry-steps span i{width:24px;height:24px}.sales-entry-stage{padding:17px 14px}.sales-period-switch,.sales-entry-scope-grid{grid-template-columns:1fr}.sales-period-switch{gap:8px;margin:14px 0}.sales-period-switch span{min-height:60px;padding:11px 13px}.sales-entry-actions.split{bottom:0;margin:17px -14px -17px;padding:10px 14px calc(10px + env(safe-area-inset-bottom))}.sales-entry-actions .button{min-width:0;flex:1}.sales-entry-context{align-items:flex-start;flex-wrap:wrap}.sales-entry-context>span{margin-left:0}.sales-screenshot-zone{align-items:stretch;flex-direction:column}.sales-screenshot-zone .button{justify-content:center}.sales-fields-head{align-items:flex-start;flex-direction:column}.sales-derived-preview{width:100%;overflow-x:auto}.sales-derived-preview span{flex:1;white-space:nowrap}.sales-entry-fields{grid-template-columns:1fr}.sales-entry-fields>label{min-height:76px}.sales-template-heading{display:none}.sales-template-row{grid-template-columns:1fr 110px}.sales-template-row label,.sales-template-row button{justify-self:start}.sales-admin-platform>header{grid-template-columns:36px minmax(0,1fr) auto}.sales-admin-platform>header>button:last-child{grid-column:2/4;justify-self:start}.sales-toolbar input,.sales-toolbar select{font-size:16px}.sales-entry-form input,.sales-entry-form select,.sales-entry-form textarea{font-size:16px}}

/* grouped sales templates: summary first, component details after */
.sales-entry-fields{display:grid;grid-template-columns:1fr;border:0;background:transparent;gap:14px;overflow:visible}.sales-entry-group{border:1px solid var(--line);border-radius:13px;background:var(--panel);overflow:hidden}.sales-entry-group>header{min-height:50px;padding:11px 14px;border-bottom:1px solid var(--line);background:var(--panel-muted);display:flex;align-items:center;justify-content:space-between;gap:12px}.sales-entry-group>header b{font-size:13px}.sales-entry-group>header small{color:var(--muted)}.sales-entry-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.sales-entry-group-grid>label{min-height:82px;padding:12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel)}.sales-entry-group-grid>label.summary{background:linear-gradient(140deg,var(--accent-soft),var(--panel))}.sales-entry-group-grid>label>span{min-height:27px;color:var(--muted);font-size:10px!important}.sales-entry-group-grid>label>span i{margin-right:5px;padding:2px 5px;border-radius:5px;background:var(--accent);color:#fff;font-size:8px;font-style:normal}.sales-entry-group-grid>label>span em{color:#b54f47;font-style:normal}.sales-entry-group-grid>label>div{position:relative}.sales-template-backdrop .modal{width:min(1120px,calc(100vw - 32px))}.sales-template-heading,.sales-template-row{grid-template-columns:minmax(190px,1fr) minmax(140px,.7fr) 120px 70px 70px 62px}
@media(max-width:1180px){.sales-entry-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.sales-entry-group-grid{grid-template-columns:1fr}.sales-entry-group-grid>label{min-height:76px}.sales-template-row{grid-template-columns:1fr 1fr}}
/* v1.0.64: layered permissions, employee workspace and knowledge-base refinements */
.permission-check-grid.platform-permission-grid,
.modal-permission-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; align-items:start; }
.permission-module { border:1px solid var(--line); border-radius:16px; background:var(--surface); overflow:hidden; transition:.18s ease; }
.permission-module.enabled { border-color:rgba(27,118,91,.42); box-shadow:0 8px 22px rgba(20,68,52,.07); }
.permission-module > header { min-height:62px; padding:11px 14px; display:flex; align-items:center; justify-content:space-between; gap:12px; background:rgba(247,250,248,.88); }
.permission-module > header > label { display:flex; align-items:center; gap:11px; cursor:pointer; flex:1; }
.permission-module > header input { width:18px; height:18px; accent-color:var(--forest-700); }
.permission-module > header span { display:flex; flex-direction:column; gap:3px; }
.permission-module > header b { font-size:14px; color:var(--ink); }
.permission-module > header small { font-size:11px; color:var(--muted); }
.permission-module > header button,.permission-subpanel header button { border:0; background:transparent; color:var(--forest-700); font-weight:700; cursor:pointer; }
.permission-subpanel { padding:0 14px 14px; border-top:1px solid var(--line); }
.permission-subpanel[hidden] { display:none; }
.permission-subpanel > header { padding:10px 0 7px; display:flex; justify-content:space-between; color:var(--muted); font-size:11px; }
.permission-subpanel > div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.permission-subpanel label { padding:9px 10px; border-radius:10px; background:var(--soft); display:flex; align-items:center; gap:8px; }
.permission-subpanel label span { font-size:12px; line-height:1.35; }
.permission-subpanel label em { color:#a94f40; font-size:10px; font-style:normal; }
.permission-quick-tools { margin-bottom:18px; padding:15px; border:1px solid var(--line); border-radius:14px; background:linear-gradient(135deg,#f5faf7,#fbfaf6); display:grid; grid-template-columns:1fr 1fr auto; gap:12px; align-items:end; }
.permission-quick-tools label { display:flex; flex-direction:column; gap:6px; }
.permission-quick-tools label span { font-size:11px; color:var(--muted); }
.permission-role-list { display:grid; gap:10px; }
.permission-role-list > article { padding:14px 16px; border:1px solid var(--line); border-radius:14px; display:flex; justify-content:space-between; align-items:center; }
.permission-role-list article > div { display:flex; align-items:center; gap:12px; }
.permission-role-list i { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; background:var(--sage); color:var(--forest-800); font-style:normal; font-weight:800; }
.permission-role-list span { display:flex; flex-direction:column; gap:4px; }.permission-role-list small{color:var(--muted)}

.employee-home-page { max-width:1380px; margin:0 auto; }
.employee-home-hero { min-height:210px; padding:34px 38px; border-radius:24px; background:linear-gradient(135deg,#163f34,#235e4c 58%,#dfc492); color:white; display:flex; justify-content:space-between; align-items:center; box-shadow:0 22px 50px rgba(20,61,49,.16); }
.employee-home-hero span { opacity:.78; font-size:13px; }.employee-home-hero h1{font-size:34px;margin:10px 0}.employee-home-hero p{margin:0;opacity:.8}.employee-home-hero time{font-size:44px;font-weight:300;letter-spacing:2px}
.employee-home-summary { margin-top:-24px; padding:0 24px; display:grid; grid-template-columns:repeat(3,1fr); gap:14px; position:relative; }
.employee-home-summary article { padding:19px; border:1px solid var(--line); border-radius:17px; background:var(--surface); display:flex; gap:13px; align-items:center; box-shadow:0 12px 30px rgba(21,52,41,.08); }
.employee-home-summary i { width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--sage);font-style:normal;color:var(--forest-800);font-weight:800}.employee-home-summary span{display:flex;flex-direction:column;gap:3px}.employee-home-summary small{color:var(--muted)}
.employee-home-grid { margin-top:22px; display:grid; grid-template-columns:minmax(0,1.7fr) minmax(300px,.7fr); gap:18px; }
.employee-today-card > header,.employee-month-preview > header { display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.employee-today-card > div{display:grid;gap:8px}.employee-today-card > div > button{border:1px solid var(--line);background:var(--surface);padding:12px;border-radius:12px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;text-align:left;gap:10px}.employee-today-card > div > button i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--soft);font-style:normal}.employee-today-card > div > button span{display:flex;flex-direction:column;gap:3px}.employee-today-card small{color:var(--muted)}
.employee-month-preview strong{font-size:40px;color:var(--forest-800);display:flex;align-items:baseline;gap:8px}.employee-month-preview strong small{font-size:12px;color:var(--muted)}.employee-month-preview p{line-height:1.7;color:var(--muted)}
.employee-home-actions{margin-top:18px;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.employee-home-actions>header{display:flex;justify-content:space-between;align-items:center}.employee-home-actions>div{margin-top:13px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.employee-home-actions button,.work-record-entry button{padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--surface);display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;text-align:left}.employee-home-actions button i,.work-record-entry button i{width:36px;height:36px;display:grid;place-items:center;background:var(--sage);border-radius:10px;font-style:normal;color:var(--forest-800)}.employee-home-actions button span,.work-record-entry button span{display:flex;flex-direction:column;gap:3px}.employee-home-actions small,.work-record-entry small{color:var(--muted)}
.work-record-entry{margin:14px 0 18px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}

.company-kb-banner { padding:20px 24px; margin-bottom:14px; border-radius:18px; display:flex; align-items:center; gap:16px; color:white; }
.company-kb-banner.cover-emerald{background:linear-gradient(135deg,#174739,#2b6a56)}.company-kb-banner.cover-blue{background:linear-gradient(135deg,#183e69,#3975a8)}.company-kb-banner.cover-gold{background:linear-gradient(135deg,#755223,#b88a43)}.company-kb-banner.cover-rose{background:linear-gradient(135deg,#73433f,#bd756e)}.company-kb-banner.cover-slate{background:linear-gradient(135deg,#35434b,#687882)}
.company-kb-banner.cover-image{min-height:150px;background-position:center;background-size:cover;background-repeat:no-repeat}
.company-kb-banner>i{width:56px;height:56px;display:grid;place-items:center;border-radius:15px;background:rgba(255,255,255,.16);font-size:22px;font-style:normal}.company-kb-banner>div{flex:1}.company-kb-banner span{font-size:10px;letter-spacing:1.4px;opacity:.75}.company-kb-banner h2{margin:5px 0;font-size:22px}.company-kb-banner p{margin:0;opacity:.78}.company-kb-banner .button{background:rgba(255,255,255,.94)}
.kb-cover-options{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.kb-cover-options label{padding:16px 8px;border-radius:12px;color:white;text-align:center;cursor:pointer}.kb-cover-options .cover-emerald{background:#225b49}.kb-cover-options .cover-blue{background:#316da1}.kb-cover-options .cover-gold{background:#a97c37}.kb-cover-options .cover-rose{background:#a96460}.kb-cover-options .cover-slate{background:#5e6e78}.kb-cover-options input{display:block;margin:0 auto 8px}.kb-custom-cover{margin-top:12px;display:grid;grid-template-columns:160px auto;gap:10px 14px;align-items:center}.kb-custom-cover>div{grid-row:span 2;aspect-ratio:16/9;border:1px dashed var(--line);border-radius:12px;background:linear-gradient(135deg,var(--soft),var(--sage));background-size:cover;background-position:center;display:grid;place-items:center;overflow:hidden}.kb-custom-cover>div span{padding:5px 8px;border-radius:8px;background:rgba(255,255,255,.82);font-size:11px}.kb-custom-cover small{color:var(--muted)}.kb-member-grid{max-height:220px;overflow:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.kb-member-grid label{display:flex;gap:8px;padding:9px;border:1px solid var(--line);border-radius:10px}.kb-member-grid span{display:flex;flex-direction:column}
.cloud-editor-page.tree-collapsed .cloud-editor-tree{display:none}.cloud-editor-page.tree-collapsed .cloud-editor-workbench{grid-template-columns:minmax(0,1fr) var(--cloud-info-width,280px)}

.product-card-image,.product-detail-image { width:100%;height:auto!important;aspect-ratio:1/1; }
.product-card-image img,.product-detail-image img { width:100%;height:100%;object-fit:cover; }
.product-series-tree{display:grid;gap:7px;margin-top:10px}.product-series-tree details{border:1px solid var(--line);border-radius:11px;background:var(--surface);overflow:hidden}.product-series-tree summary{padding:10px;display:flex;justify-content:space-between;cursor:pointer;font-weight:700}.product-series-tree .series-filter{margin:0 8px 7px;width:calc(100% - 16px);padding:6px;border:0;border-radius:8px;background:var(--soft);color:var(--forest-700)}.product-tree-product>button{width:100%;padding:8px 10px;border:0;border-top:1px solid var(--line);background:transparent;display:grid;grid-template-columns:24px 1fr auto;text-align:left;gap:6px;align-items:center}.product-tree-product ul{margin:0;padding:0 10px 8px 40px;list-style:none}.product-tree-product li{padding:4px 0;display:flex;flex-direction:column}.product-tree-product li small{color:var(--muted)}
.product-hero-source-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.product-hero-source-options label{padding:13px;border:1px solid var(--line);border-radius:12px;display:flex;gap:9px}.product-hero-source-options span{display:flex;flex-direction:column;gap:3px}.product-hero-source-options small{color:var(--muted)}.product-hero-upload-actions{display:flex;gap:8px;flex-wrap:wrap}
.monthly-work-preview-panel{margin-top:18px;padding:22px}.monthly-work-preview-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.monthly-work-preview-panel>header h2{margin:5px 0}.monthly-work-preview-panel>header p{margin:0;color:var(--muted)}.monthly-work-preview-panel>header>strong{font-size:30px;color:var(--forest-800);display:flex;flex-direction:column;text-align:right}.monthly-work-preview-panel>header>strong small{font-size:11px;color:var(--muted)}.monthly-work-preview-stats{margin:18px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.monthly-work-preview-stats span{padding:13px;border-radius:12px;background:var(--soft);display:flex;flex-direction:column;gap:5px}.monthly-work-preview-stats small{color:var(--muted)}.monthly-work-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.monthly-work-highlights article{padding:12px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:48px 1fr;gap:10px}.monthly-work-highlights time{color:var(--forest-700);font-weight:800}.monthly-work-highlights p{margin:0;line-height:1.6;color:var(--ink)}

@media(max-width:900px){.permission-check-grid.platform-permission-grid,.modal-permission-grid,.employee-home-summary,.employee-home-actions>div{grid-template-columns:1fr}.permission-quick-tools,.employee-home-grid,.work-record-entry{grid-template-columns:1fr}.employee-home-hero{padding:25px}.employee-home-hero time{font-size:28px}.kb-cover-options{grid-template-columns:repeat(3,1fr)}.kb-custom-cover,.monthly-work-highlights{grid-template-columns:1fr}.kb-custom-cover>div{grid-row:auto;width:100%}.monthly-work-preview-stats{grid-template-columns:1fr}}

/* v1.0.65: permission workspace, daily summary, sales assignments and organization profile */
.permission-check-grid.platform-permission-grid,.modal-permission-grid{grid-template-columns:1fr;grid-auto-rows:max-content;align-content:start;gap:12px}
.permission-module{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);align-items:stretch;overflow:hidden}
.permission-module>header{min-height:76px;padding:14px 16px;border-right:1px solid var(--line);background:linear-gradient(135deg,var(--panel-muted),var(--panel));align-self:stretch}
.permission-module>header>label{min-width:0}.permission-module>header>label>span{min-width:0}.permission-module>header b{font-size:15px}.permission-module>header small{display:flex;align-items:center;gap:4px}.permission-module>header small em{color:var(--accent);font-style:normal;font-size:12px}
.permission-module>header nav{display:flex;align-items:center;gap:6px;white-space:nowrap}.permission-module>header nav button{min-height:34px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);font-size:11px}.permission-module>header nav button:hover{border-color:var(--accent);background:var(--accent-soft)}.permission-module>header nav i{display:inline-block;margin-left:2px;font-style:normal;transition:transform .18s}.permission-module:not(.collapsed)>header nav i{transform:rotate(180deg)}
.permission-subpanel{min-width:0;padding:13px 15px;border-top:0;background:var(--panel)}.permission-subpanel>div{grid-template-columns:repeat(3,minmax(150px,1fr));gap:9px}.permission-subpanel label{min-height:45px;padding:10px 12px;border:1px solid transparent}.permission-subpanel label:hover{border-color:var(--line);background:var(--accent-soft)}.permission-subpanel input{width:17px;height:17px;accent-color:var(--accent)}
.permission-module.collapsed{grid-template-columns:1fr}.permission-module.collapsed>header{border-right:0}.permission-module.collapsed .permission-subpanel{display:none}
.release-history-pagination{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:12px}.release-history-pagination button{min-height:34px;padding:7px 13px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);cursor:pointer}.release-history-pagination button:disabled{opacity:.42;cursor:not-allowed}.release-history-pagination span{color:var(--muted);font-size:11px}

.performance-reminder-settings{border-color:#8464a0!important;color:#755197!important;background:#f5eff9!important}.performance-reminder-options{max-height:min(58vh,520px);overflow:auto;display:grid;gap:8px}.performance-reminder-option{padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:var(--panel-muted);display:flex!important;align-items:flex-start!important;gap:11px!important}.performance-reminder-option input{width:18px!important;height:18px!important;margin-top:2px;accent-color:#755197}.performance-reminder-option span{display:grid;gap:4px}.performance-reminder-option small{color:var(--muted)}

.daily-report-single-editor{padding:24px}.daily-report-single-editor>header,.daily-summary-owner-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.daily-report-single-editor>header h2{margin:5px 0}.daily-report-single-editor>header p{margin:0;color:var(--muted)}.daily-report-single-editor>header label,.daily-summary-owner-toolbar>label{display:grid;gap:6px;min-width:180px}.daily-report-content-field{display:grid;gap:8px;margin-top:20px}.daily-report-content-field>span{font-weight:800}.daily-report-content-field textarea{width:100%;min-height:410px;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--text);font:inherit;line-height:1.8;resize:vertical}.daily-report-evidence{margin-top:16px;padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--panel-muted)}.daily-report-evidence>header{display:flex;align-items:center;justify-content:space-between;gap:14px}.daily-report-evidence>header div{display:grid;gap:4px}.daily-report-evidence small{color:var(--muted)}.daily-report-evidence>div{display:flex;flex-wrap:wrap;gap:9px;margin-top:12px}.daily-report-evidence a{width:112px;display:grid;gap:5px;color:var(--text);text-decoration:none}.daily-report-evidence img{width:112px;height:84px;object-fit:cover;border-radius:9px}.daily-report-status{margin-top:14px;display:flex;justify-content:space-between;color:var(--muted)}
.daily-summary-owner-toolbar{padding:18px 20px;align-items:end}.daily-summary-owner-toolbar>div{display:flex;gap:12px}.daily-summary-owner-toolbar>div>span{min-width:94px;padding:10px 14px;border-radius:11px;background:var(--panel-muted);display:grid;gap:3px}.daily-summary-owner-toolbar small{color:var(--muted)}.daily-summary-owner-toolbar b{font-size:20px}.daily-summary-owner-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.daily-summary-owner-card{min-width:0;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:var(--shadow-soft)}.daily-summary-owner-card>header{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px}.daily-summary-owner-card>header>i{width:42px;height:42px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-style:normal;font-weight:800}.daily-summary-owner-card>header>div{display:grid;gap:4px}.daily-summary-owner-card>header small,.daily-summary-owner-card>footer{color:var(--muted);font-size:10px}.daily-summary-owner-card>p{min-height:96px;margin:15px 0;padding:13px;border-radius:11px;background:var(--panel-muted);white-space:pre-wrap;line-height:1.7}.daily-summary-owner-card>p.empty{color:var(--muted)}.daily-summary-owner-card>footer{display:flex;align-items:center;justify-content:space-between}.daily-summary-owner-attachments{display:flex;gap:7px;overflow-x:auto;margin-bottom:12px}.daily-summary-owner-attachments a{flex:0 0 86px;color:var(--muted);text-decoration:none}.daily-summary-owner-attachments img{width:86px;height:62px;object-fit:cover;border-radius:8px}.daily-summary-owner-attachments span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.sales-admin-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sales-reporting-grid.compact{grid-template-columns:1fr;gap:7px}.sales-reporting-grid.compact article{min-height:62px;padding:9px 12px;grid-template-columns:34px minmax(150px,1fr) 52px 76px 62px;gap:10px}.sales-reporting-grid.compact article>i{width:34px;height:34px;border-radius:10px}.sales-reporting-grid.compact header small{margin-left:auto}.sales-reporting-grid.compact article>strong{text-align:right;color:var(--accent)}.sales-reporting-grid.compact article>span{display:grid;text-align:right;font-weight:700}.sales-reporting-grid.compact article>span small{font-size:8px;font-weight:500}.sales-reporting-grid.compact article>em{padding:5px 7px;border-radius:999px;background:#fff0e9;color:#b75a47;text-align:center;font-size:9px;font-style:normal;font-weight:800}.sales-reporting-grid.compact article>em.complete{background:#e8f5ee;color:#277258}
.sales-entry-back-button{min-height:44px!important;padding:10px 16px!important;border:1px solid var(--accent)!important;background:var(--accent)!important;color:#fff!important;box-shadow:0 7px 18px rgba(25,94,73,.16)}.sales-entry-context>div b{font-size:15px}.sales-entry-context>div small{display:flex;align-items:center;gap:8px;margin-top:3px}.sales-entry-context>div small strong{font-size:20px;line-height:1;color:var(--text)}.sales-entry-context>div small em{padding:4px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:10px;font-style:normal;font-weight:800}.sales-delete-help{margin:6px 0 0;color:#a85a49;font-size:10px}
.sales-screenshot-zone{display:grid;grid-template-columns:minmax(260px,1fr) auto;align-items:center}.sales-screenshot-copy b{font-size:14px}.sales-screenshot-controls{display:flex;align-items:end;gap:10px}.sales-screenshot-period{min-width:190px}.sales-screenshot-period>span{font-size:11px!important}.sales-screenshot-period input{min-height:42px!important;background:var(--panel)!important}.sales-screenshot-picker{min-height:42px;justify-content:center}.sales-screenshot-batch-list{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:5px;padding-top:12px;border-top:1px solid color-mix(in srgb,var(--accent) 22%,transparent)}.sales-screenshot-batch-list[hidden]{display:none}.sales-screenshot-batch-list>div{min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px}.sales-screenshot-batch-list>div>span{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:800}.sales-screenshot-batch-list>div>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.sales-screenshot-batch-list>div>small{color:var(--muted);font-size:10px}.sales-screenshot-batch-list>div>small.done{color:#20825f}.sales-screenshot-batch-list>div>small.failed{color:#b45147}
.sales-bulk-assignment-backdrop .modal{width:min(1120px,calc(100vw - 32px))}.sales-bulk-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(320px,1.1fr);gap:16px}.sales-bulk-pane{min-width:0;border:1px solid var(--line);border-radius:14px;background:var(--panel-muted);overflow:hidden}.sales-bulk-pane>header{padding:14px 16px;border-bottom:1px solid var(--line);background:var(--panel);display:flex;align-items:center;justify-content:space-between;gap:10px}.sales-bulk-pane>header div{display:grid;gap:3px}.sales-bulk-pane>header small{color:var(--muted)}.sales-bulk-tree,.sales-bulk-users{max-height:55vh;overflow:auto;padding:12px;display:grid;gap:8px}.sales-bulk-platform{border:1px solid var(--line);border-radius:11px;background:var(--panel);overflow:hidden}.sales-bulk-platform>header{padding:9px 11px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.sales-bulk-platform>header button{border:0;background:transparent;color:var(--accent);font-weight:800;cursor:pointer}.sales-bulk-platform>div{display:grid;gap:1px}.sales-bulk-platform label,.sales-bulk-users label{padding:10px 11px;display:flex;align-items:center;gap:9px;background:var(--panel)}.sales-bulk-platform label:hover,.sales-bulk-users label:hover{background:var(--accent-soft)}.sales-bulk-platform input,.sales-bulk-users input{width:17px;height:17px;accent-color:var(--accent)}.sales-bulk-users label span{display:grid;gap:3px}.sales-bulk-users small{color:var(--muted)}

@media(max-width:1100px){.permission-module{grid-template-columns:minmax(240px,290px) minmax(0,1fr)}.permission-subpanel>div{grid-template-columns:repeat(2,minmax(145px,1fr))}.daily-summary-owner-list{grid-template-columns:1fr}}
@media(max-width:760px){.permission-module{grid-template-columns:1fr}.permission-module>header{border-right:0;border-bottom:1px solid var(--line);align-items:flex-start;flex-direction:column}.permission-module>header nav{width:100%}.permission-module>header nav button{flex:1}.permission-subpanel>div{grid-template-columns:1fr}.daily-report-single-editor>header,.daily-summary-owner-toolbar{flex-direction:column;align-items:stretch}.daily-report-content-field textarea{min-height:330px}.daily-summary-owner-toolbar>div{display:grid;grid-template-columns:repeat(3,1fr)}.daily-summary-owner-toolbar>div>span{min-width:0}.sales-reporting-grid.compact article{grid-template-columns:34px minmax(0,1fr) 52px}.sales-reporting-grid.compact article>span,.sales-reporting-grid.compact article>em{grid-column:auto}.sales-bulk-layout{grid-template-columns:1fr}.sales-bulk-tree,.sales-bulk-users{max-height:34vh}.sales-entry-context>div small strong{font-size:18px}.sales-screenshot-zone{grid-template-columns:1fr}.sales-screenshot-controls{display:grid;grid-template-columns:1fr}.sales-screenshot-period{min-width:0}.sales-screenshot-batch-list{grid-template-columns:1fr}}

.sales-bulk-platform>header>label{display:flex;align-items:center;gap:9px}.sales-bulk-platform>header>label span{display:grid;gap:3px}.sales-bulk-platform>header>label small{color:var(--muted)}

/* v1.0.66 · 云文档文件树、满宽编辑与文档库视觉优化 */
.cloud-library-page{gap:20px}.cloud-library-page .page-hero{padding:28px 32px}.cloud-library-page .page-hero h1{font-size:34px}.cloud-library-page .page-hero p{font-size:14px;line-height:1.7}
.cloud-library-shell{grid-template-columns:318px minmax(0,1fr);gap:20px}.cloud-library-sidebar{border-radius:20px}.cloud-library-sidebar .cloud-space-nav{padding:14px;gap:8px}.cloud-library-sidebar .cloud-space-brand{padding:5px 4px 11px}.cloud-library-sidebar .cloud-space-brand b{font-size:16px}.cloud-library-sidebar .cloud-space-brand small{font-size:11px}.cloud-library-sidebar .cloud-space-nav>button{min-height:46px;padding:0 11px;border-radius:11px}.cloud-library-sidebar .cloud-space-nav>button i{width:30px;height:30px;font-size:11px}.cloud-library-sidebar .cloud-space-nav>button span{font-size:12px}.cloud-library-sidebar .cloud-space-nav>button b{font-size:10px}
.cloud-tree-panel{padding:14px 11px 16px}.cloud-tree-panel>header{height:48px;padding:0 10px}.cloud-tree-panel>header b{font-size:14px}.cloud-tree-panel>header small{font-size:10px}.cloud-tree-panel>header>button{width:32px;height:32px}.cloud-tree-home{height:43px;padding:0 11px;grid-template-columns:26px minmax(0,1fr);font-size:12px}.cloud-tree-folder-row{height:43px}.cloud-tree-toggle{height:34px;font-size:14px}.cloud-tree-folder{height:38px;grid-template-columns:24px minmax(0,1fr);gap:7px}.cloud-tree-folder span,.cloud-tree-document span{font-size:12px}.cloud-tree-document{width:calc(100% - 34px);height:40px;margin-left:34px;padding:0 10px;grid-template-columns:25px minmax(0,1fr);gap:7px}.cloud-tree-document i{width:24px;height:24px;font-size:9px}
.cloud-document-browser{padding:25px;border-radius:20px}.cloud-document-browser>header{margin-bottom:21px}.cloud-document-browser>header h2{font-size:25px}.cloud-document-browser>header small{font-size:11px}.cloud-document-browser>header label{border-radius:12px}.cloud-document-browser>header input{height:46px;font-size:13px}.cloud-library-columns{min-height:43px;padding:0 17px;border-radius:11px 11px 0 0;font-size:11px}.cloud-document-grid.compact{border-radius:0 0 14px 14px}.cloud-document-grid.compact .cloud-document-card{min-height:86px;padding:14px 17px;grid-template-columns:46px minmax(0,1fr);gap:14px}.cloud-document-grid.compact .cloud-document-card>i{width:46px;height:46px;font-size:12px}.cloud-document-grid.compact .cloud-document-card h2{font-size:14px}.cloud-document-grid.compact .cloud-document-card span{font-size:11px}.cloud-document-grid.compact .cloud-document-card footer small,.cloud-document-grid.compact .cloud-document-card footer em{font-size:10px}

.cloud-editor-head>nav .cloud-share-button{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));color:var(--accent);font-weight:800}.cloud-document-settings{min-width:74px;display:inline-flex!important;align-items:center;justify-content:center;gap:6px;font-size:15px}.cloud-document-settings span{font-size:11px;font-weight:800}
.cloud-editor-page.tree-collapsed .cloud-editor-workbench{grid-template-columns:minmax(0,1fr)}.cloud-editor-page.tree-collapsed .cloud-editor-aside:not(.collapsed){display:none}.cloud-editor-page.tree-collapsed .cloud-editor-canvas{grid-column:1;min-width:0;width:100%}
.cloud-editor-page:not(.tree-collapsed) .cloud-editor-workbench:has(.cloud-editor-aside.collapsed){grid-template-columns:270px minmax(0,1fr)}
.cloud-editor-tree{min-width:0}.cloud-editor-tree .cloud-tree-panel{height:calc(100vh - 180px);max-height:100%;grid-template-rows:auto auto minmax(0,1fr)}.cloud-editor-tree .cloud-tree-scroll{min-height:0;overflow:auto}
.cloud-editor-canvas,.cloud-editor-canvas.sheet-canvas,.cloud-sheet-editor.advanced,.cloud-sheet-grid{box-sizing:border-box;min-width:0;width:100%;max-width:none}

body.cloud-sheet-focus .app-main,body.cloud-sheet-focus .content-panel,body.cloud-sheet-focus .cloud-editor-page,body.cloud-sheet-focus .cloud-editor-workbench,body.cloud-sheet-focus .cloud-editor-canvas.sheet-canvas,body.cloud-sheet-focus .cloud-sheet-editor.advanced,body.cloud-sheet-focus .cloud-sheet-grid{box-sizing:border-box!important;width:100%!important;max-width:none!important;min-width:0!important}
body.cloud-sheet-focus .app-main{margin:0!important;padding:0!important;grid-template-columns:minmax(0,1fr)!important}
body.cloud-sheet-focus .content-panel{margin:0!important;padding:0!important}
body.cloud-sheet-focus .cloud-editor-workbench{display:grid!important;grid-template-columns:minmax(0,1fr)!important;align-items:stretch!important;overflow:hidden}
body.cloud-sheet-focus .cloud-editor-canvas.sheet-canvas{grid-column:1!important;overflow:hidden!important}
body.cloud-sheet-focus .cloud-sheet-editor.advanced{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto 38px minmax(0,1fr) 43px!important;overflow:hidden!important}
body.cloud-sheet-focus .cloud-sheet-toolbar,body.cloud-sheet-focus .cloud-formula-bar,body.cloud-sheet-focus .cloud-sheet-bottom{min-width:0!important;max-width:100%!important}
body.cloud-sheet-focus .cloud-sheet-grid{overflow:auto!important}

.daily-report-editor-actions{margin-top:18px;padding:15px 17px;border:1px solid var(--line);border-radius:13px;background:var(--panel-muted);display:flex;align-items:center;justify-content:flex-end;gap:10px}.daily-report-editor-actions>div{margin-right:auto;display:grid;gap:4px}.daily-report-editor-actions small{color:var(--muted)}.daily-report-editor-actions.submitted{justify-content:flex-start}
.sales-entry-launch{min-height:44px!important;padding:9px 17px!important;box-shadow:0 8px 18px rgba(25,94,73,.16)}.sales-entry-launch i{width:24px;height:24px;border-radius:7px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-style:normal}.sales-admin-store-row{min-height:54px;padding:10px 12px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.sales-admin-store-row:last-of-type{border-bottom:0}.sales-admin-store-row>span{min-width:0;display:grid;gap:4px}.sales-admin-store-row>span b{font-size:12px}.sales-admin-store-row>span small{color:var(--muted);font-size:10px}.sales-admin-store-row>nav{display:flex;align-items:center;gap:8px;white-space:nowrap}.sales-admin-store-row>nav em{font-size:9px;font-style:normal;color:var(--accent)}.sales-admin-store-row.inactive{opacity:.62}.sales-kpi-grid-without-target{grid-template-columns:repeat(4,minmax(0,1fr))!important}

@media(max-width:1380px){.cloud-library-shell{grid-template-columns:286px minmax(0,1fr)}.cloud-editor-page:not(.tree-collapsed) .cloud-editor-workbench:has(.cloud-editor-aside.collapsed){grid-template-columns:236px minmax(0,1fr)}}
@media(max-width:1000px){.cloud-library-shell{grid-template-columns:1fr}.cloud-library-sidebar{position:static;max-height:none}.cloud-editor-page:not(.tree-collapsed) .cloud-editor-workbench:has(.cloud-editor-aside.collapsed){grid-template-columns:1fr}.cloud-editor-tree{display:none}.sales-kpi-grid-without-target{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.cloud-library-page .page-hero{padding:22px}.cloud-library-page .page-hero h1{font-size:28px}.cloud-document-browser{padding:15px}.cloud-document-grid.compact .cloud-document-card{min-height:96px}.daily-report-editor-actions{align-items:stretch;flex-direction:column}.daily-report-editor-actions>div{margin:0 0 4px}.daily-report-editor-actions .button{width:100%}.sales-admin-store-row{align-items:flex-start;flex-direction:column}.sales-admin-store-row>nav{width:100%;justify-content:flex-end}.sales-kpi-grid-without-target{grid-template-columns:1fr!important}}

/* v1.0.68 · 销售填报核对、店铺多选、录入日历与细粒度权限 */
.sales-scope-toolbar{display:grid;grid-template-columns:190px 220px minmax(240px,1fr) auto auto;align-items:end;overflow:visible;position:relative;z-index:8}.sales-scope-toolbar>label{display:grid;gap:6px}.sales-scope-toolbar>label>span,.sales-store-filter>summary>span,.sales-matrix-filters label>span{font-size:10px;color:var(--muted);font-weight:700}.sales-scope-toolbar input,.sales-scope-toolbar select{min-height:44px;border-radius:11px}.sales-calendar-launch{border-color:color-mix(in srgb,var(--accent) 44%,var(--line));color:var(--accent);font-weight:800}
.sales-store-filter{position:relative;min-width:240px}.sales-store-filter>summary{min-height:44px;padding:7px 12px;border:1px solid var(--line);border-radius:11px;background:var(--panel-muted);display:grid;grid-template-columns:minmax(0,1fr) auto 16px;align-items:center;gap:8px;cursor:pointer;list-style:none}.sales-store-filter>summary::-webkit-details-marker{display:none}.sales-store-filter>summary>b{font-size:12px}.sales-store-filter>summary>i{font-style:normal;color:var(--muted);transition:transform .18s}.sales-store-filter[open]>summary{border-color:var(--accent);background:var(--accent-soft)}.sales-store-filter[open]>summary>i{transform:rotate(180deg)}.sales-store-filter>div{position:absolute;z-index:50;top:calc(100% + 7px);left:0;width:min(390px,80vw);max-height:390px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 18px 45px rgba(20,48,38,.16);overflow:auto}.sales-store-filter>div>header{padding:6px 6px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.sales-store-filter>div>header button{border:0;background:transparent;color:var(--accent);font-weight:800;cursor:pointer}.sales-store-filter>div>label{min-height:52px;padding:8px 9px;border-radius:10px;display:flex;align-items:center;gap:10px;cursor:pointer}.sales-store-filter>div>label:hover{background:var(--accent-soft)}.sales-store-filter input{width:18px!important;height:18px!important;min-height:0!important;accent-color:var(--accent)}.sales-store-filter label span{min-width:0;display:grid;gap:3px}.sales-store-filter label b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.sales-store-filter label small{color:var(--muted);font-size:9px}
.sales-data-overview{overflow:visible}.sales-data-overview-head{margin-bottom:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.sales-data-overview-head h2{margin:5px 0}.sales-data-overview-head p{margin:0;color:var(--muted);font-size:11px}.sales-matrix-filters{display:grid;grid-template-columns:190px minmax(220px,1fr);gap:10px;align-items:end}.sales-matrix-filters>label{display:grid;gap:5px}.sales-matrix-filters select{min-height:44px;border-radius:11px}.sales-matrix-group th{padding:9px 13px!important;background:linear-gradient(90deg,var(--accent-soft),var(--panel-muted))!important;color:var(--accent)!important;font-size:10px!important;letter-spacing:.08em;text-transform:uppercase}.sales-record-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}
.sales-submit-confirm-backdrop .modal{width:min(760px,calc(100vw - 28px))}.sales-submit-confirm{display:grid;gap:16px}.sales-submit-warning{padding:15px;border:1px solid #e2c98e;border-radius:14px;background:#fff9e9;display:flex;align-items:flex-start;gap:12px}.sales-submit-warning>i{width:38px;height:38px;border-radius:11px;background:#b98b32;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:800}.sales-submit-warning>div{display:grid;gap:4px}.sales-submit-warning p{margin:0;color:#806a3b;line-height:1.6}.sales-submit-scope{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sales-submit-scope article{padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-muted);display:grid;gap:5px}.sales-submit-scope article.store{grid-column:1/-1;border-color:color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--accent-soft)}.sales-submit-scope small{color:var(--muted)}.sales-submit-scope strong{font-size:17px}.sales-submit-scope strong em{color:var(--accent);font-size:11px;font-style:normal}.sales-submit-totals{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.sales-submit-totals span{padding:12px;border-radius:11px;background:var(--panel-muted);display:grid;gap:5px;color:var(--muted);font-size:10px}.sales-submit-totals b{color:var(--text);font-size:14px}.sales-submit-confirm footer{display:flex;justify-content:flex-end;gap:10px}
.sales-calendar-backdrop .modal{width:min(1280px,calc(100vw - 26px));max-height:92vh}.sales-month-calendar{display:grid;gap:16px}.sales-calendar-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sales-calendar-summary article{padding:14px 16px;border:1px solid var(--line);border-radius:13px;background:var(--panel-muted);display:grid;gap:4px}.sales-calendar-summary small,.sales-calendar-summary span{color:var(--muted)}.sales-calendar-summary strong{font-size:20px}.sales-calendar-summary article.missing{background:#fff8f3;border-color:#edc4b3}.sales-calendar-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.sales-calendar-legend>span{display:flex;align-items:center;gap:6px;font-size:10px}.sales-calendar-legend i{width:10px;height:10px;border-radius:3px}.sales-calendar-legend i.submitted{background:#3b9a74}.sales-calendar-legend i.draft{background:#d5a74b}.sales-calendar-legend i.missing{background:#e5e9e7}.sales-calendar-legend small{margin-left:auto;color:var(--muted)}.sales-calendar-scroll{max-width:100%;max-height:55vh;overflow:auto;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.sales-calendar-days,.sales-calendar-row{min-width:max-content;display:grid;grid-template-columns:220px max-content}.sales-calendar-days{position:sticky;top:0;z-index:6;background:var(--panel)}.sales-calendar-days>span,.sales-calendar-row>header{position:sticky;left:0;z-index:4;background:var(--panel)}.sales-calendar-days>div,.sales-calendar-row>div{display:grid;grid-auto-flow:column;grid-auto-columns:42px}.sales-calendar-days b{height:36px;border-left:1px solid var(--line);display:grid;place-items:center;color:var(--muted);font-size:9px}.sales-calendar-row{border-top:1px solid var(--line)}.sales-calendar-row>header{min-height:54px;padding:8px 12px;display:grid;align-content:center;gap:3px;border-right:1px solid var(--line)}.sales-calendar-row>header b{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.sales-calendar-row>header small{color:var(--muted);font-size:9px}.sales-calendar-row>div>button{height:54px;border:0;border-left:1px solid var(--line);background:transparent;display:grid;place-items:center;align-content:center;gap:2px;cursor:pointer}.sales-calendar-row>div>button:hover{box-shadow:inset 0 0 0 2px var(--accent)}.sales-calendar-row button.submitted{background:#e9f6ef;color:#26775a}.sales-calendar-row button.draft{background:#fff7e4;color:#9a6a16}.sales-calendar-row button.missing{color:var(--muted)}.sales-calendar-row button small{font-size:8px}.sales-calendar-monthly{border:1px solid var(--line);border-radius:13px;overflow:hidden}.sales-calendar-monthly>header,.sales-calendar-monthly>article{min-height:52px;padding:10px 13px;display:flex;align-items:center;gap:12px}.sales-calendar-monthly>header{background:var(--panel-muted);justify-content:space-between}.sales-calendar-monthly>header small,.sales-calendar-monthly article small{color:var(--muted)}.sales-calendar-monthly>article{border-top:1px solid var(--line)}.sales-calendar-monthly article>div{margin-right:auto;display:grid;gap:3px}.sales-calendar-monthly article>span{padding:5px 8px;border-radius:999px;background:var(--panel-muted);font-size:9px}.sales-calendar-monthly article>span.submitted{background:#e9f6ef;color:#26775a}.sales-calendar-monthly article>span.draft{background:#fff7e4;color:#9a6a16}
.permission-role-backdrop .modal{width:min(1220px,calc(100vw - 28px));max-height:94vh}.permission-role-backdrop .modal-body{padding:0}.permission-role-form{padding:18px 22px 0}.permission-role-editor-head{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:18px;align-items:end}.permission-role-editor-head>label{display:grid;gap:7px}.permission-role-editor-head>div{min-height:66px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-muted);display:grid;align-content:center;gap:4px}.permission-role-editor-head small{color:var(--muted)}.permission-role-editor-tools{position:sticky;top:0;z-index:7;margin:16px -22px 14px;padding:11px 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 95%,transparent);backdrop-filter:blur(12px);display:flex;align-items:center;gap:8px}.permission-role-editor-tools span{margin-left:auto;color:var(--muted);font-size:10px}.permission-role-form .modal-permission-grid{max-height:58vh;padding-right:4px;overflow:auto}.permission-role-editor-footer{position:sticky;bottom:0;z-index:7;margin:16px -22px 0;padding:13px 22px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--panel) 96%,transparent);display:flex;justify-content:flex-end;gap:10px}.permission-role-list>article{min-height:76px;padding:16px 18px}.permission-role-list i{width:44px;height:44px;border-radius:13px}.permission-role-list b{font-size:14px}
[data-theme="dark"] .sales-submit-warning,[data-theme="dark"] .sales-calendar-summary article.missing{background:#382f20;border-color:#6b5b31}
@media(max-width:1100px){.sales-scope-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-scope-toolbar .sales-toolbar-actions{margin-left:0}.sales-data-overview-head{align-items:stretch;flex-direction:column}.sales-matrix-filters{width:100%}.sales-submit-totals{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.sales-scope-toolbar,.sales-matrix-filters,.sales-calendar-summary,.permission-role-editor-head{grid-template-columns:1fr}.sales-store-filter{width:100%}.sales-store-filter>div{position:fixed;left:12px;right:12px;top:18vh;width:auto;max-height:65vh}.sales-submit-scope,.sales-submit-totals{grid-template-columns:1fr}.sales-submit-scope article.store{grid-column:auto}.sales-submit-confirm footer{flex-direction:column-reverse}.sales-submit-confirm footer .button{width:100%}.sales-calendar-backdrop{padding:0}.sales-calendar-backdrop .modal{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.sales-calendar-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.sales-calendar-summary article{padding:10px}.sales-calendar-summary strong{font-size:15px}.sales-calendar-legend small{width:100%;margin-left:0}.permission-role-backdrop{padding:0}.permission-role-backdrop .modal{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}.permission-role-editor-tools{overflow:auto}.permission-role-editor-tools span{display:none}}

/* v1.0.69 · sales capture, progress reminders, leave dates and read-only permissions */
.sales-page-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.sales-page-actions .button{min-height:42px;padding-inline:15px}.sales-page-actions .sales-entry-launch{min-width:188px;min-height:48px;font-size:14px;font-weight:900;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 24%,transparent)}
.sales-screenshot-zone{transition:border-color .18s,background .18s,box-shadow .18s}.sales-screenshot-zone.dragging{border-color:var(--accent);background:color-mix(in srgb,var(--accent-soft) 76%,var(--panel));box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.sales-screenshot-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.sales-screenshot-actions .button{min-height:42px;justify-content:center}.sales-screenshot-drop-hint{grid-column:1/-1;min-height:58px;border:1px dashed color-mix(in srgb,var(--accent) 38%,var(--line));border-radius:11px;background:color-mix(in srgb,var(--panel) 82%,transparent);display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted)}.sales-screenshot-drop-hint i{font-style:normal;font-size:20px;color:var(--accent)}.sales-screenshot-drop-hint span{font-weight:800;color:var(--text)}.sales-screenshot-drop-hint small{font-size:10px}
.sales-store-filter>div{width:min(440px,84vw)}.sales-store-filter>div>label{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;padding:9px 10px}.sales-store-filter input{width:18px!important;min-width:18px!important;margin:0!important}.sales-store-filter label span{width:100%;overflow:hidden}.sales-store-filter label b{font-size:13px}.sales-store-filter label small{font-size:10px}.sales-matrix-wrap{max-width:100%;overflow:auto}.sales-matrix{min-width:760px;table-layout:auto}.sales-matrix th,.sales-matrix td{min-width:118px;max-width:220px;overflow:hidden;text-overflow:ellipsis}.sales-matrix th:first-child{position:sticky;left:0;z-index:3;min-width:190px;background:var(--panel)}.sales-matrix td b{display:block;white-space:nowrap}.sales-data-overview-head>div{min-width:0}.sales-matrix-filters{min-width:0}.sales-matrix-filters .sales-store-filter{min-width:0}
.sales-calendar-row>header b{max-width:210px;font-size:13px}.sales-calendar-row button.submitted{background:#dff3e8;color:#176b4c;box-shadow:inset 0 0 0 1px #8dcbb0}.sales-calendar-row button.missing{background:#fff0ee;color:#ad4d43;box-shadow:inset 0 0 0 1px #e7b7b0}.sales-calendar-legend i.submitted{background:#25956b}.sales-calendar-legend i.missing{background:#d86b60}
.work-generated-progress{display:grid;gap:5px;margin-top:7px}.work-generated-progress>span{width:min(360px,100%);height:7px;border-radius:99px;background:var(--panel-muted);overflow:hidden}.work-generated-progress>span i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#47a982)}.work-generated-progress small{color:var(--muted)}
.daily-attendance-panel{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.daily-attendance-panel h2{margin:4px 0}.daily-attendance-panel p{margin:0;color:var(--muted)}.daily-attendance-panel.active{border-color:#d9b96d;background:color-mix(in srgb,#fff7df 72%,var(--panel))}.attendance-exception-list{margin-top:16px;border:1px solid var(--line);border-radius:13px;overflow:hidden}.attendance-exception-list>header,.attendance-exception-list>article{padding:11px 13px;display:flex;align-items:center;gap:12px}.attendance-exception-list>header{justify-content:space-between;background:var(--panel-muted)}.attendance-exception-list>article{border-top:1px solid var(--line)}.attendance-exception-list time{font-weight:800}.attendance-exception-list article span{margin-right:auto;display:grid;gap:3px}.attendance-exception-list small{color:var(--muted)}.daily-summary-owner-card.exception{border-color:#dfc883}.daily-summary-owner-card>p.attendance-note{background:#fff8e7;color:#715c2c}.daily-summary-owner-toolbar>div{flex-wrap:wrap}
.readonly-permission-notice{padding:10px 13px;border-radius:10px;background:var(--panel-muted);color:var(--muted);font-size:11px}.readonly-mark{color:var(--muted);font-size:10px}.cloud-document-tree-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cloud-tree-menu-note{margin:12px 0 0;color:var(--muted);font-size:11px}
@media(max-width:760px){.sales-page-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sales-page-actions .sales-entry-launch{grid-column:1/-1;width:100%;min-width:0}.sales-screenshot-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sales-screenshot-actions .sales-screenshot-picker{grid-column:1/-1}.sales-screenshot-drop-hint{padding:12px;flex-wrap:wrap}.sales-matrix th:first-child{min-width:150px}.daily-attendance-panel{align-items:stretch;flex-direction:column}.daily-attendance-panel .button{width:100%}.cloud-document-tree-menu{grid-template-columns:1fr}}

/* v1.0.70 · compact five-day sales matrix and full-page history */
.sales-data-overview{padding:20px 20px 0!important;overflow:hidden!important}.sales-data-overview-head{align-items:center;margin-bottom:14px}.sales-data-overview-head>div:first-child{max-width:610px}.sales-data-overview-head h2{font-size:22px;line-height:1.25}.sales-data-overview-head p{max-width:680px;line-height:1.55}.sales-matrix-head-actions{min-width:0;display:flex;align-items:end;justify-content:flex-end;gap:10px}.sales-matrix-more{min-width:116px;min-height:44px;padding:7px 13px;display:grid;place-items:center;gap:1px}.sales-matrix-more span{font-size:12px;font-weight:850}.sales-matrix-more small{color:var(--muted);font-size:8px}.sales-data-overview>.sales-matrix-wrap{margin:0 -20px}.sales-matrix{min-width:830px;table-layout:fixed}.sales-matrix th,.sales-matrix td{height:54px;padding:9px 12px;vertical-align:middle;line-height:1.25;white-space:normal;overflow:visible;text-overflow:clip}.sales-matrix thead th{height:50px}.sales-matrix thead th>b{display:block;font-size:12px}.sales-matrix thead th>small{display:block;margin-top:2px;color:var(--muted);font-size:8px;font-weight:600}.sales-matrix th:first-child{width:210px;min-width:210px;max-width:210px}.sales-matrix tbody th{font-size:11px;line-height:1.4}.sales-matrix td{min-width:124px;max-width:none}.sales-matrix td b{font-size:12px;line-height:1.3}.sales-matrix td small{font-size:9px;line-height:1.25}.sales-matrix-group th{height:36px!important;text-align:left!important}.sales-matrix-full-backdrop{padding:0;background:color-mix(in srgb,#10271f 62%,transparent)}.sales-matrix-full-backdrop .modal{width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0}.sales-matrix-full-backdrop .modal>header{min-height:70px;padding:14px 24px}.sales-matrix-full-backdrop .modal-body{padding:0;overflow:hidden}.sales-matrix-full-page{height:calc(100dvh - 70px);padding:20px 24px 24px;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;background:var(--page-bg)}.sales-matrix-full-page>header{display:flex;align-items:end;justify-content:space-between;gap:20px}.sales-matrix-full-page h2{margin:4px 0;font-size:22px}.sales-matrix-full-page p{margin:0;color:var(--muted);font-size:11px}.sales-matrix-full-page>header>span{padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel);font-weight:800}.sales-matrix-wrap.expanded{height:100%;max-height:none;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.sales-matrix-wrap.expanded .sales-matrix{min-width:1480px}.sales-matrix-wrap.expanded .sales-matrix th:first-child{width:220px;min-width:220px;max-width:220px}.sales-matrix-wrap.expanded .sales-matrix th,.sales-matrix-wrap.expanded .sales-matrix td{min-width:122px}
@media(max-width:1100px){.sales-matrix-head-actions{width:100%;justify-content:space-between}.sales-matrix-head-actions .sales-matrix-filters{flex:1}.sales-matrix{min-width:810px}}
@media(max-width:760px){.sales-data-overview{padding:16px 14px 0!important}.sales-data-overview>.sales-matrix-wrap{margin:0 -14px}.sales-matrix-head-actions{display:grid;grid-template-columns:1fr auto;align-items:end}.sales-matrix-head-actions .sales-matrix-filters{width:auto}.sales-matrix-more{min-width:94px}.sales-matrix{min-width:720px}.sales-matrix th:first-child{width:150px;min-width:150px;max-width:150px}.sales-matrix th,.sales-matrix td{height:50px;padding:8px 9px}.sales-matrix-full-page{padding:14px 12px 18px}.sales-matrix-full-page>header{align-items:flex-start;flex-direction:column;gap:8px}.sales-matrix-full-page>header>span{display:none}}

/* mobile work modules share data with desktop, while keeping an independent compact UI */
.sales-matrix-full-page{background:var(--canvas)}
.mobile-module-page{gap:13px}.mobile-module-loading{min-height:48vh;display:grid;place-items:center;align-content:center;gap:12px;color:var(--muted)}.mobile-module-hero{padding:18px;border-radius:19px;background:linear-gradient(135deg,#245447,#397761);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px}.mobile-module-hero>div{min-width:0}.mobile-module-hero>div>span{font-size:9px;letter-spacing:.13em;color:rgba(255,255,255,.66)}.mobile-module-hero h1{margin:4px 0;font-size:23px;line-height:1.2}.mobile-module-hero p{margin:0;color:rgba(255,255,255,.75);font-size:10px;line-height:1.55}.mobile-module-hero>.button{min-width:94px;border-color:rgba(255,255,255,.28);background:#fff;color:#255447}.mobile-module-hero>time{font-size:11px;color:rgba(255,255,255,.8)}.mobile-module-hero>strong{font-size:29px;white-space:nowrap}.mobile-module-hero>strong small{font-size:10px}.mobile-module-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mobile-module-stats.two{grid-template-columns:1fr 1fr}.mobile-module-stats article{min-width:0;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--panel);display:grid;gap:4px}.mobile-module-stats small,.mobile-module-stats span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:8px}.mobile-module-stats strong{font-size:19px}.mobile-module-list,.mobile-expiry-summary{padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.mobile-module-list>header,.mobile-expiry-summary>header{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.mobile-module-list>header h2,.mobile-expiry-summary>header h2{margin:0;font-size:15px}.mobile-module-list>header small,.mobile-expiry-summary>header small{color:var(--muted);font-size:8px}.mobile-todo-page .work-item{padding:12px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.mobile-todo-page .work-item:last-child{border-bottom:0}.mobile-filter-bar{padding:11px;border:1px solid var(--line);border-radius:14px;background:var(--panel);display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-filter-bar label{display:grid;gap:5px}.mobile-filter-bar span{color:var(--muted);font-size:8px;font-weight:800}.mobile-filter-bar input,.mobile-filter-bar select{width:100%;min-width:0;min-height:42px;padding:8px 9px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font-size:12px}.mobile-sales-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-sales-summary article{min-width:0;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--panel);display:grid;gap:5px}.mobile-sales-summary article.primary{border-color:color-mix(in srgb,var(--accent) 42%,var(--line));background:var(--accent-soft)}.mobile-sales-summary span{color:var(--muted);font-size:8px}.mobile-sales-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.mobile-sales-record{padding:12px 0;border-bottom:1px solid var(--line);display:grid;gap:10px}.mobile-sales-record:last-child{border-bottom:0}.mobile-sales-record>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.mobile-sales-record>header>div{min-width:0;display:grid;gap:3px}.mobile-sales-record>header b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.mobile-sales-record>header small,.mobile-sales-record time{color:var(--muted);font-size:8px}.mobile-sales-record>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mobile-sales-record>div>span{min-width:0;padding:8px;border-radius:10px;background:var(--panel-muted);display:grid;gap:3px}.mobile-sales-record>div small{color:var(--muted);font-size:7px}.mobile-sales-record>div b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.mobile-sales-record>.text-button{justify-self:end}.mobile-inventory-group{padding:12px 0;border-bottom:1px solid var(--line);display:grid;gap:10px}.mobile-inventory-group:last-child{border-bottom:0}.mobile-inventory-group>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-inventory-group>header>div{min-width:0;display:grid;gap:3px}.mobile-inventory-group>header span{color:var(--muted);font-size:9px}.mobile-inventory-group>header strong{font-size:21px}.mobile-inventory-group>header strong small{font-size:8px}.mobile-inventory-group>header>b{font-size:12px;color:var(--accent)}.mobile-inventory-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.mobile-inventory-group>div>span,.mobile-expiry-summary>div>span{min-width:0;padding:8px;border-radius:9px;background:var(--panel-muted);display:flex;align-items:center;justify-content:space-between;gap:8px}.mobile-inventory-group>div small,.mobile-expiry-summary>div small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:8px}.mobile-inventory-group>div b,.mobile-expiry-summary>div b{white-space:nowrap;font-size:10px}.mobile-expiry-summary>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mobile-performance-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mobile-performance-summary article{padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--panel);display:grid;gap:4px}.mobile-performance-summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:8px}.mobile-performance-summary strong{font-size:16px}.mobile-performance-summary em{color:var(--muted);font-size:8px;font-style:normal}.mobile-performance-item{padding:13px 0;border-bottom:1px solid var(--line);display:grid;gap:9px}.mobile-performance-item:last-child{border-bottom:0}.mobile-performance-item>header{display:flex;align-items:flex-start;justify-content:space-between;gap:9px}.mobile-performance-item>header>div{min-width:0;display:grid;gap:3px}.mobile-performance-item>header span{color:var(--accent);font-size:8px;font-weight:800}.mobile-performance-item>header b{font-size:12px;line-height:1.4}.mobile-performance-item>p{margin:0;color:var(--muted);font-size:9px;line-height:1.6}.mobile-performance-item>footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.mobile-performance-item>footer>strong{font-size:18px}.mobile-performance-item>footer>strong small{color:var(--muted);font-size:8px}.mobile-performance-item .button.compact{min-height:34px;padding:6px 11px}.mobile-bottom-nav{grid-template-columns:repeat(6,1fr)}
@media(max-width:420px){.mobile-module-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-module-stats article{padding:10px}.mobile-module-hero{padding:16px}.mobile-module-hero h1{font-size:21px}.mobile-expiry-summary>div,.mobile-inventory-group>div{grid-template-columns:1fr}.mobile-filter-bar{grid-template-columns:1fr 1fr}}

/* Permission matrix: compact account summaries and explicit employee/management separation */
.platform-account-row{grid-template-columns:minmax(300px,1fr) minmax(420px,1.25fr) auto;align-items:start}
.platform-account-permissions{min-width:0}.platform-account-permissions>small{display:block;margin-bottom:8px;font-size:10px;font-weight:800;letter-spacing:.08em}
.platform-account-permission-summary{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px!important;margin:0!important}
.platform-account-permission-summary>span{min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:6px}
.platform-account-permission-summary>span.employee{border-color:color-mix(in srgb,#388b77 28%,var(--line));background:color-mix(in srgb,#e9f6f1 72%,var(--panel))}
.platform-account-permission-summary>span.management{border-color:color-mix(in srgb,#b88a43 32%,var(--line));background:color-mix(in srgb,#fff6e6 70%,var(--panel))}
.platform-account-permission-summary b{font-size:17px}.platform-account-permission-summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px}
.platform-account-module-tags{display:flex!important;flex-wrap:wrap;gap:5px!important;margin-top:8px!important}.platform-account-module-tags em{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.permission-audience-section{border:1px solid var(--line);border-radius:19px;background:var(--panel);overflow:hidden}.permission-audience-section+.permission-audience-section{margin-top:18px}
.permission-audience-section>header{min-height:104px;padding:18px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,color-mix(in srgb,#e7f5ef 72%,var(--panel)),var(--panel))}
.permission-audience-section.management>header{background:linear-gradient(135deg,color-mix(in srgb,#fff2dc 74%,var(--panel)),var(--panel))}
.permission-audience-section>header>div{min-width:0}.permission-audience-section>header>div>span{color:var(--accent);font-size:9px;font-weight:900;letter-spacing:.14em}.permission-audience-section.management>header>div>span{color:#8e672b}
.permission-audience-section>header h3{margin:4px 0 5px;font-size:20px}.permission-audience-section>header p{max-width:680px;margin:0;color:var(--muted);font-size:11px;line-height:1.55}
.permission-audience-section>header aside{flex:0 0 auto;display:grid;justify-items:end;gap:9px}.permission-audience-section>header aside>b{font-size:11px;color:var(--text)}.permission-audience-section>header nav{display:flex;gap:7px}
.permission-audience-section>header button{min-height:32px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--accent);font-size:10px;font-weight:800;cursor:pointer}
.permission-audience-section>div{padding:12px;display:grid;gap:8px}.permission-audience-section .permission-module{border-radius:12px;box-shadow:none}
.permission-capability-block{min-width:0;display:grid;gap:7px}.permission-capability-block+.permission-capability-block{margin-top:11px;padding-top:11px;border-top:1px dashed var(--line)}
.permission-capability-block>header{min-height:28px;padding:0 2px;display:flex;align-items:center;justify-content:space-between;gap:12px}.permission-capability-block>header b{font-size:10px;color:#26725c}.permission-capability-block.management>header b{color:#936c2f}.permission-capability-block>header small{color:var(--muted);font-size:9px}
.permission-capability-block>div{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:8px}.permission-capability-block.management .capability-permission{background:color-mix(in srgb,#fff5e4 55%,var(--panel-muted))}
.permission-capability-block.employee .capability-permission{background:color-mix(in srgb,#eaf6f1 48%,var(--panel-muted))}
.permission-extension-title{min-width:0;display:flex;align-items:center;gap:10px}.permission-extension-title>i{flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:#f5e6c9;color:#876128;display:grid;place-items:center;font-size:10px;font-style:normal;font-weight:900}.permission-extension-title>span{min-width:0;display:grid;gap:3px}.permission-extension-title b{font-size:12px}.permission-extension-title small{color:var(--muted);font-size:9px}.permission-extension-title small em{color:#8d6527;font-style:normal;font-weight:900}
.permission-module.management-extension{border-color:color-mix(in srgb,#b88a43 25%,var(--line));background:color-mix(in srgb,#fff8ec 35%,var(--panel))}.permission-module.management-extension.enabled{box-shadow:inset 3px 0 #b88a43}.permission-module.management-extension>header{background:color-mix(in srgb,#fff4df 48%,var(--panel))}
.permission-subpanel{display:grid;align-content:start;gap:0}.permission-subpanel>div{display:block}.permission-module.collapsed .permission-subpanel{display:none}
.permission-role-form .permission-audience-section>header{min-height:88px;padding:13px 16px}.permission-role-form .permission-audience-section>header h3{font-size:17px}.permission-role-form .permission-audience-section>div{padding:9px}
[data-theme="dark"] .permission-audience-section>header{background:linear-gradient(135deg,#19352d,var(--panel))}[data-theme="dark"] .permission-audience-section.management>header{background:linear-gradient(135deg,#3a3021,var(--panel))}
[data-theme="dark"] .platform-account-permission-summary>span.employee{background:#18372e}[data-theme="dark"] .platform-account-permission-summary>span.management{background:#3b3020}
[data-theme="dark"] .permission-module.management-extension,[data-theme="dark"] .permission-module.management-extension>header{background:#30291e}[data-theme="dark"] .permission-extension-title>i{background:#58472c;color:#f4d69a}
@media(max-width:1180px){.platform-account-row{grid-template-columns:1fr auto}.platform-account-permissions{grid-column:1/-1}.permission-capability-block>div{grid-template-columns:repeat(2,minmax(145px,1fr))}}
@media(max-width:760px){.platform-account-row{grid-template-columns:1fr}.platform-account-permission-summary{grid-template-columns:1fr!important}.platform-account-actions,.platform-owner-lock{grid-column:1}.permission-audience-section>header{align-items:flex-start;flex-direction:column}.permission-audience-section>header aside{width:100%;justify-items:start}.permission-audience-section>header nav{width:100%}.permission-audience-section>header button{flex:1}.permission-capability-block>div{grid-template-columns:1fr}}

/* v1.0.72 · modular sales templates, OCR field audit and record pagination */
.sales-template-backdrop{padding:12px}.sales-template-backdrop .modal{width:min(1540px,calc(100vw - 24px));height:calc(100dvh - 24px);max-height:none}.sales-template-backdrop .modal-body{min-height:0;padding:0;overflow:hidden}.sales-template-designer-form{height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.sales-template-designer-toolbar{min-height:74px;padding:12px 20px;border-bottom:1px solid var(--line);background:var(--panel-muted);display:grid;grid-template-columns:minmax(280px,1fr) 160px 220px;align-items:end;gap:12px}.sales-template-designer-toolbar>div{display:grid;gap:4px}.sales-template-designer-toolbar>div b{font-size:14px}.sales-template-designer-toolbar>div span,.sales-template-designer-toolbar label>span{color:var(--muted);font-size:10px}.sales-template-designer-toolbar label{display:grid;gap:5px}.sales-template-designer-toolbar select{width:100%;height:40px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text)}
.sales-template-designer{min-height:0;display:grid;grid-template-columns:minmax(540px,1.05fr) minmax(560px,.95fr);background:var(--canvas)}.sales-template-live,.sales-template-builder{min-width:0;min-height:0;padding:18px;overflow:auto}.sales-template-live{border-right:1px solid var(--line)}.sales-template-live>header,.sales-template-builder>header{min-height:60px;margin-bottom:13px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.sales-template-live>header h3,.sales-template-builder>header h3{margin:3px 0;font-size:18px}.sales-template-live>header small,.sales-template-builder>header small{color:var(--muted);font-size:10px}.sales-template-live>header em{padding:6px 9px;border-radius:99px;background:#e9f6ef;color:#26775a;font-size:9px;font-style:normal;font-weight:800}.sales-template-live-fields input:disabled{opacity:1;color:var(--muted);background:var(--panel-muted);cursor:not-allowed}.sales-template-builder>header{position:sticky;top:-18px;z-index:6;margin:-18px -18px 13px;padding:18px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--canvas) 94%,transparent);backdrop-filter:blur(12px)}
.sales-template-module-list{display:grid;gap:12px}.sales-template-module{border:1px solid var(--line);border-radius:14px;background:var(--panel);box-shadow:0 8px 24px rgba(23,48,38,.04);overflow:hidden}.sales-template-module.dragging,.sales-template-field-row.dragging{opacity:.52;box-shadow:0 0 0 2px var(--accent)}.sales-template-module>header{min-height:66px;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--panel-muted);display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px}.sales-template-module>header>div{display:grid;gap:4px}.sales-template-module>header>div>span{color:var(--muted);font-size:8px;font-weight:800;letter-spacing:.08em}.sales-template-module>header input{width:100%;height:34px;padding:6px 9px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);font-weight:800}.sales-template-module>header nav,.sales-template-field-row nav{display:flex;align-items:center;gap:3px}.sales-drag-handle{width:30px;height:34px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);cursor:grab;font-size:17px}.sales-drag-handle:active{cursor:grabbing}.sales-drag-handle.module{background:var(--accent-soft);color:var(--accent)}
.sales-template-field-list{min-height:54px;padding:9px;display:grid;gap:7px}.sales-template-field-list:empty:before{content:'可将其他模块字段拖到这里';min-height:48px;border:1px dashed var(--line);border-radius:9px;color:var(--muted);display:grid;place-items:center;font-size:10px}.sales-template-field-row{min-width:0;padding:8px;border:1px solid var(--line);border-radius:10px;background:var(--panel);display:grid;grid-template-columns:30px minmax(150px,1fr) 92px 54px 54px auto;align-items:center;gap:7px}.sales-template-field-row>input,.sales-template-field-row>select{min-width:0;height:36px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text)}.sales-template-field-row>label{display:flex;align-items:center;justify-content:center;gap:4px;font-size:9px}.sales-template-field-row>label input{width:15px;height:15px;accent-color:var(--accent)}.sales-template-field-row .text-button{min-width:28px;padding:5px}.sales-template-add-field{width:100%;min-height:40px;border:0;border-top:1px solid var(--line);background:var(--panel-muted);color:var(--accent);font-weight:800;cursor:pointer}.sales-template-add-field:hover{background:var(--accent-soft)}.sales-template-designer-footer{min-height:66px;padding:11px 20px;border-top:1px solid var(--line);background:var(--panel);display:flex;align-items:center;justify-content:flex-end;gap:12px}.sales-template-designer-footer .auth-error{margin-right:auto;color:#b64f46}.sales-template-designer-footer>span{color:var(--muted);font-size:10px}.sales-template-designer-footer .button{min-width:170px;justify-content:center}
.sales-recognition-audit{margin:16px 0 4px;border:1px solid #e2bd73;border-radius:13px;background:#fff8e7;overflow:hidden}.sales-recognition-audit>header{padding:13px 15px;display:flex;align-items:flex-start;gap:11px}.sales-recognition-audit>header>i{flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:#d89525;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:900}.sales-recognition-audit>header>div{display:grid;gap:4px}.sales-recognition-audit>header b{font-size:12px}.sales-recognition-audit>header span{color:#7c6538;font-size:10px;line-height:1.55}.sales-recognition-audit.complete{border-color:#9fcdb8;background:#eaf7f0}.sales-recognition-audit.complete>header>i{background:#25825f}.sales-recognition-missing{padding:12px 15px;border-top:1px solid rgba(155,113,33,.18);display:grid;gap:8px}.sales-recognition-missing>b{font-size:10px}.sales-recognition-missing section{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;align-items:start}.sales-recognition-missing section>span{color:#7c6538;font-size:9px;font-weight:800}.sales-recognition-missing p{margin:0;display:flex;flex-wrap:wrap;gap:5px}.sales-recognition-missing em{padding:4px 7px;border-radius:7px;background:rgba(255,255,255,.72);color:#6f5b33;font-size:9px;font-style:normal}.sales-recognition-extra{margin:0;padding:10px 15px;border-top:1px solid rgba(155,113,33,.18);color:#8b5b36;font-size:10px}
.sales-record-panel{overflow:hidden}.sales-record-head{align-items:end}.sales-record-head label{min-width:210px;display:grid;gap:5px}.sales-record-head label span{color:var(--muted);font-size:9px;font-weight:800}.sales-record-head select{height:39px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text)}.sales-record-note{padding:0 20px 12px;color:var(--muted);font-size:10px}.sales-record-footer{min-height:58px;padding:11px 18px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.sales-record-footer>span{color:var(--muted);font-size:10px}.sales-record-footer nav{display:flex;align-items:center;gap:9px}.sales-record-footer nav button{min-height:34px;padding:6px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);cursor:pointer}.sales-record-footer nav button:disabled{opacity:.4;cursor:not-allowed}.sales-record-footer nav b{font-size:10px}
[data-theme="dark"] .sales-recognition-audit{background:#3a301d;border-color:#725d2f}[data-theme="dark"] .sales-recognition-audit.complete{background:#17392c;border-color:#2f765b}[data-theme="dark"] .sales-recognition-missing em{background:rgba(255,255,255,.08);color:#dec78f}
@media(max-width:1180px){.sales-template-designer{grid-template-columns:1fr}.sales-template-live{border-right:0;border-bottom:1px solid var(--line);max-height:48vh}.sales-template-builder{max-height:52vh}.sales-template-designer-toolbar{grid-template-columns:1fr 150px 190px}}
@media(max-width:760px){.sales-template-backdrop{padding:0}.sales-template-backdrop .modal{width:100vw;height:100dvh;max-height:none;border-radius:0}.sales-template-designer-toolbar{grid-template-columns:1fr 1fr;padding:10px 12px}.sales-template-designer-toolbar>div{grid-column:1/-1}.sales-template-live{display:none}.sales-template-builder{padding:12px;max-height:none}.sales-template-builder>header{top:-12px;margin:-12px -12px 10px;padding:12px}.sales-template-module>header{grid-template-columns:30px minmax(0,1fr)}.sales-template-module>header nav{grid-column:2;justify-content:flex-start;overflow:auto}.sales-template-field-row{grid-template-columns:28px minmax(120px,1fr) 88px}.sales-template-field-row>label{grid-row:2}.sales-template-field-row nav{grid-column:2/4;justify-content:flex-end}.sales-template-designer-footer{padding:9px 12px;flex-wrap:wrap}.sales-template-designer-footer>span{display:none}.sales-template-designer-footer .button{width:100%}.sales-recognition-missing section{grid-template-columns:1fr}.sales-record-head{align-items:stretch;flex-direction:column}.sales-record-head label{width:100%;min-width:0}.sales-record-footer{align-items:stretch;flex-direction:column}.sales-record-footer nav{justify-content:space-between}}

/* v1.0.73 · store formulas, responsibility scopes and stable sales comparisons */
.sales-scope-toolbar{grid-template-columns:repeat(auto-fit,minmax(175px,1fr))}.sales-store-filter>div>header nav{display:flex;align-items:center;gap:6px}.sales-store-filter>div>header nav button{min-height:30px;padding:5px 9px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.sales-store-filter>div>header nav button:last-child{color:#a75048}.sales-matrix-filters{grid-template-columns:180px minmax(240px,1fr) auto}.sales-filter-quick{min-height:44px;display:flex;align-items:center;gap:6px}.sales-filter-quick button{height:34px;padding:5px 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--accent);font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer}.sales-filter-quick button:last-child{color:#9b5149}.sales-data-overview>.sales-matrix-wrap{max-height:950px;overflow:auto}.sales-matrix thead th{position:sticky;top:0;z-index:4;background:var(--panel)}.sales-matrix thead th:first-child{z-index:6}.sales-matrix td small.no-prior{color:var(--muted);font-size:8px}.sales-summary-dimension{display:flex;align-items:center;gap:5px}.sales-summary-dimension button{min-height:34px;padding:6px 12px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font-weight:800;cursor:pointer}.sales-summary-dimension button:first-child{border-radius:9px 0 0 9px}.sales-summary-dimension button:nth-child(2){margin-left:-6px;border-radius:0 9px 9px 0}.sales-summary-dimension button.active{position:relative;border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.sales-summary-dimension small{margin-left:8px;color:var(--muted)}.sales-summary-panel tbody td:nth-child(2){min-width:190px}.sales-summary-panel tbody td:nth-child(2)>small{display:block;margin-top:3px;color:var(--muted);font-size:9px}
.sales-store-settings-backdrop .modal{width:min(1420px,calc(100vw - 30px));max-height:94vh}.sales-store-settings-backdrop .performance-action-form{gap:16px}.sales-store-editor-intro{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel-muted)}.sales-store-editor-intro p{margin:0;color:var(--muted)}.sales-store-base-grid{display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(180px,.7fr) minmax(180px,.6fr);gap:12px;align-items:end}.sales-summary-mapping-editor{display:grid;gap:13px}.sales-summary-mapping-editor>header{padding-top:4px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.sales-summary-mapping-editor h3{margin:4px 0;font-size:19px}.sales-summary-mapping-editor p{margin:0;color:var(--muted)}.sales-summary-mapping-editor>header>em{padding:7px 10px;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-size:10px;font-style:normal;font-weight:800}.sales-summary-mapping-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.sales-summary-mapping-grid>article{min-width:0;border:1px solid var(--line);border-radius:14px;background:var(--panel);overflow:hidden}.sales-summary-mapping-grid>article>header{min-height:64px;padding:11px 13px;border-bottom:1px solid var(--line);background:var(--panel-muted);display:flex;align-items:center;justify-content:space-between;gap:10px}.sales-summary-mapping-grid>article>header>div{display:grid;gap:3px}.sales-summary-mapping-grid>article>header small{color:var(--muted);font-size:8px}.sales-summary-mapping-grid>article>header b{font-size:13px}.sales-summary-mapping-grid nav{display:flex;gap:4px}.sales-summary-mapping-grid nav button{padding:5px 7px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--accent);font-size:9px;font-weight:800;cursor:pointer}.sales-summary-field-groups{height:320px;padding:10px;overflow:auto;display:grid;align-content:start;gap:10px}.sales-summary-field-groups>section{display:grid;gap:4px}.sales-summary-field-groups>section>span{padding:3px 6px;color:var(--muted);font-size:8px;font-weight:800}.sales-summary-field-groups label{min-height:34px;padding:6px 8px;border-radius:8px;display:grid!important;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:7px;cursor:pointer}.sales-summary-field-groups label:hover{background:var(--accent-soft)}.sales-summary-field-groups input{width:16px!important;height:16px!important;min-height:0!important;accent-color:var(--accent)}.sales-summary-field-groups label b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.sales-summary-mapping-grid>article>footer{min-height:70px;padding:9px 12px;border-top:1px solid var(--line);background:var(--panel-muted);display:grid;align-content:center;gap:3px}.sales-summary-mapping-grid>article>footer small{color:var(--muted);font-size:8px}.sales-summary-mapping-grid>article>footer b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent);font-size:10px}.sales-summary-mapping-grid>article>footer b.empty{color:#a55b50}
.sales-derived-preview{margin:13px 0 16px!important;padding:14px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:14px;background:var(--accent-soft);display:grid!important;gap:12px!important}.sales-derived-preview>header{display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.sales-derived-preview>header>div{display:grid;gap:3px}.sales-derived-preview>header b{font-size:13px}.sales-derived-preview>header small{color:var(--muted);font-size:9px}.sales-derived-preview>header em{color:var(--accent);font-size:9px;font-style:normal;font-weight:800}.sales-derived-preview>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sales-derived-preview article{min-width:0;padding:11px;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:11px;background:var(--panel);display:grid;gap:5px}.sales-derived-preview article>small{color:var(--muted);font-size:8px}.sales-derived-preview article>strong{font-size:16px}.sales-derived-preview article>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:8px}.sales-derived-preview article.net{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.sales-derived-preview article.net strong{color:var(--accent)}
.sales-assignment-platform{min-height:58px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px}.sales-assignment-platform input{width:17px;height:17px;accent-color:var(--accent)}.sales-assignment-platform span{min-width:0;display:grid;gap:4px}.sales-assignment-platform small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}
.employee-home-summary{margin-top:18px;padding:0;position:relative;z-index:1;grid-template-columns:repeat(3,minmax(0,1fr))}.employee-home-summary article{min-width:0}.employee-home-summary article>span{min-width:0}.employee-home-summary strong,.employee-home-summary small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-home-grid{position:relative;z-index:0}
@media(max-width:1180px){.sales-summary-mapping-grid{grid-template-columns:1fr}.sales-summary-field-groups{height:auto;max-height:250px}.sales-store-base-grid{grid-template-columns:1fr 1fr}.sales-store-base-grid .inline-check{grid-column:1/-1}.sales-matrix-filters{grid-template-columns:1fr 1fr}.sales-filter-quick{grid-column:1/-1}}
@media(max-width:900px){.employee-home-summary{grid-template-columns:1fr}}
@media(max-width:760px){.sales-matrix-filters{grid-template-columns:1fr}.sales-filter-quick{grid-column:auto}.sales-filter-quick button{flex:1}.sales-summary-dimension{width:100%;flex-wrap:wrap}.sales-summary-dimension button{flex:1}.sales-summary-dimension small{width:100%;margin:5px 0 0}.sales-store-settings-backdrop{padding:0}.sales-store-settings-backdrop .modal{width:100vw;height:100dvh;max-height:none;border-radius:0}.sales-store-base-grid{grid-template-columns:1fr}.sales-summary-mapping-editor>header,.sales-derived-preview>header{align-items:flex-start;flex-direction:column}.sales-derived-preview>div{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-home-summary{grid-template-columns:1fr;margin-top:14px;gap:10px}.employee-home-summary article{padding:15px}}
.sales-derived-preview>header b{margin-left:0}.sales-derived-preview article>span{padding:0;border-radius:0;background:transparent;font-size:8px!important}

/* v1.0.74 · unified home navigation, modal sales settings and full metric rows */
.main-nav>.nav-home-item{width:100%;min-height:48px;margin:0 0 9px;border:1px solid color-mix(in srgb,var(--accent) 26%,var(--line));border-radius:13px;background:linear-gradient(135deg,var(--panel),var(--panel-muted));box-shadow:0 7px 18px rgba(24,54,43,.05)}
.main-nav>.nav-home-item.active{border-color:color-mix(in srgb,var(--accent) 48%,var(--line));background:linear-gradient(90deg,#ddf4f2,#edf8f7)}
.sidebar-collapsed .main-nav>.nav-home-item{margin-bottom:6px;padding:0;grid-template-columns:1fr;justify-items:center}

/* v1.0.90 价格控制：子功能进入系统侧栏，业务画布保留完整宽度。 */
.sidebar-module-tree{display:grid;gap:4px}.sidebar-module-parent b{font-size:13px;transition:transform .2s ease}.sidebar-module-tree.open .sidebar-module-parent b{transform:rotate(180deg)}
.sidebar-module-children{display:none;margin:0 4px 3px 41px;padding:5px;border-left:1px solid #d6e1de;gap:3px}.sidebar-module-tree.open .sidebar-module-children{display:grid}.sidebar-module-children button{min-height:31px;padding:5px 8px;border:0;border-radius:7px;background:transparent;color:#60706c;text-align:left;font-size:11px;cursor:pointer}.sidebar-module-children button:hover,.sidebar-module-children button.active{background:#e3f2ef;color:#164f43;font-weight:700}.sidebar-module-tree:has(.sidebar-module-parent[hidden]){display:none}.sidebar-collapsed .sidebar-module-children{display:none!important}.sidebar-collapsed .sidebar-module-parent b{display:none}
.price-page>.page-hero{margin-bottom:16px}.price-main{min-width:0}.price-section{border:1px solid #dfe7e4;border-radius:20px;background:#fff;box-shadow:0 15px 40px rgba(35,58,50,.06);padding:22px;min-width:0}.price-control-official{background:#f7f9f8}.price-document-sheet{margin-top:16px;border:1px solid #cad6d1;border-radius:13px;background:#fff;box-shadow:0 12px 30px rgba(20,48,39,.08);overflow:hidden}.price-document-sheet>header{padding:26px 28px 20px;border-bottom:3px double #385c51;text-align:center;position:relative}.price-document-sheet>header>span{display:block;color:#7d8c87;font-size:10px;letter-spacing:.2em}.price-document-sheet>header h2{margin:8px 0 4px;color:#132c25;font-family:"Songti SC","Noto Serif SC",serif;font-size:25px}.price-document-sheet>header>b{display:inline-flex;padding:4px 12px;border:1px solid #abbdb6;border-radius:999px;color:#345d50;font-size:11px}.price-document-sheet>header p{margin:12px auto 0;color:#687770;font-size:11px}.price-document-sheet>header>div{position:absolute;right:22px;bottom:16px;display:flex;gap:7px}.price-document-sheet>footer{padding:12px 24px;background:#f3f6f5;color:#6d7b76;text-align:right;font-size:10px}.price-control-table table{min-width:900px}.price-control-table th{background:#eef4f2;color:#294a40;border-bottom:1px solid #bdcbc6}.price-control-table td{height:48px;border-bottom:1px solid #e6ecea}.price-control-table td:first-child,.price-control-table td:nth-child(n+3){text-align:center}.price-control-table td b{display:block;color:#203c34}.price-control-table td small{display:block;margin-top:3px;color:#85918d}.price-control-table input{width:88px;min-height:34px;border:1px solid #c9d6d2;border-radius:7px;text-align:center}
.price-template-library{margin:18px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.price-template-library>header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.price-template-card{min-width:0;padding:14px;border:1px solid #dde6e3;border-radius:14px;background:#f8faf9;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px}.price-template-card>i{width:38px;height:38px;border-radius:11px;background:#e3efeb;color:#285c4d;display:grid;place-items:center;font-style:normal;font-weight:800}.price-template-card.reference>i{background:#f2ece0;color:#7a6034}.price-template-card div{min-width:0}.price-template-card span,.price-template-card small{display:block;color:#81908b;font-size:9px}.price-template-card b{display:block;margin:4px 0;color:#213c34;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-template-card>em{font-size:9px;color:#6e7c77;font-style:normal}.price-project-tabs{display:flex;gap:8px;overflow:auto;padding:5px 0 10px}.price-project-tabs button{min-width:210px;padding:10px 13px;border:1px solid #dbe4e1;border-radius:12px;background:#fff;text-align:left}.price-project-tabs button.active{border-color:#4b7b6d;background:#edf6f3}.price-project-tabs b,.price-project-tabs small{display:block}.price-project-tabs small{margin-top:3px;color:#7b8984;font-size:9px}.price-project-workspace{border:1px solid #dce5e2;border-radius:16px;overflow:hidden}.price-project-workspace>header{padding:16px 18px;background:#f6f9f8;display:flex;justify-content:space-between;gap:16px}.price-project-workspace>header span,.price-project-workspace>header p{color:#7c8985;font-size:9px}.price-project-workspace>header h3{margin:4px 0}.price-project-workspace>header em{align-self:center;padding:7px 10px;border-radius:999px;background:#dfeee9;color:#245b4b;font-style:normal;font-size:10px}.price-project-table{max-height:590px}.price-project-table table{min-width:max-content}.price-project-table th{position:sticky;top:0;z-index:2;min-width:105px;background:#194e40;color:#fff;white-space:nowrap}.price-project-table th:nth-child(2),.price-project-table th:nth-child(4){min-width:290px}.price-project-table td{max-width:330px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price-single-strategies{margin-top:20px}.price-section-note{margin:14px 0 0;padding:10px 12px;border-radius:10px;background:#eef6f4;color:#5a7169;font-size:10px}
.price-cost-list{display:grid;gap:14px;margin-top:18px}.price-cost-card{border:1px solid #dce5e2;border-radius:16px;overflow:hidden}.price-cost-card>header{padding:16px 18px;background:#f6f9f8;display:flex;justify-content:space-between}.price-cost-card>header span,.price-cost-card>header p{display:block;color:#7d8b86;font-size:9px}.price-cost-card>header h3{margin:4px 0}.price-cost-card>header strong{align-self:center;font-size:20px;color:#215d4b}.price-cost-card table{min-width:780px}.price-cost-card>footer{padding:11px 16px;border-top:1px solid #e2e9e7;display:flex;justify-content:space-between;color:#74817d;font-size:10px}.price-cost-shared,.price-cost-products{margin:12px 0;padding:14px;border:1px solid #e0e8e5;border-radius:13px;background:#f8faf9}.price-cost-shared>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.price-cost-products header{display:flex;justify-content:space-between}.price-cost-products table{min-width:760px}.price-cost-products td input{width:110px}.price-cost-products td:first-child input{width:auto}
@media(max-width:1100px){.price-template-library{grid-template-columns:1fr}.price-document-sheet>header>div{position:static;justify-content:center;margin-top:12px}.price-cost-shared>div{grid-template-columns:1fr 1fr}}
.sales-admin-settings-backdrop{padding:18px;background:color-mix(in srgb,#10271f 56%,transparent)}
.sales-admin-settings-backdrop .modal{width:min(1480px,calc(100vw - 36px));height:min(900px,calc(100dvh - 36px));max-height:none}
.sales-admin-settings-backdrop .modal-body{min-height:0;padding:20px;overflow:auto;background:var(--page-bg)}
.sales-admin-settings-backdrop .sales-admin-panel{margin:0;box-shadow:none}
.sales-data-overview>.sales-matrix-wrap{max-height:none;overflow-x:auto;overflow-y:visible}
.sales-data-overview>.sales-matrix-wrap .sales-matrix thead th{position:sticky;top:0}
@media(max-width:760px){.sales-admin-settings-backdrop{padding:0}.sales-admin-settings-backdrop .modal{width:100vw;height:100dvh;max-height:none;border-radius:0}.sales-admin-settings-backdrop .modal-body{padding:12px}.main-nav>.nav-home-item{margin-bottom:0}}

/* v1.0.75 · assigned sales todos, store-level metric matrix and resilient sales dialogs */
.sales-matrix-direct-filters{min-width:min(460px,54vw);display:grid;grid-template-columns:minmax(150px,.8fr) minmax(220px,1.2fr);gap:10px;align-items:end}.sales-matrix-direct-filters>label{min-width:0;display:grid;gap:5px}.sales-matrix-direct-filters label>span,.sales-summary-filters label>span{color:var(--muted);font-size:10px;font-weight:750}.sales-matrix-direct-filters select,.sales-summary-filters select{width:100%;min-width:0;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);font:inherit}.sales-data-overview .sales-matrix-head-actions{align-items:end}.sales-data-overview .sales-matrix-head-actions>.sales-matrix-direct-filters{flex:1}.sales-matrix-full-page{grid-template-rows:auto auto minmax(0,1fr)}.sales-matrix-full-page>.sales-matrix-direct-filters{width:min(720px,100%);min-width:0}.sales-matrix-full-page>[data-sales-matrix-full-content]{min-height:0;overflow:hidden}.sales-matrix-full-page>[data-sales-matrix-full-content]>.sales-matrix-wrap{height:100%}

/* v1.0.77 · order parsing, SKU decomposition and management profit center */
.profit-loading{min-height:260px;display:grid;place-items:center;align-content:center;text-align:center}.profit-loading>span{width:42px;height:42px;border:4px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .85s linear infinite}.profit-loading h2{margin:14px 0 4px}.profit-loading p{margin:0;color:var(--muted)}
.profit-toolbar{padding:24px;display:flex;align-items:end;justify-content:space-between;gap:24px;background:linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--accent-soft) 52%,var(--panel)))}.profit-toolbar h2{margin:5px 0 7px;font-size:25px}.profit-toolbar p{max-width:760px;margin:0;color:var(--muted);font-size:12px;line-height:1.65}.profit-toolbar-actions{display:flex;align-items:end;justify-content:flex-end;gap:9px;flex-wrap:wrap}.profit-toolbar-actions>label:not(.button){display:grid;gap:5px;color:var(--muted);font-size:11px}.profit-toolbar select,.profit-order-filters select,.profit-order-filters input,.profit-period-state select{min-height:42px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit}.profit-file-button{position:relative;overflow:hidden}.profit-file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.profit-file-button.is-loading{opacity:.72;pointer-events:none}
.profit-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.profit-kpi-grid .finance-kpi{min-height:148px}.profit-kpi-grid .finance-kpi strong{font-size:24px}.profit-quality-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.profit-quality-grid article{min-height:88px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel);display:flex;align-items:center;gap:13px}.profit-quality-grid i{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--panel-muted);color:var(--muted);font-style:normal;font-weight:850}.profit-quality-grid article.warning i{background:#fbefe0;color:#9b6422}.profit-quality-grid article.ok i{background:#e6f3ed;color:#23705b}.profit-quality-grid div{display:grid;gap:2px}.profit-quality-grid b{font-size:22px}.profit-quality-grid span{color:var(--muted);font-size:11px}
.profit-layer-note{padding:18px 22px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--accent-soft) 54%,var(--panel));display:grid;grid-template-columns:minmax(240px,.8fr) minmax(420px,1.5fr) auto;align-items:center;gap:20px}.profit-layer-note b{font-size:14px}.profit-layer-note p{margin:0;color:var(--muted);font-size:11px;line-height:1.65}.profit-layer-note span{padding:7px 10px;border-radius:9px;background:var(--panel);color:var(--accent);font-size:10px;font-weight:800}
.profit-layer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.profit-layer-grid article{min-height:162px;padding:16px;border:1px solid var(--line);border-radius:13px;background:var(--panel-muted);display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;position:relative}.profit-layer-grid article>i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--panel);color:var(--muted);font-style:normal;font-size:10px;font-weight:850}.profit-layer-grid article>div{display:grid;align-content:start;gap:6px}.profit-layer-grid article b{font-size:13px}.profit-layer-grid article strong{font-size:18px}.profit-layer-grid article p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.profit-layer-grid article>span{position:absolute;right:11px;bottom:11px;padding:4px 7px;border-radius:7px;background:var(--panel);color:var(--muted);font-size:9px;font-weight:750}.profit-layer-grid article.ready{border-color:color-mix(in srgb,var(--accent) 32%,var(--line));background:color-mix(in srgb,var(--accent-soft) 55%,var(--panel))}.profit-layer-grid article.ready>i{background:var(--accent);color:#fff}
.profit-period-state{display:flex;align-items:center;gap:9px}.profit-period-state>span{padding:7px 10px;border-radius:9px;background:var(--panel-muted);font-size:10px;font-weight:800}.profit-order-filters{margin:14px 0;display:grid;grid-template-columns:150px 150px minmax(220px,1fr) minmax(220px,1fr);gap:9px}.profit-order-panel table{min-width:1320px}.profit-order-panel th:nth-child(1){width:145px}.profit-order-panel th:nth-child(2){width:185px}.profit-order-panel th:nth-child(3){width:330px}.profit-order-panel th:nth-child(4){width:150px}.profit-order-panel td{vertical-align:top}.profit-order-panel td>small,.profit-product-cell small{display:block;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.45}.profit-product-cell b{display:block;max-width:330px;white-space:normal;line-height:1.45}.profit-review-row{background:color-mix(in srgb,#fff2df 52%,transparent)}.profit-missing{display:inline-flex;padding:4px 7px;border-radius:7px;background:#fbefe0;color:#9b6422;font-weight:800}
.profit-pagination{padding-top:14px;display:flex;align-items:center;justify-content:flex-end;gap:9px}.profit-pagination button{min-height:34px;padding:7px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);cursor:pointer}.profit-pagination button:disabled{opacity:.4;cursor:not-allowed}.profit-pagination span{color:var(--muted);font-size:11px}.profit-bottom-grid{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr)}.profit-bottom-grid table{min-width:760px}.profit-rule-list{display:grid;gap:9px}.profit-rule-list article{padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--panel-muted)}.profit-rule-list b{font-size:13px}.profit-rule-list p{margin:4px 0;color:var(--text);font-size:11px;line-height:1.5}.profit-rule-list span{color:var(--muted);font-size:10px}
.profit-review-backdrop .modal{width:min(920px,94vw)}.profit-review-form textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit;resize:vertical}.profit-review-context{padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--panel-muted);display:grid;gap:4px}.profit-review-context>span{color:var(--accent);font-size:10px;font-weight:800}.profit-review-context>b{font-size:15px;line-height:1.5}.profit-review-context>small,.profit-review-context>p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.profit-order-basis{display:flex;gap:8px;flex-wrap:wrap}.profit-order-basis span{padding:7px 10px;border-radius:8px;background:var(--panel-muted);font-size:10px;font-weight:750}
[data-theme="dark"] .finance-tabs{background:var(--panel)}[data-theme="dark"] .profit-review-row{background:rgba(113,77,28,.15)}
@media(max-width:1100px){.profit-toolbar{align-items:flex-start;flex-direction:column}.profit-toolbar-actions{justify-content:flex-start}.profit-quality-grid,.profit-kpi-grid,.profit-layer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profit-layer-note{grid-template-columns:1fr}.profit-bottom-grid{grid-template-columns:1fr}.profit-order-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.finance-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.profit-kpi-grid,.profit-quality-grid,.profit-layer-grid{grid-template-columns:1fr}.profit-toolbar{padding:18px}.profit-toolbar-actions{width:100%;display:grid;grid-template-columns:1fr}.profit-toolbar-actions>*{width:100%}.profit-order-filters{grid-template-columns:1fr}.profit-review-backdrop .modal{width:100%;height:100%;max-height:none;border-radius:0}}

/* v1.0.78 · standalone profit calculation module and live home clock */
.profit-page > .page-hero{margin-bottom:18px}
.profit-page .profit-toolbar{margin-top:0}

/* v1.0.79 · shared master data and layered operating-profit workspace */
.master-data-page,.profit-page{--profit-blue:#315d83;--profit-gold:#a97f3d}.master-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.master-summary-grid article{padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--panel);display:grid;gap:7px;box-shadow:var(--shadow-soft)}.master-summary-grid span{color:var(--muted);font-size:12px}.master-summary-grid strong{font-size:28px;line-height:1}.master-summary-grid small{color:var(--muted);font-size:11px}.master-tabs,.profit-module-tabs{padding:6px;border:1px solid var(--line);border-radius:14px;background:var(--panel);display:flex;gap:4px;overflow:auto}.master-tabs button,.profit-module-tabs button{min-height:42px;padding:9px 15px;border:0;border-radius:10px;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:750;white-space:nowrap;cursor:pointer}.master-tabs button.active,.profit-module-tabs button.active{background:var(--accent);color:#fff;box-shadow:0 7px 18px color-mix(in srgb,var(--accent) 22%,transparent)}.master-table-panel table{min-width:1050px}.master-table-panel td small,.profit-drill-panel td small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.master-inline-actions{display:flex;align-items:center;gap:8px}.master-inline-actions input{min-width:260px;min-height:42px;padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text)}.master-file-button{position:relative;overflow:hidden}.master-file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.modal-action-form textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit;resize:vertical}
.profit-module-tabs{position:sticky;top:78px;z-index:6}.profit-toolbar-actions input[type="month"],.profit-drill-filters select{min-height:42px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit}.profit-toolbar-actions>label:not(.button){display:grid;gap:5px;color:var(--muted);font-size:11px}.profit-summary-section{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow-soft)}.profit-summary-section>header{margin-bottom:17px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.profit-summary-section h2{margin:5px 0 5px;font-size:21px}.profit-summary-section p{margin:0;color:var(--muted);font-size:11px}.profit-summary-section.company{border-color:color-mix(in srgb,var(--accent) 32%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 54%,var(--panel)),var(--panel) 62%)}.profit-summary-section.b2c{border-top:4px solid var(--profit-blue)}.profit-summary-section.b2b{border-top:4px solid var(--profit-gold)}.profit-six-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.profit-six-grid article{min-height:118px;padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--panel-muted);display:grid;align-content:space-between;gap:8px}.profit-six-grid span{color:var(--muted);font-size:11px}.profit-six-grid strong{font-size:20px;letter-spacing:-.02em}.profit-six-grid small{color:var(--muted);font-size:9px;line-height:1.5}.profit-six-grid article.result{background:color-mix(in srgb,var(--accent-soft) 56%,var(--panel));border-color:color-mix(in srgb,var(--accent) 30%,var(--line))}.profit-six-grid article.result strong{color:var(--accent)}.profit-drill-filters{display:flex;gap:8px}.profit-drill-panel table{min-width:1180px}.profit-drill-panel td:nth-last-child(2) b{font-size:14px}.profit-workbench-intro,.profit-close-hero{padding:24px;border-radius:18px;background:linear-gradient(135deg,#143f36,#1d6956);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.profit-workbench-intro h2,.profit-close-hero h2{margin:6px 0;font-size:23px}.profit-workbench-intro p,.profit-close-hero p{max-width:780px;margin:0;color:rgba(255,255,255,.72);font-size:11px;line-height:1.7}.profit-process-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.profit-process-strip article{padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel);display:grid;grid-template-columns:35px 1fr;gap:5px 11px}.profit-process-strip i{grid-row:span 2;width:35px;height:35px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:850}.profit-process-strip b{font-size:13px}.profit-process-strip p{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.profit-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profit-rule-list article header{display:flex;align-items:center;justify-content:space-between;gap:10px}.profit-close-hero .profit-period-state>span{background:rgba(255,255,255,.13);color:#fff}.profit-close-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.profit-close-grid article{padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--panel);display:grid;gap:7px}.profit-close-grid article.warning{border-color:#e7c08c;background:#fff8ec}.profit-close-grid article.ok{border-color:#a8d2c0;background:#f1faf6}.profit-close-grid span{color:var(--muted);font-size:11px}.profit-close-grid strong{font-size:23px}.profit-close-grid small{color:var(--muted);font-size:10px}.profit-close-result{padding:25px;display:flex;align-items:center;justify-content:space-between;gap:22px}.profit-close-result span{color:var(--muted);font-size:11px}.profit-close-result strong{display:block;margin:5px 0;font-size:31px}.profit-close-result p{margin:0;color:var(--muted);font-size:10px}.text-button.danger{color:#a34f45}.profit-page .check-line{display:flex;align-items:center;gap:8px}.profit-page .check-line input{width:auto}
[data-theme="dark"] .profit-close-grid article.warning{background:rgba(137,92,25,.16)}[data-theme="dark"] .profit-close-grid article.ok{background:rgba(25,105,79,.16)}
@media(max-width:1280px){.profit-six-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.profit-process-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.master-summary-grid,.profit-close-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profit-module-tabs{position:static}.profit-summary-section>header,.profit-workbench-intro,.profit-close-hero,.profit-close-result{align-items:flex-start;flex-direction:column}.profit-drill-filters{width:100%}.profit-drill-filters select{flex:1}}
@media(max-width:650px){.master-summary-grid,.profit-six-grid,.profit-process-strip,.profit-close-grid,.profit-rule-grid{grid-template-columns:1fr}.master-inline-actions{width:100%;align-items:stretch;flex-direction:column}.master-inline-actions input{min-width:0}.profit-drill-filters{flex-direction:column}.profit-summary-section{padding:18px}}
#home-live-clock{font-variant-numeric:tabular-nums;min-width:112px;text-align:right}
.sales-summary-head{align-items:flex-end}.sales-summary-head p{margin:5px 0 0;color:var(--muted);font-size:10px}.sales-summary-filters{position:relative;z-index:7;margin:0 20px 16px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel-muted);display:grid;grid-template-columns:minmax(180px,.65fr) minmax(300px,1.35fr);gap:12px;align-items:end}.sales-summary-filters>label{display:grid;gap:5px}.sales-summary-store-filter{width:100%;min-width:0}.sales-summary-store-filter>summary{background:var(--panel)}
.sales-admin-settings-backdrop button,.sales-settings-backdrop button,.sales-template-backdrop button,.sales-store-settings-backdrop button{box-sizing:border-box;max-width:100%;min-width:0;min-height:34px;line-height:1.25}.sales-admin-settings-backdrop .modal-body header button,.sales-settings-backdrop .modal-body header button,.sales-template-backdrop .modal-body header button,.sales-store-settings-backdrop .modal-body header button{width:auto;height:auto;font-size:11px;line-height:1.3;white-space:nowrap;overflow-wrap:normal}.sales-admin-platform>header>button{min-width:82px;padding:7px 11px;border:1px solid var(--line);border-radius:9px;background:var(--panel);display:inline-flex;align-items:center;justify-content:center}.sales-admin-store-row>nav{flex-wrap:wrap;justify-content:flex-end}.sales-admin-store-row>nav button{min-width:66px;padding:6px 9px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:11px;white-space:nowrap}.sales-admin-stores>button.sales-add-store{min-height:44px;font-size:11px;white-space:nowrap}.sales-template-module>header nav,.sales-template-field-row nav{flex-wrap:wrap;justify-content:flex-end}.sales-template-module>header nav .text-button,.sales-template-field-row nav .text-button{padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:11px;white-space:nowrap}.sales-template-field-row{grid-template-columns:30px minmax(150px,1fr) 96px 58px 58px}.sales-template-field-row nav{grid-column:2/-1}.sales-template-add-field{padding:9px 12px;line-height:1.35;font-size:11px;white-space:nowrap}.sales-admin-head-actions{justify-content:flex-end}.sales-admin-head-actions .button{min-width:100px;justify-content:center;white-space:nowrap}
@media(max-width:1180px){.sales-matrix-direct-filters{width:100%;min-width:0}.sales-summary-filters{grid-template-columns:1fr 1fr}.sales-admin-platform>header{grid-template-columns:40px minmax(0,1fr)}.sales-admin-platform>header>button{grid-row:2;min-width:0}.sales-admin-platform>header>button:nth-of-type(1){grid-column:1/2}.sales-admin-platform>header>button:nth-of-type(2){grid-column:2/3}}
@media(max-width:760px){.sales-matrix-direct-filters,.sales-summary-filters{grid-template-columns:1fr}.sales-matrix-direct-filters{min-width:0}.sales-matrix-full-page{grid-template-rows:auto auto minmax(0,1fr)}.sales-summary-filters{margin:0 12px 14px}.sales-summary-head{align-items:flex-start;flex-direction:column}.sales-template-field-row{grid-template-columns:28px minmax(120px,1fr) 88px}.sales-template-field-row>label{grid-row:2}.sales-template-field-row nav{grid-column:2/4}.sales-admin-head-actions{width:100%;justify-content:flex-start}.sales-admin-head-actions .button{flex:1}}

/* v1.0.76 · database-backed sales corrections, record filters and cross-platform integrity audit */
.sales-record-head{align-items:flex-start}.sales-record-head p{margin:5px 0 0;color:var(--muted);font-size:10px}.sales-record-filters{margin:0 20px 12px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel-muted);display:grid;grid-template-columns:minmax(150px,.75fr) minmax(230px,1.2fr) minmax(160px,.75fr) minmax(160px,.75fr) auto;gap:10px;align-items:end}.sales-record-filters label{min-width:0;display:grid;gap:5px}.sales-record-filters label>span{color:var(--muted);font-size:9px;font-weight:800}.sales-record-filters select,.sales-record-filters input{width:100%;min-width:0;height:42px;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit}.sales-record-filters>div{display:flex;align-items:flex-end}.sales-record-filters .button{height:42px;white-space:nowrap}.sales-data-integrity{margin:0 20px 12px;padding:12px 14px;border:1px solid #9fcdb8;border-radius:13px;background:#edf8f2;display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:11px}.sales-data-integrity>i{width:32px;height:32px;border-radius:10px;background:#25825f;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:900}.sales-data-integrity>div{min-width:0;display:grid;gap:3px}.sales-data-integrity>div>b{font-size:11px}.sales-data-integrity>div>span{color:#537367;font-size:9px;line-height:1.55}.sales-data-integrity.warning{border-color:#e4bc72;background:#fff8e8}.sales-data-integrity.warning>i{background:#ce8424}.sales-data-integrity.warning>div>span{color:#7f663d}.sales-data-integrity .button{min-height:38px;white-space:nowrap}.sales-record-duplicate{background:color-mix(in srgb,#d99a35 8%,var(--panel))}.sales-record-duplicate td:not(:last-child){opacity:.72}.sales-record-actions .text-button{min-width:66px}
[data-theme="dark"] .sales-data-integrity{border-color:#376852;background:#18372a}[data-theme="dark"] .sales-data-integrity>div>span{color:#a9cdbd}[data-theme="dark"] .sales-data-integrity.warning{border-color:#755c31;background:#372b18}[data-theme="dark"] .sales-data-integrity.warning>div>span{color:#dcc99f}
@media(max-width:1180px){.sales-record-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-record-filters>div{grid-column:1/-1}.sales-record-filters .button{width:100%;justify-content:center}.sales-data-integrity{grid-template-columns:34px minmax(0,1fr)}.sales-data-integrity .button{grid-column:1/-1;width:100%;justify-content:center}}
@media(max-width:760px){.sales-record-filters{margin:0 12px 12px;grid-template-columns:1fr}.sales-record-filters>div{grid-column:auto}.sales-data-integrity{margin:0 12px 12px;grid-template-columns:30px minmax(0,1fr)}.sales-data-integrity>i{width:28px;height:28px}.sales-data-integrity .button{grid-column:1/-1}.sales-record-note{padding:0 12px 12px}}

/* v1.0.81 · business-unit profitability, staged order imports and split payroll navigation */
.profit-business-unit-stack{display:grid;gap:14px}.profit-summary-section.unit{border-left:4px solid var(--profit-blue)}.profit-summary-section.unit:nth-child(2){border-left-color:#3a8b72}.profit-summary-section.unit:nth-child(3){border-left-color:var(--profit-gold)}.profit-summary-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.profit-store-upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.profit-store-upload-card{min-width:0;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel);display:grid;gap:13px;box-shadow:var(--shadow-soft)}.profit-store-upload-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.profit-store-upload-card>header>div{min-width:0;display:grid;gap:4px}.profit-store-upload-card>header span{color:var(--accent);font-size:10px;font-weight:850}.profit-store-upload-card h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:16px}.profit-store-upload-card>p{margin:0;color:var(--muted);font-size:10px}.profit-store-upload-card>div{padding:10px;border-radius:11px;background:var(--panel-muted);display:grid;grid-template-columns:1fr auto;gap:7px 12px}.profit-store-upload-card>div small{color:var(--muted);font-size:9px}.profit-store-upload-card>div b{font-size:10px}.profit-store-upload-card.disabled{opacity:.72}.profit-store-disabled{min-height:42px;border:1px dashed var(--line);border-radius:10px;color:var(--muted);display:grid;place-items:center;font-size:10px}.profit-relationship-note{padding:16px 20px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--accent-soft) 52%,var(--panel));display:grid;grid-template-columns:auto minmax(0,1fr);gap:5px 14px}.profit-relationship-note b{color:var(--accent);font-size:11px}.profit-relationship-note span{font-size:12px;font-weight:800}.profit-relationship-note p{grid-column:2;margin:0;color:var(--muted);font-size:10px;line-height:1.6}.profit-rule-backdrop .modal{width:min(1120px,95vw);max-height:92vh}.profit-rule-form{gap:18px}.profit-rule-form>section{padding:15px;border:1px solid var(--line);border-radius:13px;background:var(--panel-muted);display:grid;gap:13px}.form-section-title{display:flex;align-items:center;justify-content:space-between;gap:14px}.form-section-title b{font-size:13px}.form-section-title span{color:var(--muted);font-size:9px}.form-help{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.profit-statement-backdrop .modal{width:min(880px,94vw)}.profit-statement-modal{display:grid;gap:9px}.profit-statement-note{padding:13px 15px;border-radius:11px;background:var(--accent-soft);display:grid;gap:4px}.profit-statement-note span{color:var(--accent);font-size:10px;font-weight:850}.profit-statement-note p{margin:0;color:var(--muted);font-size:10px}.profit-statement-section{border:1px solid var(--line);border-radius:11px;background:var(--panel);overflow:hidden}.profit-statement-section>header{min-height:48px;padding:10px 14px;background:var(--panel-muted);display:flex;align-items:center;justify-content:space-between;gap:16px}.profit-statement-section>header b{font-size:12px}.profit-statement-section>header strong{font-size:15px}.profit-statement-section>div{padding:4px 14px}.profit-statement-section p{margin:0;padding:9px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px}.profit-statement-section p:last-child{border-bottom:0}.profit-statement-section p>span{min-width:0;font-size:10px}.profit-statement-section p small{display:block;margin-top:2px;color:var(--muted);font-size:8px}.profit-statement-section p>b{font-size:11px}.profit-statement-section.result{border-color:color-mix(in srgb,var(--accent) 38%,var(--line))}.profit-statement-section.result>header{background:var(--accent-soft);color:var(--accent)}.profit-statement-empty{display:block;padding:10px 14px;color:var(--muted);font-size:9px}.profit-import-preview-backdrop{padding:12px}.profit-import-preview-backdrop .modal{width:min(1440px,calc(100vw - 24px));height:calc(100dvh - 24px);max-height:none}.profit-import-preview-backdrop .modal-body{min-height:0;overflow:auto}.profit-import-preview{display:grid;gap:13px}.profit-import-preview-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.profit-import-preview-summary article{padding:12px;border:1px solid var(--line);border-radius:11px;background:var(--panel-muted);display:grid;gap:5px}.profit-import-preview-summary span{color:var(--muted);font-size:9px}.profit-import-preview-summary strong{font-size:18px}.profit-import-preview-summary article.warning{border-color:#dfb66f;background:#fff7e7}.profit-import-warning{padding:12px 14px;border:1px solid #dfb66f;border-radius:11px;background:#fff8e9;display:grid;gap:4px}.profit-import-warning b{font-size:11px}.profit-import-warning p{margin:0;color:#7f6336;font-size:9px;line-height:1.6}.profit-import-preview-table{max-height:52vh;border:1px solid var(--line);border-radius:11px}.profit-import-preview-table table{min-width:1050px}.profit-import-confirm-actions{position:sticky;bottom:-1px;padding:12px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 95%,transparent);backdrop-filter:blur(12px);display:flex;justify-content:flex-end;gap:10px;box-shadow:0 -10px 28px rgba(20,45,35,.08)}
[data-theme="dark"] .profit-import-warning,[data-theme="dark"] .profit-import-preview-summary article.warning{border-color:#755c31;background:#372b18}.payroll-page .page-hero{margin-bottom:18px}
@media(max-width:1200px){.profit-store-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profit-import-preview-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.profit-store-upload-grid,.profit-import-preview-summary{grid-template-columns:1fr}.profit-relationship-note{grid-template-columns:1fr}.profit-relationship-note p{grid-column:auto}.profit-summary-actions{justify-content:flex-start}.profit-rule-backdrop .modal,.profit-import-preview-backdrop .modal{width:100%;height:100%;max-height:none;border-radius:0}.profit-import-confirm-actions{flex-direction:column}.profit-import-confirm-actions .button{width:100%;justify-content:center}}
.profit-detail-intro{padding:20px 22px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 65%,var(--panel)),var(--panel));display:flex;align-items:center;justify-content:space-between;gap:18px}.profit-detail-intro h2{margin:5px 0;font-size:20px}.profit-detail-intro p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}
@media(max-width:720px){.profit-detail-intro{align-items:flex-start;flex-direction:column}.profit-detail-intro .button{width:100%;justify-content:center}}

/* v1.0.82 · editable reference catalogs and Tmall Overseas three-document template */
.profit-reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.profit-reference-grid>article{min-width:0;padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--panel);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;box-shadow:var(--shadow-soft)}.profit-reference-grid>article>span{color:var(--muted);font-size:10px;font-weight:800}.profit-reference-grid>article>strong{grid-row:1/3;grid-column:2;font-size:24px;color:var(--accent)}.profit-reference-grid>article>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:9px}.profit-reference-grid>article>.button{grid-column:1/-1;min-height:38px;margin-top:5px;justify-content:center}.profit-reference-manager{display:grid;gap:14px}.profit-reference-manager-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--panel-muted)}.profit-reference-manager-head p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.profit-reference-backdrop .modal{width:min(820px,94vw)}.profit-document-upload-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;padding:0!important;background:transparent!important}.profit-document-upload-list .button{min-width:0;min-height:40px;padding:8px 9px;justify-content:center;text-align:center;font-size:9px;line-height:1.25;white-space:normal}.profit-template-note{padding:9px 11px;border-left:3px solid var(--accent);border-radius:8px;background:var(--accent-soft);color:var(--accent)!important;font-size:9px!important;line-height:1.5}.profit-document-type-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.profit-document-type-checks label{min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);display:flex;align-items:center;gap:9px}.profit-document-type-checks input{width:17px;height:17px;accent-color:var(--accent)}.profit-document-type-checks span{font-size:10px;font-weight:800}.profit-sku-manager,.profit-store-detail-modal{display:grid;gap:15px}.profit-sku-manager-backdrop .modal,.profit-store-detail-backdrop .modal{width:min(1180px,95vw);max-height:92vh}.profit-sku-manager .table-wrap,.profit-store-detail-modal .table-wrap{max-height:56vh}.profit-store-detail-modal>section{padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.profit-store-detail-modal .profit-import-preview-summary{padding:0;border:0;background:transparent}.profit-store-detail-modal tr.active td{background:var(--accent-soft)}
@media(max-width:1180px){.profit-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profit-document-upload-list{grid-template-columns:1fr!important}}
@media(max-width:720px){.profit-reference-grid,.profit-document-type-checks{grid-template-columns:1fr}.profit-reference-manager-head{align-items:stretch;flex-direction:column}.profit-reference-manager-head .button{width:100%;justify-content:center}.profit-reference-backdrop .modal,.profit-sku-manager-backdrop .modal,.profit-store-detail-backdrop .modal{width:100%;height:100%;max-height:none;border-radius:0}}

/* v1.0.83 · staged revenue/refund/SKU review, fulfillment OCR and embedded master data */
.profit-review-stage-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.profit-review-stage-nav button{min-width:0;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:var(--panel);color:var(--text);display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;text-align:left;cursor:pointer}.profit-review-stage-nav button>i{width:34px;height:34px;border-radius:10px;background:var(--panel-muted);color:var(--muted);display:grid;place-items:center;font-style:normal;font-weight:900}.profit-review-stage-nav button>span{min-width:0;font-size:12px;font-weight:850}.profit-review-stage-nav button small{display:block;margin-top:3px;color:var(--muted);font-size:9px;font-weight:650}.profit-review-stage-nav button.active{border-color:color-mix(in srgb,var(--accent) 48%,var(--line));background:var(--accent-soft)}.profit-review-stage-nav button.active>i{background:var(--accent);color:#fff}.profit-expression-tag{display:inline-flex;margin:2px 5px 2px 0;padding:5px 8px;border-radius:8px;background:var(--accent-soft);color:var(--accent);font-size:9px;font-weight:800}.profit-import-confirm-actions .button[disabled]{opacity:.45;cursor:not-allowed}
.profit-sku-editor-backdrop .modal{width:min(980px,95vw);max-height:92vh}.profit-sku-expression-legend{display:flex;gap:8px;flex-wrap:wrap}.profit-sku-expression-legend span{padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel-muted);color:var(--muted);font-size:9px;font-weight:750}.profit-sku-component-list{display:grid;gap:8px}.profit-sku-component-row{padding:11px;border:1px solid var(--line);border-radius:12px;background:var(--panel-muted);display:grid;grid-template-columns:minmax(150px,.8fr) minmax(260px,1.4fr) 100px auto;align-items:center;gap:10px}.profit-sku-component-row>span{min-width:0;display:grid;gap:3px}.profit-sku-component-row>span b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.profit-sku-component-row>span small{color:var(--muted);font-size:8px}.profit-sku-component-row select,.profit-sku-component-row input{width:100%;height:40px;padding:7px 9px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font:inherit;font-size:10px}.profit-sku-component-row label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px}.profit-sku-component-row label em{color:var(--muted);font-style:normal;font-size:8px}
.profit-expense-hero,.profit-master-head{padding:22px 24px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 68%,var(--panel)),var(--panel));display:flex;align-items:center;justify-content:space-between;gap:20px}.profit-expense-hero h2,.profit-master-head h2{margin:5px 0;font-size:23px}.profit-expense-hero p,.profit-master-head p{max-width:760px;margin:0;color:var(--muted);font-size:10px;line-height:1.65}.profit-expense-hero>div:last-child{min-width:220px;display:grid;justify-items:end;gap:6px}.profit-expense-hero>div:last-child>span{color:var(--muted);font-size:9px}.profit-expense-hero>div:last-child>strong{font-size:25px}.profit-expense-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.profit-expense-group-grid>article{min-width:0;padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--panel);display:grid;gap:10px;box-shadow:var(--shadow-soft)}.profit-expense-group-grid article header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.profit-expense-group-grid article header span{color:var(--muted);font-size:10px;font-weight:800}.profit-expense-group-grid article header strong{font-size:17px}.profit-expense-group-grid article>p{margin:0;color:var(--muted);font-size:9px}.profit-expense-group-grid article>div{display:grid;gap:6px}.profit-expense-group-grid article>div>span{padding-top:6px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}.profit-expense-group-grid em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-size:9px}.profit-expense-group-grid b{font-size:9px}.profit-expense-detail table{min-width:1050px}.profit-master-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.profit-settings-table table{min-width:1160px}.profit-settings-table td:last-child{min-width:250px}.profit-settings-table td:last-child .text-button{margin:2px 7px 2px 0;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--panel);white-space:nowrap}.profit-rule-backdrop .modal{width:min(1260px,calc(100vw - 36px));height:min(900px,calc(100dvh - 36px));max-height:none}.profit-rule-backdrop .modal-body{min-height:0;overflow:auto}.profit-rule-form{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}.profit-rule-form>section:first-child,.profit-rule-form>section:nth-child(2){grid-column:1}.profit-rule-form>section:nth-child(3){grid-column:2;grid-row:1/4}.profit-rule-form>.check-line,.profit-rule-form>label:not(.check-line),.profit-rule-form>.auth-error,.profit-rule-form>button{grid-column:1/-1}.profit-rule-form>section{padding:20px;background:var(--panel)}.profit-rule-form .form-two-columns{gap:13px}.profit-rule-form label>span{font-size:10px;font-weight:800}
@media(max-width:1050px){.profit-expense-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profit-rule-form{grid-template-columns:1fr}.profit-rule-form>section:first-child,.profit-rule-form>section:nth-child(2),.profit-rule-form>section:nth-child(3){grid-column:1;grid-row:auto}.profit-sku-component-row{grid-template-columns:1fr 1.4fr 90px}.profit-sku-component-row>button{grid-column:2/-1;justify-self:end}}
@media(max-width:720px){.profit-review-stage-nav,.profit-expense-group-grid{grid-template-columns:1fr}.profit-sku-component-row{grid-template-columns:1fr}.profit-sku-component-row>button{grid-column:auto;justify-self:start}.profit-expense-hero,.profit-master-head{align-items:flex-start;flex-direction:column}.profit-expense-hero>div:last-child{min-width:0;width:100%;justify-items:start}.profit-master-actions{width:100%;justify-content:flex-start}.profit-master-actions .button{flex:1;justify-content:center}.profit-sku-editor-backdrop .modal,.profit-rule-backdrop .modal{width:100%;height:100%;max-height:none;border-radius:0}}
.profit-master-sync-option{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--accent-soft) 62%,var(--panel))}.profit-master-sync-option input{width:18px;height:18px;margin-top:2px;accent-color:var(--accent)}.profit-master-sync-option>span{min-width:0;display:grid;gap:4px}.profit-master-sync-option b{font-size:11px}.profit-master-sync-option small{color:var(--muted);font-size:9px;line-height:1.55}

/* v1.0.84 · performance cycle, compact score review and evidence-only employee flow */
.performance-cycle-shell{padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-soft) 66%,var(--panel)),var(--panel));box-shadow:var(--shadow-soft);display:grid;gap:16px}
.performance-cycle-shell>header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.performance-cycle-shell>header h2{margin:5px 0 6px;font-size:23px}.performance-cycle-shell>header p{margin:0;color:var(--muted);font-size:11px}.performance-cycle-config{display:flex;align-items:flex-end;gap:9px}.performance-cycle-config label{display:grid;gap:5px}.performance-cycle-config label>span{color:var(--muted);font-size:9px;font-weight:800}.performance-cycle-config select{min-width:132px;height:41px;padding:0 11px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font:inherit;font-size:11px}
.performance-month-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.performance-month-grid button{min-width:0;min-height:68px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);display:grid;align-content:center;gap:5px;text-align:left;cursor:pointer;transition:.18s ease}.performance-month-grid button:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line));transform:translateY(-1px)}.performance-month-grid button b{font-size:14px}.performance-month-grid button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:9px}.performance-month-grid button.active{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 22%,transparent)}.performance-month-grid button.active small{color:rgba(255,255,255,.76)}.performance-month-grid button.reviewed:not(.active){border-color:#9bcbb8;background:#edf8f3}.performance-month-grid button.reviewed:not(.active) small{color:#26775d}.performance-month-grid button.before-start{border-style:dashed;background:color-mix(in srgb,var(--panel-muted) 74%,var(--panel))}.performance-month-grid button.before-start small{color:#9a7441}
.performance-cycle-current{min-height:54px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel);display:flex;align-items:center;justify-content:space-between;gap:12px}.performance-cycle-current>div{display:grid;gap:3px}.performance-cycle-current b{font-size:13px}.performance-cycle-current span{color:var(--muted);font-size:9px}.performance-cycle-current.empty{border-style:dashed}
.performance-score-table>header{align-items:center}.performance-score-table>header p{margin:5px 0 0;color:var(--muted);font-size:10px}.performance-export-actions{display:flex;gap:8px;flex-wrap:wrap}.performance-scoreboard.performance-score-table>.performance-score-table-wrap{display:block;overflow:auto;border:1px solid var(--line);border-radius:12px}.performance-score-table table{width:100%;min-width:760px;border-collapse:collapse}.performance-score-table th,.performance-score-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:11px}.performance-score-table th{background:var(--panel-muted);color:var(--muted);font-size:9px;font-weight:850}.performance-score-table tbody tr:last-child td{border-bottom:0}.performance-score-table tbody tr.active{background:var(--accent-soft)}.performance-score-table td:nth-child(1){width:58px}.performance-score-table td:nth-child(4){white-space:nowrap}.performance-score-table td:nth-child(4)>strong{color:var(--accent);font-size:19px}.performance-score-table td:nth-child(4)>span{margin-left:3px;color:var(--muted);font-size:9px}.performance-score-table button.performance-name-link{display:inline;padding:0;border:0;border-radius:0;background:transparent;color:var(--text);font:inherit;font-weight:850;cursor:pointer}.performance-score-table button.performance-name-link:hover{color:var(--accent)}.performance-score-table .button.compact{display:inline-flex;min-height:34px;padding:6px 11px;background:var(--panel);font-size:9px}.performance-month-empty{min-height:150px}
.performance-quick-score-backdrop .modal{width:min(920px,calc(100vw - 32px));max-height:92vh}.performance-quick-score-head{padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--accent-soft);display:flex;align-items:center;justify-content:space-between;gap:16px}.performance-quick-score-head>div{display:grid;gap:4px}.performance-quick-score-head b{font-size:13px}.performance-quick-score-head span{color:var(--muted);font-size:9px}.performance-quick-score-list{max-height:57vh;overflow:auto;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.performance-quick-score-row{min-height:67px;padding:10px 13px;border-bottom:1px solid var(--line);display:grid!important;grid-template-columns:minmax(0,1fr) 130px;align-items:center;gap:16px}.performance-quick-score-row:last-child{border-bottom:0}.performance-quick-score-row>span{min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:3px 10px}.performance-quick-score-row i{grid-row:1/3;width:27px;height:27px;border-radius:8px;background:var(--panel-muted);color:var(--muted);display:grid;place-items:center;font-size:9px;font-style:normal;font-weight:850}.performance-quick-score-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.performance-quick-score-row small{color:var(--muted);font-size:8px}.performance-quick-score-row input{width:100%;height:41px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font:inherit;text-align:right;font-variant-numeric:tabular-nums}
.performance-result-overview{padding:0;border:0;box-shadow:none}.performance-result-overview>header{padding:17px 19px;border-radius:14px;background:linear-gradient(135deg,var(--forest-800),#2f6a56);color:#fff;display:flex;align-items:center;justify-content:space-between}.performance-result-overview>header>div{display:grid;gap:5px}.performance-result-overview>header span{color:rgba(255,255,255,.74);font-size:10px}.performance-result-overview>header strong{color:#fff;font-size:31px}.performance-result-overview>header strong em{margin-left:3px;color:rgba(255,255,255,.72);font-size:11px;font-style:normal}.performance-overview-table-wrap{margin-top:13px;overflow:auto;border:1px solid var(--line);border-radius:12px}.performance-overview-table-wrap table{width:100%;min-width:570px;border-collapse:collapse}.performance-overview-table-wrap th,.performance-overview-table-wrap td{padding:11px 13px;border-bottom:1px solid var(--line);text-align:right;font-size:10px}.performance-overview-table-wrap th{background:var(--panel-muted);color:var(--muted);font-size:8px}.performance-overview-table-wrap th:nth-child(2),.performance-overview-table-wrap td:nth-child(2){text-align:left}.performance-overview-table-wrap td:nth-child(1),.performance-overview-table-wrap th:nth-child(1){width:55px;text-align:center}.performance-overview-table-wrap tfoot td{border-bottom:0;background:var(--accent-soft);font-weight:850}.performance-overview-dot{width:8px;height:8px;margin-right:7px;border-radius:50%;background:#28755f;display:inline-block}.performance-overview-dot.sales{background:#1b6f9e}.performance-overview-dot.seeding{background:#7a55a3}.performance-overview-dot.service{background:#b14f62}.performance-overview-dot.shipping{background:#317b82}.performance-overview-dot.discipline{background:#9a5b2e}.performance-result-overview>p{margin:12px 2px 0;color:var(--muted);font-size:9px;line-height:1.6}
.performance-category-group.section-live{--section-color:#bc4d5f;--section-soft:#faedf0}.performance-category-group.section-video{--section-color:#4e6fb5;--section-soft:#edf1fa}.performance-category-group.section-shipping{--section-color:#317b82;--section-soft:#e8f4f4}.performance-module-chips span.live{background:#faedf0;color:#bc4d5f}.performance-module-chips span.video{background:#edf1fa;color:#4e6fb5}.performance-module-chips span.shipping{background:#e8f4f4;color:#317b82}.employee-result-parts article.live{color:#bc4d5f}.employee-result-parts article.video{color:#4e6fb5}.employee-result-parts article.shipping{color:#317b82}
[data-theme="dark"] .performance-month-grid button.reviewed:not(.active){border-color:#356a56;background:#1e382e}
@media(max-width:980px){.performance-month-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.performance-cycle-shell>header{align-items:flex-start;flex-direction:column}.performance-cycle-config{width:100%}.performance-cycle-config label{flex:1}.performance-cycle-config select{width:100%}.performance-score-table>header{align-items:flex-start;flex-direction:column}.performance-export-actions{width:100%}}
@media(max-width:620px){.performance-month-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.performance-cycle-current{align-items:flex-start;flex-direction:column}.performance-cycle-current .button{width:100%;justify-content:center}.performance-quick-score-head{align-items:stretch;flex-direction:column}.performance-quick-score-row{grid-template-columns:1fr 100px}.performance-export-actions .button{flex:1;justify-content:center}}

/* v1.0.85 · online payroll and attendance workbench */
.payroll-workspace-tabs{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:14px;margin:0 0 24px;width:100%}.payroll-workspace-tabs button{min-height:68px;border:1px solid var(--line);background:var(--panel);border-radius:17px;padding:17px 24px;white-space:nowrap;color:var(--text);font-weight:850;font-size:16px;box-shadow:0 7px 18px rgba(26,53,45,.05)}.payroll-workspace-tabs button:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--line));transform:translateY(-1px)}.payroll-workspace-tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 24%,transparent)}
.payroll-workspace-summary,.attendance-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.payroll-workspace-summary article,.attendance-summary-grid article{padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:var(--shadow-soft)}.payroll-workspace-summary span,.attendance-summary-grid span{display:block;color:var(--muted);font-size:10px}.payroll-workspace-summary strong,.attendance-summary-grid strong{display:block;margin:8px 0 5px;color:var(--text);font-size:26px;line-height:1.1}.payroll-workspace-summary small,.attendance-summary-grid small{color:var(--muted);font-size:9px}.payroll-workspace-summary .warning,.attendance-summary-grid .warning{background:#fff8f3;border-color:#efc8b8}.payroll-workspace-summary .warning strong,.attendance-summary-grid .warning strong{color:#b8593f}
.payroll-online-panel,.attendance-workbench{overflow:hidden}.payroll-online-head,.attendance-toolbar{align-items:flex-start;gap:20px}.payroll-online-head p,.attendance-toolbar p{margin:7px 0 0;color:var(--muted);font-size:10px}.payroll-online-actions,.attendance-toolbar>div:last-child{display:flex;align-items:flex-end;justify-content:flex-end;flex-wrap:wrap;gap:9px}.payroll-online-actions label,.attendance-toolbar label:not(.button){display:grid;gap:5px;color:var(--muted);font-size:9px}.payroll-online-actions select,.attendance-toolbar select{min-width:120px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font-weight:800}.payroll-formula-strip,.attendance-rule-strip{display:flex;gap:9px;overflow:auto;padding:12px 18px;background:var(--panel-muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.payroll-formula-strip span,.attendance-rule-strip span{flex:0 0 auto;padding:7px 10px;border-radius:9px;background:var(--panel);color:var(--muted);font-size:9px}
.payroll-online-table,.attendance-table{max-height:620px;overflow:auto}.payroll-online-table table,.attendance-table table{min-width:1450px}.payroll-full-table table{min-width:3600px}.payroll-online-table thead,.attendance-table thead{position:sticky;top:0;z-index:2}.payroll-online-table th,.attendance-table th{background:var(--panel-muted);white-space:nowrap}.payroll-online-table td,.attendance-table td{vertical-align:middle;white-space:nowrap}.payroll-online-table td:nth-child(3),.attendance-table td:nth-child(3){white-space:normal;min-width:170px}.payroll-online-table td small,.attendance-table td small{display:block;margin-top:4px;color:var(--muted);max-width:280px}.payroll-online-table tr.needs-review,.attendance-table tr.needs-review{background:#fff5ef}.attendance-table tr.difference-confirmed{background:#f3faf7}.attendance-table input[type="checkbox"]{width:18px;height:18px;accent-color:var(--accent)}.payroll-warning{display:inline-flex;padding:5px 8px;border-radius:999px;background:#fff0e8;color:#a94d33;font-size:9px;font-weight:800}
.payroll-profile-panel .table-wrap{max-height:650px}.payroll-profile-panel table{min-width:1150px}.payroll-history-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:18px}.payroll-alias-list{display:grid;gap:10px}.payroll-alias-list article{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:15px;border:1px solid var(--line);border-radius:14px}.payroll-alias-list article div{display:grid;gap:4px}.payroll-alias-list span,.payroll-alias-list small{color:var(--muted);font-size:9px}.payroll-audit-list{max-height:460px;overflow:auto;margin:0;padding:0;list-style:none}.payroll-audit-list li{display:grid;grid-template-columns:145px 100px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid var(--line)}.payroll-audit-list span,.payroll-audit-list p{margin:0;color:var(--muted);font-size:9px}.payroll-audit-list b{font-size:10px}.payroll-record-edit-note,.attendance-source-compare{display:flex;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:13px;background:var(--accent-soft);color:var(--accent);margin-bottom:16px}.payroll-record-edit-note span{color:var(--muted)}.payroll-edit-section{margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.payroll-edit-section h3{margin:0 0 12px}.payroll-edit-section textarea{width:100%;box-sizing:border-box}.form-note{padding:10px 12px;border-radius:10px;background:var(--panel-muted);color:var(--muted);font-size:9px}.check-line{display:flex!important;align-items:center;gap:9px;padding:13px 14px;border:1px solid var(--line);border-radius:12px}.check-line input{width:auto!important;margin:0}.attendance-file-button{position:relative;overflow:hidden}.attendance-file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.attendance-source-compare{display:grid;grid-template-columns:1fr 1fr}.attendance-source-compare span{padding:10px;border-radius:10px;background:var(--panel)}
.payroll-profile-history table{min-width:850px}.payroll-analysis-live{display:grid;gap:20px}.payroll-analysis-bars{display:grid;gap:10px}.payroll-analysis-bars article{display:grid;grid-template-columns:80px minmax(180px,1fr) 120px 150px;align-items:center;gap:14px}.payroll-analysis-bars article div{height:12px;border-radius:99px;background:var(--panel-muted);overflow:hidden}.payroll-analysis-bars article i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),#3ab8a5)}.payroll-analysis-bars span,.payroll-analysis-bars small{color:var(--muted)}.payroll-calculation-start{overflow:hidden}.payroll-calculation-month{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:18px;padding:24px;border-radius:18px;background:linear-gradient(135deg,var(--accent-soft),var(--panel-muted))}.payroll-calculation-month div{display:grid;gap:6px}.payroll-calculation-month strong{font-size:30px}.payroll-calculation-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:0 18px 18px}.payroll-calculation-flow article{display:grid;gap:8px;align-content:start;min-height:126px;padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.payroll-calculation-flow i,.attendance-approval-flow i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-style:normal;font-weight:850}.payroll-calculation-flow span{color:var(--muted);font-size:10px;line-height:1.6}.payroll-calculation-rules{margin:0 18px 18px;padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--panel-muted)}.payroll-calculation-rules h3{margin:0 0 8px}.payroll-calculation-rules p{color:var(--muted);line-height:1.7}.payroll-formula-editor,.payroll-formula-preview{display:grid;gap:12px}.payroll-formula-preview{padding:16px;border-radius:13px;background:var(--panel-muted)}
.attendance-approval-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0 0 20px}.attendance-approval-flow article{display:flex;gap:12px;align-items:center;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}.attendance-approval-flow article>div{display:grid;gap:4px}.attendance-approval-flow span{color:var(--muted);font-size:9px}.attendance-approval-flow .pending{opacity:.63}.attendance-approval-flow .pending i{background:var(--panel-muted);color:var(--muted)}.attendance-source-compare.different{background:#fff4ec;color:#9d492e}.attendance-difference-warning,.attendance-sensitive-rule{padding:13px 15px;border-radius:12px;background:#fff4ec;color:#9d492e}.attendance-sensitive-rule{display:grid;gap:6px;margin-top:15px}.attendance-sensitive-rule span{font-size:10px}.sensitive-deduction{color:#b4492f;font-weight:850}.attendance-audit-panel ol{list-style:none;margin:0;padding:0;max-height:360px;overflow:auto}.attendance-audit-panel li{display:grid;grid-template-columns:160px 100px 90px 1fr 100px;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);align-items:center}.attendance-audit-panel li p{margin:0;color:var(--muted)}
[data-theme="dark"] .payroll-workspace-summary .warning,[data-theme="dark"] .attendance-summary-grid .warning,[data-theme="dark"] .payroll-online-table tr.needs-review,[data-theme="dark"] .attendance-table tr.needs-review{background:#34271f}
@media(max-width:1180px){.payroll-workspace-summary,.attendance-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-history-grid{grid-template-columns:1fr}.payroll-online-head,.attendance-toolbar{display:grid}.payroll-online-actions,.attendance-toolbar>div:last-child{justify-content:flex-start}}
@media(max-width:900px){.payroll-workspace-tabs{grid-template-columns:1fr 1fr}.payroll-calculation-flow,.attendance-approval-flow{grid-template-columns:1fr 1fr}.payroll-analysis-bars article{grid-template-columns:70px 1fr 100px}.payroll-analysis-bars article small{display:none}}@media(max-width:720px){.payroll-workspace-summary,.attendance-summary-grid{grid-template-columns:1fr 1fr;gap:10px}.payroll-workspace-summary article,.attendance-summary-grid article{padding:16px}.payroll-workspace-summary strong,.attendance-summary-grid strong{font-size:21px}.payroll-workspace-tabs{width:100%}.payroll-workspace-tabs button{font-size:12px;min-width:0}.attendance-source-compare{grid-template-columns:1fr}.payroll-audit-list li,.attendance-audit-panel li{grid-template-columns:1fr}.payroll-online-actions,.attendance-toolbar>div:last-child{display:grid;grid-template-columns:1fr 1fr;width:100%}.payroll-calculation-month{align-items:flex-start;flex-direction:column}}
.performance-month-grid .locked.completed {
  border-color: rgba(28, 132, 91, .34);
  background: linear-gradient(145deg, rgba(222, 244, 234, .96), rgba(244, 250, 247, .98));
  color: #146845;
}

.performance-month-grid .ready-lock {
  border-color: rgba(190, 135, 38, .34);
  background: linear-gradient(145deg, rgba(255, 245, 218, .96), rgba(255, 251, 240, .98));
}

.performance-month-none {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 74px;
  color: var(--muted);
  border: 1px dashed var(--line);
  border-radius: 16px;
}

.performance-cycle-current.is-locked {
  border-color: rgba(28, 132, 91, .3);
  background: rgba(230, 246, 238, .68);
}

.payroll-source-locks {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin: 18px 0;
}

.payroll-source-locks article {
  min-height: 112px;
  padding: 18px 20px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--panel);
  box-shadow: var(--shadow-soft);
}

.payroll-source-locks article span,
.payroll-source-locks article small {
  display: block;
  color: var(--muted);
}

.payroll-source-locks article strong {
  display: block;
  margin: 7px 0;
  font-size: 22px;
}

.payroll-source-locks article.done {
  border-color: rgba(28, 132, 91, .26);
  background: rgba(231, 246, 239, .72);
}

.payroll-source-locks article.pending {
  border-color: rgba(190, 122, 31, .26);
  background: rgba(255, 247, 228, .72);
}

@media (max-width: 1050px) {
  .payroll-source-locks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 650px) {
  .payroll-source-locks { grid-template-columns: 1fr; }
}

/* 2026-08 salary, commission, live and rolling seven-day workspaces */
.payroll-source-locks { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.payroll-cloud-status { display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 18px;border-top:1px solid var(--line);background:rgba(236,247,243,.68) }
.payroll-cloud-status span { color:var(--accent);font-weight:800 }
.payroll-cloud-status small { color:var(--muted);text-align:right }
.payroll-full-table.auto-fit table { min-width:1900px;table-layout:fixed }
.payroll-full-table.auto-fit th,.payroll-full-table.auto-fit td { white-space:normal;overflow-wrap:anywhere;line-height:1.35;padding:9px 7px;font-size:10px }
.payroll-full-table.auto-fit th:nth-child(3),.payroll-full-table.auto-fit td:nth-child(3) { width:120px;min-width:120px }
.payroll-online-actions .button.active { color:#fff;background:var(--accent);border-color:var(--accent) }
.payroll-employee-scope { display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0;padding:17px 20px;border:1px solid var(--line);border-radius:18px;background:var(--panel) }
.payroll-employee-scope>div { display:grid;gap:5px }.payroll-employee-scope span { color:var(--muted) }
.payroll-employee-scope label { display:grid;gap:5px;min-width:220px }.payroll-employee-scope select { padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);font-weight:800 }

.live-actions { display:flex;flex-wrap:wrap;gap:9px;justify-content:flex-end }.live-actions label.button { position:relative;overflow:hidden }.live-actions label.button input { position:absolute;inset:0;opacity:0;cursor:pointer }
.live-period-bar { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;padding:18px 22px }.live-period-bar label { display:grid;gap:6px;color:var(--muted) }.live-period-bar select { min-width:170px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--text);font-weight:850 }.live-period-bar>div { display:flex;align-items:center;gap:12px }.live-period-bar small { color:var(--muted) }
.live-summary-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px }.live-summary-grid article { padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--panel);box-shadow:var(--shadow-soft) }.live-summary-grid span,.live-summary-grid small { display:block;color:var(--muted) }.live-summary-grid strong { display:block;margin:9px 0 5px;font-size:25px }.live-employee-summary,.live-record-panel { overflow:hidden }.live-record-panel table { min-width:1100px }
.live-filter-group{display:flex;align-items:end;gap:14px;flex-wrap:wrap}.live-plan-panel,.live-overview{margin-bottom:18px;overflow:hidden}.live-plan-panel .panel-head p{margin:5px 0 0;color:var(--muted)}.live-plan-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.live-plan-list article{display:grid;gap:6px;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--panel-muted)}.live-plan-list article b{font-size:14px}.live-plan-list article span,.live-plan-list article small{color:var(--muted);font-size:12px}.live-period-tabs{display:flex;gap:6px;padding:4px;border:1px solid var(--line);border-radius:13px;background:var(--panel-muted)}.live-period-tabs button{border:0;border-radius:9px;padding:8px 15px;background:transparent;color:var(--muted);font-weight:800}.live-period-tabs button.active{background:var(--panel);color:var(--accent);box-shadow:var(--shadow-soft)}.live-overview .live-summary-grid{margin:0}.live-employee-summary{margin-bottom:18px}.live-employee-summary table{min-width:1160px}.live-employee-summary td small{display:block;margin-top:3px;color:var(--muted)}.live-employee-summary td em{display:block;color:var(--success);font-size:10px;font-style:normal}.live-record-panel table{min-width:1680px}.live-record-context,.live-adjustment-note{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:13px;background:var(--panel-muted);color:var(--muted)}.live-record-context b,.live-adjustment-note b{color:var(--accent)}.form-hint{padding:12px 14px;border-radius:12px;background:var(--panel-muted);color:var(--muted);font-size:12px}.component-empty.compact{padding:18px;grid-column:1/-1}

.payroll-commission-summary { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:18px }.payroll-commission-summary article { padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--panel);box-shadow:var(--shadow-soft) }.payroll-commission-summary span,.payroll-commission-summary small { display:block;color:var(--muted) }.payroll-commission-summary strong { display:block;margin:8px 0;font-size:23px }.payroll-commission-panel table { min-width:1500px }.payroll-commission-panel .panel-head>div:last-child { display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end }.commission-status-strip { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;padding:15px 18px;border:1px solid var(--line);border-radius:16px;background:var(--panel-muted) }.commission-status-strip>div { display:grid;gap:4px }.commission-status-strip small { color:var(--muted) }.commission-custom-items { display:grid;gap:9px }.commission-custom-item { display:grid;grid-template-columns:1fr 140px 1.2fr auto;gap:8px;align-items:center }.commission-allocation-people { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px }.commission-allocation-people label { display:grid;grid-template-columns:auto 1fr 90px;align-items:center;gap:8px;padding:11px;border:1px solid var(--line);border-radius:12px }

.sales-weekly-section { margin-bottom:20px;padding:22px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(140deg,var(--panel),rgba(235,247,243,.72));box-shadow:var(--shadow-soft) }.sales-weekly-section>header { display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:15px }.sales-weekly-section h2 { margin:3px 0 5px;font-size:24px }.sales-weekly-section p { margin:0;color:var(--muted) }.sales-weekly-section nav { display:flex;gap:8px;flex-wrap:wrap }.sales-weekly-grid { display:grid;grid-template-columns:1.15fr repeat(3,minmax(0,1fr));gap:12px }.sales-weekly-grid article { min-height:118px;padding:19px;border:1px solid var(--line);border-radius:17px;background:var(--panel) }.sales-weekly-grid span,.sales-weekly-grid small { display:block;color:var(--muted) }.sales-weekly-grid strong { display:block;margin:10px 0 6px;font-size:24px }.sales-weekly-total { color:#fff!important;background:linear-gradient(145deg,#0c5a48,#167966)!important;border-color:transparent!important }.sales-weekly-total span,.sales-weekly-total small { color:rgba(255,255,255,.74)!important }.sales-weekly-total strong { color:#fff }.sales-weekly-balance { display:flex;align-items:center;gap:13px;margin-top:12px;padding:11px 14px;border-radius:12px;background:rgba(231,246,239,.82);color:#167050 }.sales-weekly-balance.warning { background:#fff5e8;color:#9c5b1c }.sales-weekly-balance span { color:var(--muted) }.sales-weekly-config-table { max-height:60vh }.sales-weekly-config-table table { min-width:720px }.sales-weekly-config-table td small { display:block;color:var(--muted);margin-top:3px }.check-line.compact { padding:8px 10px }

@media(max-width:1180px){.payroll-source-locks{grid-template-columns:repeat(3,minmax(0,1fr))}.sales-weekly-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-commission-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.live-summary-grid,.payroll-commission-summary,.live-plan-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sales-weekly-section>header,.payroll-employee-scope,.payroll-cloud-status,.live-period-bar{align-items:flex-start;flex-direction:column}.payroll-cloud-status small{text-align:left}.commission-custom-item{grid-template-columns:1fr 100px}.commission-custom-item input:nth-child(3){grid-column:1/-1}.commission-allocation-people{grid-template-columns:1fr}}
@media(max-width:620px){.sales-weekly-grid,.live-summary-grid,.payroll-commission-summary,.live-plan-list{grid-template-columns:1fr}.payroll-source-locks{grid-template-columns:1fr}.payroll-employee-scope label{min-width:100%;width:100%}}

/* v1.0.94 · unified reporting, document-grade price control and permission overview */
.sales-calendar-backdrop .modal-body{min-height:0;overflow:auto}.sales-calendar-reporting{grid-template-columns:1fr!important;min-width:0;padding:15px;border:1px solid var(--line);border-radius:15px;background:var(--panel-muted)}.sales-calendar-reporting>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}.sales-calendar-reporting>header h3{margin:4px 0 0}.sales-calendar-reporting>header>small{color:var(--muted);text-align:right}.sales-calendar-reporting .sales-reporting-grid{min-width:0;width:100%}.sales-calendar-reporting .sales-reporting-grid article{width:100%;grid-template-columns:36px minmax(190px,1fr) 62px 94px 72px}.sales-calendar-reporting .sales-reporting-grid article>div{min-width:0}.sales-calendar-reporting .sales-reporting-grid header{min-width:0}.sales-calendar-reporting .sales-reporting-grid header b,.sales-calendar-reporting .sales-reporting-grid header small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sales-month-calendar{min-width:0}.sales-calendar-scroll{min-height:220px}
.price-overview{display:grid;gap:20px}.price-overview>header{padding:24px;border:1px solid #c9d9d3;border-radius:18px;background:linear-gradient(135deg,#edf6f2,#fffdf8)}.price-overview>header>span{color:#9a7338;font-size:10px;font-weight:900;letter-spacing:.14em}.price-overview>header h2{margin:6px 0;font-size:26px}.price-overview>header p{margin:0;color:var(--muted)}.price-overview>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.price-overview>div>button{min-width:0;padding:20px;border:1px solid var(--line);border-radius:17px;background:var(--panel);display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;text-align:left;color:var(--text);cursor:pointer;box-shadow:var(--shadow-soft)}.price-overview>div>button:hover{border-color:#72aa9b;transform:translateY(-1px)}.price-overview>div>button>i{grid-row:1/3;width:48px;height:48px;border-radius:14px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-style:normal;font-size:18px;font-weight:900}.price-overview>div>button>span{display:grid;gap:5px}.price-overview>div>button b{font-size:16px}.price-overview>div>button small{color:var(--muted);line-height:1.55}.price-overview>div>button em{padding:5px 8px;border-radius:999px;background:var(--panel-muted);color:var(--muted);font-size:10px;font-style:normal}.price-overview>div>button strong{grid-column:2/4;color:var(--accent);font-size:11px}
.price-control-official.is-fullscreen{position:fixed;inset:8px;z-index:9200;padding:14px!important;overflow:auto;border-radius:15px;box-shadow:0 26px 80px rgba(12,34,27,.28)}.price-control-official.is-fullscreen .price-toolbar{position:sticky;top:0;z-index:15;padding:10px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 95%,transparent);backdrop-filter:blur(14px)}.price-control-table table{width:100%;table-layout:fixed}.price-control-table th,.price-control-table td{box-sizing:border-box;padding:10px 8px;vertical-align:middle}.price-control-table td:nth-child(n+3),.price-control-table th:nth-child(n+3){text-align:center}.price-control-table td:nth-child(2){text-align:center}.price-control-table td b,.price-control-table td small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.price-control-excluded{opacity:.52;background:var(--panel-muted)}
.price-cost-modal{padding:10px}.price-cost-modal .modal{width:min(1540px,calc(100vw - 20px));height:calc(100dvh - 20px);max-height:none}.price-cost-modal .modal-body{min-height:0;overflow:auto}.price-cost-form{gap:16px}.price-cost-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.price-cost-summary article{padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:var(--panel-muted);display:grid;gap:4px}.price-cost-summary span,.price-cost-summary small{color:var(--muted);font-size:10px}.price-cost-summary strong{font-size:20px;color:var(--accent)}.price-cost-products{min-height:340px;display:grid;grid-template-rows:auto minmax(0,1fr)}.price-cost-products>header{align-items:end;gap:18px}.price-cost-products>header>div:first-child{display:grid;gap:4px}.price-cost-products h3{margin:0}.price-cost-product-tools{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}.price-cost-product-tools input{width:min(320px,42vw);min-height:38px}.price-cost-products .table-wrap{max-height:52vh}.price-cost-products table{min-width:1080px}.price-cost-products th:nth-child(2){width:330px}.price-cost-products th:nth-child(3){width:200px}.price-cost-current{display:grid;gap:3px}.price-cost-current small{color:var(--muted)}
.permission-overview-toolbar{position:sticky;top:8px;z-index:12;margin-bottom:12px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 30%,var(--line));border-radius:13px;background:color-mix(in srgb,var(--panel) 94%,transparent);backdrop-filter:blur(13px);display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:var(--shadow-soft)}.permission-overview-toolbar>div{display:grid;gap:3px}.permission-overview-toolbar small{color:var(--muted)}.permission-overview-toolbar nav{display:flex;gap:7px}.permission-overview-toolbar button{min-height:34px;padding:7px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--accent);font-weight:800;cursor:pointer}.permission-vertical-overview .permission-module{grid-template-columns:minmax(280px,340px) minmax(0,1fr)!important}.permission-vertical-overview .permission-module>header{border-right:1px solid var(--line)!important}.permission-vertical-overview .permission-subpanel{display:grid!important}.permission-vertical-overview .permission-capability-block>div{grid-template-columns:repeat(3,minmax(150px,1fr))}
.live-plan-list article{grid-template-columns:minmax(0,1fr) auto;align-items:start}.live-plan-list article>div{min-width:0;display:grid;gap:5px}.live-plan-list article>.text-button{align-self:center}.live-personnel-modal .modal,.live-commission-modal .modal{width:min(1120px,calc(100vw - 28px));max-height:92vh}.live-personnel-picker{max-height:42vh;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:11px;border:1px solid var(--line);border-radius:13px;background:var(--panel-muted)}.live-personnel-picker label{padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);display:flex;align-items:center;gap:9px}.live-personnel-picker label span{display:grid;gap:3px}.live-personnel-picker small{color:var(--muted)}.live-commission-sensitive{padding:14px;border:1px solid #e3c681;border-radius:14px;background:#fff9e9}.live-commission-sensitive table{min-width:1040px}.live-commission-sensitive>p{margin:0 0 12px;color:#765b2e;font-size:11px}.live-commission-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.product-card-image{background:#fff}.product-card-image img{object-fit:contain!important;mix-blend-mode:normal}.product-card-copy h2{min-height:40px}.product-simple-table{border:1px solid var(--line);border-radius:13px}.product-simple-table thead th{font-size:11px}.product-simple-table td{vertical-align:middle}
@media(max-width:900px){.price-overview>div,.price-cost-summary{grid-template-columns:1fr 1fr}.price-cost-products>header{align-items:stretch;flex-direction:column}.price-cost-product-tools{justify-content:flex-start}.permission-overview-toolbar{position:static;align-items:flex-start;flex-direction:column}.permission-vertical-overview .permission-module{grid-template-columns:1fr!important}.permission-vertical-overview .permission-module>header{border-right:0!important;border-bottom:1px solid var(--line)}.permission-vertical-overview .permission-capability-block>div{grid-template-columns:1fr 1fr}.live-personnel-picker{grid-template-columns:1fr}}
@media(max-width:620px){.sales-calendar-reporting>header{flex-direction:column}.sales-calendar-reporting .sales-reporting-grid article{grid-template-columns:34px minmax(0,1fr) 54px}.price-overview>div,.price-cost-summary{grid-template-columns:1fr}.price-control-official.is-fullscreen{inset:0;border-radius:0}.permission-vertical-overview .permission-capability-block>div{grid-template-columns:1fr}.permission-overview-toolbar nav{width:100%}.permission-overview-toolbar button{flex:1}.live-commission-modal,.live-personnel-modal{padding:0}.live-commission-modal .modal,.live-personnel-modal .modal{width:100vw;height:100dvh;max-height:none;border-radius:0}}

/* v1.0.94 · 价格策略与工资表业务内嵌工作簿 */
.business-sheet-page{box-sizing:border-box;min-width:0;padding:10px 12px 66px!important;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:9px;background:var(--bg)}
.business-sheet-head{position:sticky;top:0;z-index:80;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 97%,transparent);box-shadow:0 8px 24px rgba(25,55,46,.08);display:grid;grid-template-columns:auto minmax(260px,1fr) auto;align-items:center;gap:13px}
.business-sheet-head>div{min-width:0;display:grid;gap:3px}.business-sheet-head>div>span{color:var(--accent);font-size:9px;font-weight:850;letter-spacing:.14em}.business-sheet-head h1{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:19px}.business-sheet-head small{color:var(--muted);font-size:9px}.business-sheet-head>nav{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.business-sheet-mode{padding:3px;border:1px solid var(--line);border-radius:10px;background:var(--panel-muted);display:flex;gap:3px}.business-sheet-mode button{min-height:34px;padding:6px 11px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-weight:800;cursor:pointer}.business-sheet-mode button.active{background:var(--panel);color:var(--accent);box-shadow:var(--shadow-soft)}
.business-sheet-zoom{min-height:38px;padding:5px 8px;border:1px solid var(--line);border-radius:9px;color:var(--muted);font-size:9px;display:flex;align-items:center;gap:6px}.business-sheet-zoom select{min-width:68px;border:0;background:transparent;color:var(--text);font-weight:800}
.business-sheet-canvas{min-width:0;min-height:620px;border:1px solid var(--line);border-radius:13px;background:var(--panel);overflow:auto;box-shadow:var(--shadow-soft)}.business-sheet-zoom-layer{width:max-content;min-width:100%;transform-origin:0 0}.business-sheet-page .cloud-sheet-editor.advanced{width:100%;min-width:1180px;height:calc(100vh - 220px);min-height:600px;display:grid;grid-template-rows:auto 38px minmax(0,1fr) 43px}.business-sheet-page .cloud-sheet-toolbar{position:sticky;top:0;z-index:22;width:100%;min-width:max-content}.business-sheet-page .cloud-sheet-grid{height:auto;min-height:0;max-height:none}.business-sheet-page .cloud-sheet-bottom{position:sticky;bottom:0;z-index:22}
.business-sheet-preview{min-width:100%;min-height:620px;display:grid;grid-template-rows:minmax(0,1fr) 44px}.business-sheet-preview-grid{max-height:calc(100vh - 220px);overflow:auto}.business-sheet-preview table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;background:var(--panel)}.business-sheet-preview th,.business-sheet-preview td{height:34px;padding:7px 10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;text-align:left;font-size:11px}.business-sheet-preview tr:first-child th{position:sticky;top:0;z-index:4;background:var(--panel-muted);font-weight:850}.business-sheet-preview footer{position:sticky;bottom:0;padding:6px 10px;border-top:1px solid var(--line);background:var(--panel);display:flex;align-items:center;gap:6px;overflow-x:auto}.business-sheet-preview footer button{padding:7px 13px;border:0;border-radius:8px;background:var(--panel-muted);color:var(--muted);white-space:nowrap;cursor:pointer}.business-sheet-preview footer button.active{background:var(--accent);color:#fff}
.business-sheet-foot{padding:0 3px;display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--muted);font-size:9px}.business-sheet-foot b{color:var(--accent);font-weight:750}
body.business-sheet-fullscreen{overflow:hidden}body.business-sheet-fullscreen .business-sheet-page{position:fixed;inset:0;z-index:9000;width:100vw;height:100vh;padding:6px!important;border-radius:0;grid-template-rows:auto minmax(0,1fr) auto}body.business-sheet-fullscreen .business-sheet-head{position:relative;top:auto;border-radius:9px}body.business-sheet-fullscreen .business-sheet-canvas{min-height:0;border-radius:9px}body.business-sheet-fullscreen .business-sheet-page .cloud-sheet-editor.advanced{height:100%;min-height:0;grid-template-rows:auto 38px minmax(0,1fr) 43px}body.business-sheet-fullscreen .business-sheet-page .cloud-sheet-grid{height:auto;min-height:0}body.business-sheet-fullscreen .business-sheet-preview{height:100%;min-height:0}body.business-sheet-fullscreen .business-sheet-preview-grid{max-height:none;min-height:0}
.cloud-folder-menu .danger-button.permanent{border-color:#b64b44;background:#b64b44;color:#fff}.cloud-editor-aside #cloud-delete-document{margin-top:4px;padding-top:11px;border-top:1px solid var(--line)}
@media(max-width:980px){.business-sheet-head{grid-template-columns:auto minmax(180px,1fr)}.business-sheet-head>nav{grid-column:1/-1;justify-content:flex-start}.business-sheet-page .cloud-sheet-editor.advanced{height:calc(100vh - 270px)}}
@media(max-width:680px){.business-sheet-page{padding:5px 5px 80px!important}.business-sheet-head{padding:7px;gap:7px}.business-sheet-head h1{font-size:15px}.business-sheet-head>div>span,.business-sheet-head small,.business-sheet-foot{display:none}.business-sheet-head>nav{flex-wrap:nowrap;overflow-x:auto}.business-sheet-head>nav>*{flex:none}.business-sheet-page .cloud-sheet-editor.advanced{height:calc(100dvh - 240px);min-height:520px}.business-sheet-canvas,.business-sheet-preview{min-height:520px}}

/* v1.0.89 · price control, product master data and reporting refinements */
.price-directory{display:grid;gap:18px}.price-directory>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:4px 2px 16px;border-bottom:1px solid var(--line)}.price-directory>header p{max-width:720px;margin:0;color:var(--muted);line-height:1.75}.price-directory>header>div{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.price-directory-grid{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:16px}.price-directory-grid article{min-width:0;padding:16px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.price-directory-grid h3{margin:0 0 12px}.price-directory-grid table{min-width:100%}.price-quote-line{grid-template-columns:22px minmax(300px,1fr) 100px 120px 72px}.price-quote-product{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:11px}.price-quote-product img,.price-quote-product>i{width:56px;height:56px;border-radius:12px;border:1px solid var(--line);background:#f7f8f7}.price-quote-product img{object-fit:cover}.price-quote-product>i{display:grid;place-items:center;color:#1a5c4e;font-style:normal;font-weight:850}.price-quote-product>span{display:grid;gap:4px}.price-quote-image-choice{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px;white-space:nowrap}
.product-data-consumers{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-4px 0 18px;padding:13px 17px;border:1px solid #b8d7cf;border-radius:15px;background:linear-gradient(100deg,#ecf7f4,#fffdf7)}.product-data-consumers>b{margin-right:4px;color:#164f43}.product-data-consumers>span{padding:6px 10px;border-radius:999px;background:#dff0eb;color:#176050;font-weight:750;font-size:12px}.product-data-consumers>small{margin-left:auto;color:var(--muted)}.product-display-switch{display:flex;gap:5px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--panel-muted)}.product-display-switch button{border:0;border-radius:9px;padding:8px 11px;background:transparent;color:var(--muted);cursor:pointer}.product-display-switch button.active{background:var(--surface);color:#155447;font-weight:800;box-shadow:0 3px 10px rgba(24,75,64,.08)}.product-simple-table{max-height:calc(100vh - 350px)}.product-simple-table table{min-width:1260px}.product-simple-table thead{position:sticky;top:0;z-index:2}.product-simple-table td:nth-child(2){min-width:260px}.product-simple-table td small{display:block;margin-top:3px;color:var(--muted)}
.sales-mixed-allocation-list{display:grid;gap:12px;max-height:58vh;overflow:auto;padding-right:3px}.sales-mixed-allocation{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.sales-mixed-allocation>header{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}.sales-mixed-allocation>header>div{display:grid;gap:3px}.sales-mixed-allocation header small{color:var(--muted)}.sales-mixed-allocation header strong{color:#a46124;font-size:13px}.sales-mixed-allocation.complete{border-color:#87c5b4;background:#f1faf7}.sales-mixed-allocation.over{border-color:#db8b7e;background:#fff4f1}.sales-config-warning{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 16px;padding:14px 17px;border:1px solid #edcf90;border-radius:15px;background:#fff9e9;color:#745323}.sales-config-warning>div{display:grid;gap:3px}.sales-config-warning small{color:#946f39}.sales-calendar-reporting{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0}.sales-calendar-reporting article{padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface)}.sales-calendar-reporting span,.sales-calendar-reporting small{display:block;color:var(--muted)}.sales-calendar-reporting strong{display:block;margin:5px 0;font-size:18px}.payroll-profile-scope{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:-2px 0 15px}.payroll-profile-scope button{padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);cursor:pointer}.payroll-profile-scope button.active{border-color:#6eae9e;background:#e3f2ed;color:#165747;font-weight:800}.payroll-profile-scope span{margin-left:auto;color:var(--muted);font-size:12px}.work-item.price{border-left:4px solid #c99541}.work-item.price .work-icon{background:#fff2d8;color:#9a6319}
@media(max-width:1100px){.price-directory-grid{grid-template-columns:1fr}.product-data-consumers>small{width:100%;margin-left:0}.sales-calendar-reporting{grid-template-columns:1fr}}
@media(max-width:720px){.price-directory>header{display:grid}.price-directory>header>div{justify-content:flex-start}.price-quote-line{grid-template-columns:22px minmax(0,1fr)}.price-quote-line>input:not([type="checkbox"]),.price-quote-image-choice{grid-column:2;width:100%}.payroll-profile-scope span{width:100%;margin-left:0}.sales-mixed-allocation>header{align-items:flex-start;flex-direction:column}}

/* v1.0.90 · workbook strategies, historical payees and organization detail */
.org-chart-branches{align-items:start}.org-chart-branches .org-chart-branch{padding:0;overflow:visible;background:transparent;border:0}.org-chart-leader{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--panel-muted);display:grid;gap:7px}.org-chart-leader>button{display:grid;gap:4px;width:100%;padding:0;border:0;background:transparent;color:var(--text);cursor:pointer}.org-chart-leader>button:disabled{cursor:default}.org-chart-member-connector{width:1px;height:14px;margin:0 auto;background:var(--line)}.org-chart-member-nodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.org-chart-member-nodes>button{min-width:0;padding:9px;border:1px solid var(--line);border-radius:11px;background:var(--panel);display:flex;align-items:center;gap:7px;text-align:left;color:var(--text);cursor:pointer}.org-chart-member-nodes>button i{flex:0 0 26px;width:26px;height:26px;border-radius:8px;background:var(--accent-soft);display:grid;place-items:center;color:var(--accent);font-style:normal;font-weight:850}.org-chart-member-nodes>button span{min-width:0;display:grid;gap:2px}.org-chart-member-nodes>button b,.org-chart-member-nodes>button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.org-chart-member-nodes>button b{font-size:10px}.org-chart-member-nodes>button small{font-size:8px}.org-chart-member-nodes>p{grid-column:1/-1;margin:0;padding:9px;color:var(--muted);font-size:9px}.payroll-profile-quick-actions{display:flex;gap:7px;flex-wrap:wrap}.payroll-profile-quick-actions .text-button{font-size:10px}.product-simple-table table{min-width:1160px}.product-simple-table td:nth-child(4){min-width:210px}.product-simple-table td:nth-child(5){min-width:180px}.product-simple-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--text)!important}.product-import-mode-note{display:grid;gap:5px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:12px;background:var(--accent-soft);color:var(--muted)}.product-import-mode-note b{color:var(--accent)}
@media(max-width:1100px){.org-chart-member-nodes{grid-template-columns:1fr}}