:root {
  --bg: #fbf7f4;
  --panel: #ffffff;
  --soft: #fff8f5;
  --line: #f0dfdc;
  --text: #2d2024;
  --muted: #8e7a80;
  --brand: #8d3148;
  --brand-2: #b54a60;
  --red: #e74449;
  --orange: #f3a21c;
  --green: #78ad43;
  --blue: #6686c8;
  --purple: #8a6ccf;
  --shadow: 0 16px 38px rgba(100, 54, 61, 0.08);
  --radius: 12px;
  --sidebar: 230px;
  --collapsed-sidebar: 72px;
}

/* 财务中心效果图精准版 · c-1 至 c-8 */
.finance-center-shell{
  --finance-wine:#8d0b2b;
  --finance-wine-dark:#720720;
  --finance-pink:#f9e7ec;
  --finance-orange:#f06a14;
  --finance-green:#149648;
  --finance-red:#e43d49;
  --finance-line:#e5e0e1;
  --finance-text:#262126;
  --finance-muted:#7c7377;
}
.finance-center-shell .finance-center-subnav{
  min-height:52px;
  padding:0 18px;
  border-bottom:1px solid var(--finance-line);
  background:#fff;
  box-shadow:none;
}
.finance-center-shell .finance-center-subnav-scroll{
  min-height:52px;
  gap:18px;
}
.finance-center-shell .finance-center-subnav-scroll>button,
.finance-center-shell .finance-settings-entry{
  position:relative;
  min-height:52px;
  padding:0 12px;
  border:0;
  border-radius:0;
  background:transparent;
  color:#494146;
  font-size:13px;
  font-weight:600;
  letter-spacing:.02em;
}
.finance-center-shell .finance-center-subnav-scroll>button::after,
.finance-center-shell .finance-settings-entry::after{
  position:absolute;
  right:4px;
  bottom:0;
  left:4px;
  height:3px;
  border-radius:3px 3px 0 0;
  background:var(--finance-wine);
  content:"";
  opacity:0;
}
.finance-center-shell .finance-center-subnav-scroll>button.active,
.finance-center-shell .finance-settings-entry.active{
  color:var(--finance-wine);
  background:transparent;
}
.finance-center-shell .finance-center-subnav-scroll>button.active::after,
.finance-center-shell .finance-settings-entry.active::after{opacity:1}
.finance-center-shell .finance-settings-entry{
  gap:6px;
  margin-left:auto;
  white-space:nowrap;
}
.finance-center-shell .finance-settings-entry svg{width:17px;height:17px}
.finance-reference-page{
  display:grid;
  gap:12px;
  padding:14px 16px 18px;
  background:#fff;
  color:var(--finance-text);
}
.finance-reference-page button,
.finance-reference-page select,
.finance-reference-page input,
.finance-reference-page textarea{font:inherit}
.finance-reference-page svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.finance-reference-toolbar{
  display:flex;
  align-items:flex-end;
  min-height:46px;
  gap:16px;
}
.finance-reference-toolbar>h1{
  flex:0 0 auto;
  margin:0 8px 3px 0;
  color:#1f1a1d;
  font-size:25px;
  font-weight:760;
  line-height:1.1;
  letter-spacing:.01em;
  white-space:nowrap;
}
.finance-reference-filters{
  display:flex;
  flex:1 1 auto;
  align-items:flex-end;
  gap:14px;
  min-width:0;
}
.finance-reference-filters label{
  display:flex;
  align-items:center;
  gap:7px;
  min-width:0;
  color:#665e62;
  font-size:11px;
  white-space:nowrap;
}
.finance-reference-filters label>span{font-weight:600}
.finance-reference-filters select,
.finance-reference-filters input{
  width:104px;
  height:32px;
  padding:0 28px 0 10px;
  border:1px solid #ded8da;
  border-radius:5px;
  outline:0;
  background:#fff;
  color:#4b4448;
  font-size:11px;
}
.finance-reference-filters label.wide select,
.finance-reference-filters label.wide input{width:132px}
.finance-reference-filters input[type="month"]{padding-right:8px}
.finance-reference-filters input[type="search"]{width:160px}
.finance-reference-meta{
  display:flex;
  align-items:center;
  align-self:center;
  gap:6px;
  margin-left:auto;
  color:#776d72;
  font-size:11px;
  white-space:nowrap;
}
.finance-reference-meta button{
  display:grid;
  width:26px;
  height:26px;
  padding:0;
  border:0;
  background:transparent;
  color:#756b70;
  place-items:center;
}
.finance-reference-meta button svg{width:15px;height:15px}
.finance-reference-actions{
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:auto;
  white-space:nowrap;
}
.finance-reference-actions button,
.finance-reference-panel>footer button,
.finance-reference-document-detail>footer button,
.finance-reference-reconciliation-detail>footer button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 15px;
  gap:6px;
  border:1px solid var(--finance-wine);
  border-radius:4px;
  background:var(--finance-wine);
  color:#fff;
  font-size:12px;
  font-weight:650;
  box-shadow:0 2px 5px rgba(141,11,43,.1);
}
.finance-reference-actions button.secondary,
.finance-reference-panel>footer button.secondary,
.finance-reference-document-detail>footer button.secondary,
.finance-reference-reconciliation-detail>footer button.secondary{
  background:#fff;
  color:var(--finance-wine);
  box-shadow:none;
}
.finance-reference-actions button svg{width:15px;height:15px}
.finance-reference-kpi-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
}
.finance-reference-kpi{
  position:relative;
  display:flex;
  min-width:0;
  min-height:112px;
  padding:16px 16px 13px;
  overflow:hidden;
  border:1px solid var(--finance-line);
  border-radius:6px;
  background:#fff;
  box-shadow:0 3px 11px rgba(87,57,65,.025);
}
.finance-reference-kpi>div{
  display:grid;
  align-content:space-between;
  gap:5px;
  min-width:0;
}
.finance-reference-kpi>div>span{
  color:#4e474a;
  font-size:13px;
  font-weight:650;
}
.finance-reference-kpi>div>strong{
  color:#1f1b1d;
  font-size:25px;
  font-weight:620;
  line-height:1.12;
  letter-spacing:.03em;
  white-space:nowrap;
}
.finance-reference-kpi>div>strong .finance-data-pending{
  font-size:14px;
  letter-spacing:0;
}
.finance-reference-kpi>div>small{
  display:flex;
  align-items:center;
  gap:10px;
  color:#857b80;
  font-size:11px;
  white-space:nowrap;
}
.finance-reference-kpi>div>small em{
  color:#6d6468;
  font-style:normal;
}
.finance-reference-kpi>i{
  position:absolute;
  top:18px;
  right:15px;
  display:grid;
  width:38px;
  height:38px;
  border-radius:50%;
  background:#fae7ec;
  color:var(--finance-wine);
  place-items:center;
}
.finance-reference-kpi>i svg{width:20px;height:20px}
.finance-reference-kpi.danger>i{background:#fde7e9;color:var(--finance-red)}
.finance-reference-kpi .positive,
.finance-reference-page .positive{color:var(--finance-green)!important}
.finance-reference-kpi .negative,
.finance-reference-page .negative{color:var(--finance-red)!important}
.finance-reference-kpi .warning,
.finance-reference-page .warning{color:var(--finance-orange)!important}
.finance-reference-panel{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--finance-line);
  border-radius:6px;
  background:#fff;
  box-shadow:0 3px 12px rgba(87,57,65,.022);
}
.finance-reference-panel>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:42px;
  padding:9px 14px;
  gap:12px;
  border-bottom:1px solid #eee9ea;
}
.finance-reference-panel>header h2,
.finance-reference-panel>h2{
  margin:0;
  color:#292326;
  font-size:15px;
  font-weight:720;
  letter-spacing:.01em;
}
.finance-reference-panel>header h2 small{
  color:#83797e;
  font-size:11px;
  font-weight:500;
}
.finance-reference-panel>header select{
  height:28px;
  padding:0 25px 0 10px;
  border:1px solid #ded8da;
  border-radius:4px;
  background:#fff;
  color:#655c60;
  font-size:11px;
}
.finance-reference-panel>header>button{
  padding:0;
  border:0;
  background:transparent;
  color:#6e6267;
  font-size:11px;
}
.finance-reference-dashboard-charts{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.finance-reference-dashboard-charts>.finance-reference-panel{min-height:265px}
.finance-reference-inline-metrics{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin:10px 28px 0;
}
.finance-reference-inline-metrics span{
  display:grid;
  gap:4px;
  padding:0 16px;
  border-right:1px solid #eee9ea;
  color:#6d6368;
  font-size:11px;
}
.finance-reference-inline-metrics span:first-child{padding-left:0}
.finance-reference-inline-metrics span:last-child{border-right:0}
.finance-reference-inline-metrics strong{
  color:#2b2528;
  font-size:16px;
  font-weight:650;
}
.finance-reference-chart{
  position:relative;
  min-height:205px;
  padding:5px 12px 8px;
}
.finance-reference-chart .finance-reference-legend{
  display:flex;
  align-items:center;
  gap:18px;
  height:26px;
  padding-left:20px;
  color:#655c60;
  font-size:10px;
}
.finance-reference-legend{
  display:flex;
  align-items:center;
  gap:16px;
  color:#655c60;
  font-size:10px;
}
.finance-reference-legend span{display:inline-flex;align-items:center;gap:5px}
.finance-reference-legend i{
  display:inline-block;
  width:16px;
  height:3px;
  border-radius:2px;
  background:var(--series,#8d0b2b);
}
.finance-reference-legend i.dashed{
  height:0;
  border-top:2px dashed var(--series,#8d0b2b);
  background:transparent;
}
.finance-reference-chart svg{
  width:100%;
  height:158px;
  overflow:visible;
}
.finance-reference-chart svg line.grid{
  stroke:#e8e3e4;
  stroke-width:1;
  stroke-dasharray:2 3;
}
.finance-reference-chart svg polyline{
  fill:none;
  stroke:var(--series);
  stroke-width:2.1;
  vector-effect:non-scaling-stroke;
}
.finance-reference-chart svg polyline.dashed{stroke-dasharray:5 4}
.finance-reference-axis{
  display:flex;
  justify-content:space-between;
  padding:0 13px 0 22px;
  color:#8a8084;
  font-size:9px;
}
.finance-reference-dashboard-bottom{
  display:grid;
  grid-template-columns:.92fr .95fr 1.15fr;
  gap:12px;
}
.finance-reference-dashboard-bottom>.finance-reference-panel{min-height:220px}
.finance-reference-task-list{display:grid;padding:8px 14px}
.finance-reference-task-list>button{
  display:grid;
  grid-template-columns:32px minmax(0,1fr) auto auto;
  align-items:center;
  min-height:43px;
  padding:5px 0;
  gap:9px;
  border:0;
  border-bottom:1px solid #eee9ea;
  background:#fff;
  text-align:left;
}
.finance-reference-task-list>button:last-child{border-bottom:0}
.finance-reference-task-list>button>i{
  display:grid;
  width:30px;
  height:30px;
  border-radius:50%;
  background:#f8e8ec;
  color:var(--finance-wine);
  place-items:center;
}
.finance-reference-task-list>button>i svg{width:17px;height:17px}
.finance-reference-task-list>button>span{display:grid;gap:2px}
.finance-reference-task-list>button>span b{font-size:12px}
.finance-reference-task-list>button>span small{color:#887e83;font-size:10px}
.finance-reference-task-list>button>strong{color:var(--finance-red);font-size:16px}
.finance-reference-task-list>button>strong em{margin-left:3px;color:#83797e;font-size:9px;font-style:normal;font-weight:500}
.finance-reference-task-list>button>u{
  padding:5px 9px;
  border:1px solid var(--finance-wine);
  border-radius:3px;
  color:var(--finance-wine);
  font-size:10px;
  text-decoration:none;
}
.finance-reference-risk-list{display:grid;padding:8px 14px}
.finance-reference-risk-list>div{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  min-height:43px;
  padding:5px 0;
  gap:9px;
  border-bottom:1px solid #eee9ea;
}
.finance-reference-risk-list>div>em{
  padding:3px 6px;
  border:1px solid #efc676;
  border-radius:3px;
  color:#c17a08;
  font-size:9px;
  font-style:normal;
}
.finance-reference-risk-list>div>em.danger{border-color:#ef9ba6;color:#d93345}
.finance-reference-risk-list>div>span{display:grid;gap:2px}
.finance-reference-risk-list>div b{font-size:11px}
.finance-reference-risk-list>div small{color:#887e83;font-size:9px}
.finance-reference-risk-list>div>i{color:#8d8588;font-size:18px;font-style:normal}
.finance-reference-more{
  display:block;
  margin:5px auto 10px;
  border:0;
  background:transparent;
  color:#655d61;
  font-size:10px;
}
.finance-reference-account-table{padding:4px 12px}
.finance-reference-account-table>div{
  display:grid;
  grid-template-columns:1.5fr 1fr .9fr .65fr .4fr;
  align-items:center;
  min-height:32px;
  gap:8px;
  border-bottom:1px solid #eee9ea;
  color:#5d5559;
  font-size:10px;
}
.finance-reference-account-table>.head{
  min-height:28px;
  color:#81777c;
}
.finance-reference-account-table strong{font-size:10px}
.finance-reference-account-table button{
  border:0;
  background:transparent;
  color:var(--finance-wine);
  font-size:10px;
}
.finance-reference-profit-charts,
.finance-reference-ar-charts{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.finance-reference-profit-charts>.finance-reference-panel,
.finance-reference-ar-charts>.finance-reference-panel{min-height:245px}
.finance-reference-waterfall{
  display:flex;
  align-items:flex-end;
  justify-content:space-around;
  height:205px;
  padding:24px 18px 10px;
  gap:8px;
  background:repeating-linear-gradient(to bottom,transparent 0,transparent 37px,#eee9ea 38px);
}
.finance-reference-waterfall>div{
  display:flex;
  flex:1;
  height:100%;
  max-width:70px;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
  gap:5px;
}
.finance-reference-waterfall b{
  color:#5e555a;
  font-size:9px;
  font-weight:600;
  white-space:nowrap;
}
.finance-reference-waterfall span{
  display:block;
  width:80%;
  height:var(--bar);
  min-height:6px;
  border-radius:2px 2px 0 0;
  background:var(--finance-orange);
}
.finance-reference-waterfall .base span,
.finance-reference-waterfall .result span{background:linear-gradient(180deg,#aa173b,#7c0625)}
.finance-reference-waterfall small{color:#645b60;font-size:9px;white-space:nowrap}
.finance-reference-table-and-side{
  display:grid;
  grid-template-columns:minmax(0,1fr) 265px;
  gap:12px;
}
.finance-reference-data-panel>header{
  min-height:45px;
}
.finance-reference-data-panel>header>div:last-child{display:flex;gap:8px}
.finance-reference-data-panel>header>div:last-child>button{
  min-height:31px;
  padding:0 14px;
  border:1px solid var(--finance-wine);
  border-radius:4px;
  background:var(--finance-wine);
  color:#fff;
  font-size:11px;
}
.finance-reference-data-panel>header>div:last-child>button:last-child{background:#fff;color:var(--finance-wine)}
.finance-reference-data-panel>h2{padding:8px 14px 4px;font-size:14px}
.finance-reference-tabs{display:flex;align-items:center;gap:4px}
.finance-reference-tabs button{
  min-height:31px;
  padding:0 14px;
  border:0;
  border-radius:3px;
  background:transparent;
  color:#62595e;
  font-size:11px;
}
.finance-reference-tabs button.active{
  background:var(--finance-wine);
  color:#fff;
}
.finance-reference-anomaly-panel>div{display:grid;padding:8px 12px;gap:9px}
.finance-reference-anomaly-panel article{
  display:grid;
  grid-template-columns:32px minmax(0,1fr) auto;
  align-items:center;
  min-height:55px;
  padding:8px;
  gap:8px;
  border:1px solid #eee8e9;
  border-radius:4px;
}
.finance-reference-anomaly-panel article>i{color:var(--finance-orange)}
.finance-reference-anomaly-panel article>span{display:grid;gap:3px}
.finance-reference-anomaly-panel article b{font-size:11px}
.finance-reference-anomaly-panel article small{color:#847a7f;font-size:9px}
.finance-reference-anomaly-panel article button{
  min-height:27px;
  padding:0 8px;
  border:1px solid var(--finance-wine);
  border-radius:3px;
  background:#fff;
  color:var(--finance-wine);
  font-size:9px;
}
.finance-reference-aging{
  display:flex;
  align-items:flex-end;
  justify-content:space-around;
  height:205px;
  padding:25px 38px 10px;
  background:repeating-linear-gradient(to bottom,transparent 0,transparent 40px,#eee9ea 41px);
}
.finance-reference-aging>div{
  display:flex;
  width:18%;
  height:100%;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
  gap:6px;
}
.finance-reference-aging b{font-size:10px;font-weight:600}
.finance-reference-aging span{
  display:block;
  width:54px;
  height:var(--height);
  min-height:5px;
  border-radius:2px 2px 0 0;
  background:color-mix(in srgb,var(--finance-wine) calc(100% - var(--index) * 15%),#ef9aae);
}
.finance-reference-aging small{font-size:9px}
.finance-reference-plan-summary{
  position:absolute;
  z-index:2;
  display:grid;
  width:120px;
  margin:18px 0 0 18px;
  gap:12px;
}
.finance-reference-plan-summary span{display:grid;grid-template-columns:8px 1fr;gap:3px 7px;color:#655c60;font-size:10px}
.finance-reference-plan-summary span i{width:7px;height:7px;margin-top:4px;border-radius:50%;background:var(--finance-wine)}
.finance-reference-plan-summary span i.out{background:var(--finance-orange)}
.finance-reference-plan-summary span i.gap{background:var(--finance-red)}
.finance-reference-plan-summary strong{grid-column:2;font-size:15px;color:#2e282b}
.finance-reference-ar-charts>.finance-reference-panel:nth-child(2){position:relative}
.finance-reference-ar-charts>.finance-reference-panel:nth-child(2) .finance-reference-chart{margin-left:130px}
.finance-reference-ar-workspace{grid-template-columns:minmax(0,1fr) 245px}
.finance-reference-collection-panel>div{display:grid;padding:8px;gap:8px}
.finance-reference-collection-panel article{
  display:grid;
  gap:7px;
  padding:10px;
  border:1px solid #eee8e9;
  border-radius:5px;
}
.finance-reference-collection-panel article>b{font-size:11px}
.finance-reference-collection-panel article>strong{font-size:10px}
.finance-reference-collection-panel dl{display:grid;grid-template-columns:1fr 1fr;margin:0}
.finance-reference-collection-panel dl div{display:grid;gap:2px}
.finance-reference-collection-panel dt{color:#80767b;font-size:9px}
.finance-reference-collection-panel dd{margin:0;font-size:10px}
.finance-reference-collection-panel footer{display:flex;gap:7px}
.finance-reference-collection-panel footer button{
  flex:1;
  min-height:28px;
  border:1px solid var(--finance-wine);
  border-radius:3px;
  background:var(--finance-wine);
  color:#fff;
  font-size:9px;
}
.finance-reference-collection-panel footer button:last-child{background:#fff;color:var(--finance-wine)}
.finance-reference-funds-grid{
  display:grid;
  grid-template-columns:1fr 1.05fr 265px;
  gap:12px;
}
.finance-reference-account-distribution>.head,
.finance-reference-account-distribution>div:not(.head){
  display:grid;
  grid-template-columns:28px minmax(0,1.4fr) .9fr .5fr .6fr 1fr;
  align-items:center;
  min-height:36px;
  padding:0 12px;
  gap:7px;
  border-bottom:1px solid #eee9ea;
  font-size:9px;
}
.finance-reference-account-distribution>.head{
  grid-template-columns:minmax(0,1.4fr) .9fr .5fr .6fr 1fr;
  padding-left:47px;
  color:#7f757a;
}
.finance-reference-account-distribution>div>i{display:grid;width:21px;height:21px;color:var(--finance-wine);place-items:center}
.finance-reference-account-distribution>div>i svg{width:18px;height:18px}
.finance-reference-account-distribution>div>span{display:grid;gap:2px}
.finance-reference-account-distribution>div>span b{font-size:10px}
.finance-reference-account-distribution>div>span small{color:#887e83;font-size:8px}
.finance-reference-account-distribution>div>strong{font-size:10px}
.finance-reference-account-distribution>div>em{display:flex;align-items:center;gap:5px;font-size:9px;font-style:normal}
.finance-reference-account-distribution>div>em u{display:block;width:46px;height:5px;border-radius:5px;background:linear-gradient(90deg,var(--finance-wine) var(--share),#eee7e9 var(--share));text-decoration:none}
.finance-reference-match-suggestions{grid-row:1 / span 2;grid-column:3}
.finance-reference-match-suggestions>div{display:grid;padding:8px;gap:8px}
.finance-reference-match-suggestions article{
  display:grid;
  gap:6px;
  padding:9px;
  border:1px solid #eee8e9;
  border-radius:5px;
}
.finance-reference-match-suggestions article header{display:grid;grid-template-columns:1fr auto;gap:3px;border:0;padding:0;min-height:0}
.finance-reference-match-suggestions article header b{font-size:10px;color:var(--finance-wine)}
.finance-reference-match-suggestions article header strong{font-size:10px}
.finance-reference-match-suggestions article header small{grid-column:1 / -1;color:#877d82;font-size:8px}
.finance-reference-match-suggestions dl{display:grid;gap:2px;margin:0;font-size:9px}
.finance-reference-match-suggestions dl div{display:grid;grid-template-columns:40px 1fr}
.finance-reference-match-suggestions dt{color:#80767b}
.finance-reference-match-suggestions dd{margin:0}
.finance-reference-match-suggestions p{display:flex;align-items:center;gap:5px;margin:0;font-size:8px}
.finance-reference-match-suggestions p b{font-size:9px}
.finance-reference-match-suggestions p em{margin-left:auto;color:var(--finance-red);font-style:normal}
.finance-reference-match-suggestions footer{display:flex;gap:7px}
.finance-reference-match-suggestions footer button{
  flex:1;min-height:26px;border:1px solid var(--finance-wine);border-radius:3px;background:var(--finance-wine);color:#fff;font-size:9px
}
.finance-reference-match-suggestions footer button:last-child{background:#fff;color:var(--finance-wine)}
.finance-reference-funds-ledger{grid-column:1 / span 2}
.finance-reference-operation-area{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.finance-reference-operation-area>.finance-reference-panel{padding-bottom:12px}
.finance-reference-operation-area .finance-form-grid,
.finance-reference-operation-area .finance-import-form{padding:10px 14px}
.finance-reference-inline-empty{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:110px;padding:24px;color:var(--muted)}
.finance-reference-inline-empty p{margin:0}
.finance-reference-inline-empty button,
.finance-reference-transaction-detail button{border:1px solid #9b1035;background:#fff;color:#8d0b2b;border-radius:4px;padding:7px 16px}
.finance-reference-transaction-detail{display:flex;align-items:center;gap:18px;margin:10px 14px 14px;padding:12px 14px;border:1px solid #ead2da;background:#fff8fa;border-radius:6px}
.finance-reference-transaction-detail span{color:#56505a}
.finance-reference-transaction-detail button{margin-left:auto}
.finance-reference-document-types button.active{border-color:#9b1035;background:#fff4f7;box-shadow:inset 0 -2px #9b1035}
.finance-reference-page .table-wrap{
  max-width:100%;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.finance-reference-page .data-table{
  min-width:100%;
  border-collapse:collapse;
  background:#fff;
  font-size:9px;
}
.finance-reference-page .data-table th{
  height:31px;
  padding:5px 8px;
  border-top:1px solid #eee9ea;
  border-bottom:1px solid #e5dfe1;
  background:#fff;
  color:#71676c;
  font-size:9px;
  font-weight:600;
  white-space:nowrap;
}
.finance-reference-page .data-table td{
  height:35px;
  padding:5px 8px;
  border-bottom:1px solid #eee9ea;
  color:#4e464a;
  font-size:9px;
  white-space:nowrap;
}
.finance-reference-page .data-table tbody tr:hover{background:#fff8fa}
.finance-reference-page .finance-table-action,
.finance-reference-page .finance-table-link{
  padding:0;
  border:0;
  background:transparent;
  color:var(--finance-wine);
  font-size:9px;
}
.finance-reference-reconciliation-flow{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  min-height:68px;
  padding:10px 18px;
  border:1px solid var(--finance-line);
  border-radius:6px;
  background:#fff;
}
.finance-reference-reconciliation-flow>div{
  position:relative;
  display:grid;
  grid-template-columns:24px 31px minmax(0,1fr) auto;
  align-items:center;
  padding:0 18px;
  gap:7px;
  border-right:1px solid #eee9ea;
}
.finance-reference-reconciliation-flow>div:last-child{border-right:0}
.finance-reference-reconciliation-flow>div>i{
  position:absolute;
  top:-3px;
  left:4px;
  display:grid;
  width:19px;
  height:19px;
  border-radius:50%;
  background:var(--finance-wine);
  color:#fff;
  font-size:9px;
  font-style:normal;
  place-items:center;
}
.finance-reference-reconciliation-flow>div>span{display:grid;color:#564d52;place-items:center}
.finance-reference-reconciliation-flow>div>b{font-size:11px}
.finance-reference-reconciliation-flow>div>em{
  display:grid;
  min-width:25px;
  height:20px;
  border-radius:10px;
  background:var(--finance-wine);
  color:#fff;
  font-size:9px;
  font-style:normal;
  place-items:center;
}
.finance-reference-reconciliation-flow>div>u{
  position:absolute;
  right:-13px;
  z-index:2;
  color:#aaa1a5;
  font-size:19px;
  text-decoration:none;
}
.finance-reference-reconciliation-workspace{
  display:grid;
  grid-template-columns:1.03fr .97fr;
  gap:12px;
}
.finance-reference-reconciliation-list>header{display:grid;justify-content:stretch;gap:6px}
.finance-reference-reconciliation-list>header .finance-reference-tabs{border-top:1px solid #eee9ea;padding-top:6px}
.finance-reference-progress{display:flex;align-items:center;gap:5px}
.finance-reference-progress>i{display:block;width:35px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--finance-green) var(--progress),#e7e1e3 var(--progress))}
.finance-reference-progress>b{font-size:8px}
.finance-reference-reconciliation-detail{padding-bottom:10px}
.finance-reference-reconciliation-detail>header>strong{font-size:10px}
.finance-reference-reconciliation-detail>header>strong em{color:var(--finance-red);font-size:15px;font-style:normal}
.finance-reference-detail-context{margin:0;padding:7px 12px;color:#756b70;font-size:8px}
.finance-reference-detail-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  padding:0 12px 8px;
}
.finance-reference-detail-metrics>span{
  display:grid;
  min-height:55px;
  padding:8px;
  gap:5px;
  border:1px solid #eee8e9;
  border-radius:4px;
  color:#776d72;
  font-size:9px;
}
.finance-reference-detail-metrics strong{color:#2d272a;font-size:16px}
.finance-reference-match-board{
  display:grid;
  grid-template-columns:1fr 20px 1fr 20px 1fr;
  align-items:center;
  padding:0 12px 8px;
}
.finance-reference-match-board>section{
  align-self:stretch;
  overflow:hidden;
  border:1px solid #e5dfe1;
  border-radius:4px;
}
.finance-reference-match-board>section.danger{border-color:#f0aab3}
.finance-reference-match-board>section h3{margin:0;padding:6px 8px;border-bottom:1px solid #eee9ea;font-size:10px}
.finance-reference-match-board>section h3 small{font-size:8px;font-weight:500}
.finance-reference-match-board>section>div{display:grid;grid-template-columns:1fr auto;padding:6px 8px;gap:2px 6px;border-bottom:1px solid #f1edee}
.finance-reference-match-board>section>div:last-child{border-bottom:0}
.finance-reference-match-board>section b{font-size:8px}
.finance-reference-match-board>section small{grid-row:2;color:#877d82;font-size:7px}
.finance-reference-match-board>section em{grid-column:2;grid-row:1 / span 2;align-self:center;font-size:8px;font-style:normal}
.finance-reference-match-board>i{display:grid;color:#766d71;place-items:center}
.finance-reference-match-board>i svg{width:14px;height:14px}
.finance-reference-detail-form{display:grid;gap:6px;padding:0 12px 8px}
.finance-reference-detail-form label{display:grid;grid-template-columns:62px 1fr;align-items:center;color:#6e6569;font-size:9px}
.finance-reference-detail-form select,
.finance-reference-detail-form input{height:28px;padding:0 9px;border:1px solid #ded8da;border-radius:3px;background:#fff;font-size:9px}
.finance-reference-evidence{display:flex;align-items:center;gap:7px;padding:0 12px 8px;font-size:9px}
.finance-reference-evidence>button{display:inline-flex;align-items:center;min-height:30px;padding:0 8px;gap:5px;border:1px solid #e2dcde;border-radius:3px;background:#fff;color:#5f555a;font-size:8px}
.finance-reference-evidence>button svg{width:14px;height:14px;color:var(--finance-wine)}
.finance-reference-reconciliation-detail>footer{display:flex;justify-content:flex-end;gap:9px;padding:0 12px}
.finance-reference-document-types{
  display:grid;
  grid-template-columns:repeat(9,minmax(0,1fr));
  gap:8px;
}
.finance-reference-document-types>button{
  display:flex;
  align-items:center;
  min-height:54px;
  padding:8px;
  gap:7px;
  border:1px solid var(--finance-line);
  border-radius:5px;
  background:#fff;
  color:#4d4549;
  font-size:10px;
}
.finance-reference-document-types>button>i{
  display:grid;
  width:27px;
  height:27px;
  border-radius:50%;
  background:#f8e8ec;
  color:var(--finance-wine);
  place-items:center;
}
.finance-reference-document-types>button:nth-child(2n)>i{background:#e7f6eb;color:var(--finance-green)}
.finance-reference-document-types>button:nth-child(3n)>i{background:#e8f0fb;color:#4475ba}
.finance-reference-document-types>button>i svg{width:15px;height:15px}
.finance-reference-document-types>button>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.finance-reference-document-types>button>strong{display:grid;min-width:23px;height:18px;margin-left:auto;border-radius:10px;background:var(--finance-wine);color:#fff;font-size:8px;place-items:center}
.finance-reference-document-workspace{
  display:grid;
  grid-template-columns:1.45fr 1fr;
  gap:12px;
}
.finance-reference-document-ledger>header{display:grid;justify-content:stretch;gap:6px}
.finance-reference-document-ledger>header .finance-reference-tabs{border-top:1px solid #eee9ea;padding-top:6px}
.finance-reference-document-detail{padding-bottom:10px}
.finance-reference-document-detail>h3,
.finance-reference-document-detail .finance-reference-detail-section>h3{margin:0;padding:8px 12px 5px;font-size:10px}
.finance-reference-source-chain{
  display:flex;
  align-items:center;
  padding:5px 12px 9px;
  gap:6px;
}
.finance-reference-source-chain>span{
  display:grid;
  min-width:95px;
  min-height:58px;
  padding:7px;
  gap:2px;
  border:1px solid #e2dcde;
  border-radius:4px;
  color:#4e454a;
}
.finance-reference-source-chain>span.current{border-color:#c8798e;background:#fff7f9;color:var(--finance-wine)}
.finance-reference-source-chain>span.pending{border-style:dashed;color:#766d71}
.finance-reference-source-chain>span i{display:grid;height:18px}
.finance-reference-source-chain>span i svg{width:16px;height:16px}
.finance-reference-source-chain>span b{font-size:8px}
.finance-reference-source-chain>span small{color:#887e83;font-size:7px}
.finance-reference-source-chain>u{color:#9f969a;text-decoration:none}
.finance-reference-document-meta{
  display:grid;
  grid-template-columns:1fr 1fr;
  margin:0;
  padding:3px 12px 8px;
  gap:6px 24px;
}
.finance-reference-document-meta>div{display:grid;grid-template-columns:65px 1fr;gap:6px;font-size:9px}
.finance-reference-document-meta dt{color:#7c7277}
.finance-reference-document-meta dd{margin:0;color:#3f383b}
.finance-reference-detail-section>h3{display:flex!important;justify-content:space-between}
.finance-reference-detail-section>h3 button{border:0;background:transparent;color:#6e6569;font-size:8px}
.finance-reference-detail-section>div{display:flex;flex-wrap:wrap;gap:6px;padding:3px 12px 8px}
.finance-reference-detail-section>div>span,
.finance-reference-detail-section>div>button{display:inline-flex;align-items:center;min-height:31px;padding:0 7px;gap:5px;border:1px solid #e2dcde;border-radius:3px;background:#fff;color:#574e53;font-size:8px}
.finance-reference-detail-section svg{width:14px;height:14px;color:var(--finance-wine)}
.finance-reference-document-detail>footer{display:flex;gap:8px;padding:4px 12px}
.finance-reference-document-detail>p{display:flex;align-items:center;justify-content:center;margin:5px 0 0;color:#7e7479;font-size:8px}
.finance-reference-document-detail>p svg{width:13px;height:13px;margin-right:4px}
.finance-reference-report-layout{
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:12px;
}
.finance-reference-report-menu{padding-bottom:10px}
.finance-reference-report-menu>h2{padding:12px 14px;border-bottom:1px solid #eee9ea}
.finance-reference-report-menu>section{display:grid}
.finance-reference-report-menu>section>b{padding:12px 14px 7px;border-top:1px solid #eee9ea;color:#4e464a;font-size:10px}
.finance-reference-report-menu>section:first-of-type>b{border-top:0}
.finance-reference-report-menu>section>button{
  position:relative;
  min-height:34px;
  padding:0 16px 0 38px;
  border:0;
  background:#fff;
  color:#655c60;
  text-align:left;
  font-size:10px;
}
.finance-reference-report-menu>section>button.active{background:#f9e8ed;color:var(--finance-wine);font-weight:650}
.finance-reference-report-menu>section>button.active::before{position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--finance-wine);content:""}
.finance-reference-report-main{display:grid;gap:12px;min-width:0}
.finance-reference-report-sheet>header>span{display:flex;align-items:center;gap:7px;color:#6c6367;font-size:9px}
.finance-reference-report-sheet>header>span i{display:block;width:120px;height:5px;border-radius:5px;background:#e9e3e5}
.finance-reference-report-sheet>header>span i u{display:block;width:96%;height:100%;border-radius:5px;background:var(--finance-green)}
.finance-reference-report-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:10px 12px}
.finance-reference-report-kpis>span{display:grid;min-height:82px;padding:12px;gap:5px;border:1px solid #e8e2e4;border-radius:4px;color:#5c5358;font-size:10px}
.finance-reference-report-kpis strong{color:#292326;font-size:17px;font-weight:600}
.finance-reference-report-kpis small{color:#81777c;font-size:8px}
.finance-reference-report-body{display:grid;grid-template-columns:1.1fr 1fr;gap:12px;padding:0 12px 10px}
.finance-reference-report-body>section,
.finance-reference-report-body>aside>article{overflow:hidden;border:1px solid #e8e2e4;border-radius:4px}
.finance-reference-report-body h3{margin:0;padding:9px 11px;border-bottom:1px solid #eee9ea;font-size:11px}
.finance-reference-report-body h3 small{color:#80767b;font-size:8px;font-weight:500}
.finance-reference-report-body>aside{display:grid;gap:10px}
.finance-reference-report-body .finance-reference-chart{min-height:155px}
.finance-reference-report-body .finance-reference-chart svg{height:105px}
.finance-reference-difference-bars{display:grid;padding:9px 12px;gap:7px}
.finance-reference-difference-bars>div{display:grid;grid-template-columns:75px 1fr 75px;align-items:center;gap:6px;font-size:8px}
.finance-reference-difference-bars i{display:block;width:var(--width);height:8px;background:var(--finance-green)}
.finance-reference-difference-bars i.negative{background:var(--finance-red)}
.finance-reference-difference-bars b{text-align:right;font-size:8px;font-weight:500}
.finance-reference-report-footer{display:grid;grid-template-columns:1fr 1.1fr;gap:12px}
.finance-reference-report-footer>.finance-reference-panel{padding-bottom:8px}
.finance-reference-report-footer h2{padding:9px 12px;border-bottom:1px solid #eee9ea}
.finance-reference-report-footer>.finance-reference-panel:first-child>div{display:grid;grid-template-columns:repeat(5,1fr);padding:10px}
.finance-reference-report-footer>.finance-reference-panel:first-child span{display:grid;gap:4px;border-right:1px solid #eee9ea;padding:0 10px}
.finance-reference-report-footer>.finance-reference-panel:first-child span:last-child{border-right:0}
.finance-reference-report-footer>.finance-reference-panel:first-child b{font-size:9px}
.finance-reference-report-footer>.finance-reference-panel:first-child small{color:#7d7378;font-size:8px}
.finance-reference-settings-page{padding-top:14px}
.finance-reference-settings-title{display:flex;align-items:center;justify-content:space-between;min-height:40px}
.finance-reference-settings-title h1{margin:0;font-size:25px;font-weight:700}
.finance-reference-settings-title>div{display:flex;gap:8px}
.finance-reference-settings-layout{display:grid;grid-template-columns:175px minmax(0,1fr);gap:14px}
.finance-reference-settings-layout>main{display:grid;align-content:start;gap:12px;min-width:0}
.finance-reference-settings-menu{
  display:grid;
  align-content:start;
  padding:5px 0;
  border:1px solid var(--finance-line);
  border-radius:5px;
  background:#fff;
}
.finance-reference-settings-menu>button{
  position:relative;
  display:flex;
  align-items:center;
  min-height:43px;
  padding:0 16px;
  gap:10px;
  border:0;
  background:#fff;
  color:#4e464a;
  font-size:11px;
  text-align:left;
}
.finance-reference-settings-menu>button.active{background:#f9e8ed;color:var(--finance-wine);font-weight:650}
.finance-reference-settings-menu>button.active::before{position:absolute;top:7px;bottom:7px;left:0;width:3px;background:var(--finance-wine);content:""}
.finance-reference-settings-menu svg{width:15px;height:15px}
.finance-reference-settings-card{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--finance-line);
  border-radius:5px;
  background:#fff;
}
.finance-reference-settings-card>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:44px;
  padding:8px 14px;
  border-bottom:1px solid #eee9ea;
}
.finance-reference-settings-card>header h2,
.finance-reference-match-order>h2{margin:0;font-size:14px;font-weight:650}
.finance-reference-settings-card>header button{
  min-height:29px;
  padding:0 12px;
  border:1px solid var(--finance-wine);
  border-radius:3px;
  background:#fff;
  color:var(--finance-wine);
  font-size:10px;
}
.finance-reference-settings-card>header button.primary{background:var(--finance-wine);color:#fff}
.finance-reference-default-rule>form{
  display:flex;
  align-items:end;
  min-height:96px;
  padding:14px 20px;
  gap:28px;
}
.finance-reference-default-rule>form>label{display:grid;gap:8px;color:#675e62;font-size:10px}
.finance-reference-default-rule>form>label>div{display:flex;align-items:center}
.finance-reference-default-rule>form input{width:115px;height:34px;padding:0 10px;border:1px solid #ded8da;border-radius:4px;font-size:11px}
.finance-reference-default-rule>form label span{margin-left:-24px;color:#756b70;font-size:10px}
.finance-reference-settings-split{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px}
.finance-reference-rule-inline{
  display:flex;
  align-items:end;
  padding:9px 12px;
  gap:8px;
  border-bottom:1px solid #eee9ea;
}
.finance-reference-rule-inline label{display:grid;gap:4px;color:#756b70;font-size:8px}
.finance-reference-rule-inline input,
.finance-reference-rule-inline select{width:95px;height:27px;padding:0 7px;border:1px solid #ddd6d8;border-radius:3px;font-size:8px}
.finance-reference-rule-inline button{height:27px;border:1px solid var(--finance-wine);border-radius:3px;background:var(--finance-wine);color:#fff;font-size:8px}
.finance-reference-match-order{padding:14px}
.finance-reference-match-order>h2{margin-bottom:10px}
.finance-reference-match-order ol{display:grid;margin:0;padding:0;gap:9px;list-style:none}
.finance-reference-match-order li{display:grid;grid-template-columns:24px 1fr auto;align-items:center;min-height:37px;padding:0 10px;gap:8px;border:1px solid #e4dfe0;border-radius:4px}
.finance-reference-match-order li i{display:grid;width:22px;height:22px;border-radius:50%;background:var(--finance-wine);color:#fff;font-size:10px;font-style:normal;place-items:center}
.finance-reference-match-order li span{font-size:10px}
.finance-reference-match-order li b{color:#8c8387;font-size:11px}
.finance-reference-settings-history .data-table td,
.finance-reference-settings-history .data-table th{height:35px}
.finance-reference-lock-note{
  display:flex;
  align-items:center;
  min-height:35px;
  padding:0 14px;
  gap:8px;
  border:1px solid #f2cda9;
  border-radius:4px;
  background:#fff8ef;
  color:#c56c10;
  font-size:10px;
}
.finance-reference-lock-note svg{width:15px;height:15px}

@media(max-width:1450px){
  .finance-reference-toolbar{flex-wrap:wrap;gap:8px 14px}
  .finance-reference-toolbar>h1{min-width:140px}
  .finance-reference-filters{order:2;flex-basis:100%;overflow-x:auto;padding-bottom:2px}
  .finance-reference-meta,.finance-reference-actions{margin-left:auto}
  .finance-reference-filters label{flex:0 0 auto}
  .finance-reference-kpi>div>strong{font-size:21px}
  .finance-reference-document-workspace{grid-template-columns:1.3fr 1fr}
}
@media(max-width:1180px){
  .backup-evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .finance-reference-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .finance-reference-dashboard-bottom{grid-template-columns:1fr 1fr}
  .finance-reference-dashboard-bottom>.finance-reference-panel:last-child{grid-column:1 / -1}
  .finance-reference-table-and-side,
  .finance-reference-reconciliation-workspace,
  .finance-reference-document-workspace{grid-template-columns:1fr}
  .finance-reference-funds-grid{grid-template-columns:1fr 1fr}
  .finance-reference-match-suggestions{grid-row:auto;grid-column:1 / -1}
  .finance-reference-funds-ledger{grid-column:1 / -1}
  .finance-reference-document-types{grid-template-columns:repeat(5,minmax(0,1fr))}
  .finance-reference-report-body{grid-template-columns:1fr}
}
@media(max-width:820px){
  .finance-reference-page{padding:10px}
  .finance-reference-toolbar{align-items:flex-start}
  .finance-reference-toolbar>h1{flex-basis:100%;font-size:22px}
  .finance-reference-actions{width:100%;overflow-x:auto;margin-left:0}
  .finance-reference-actions button{flex:0 0 auto}
  .finance-reference-meta{margin-left:0}
  .finance-reference-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .finance-reference-dashboard-charts,
  .finance-reference-profit-charts,
  .finance-reference-ar-charts,
  .finance-reference-dashboard-bottom,
  .finance-reference-funds-grid,
  .finance-reference-report-footer,
  .finance-reference-operation-area{grid-template-columns:1fr}
  .finance-reference-dashboard-bottom>.finance-reference-panel:last-child,
  .finance-reference-match-suggestions,
  .finance-reference-funds-ledger{grid-column:auto}
  .finance-reference-ar-charts>.finance-reference-panel:nth-child(2) .finance-reference-chart{margin-left:0;padding-top:90px}
  .finance-reference-plan-summary{grid-template-columns:repeat(3,1fr);width:auto;right:18px}
  .finance-reference-document-types{grid-template-columns:repeat(3,minmax(0,1fr))}
  .finance-reference-report-layout{grid-template-columns:1fr}
  .finance-reference-report-menu{display:flex;overflow-x:auto;padding:0}
  .finance-reference-report-menu>h2{display:none}
  .finance-reference-report-menu>section{display:flex;flex:0 0 auto}
  .finance-reference-report-menu>section>b{display:none}
  .finance-reference-report-menu>section>button{padding:0 14px;white-space:nowrap}
  .finance-reference-settings-layout{grid-template-columns:1fr}
  .finance-reference-settings-menu{display:flex;overflow-x:auto}
  .finance-reference-settings-menu>button{flex:0 0 auto}
  .finance-reference-settings-split{grid-template-columns:1fr}
  .finance-reference-default-rule>form{flex-wrap:wrap}
}
@media(max-width:560px){
  .finance-center-shell .finance-center-subnav{padding:0 8px}
  .finance-center-shell .finance-center-subnav-scroll{gap:3px}
  .finance-center-shell .finance-center-subnav-scroll>button{padding:0 9px;font-size:11px}
  .finance-center-shell .finance-settings-entry{padding:0 9px}
  .finance-center-shell .finance-settings-entry span{display:none}
  .finance-reference-filters{gap:9px}
  .finance-reference-filters label{display:grid;gap:3px}
  .finance-reference-kpi-grid{grid-template-columns:1fr 1fr;gap:8px}
  .finance-reference-kpi{min-height:102px;padding:13px 12px}
  .finance-reference-kpi>div>strong{font-size:17px}
  .finance-reference-kpi>i{top:12px;right:11px;width:31px;height:31px}
  .finance-reference-kpi>i svg{width:17px;height:17px}
  .finance-reference-inline-metrics{grid-template-columns:1fr 1fr;gap:8px}
  .finance-reference-inline-metrics span{border:0;padding:0}
  .finance-reference-document-types{grid-template-columns:1fr 1fr}
  .finance-reference-reconciliation-flow{display:flex;overflow-x:auto;padding:8px}
  .finance-reference-reconciliation-flow>div{flex:0 0 170px}
  .finance-reference-match-board{display:grid;grid-template-columns:1fr}
  .finance-reference-match-board>i{transform:rotate(90deg);padding:3px}
  .finance-reference-report-kpis{grid-template-columns:1fr 1fr}
  .finance-reference-report-body{padding:0 8px 8px}
  .finance-reference-settings-title{align-items:flex-start;gap:8px}
  .finance-reference-settings-title>div{display:grid}
  .finance-reference-default-rule>form{padding:12px;gap:12px}
  .finance-reference-default-rule>form>label{width:calc(50% - 6px)}
  .finance-reference-default-rule>form input{width:100%}
}

/* 外贸 CRM：小工具六项能力统一工作区 */
.trade-utilities-list > button{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  width:100%;
  padding:12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
  color:var(--ink);
  text-align:left;
  cursor:pointer;
  box-shadow:0 7px 18px rgba(100,54,61,.04);
}
.trade-utilities-list > button:hover{border-color:rgba(159,45,77,.35);background:#fffafb;}
.trade-utilities-list > button.active{
  border-color:var(--brand-2);
  background:#fff7f9;
  box-shadow:inset 3px 0 0 var(--brand),0 7px 18px rgba(100,54,61,.05);
}
.trade-utilities-list > button > i{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:9px;
  background:linear-gradient(135deg,var(--brand),var(--brand-2));
  color:#fff;
  font-size:12px;
  font-style:normal;
  font-weight:800;
}
.trade-utilities-list > button > span{min-width:0;}
.trade-utilities-list > button b{display:block;margin-bottom:3px;font-size:14px;}
.trade-utilities-list > button small{display:block;color:var(--muted);font-size:12px;line-height:1.45;}
.trade-utilities-list > button em{
  padding:4px 8px;
  border-radius:999px;
  background:#f3edf0;
  color:#806971;
  font-size:12px;
  font-style:normal;
  white-space:nowrap;
}
.trade-utilities-list > button em.enabled{background:#e8f6ee;color:#24714a;}
.trade-utilities-main-v3{min-height:560px;}
.trade-utilities-main-v3 input,
.trade-utilities-main-v3 select,
.trade-utilities-main-v3 textarea{
  color:var(--ink);
  font:inherit;
}
.trade-tool-card-preview{
  display:block;
  width:100%;
  max-width:520px;
  max-height:300px;
  margin:12px auto;
  border:1px solid var(--line);
  border-radius:12px;
  background:#f7f3f4;
  object-fit:contain;
}
.trade-tool-raw-text{display:grid;gap:7px;color:var(--ink);font-size:13px;font-weight:700;}
.trade-tool-raw-text textarea,
.trade-tool-script-result textarea{
  width:100%;
  padding:11px 12px;
  border:1px solid var(--line);
  border-radius:9px;
  background:#fff;
  font-size:13px;
  line-height:1.6;
  resize:vertical;
}
.trade-tool-form-card{
  display:grid;
  gap:14px;
  margin-top:14px;
  padding:16px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
}
.trade-tool-form-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.trade-tool-form-grid label{
  display:grid;
  gap:6px;
  color:var(--ink);
  font-size:13px;
  font-weight:700;
}
.trade-tool-form-grid input,
.trade-tool-form-grid select{
  width:100%;
  min-height:42px;
  padding:8px 10px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fff;
  font-size:14px;
}
.trade-tool-result-hero{
  display:grid;
  gap:6px;
  padding:18px;
  border-radius:12px;
  background:linear-gradient(135deg,#fff4f7,#fffaf5);
  box-shadow:inset 4px 0 0 var(--brand);
}
.trade-tool-result-hero span{color:var(--muted);font-size:13px;}
.trade-tool-result-hero strong{color:var(--brand);font-size:24px;overflow-wrap:anywhere;}
.trade-tool-result-hero small{color:var(--muted);font-size:12px;line-height:1.55;}
.trade-tool-rate-list{display:flex;flex-wrap:wrap;gap:8px;}
.trade-tool-rate-list span{
  padding:7px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fffafb;
  color:var(--muted);
  font-size:12px;
}
.trade-tool-rate-list b{color:var(--ink);}
.trade-tool-fx-batch{
  width:min(760px,100%);
  display:grid;
  gap:12px;
  margin:14px auto 0;
  padding:16px 18px 14px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#fff;
}
.trade-tool-fx-batch-head{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:end;
  gap:20px;
  color:var(--ink);
  font-size:13px;
  font-weight:700;
  text-align:center;
}
.trade-tool-fx-batch-head span,.trade-tool-fx-batch-head label{display:grid;gap:7px;justify-items:center;}
.trade-tool-fx-batch-head label{color:var(--brand);}
.trade-tool-fx-batch-head select{
  width:100%;
  min-height:34px;
  padding:6px 10px;
  border:1px solid var(--brand-2);
  border-radius:7px;
  background:#fffafb;
  color:var(--brand);
  font:inherit;
  font-size:13px;
  font-weight:700;
  text-align:center;
}
.trade-tool-fx-batch-grid{display:grid;gap:7px;}
.trade-tool-fx-batch-row{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr);align-items:center;gap:10px;}
.trade-tool-fx-batch-row input{
  width:100%;
  min-height:34px;
  padding:6px 9px;
  border:1px solid var(--line);
  border-radius:7px;
  background:#fff;
  color:var(--ink);
  font-size:13px;
  text-align:center;
}
.trade-tool-fx-batch-row input[readonly]{background:var(--soft);color:var(--brand);font-weight:700;}
.trade-tool-fx-batch-row span{color:var(--brand);font-size:17px;font-weight:800;text-align:center;}
.trade-tool-fx-batch footer{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;text-align:center;}
@media(max-width:620px){.trade-tool-fx-batch{padding:14px}.trade-tool-fx-batch-head{grid-template-columns:1fr;gap:10px}.trade-tool-fx-batch footer{flex-direction:column;gap:4px;}}
.trade-converter-page{display:grid;gap:14px;min-width:0;}
.trade-converter-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:2px 2px 0;}
.trade-converter-page-head span{display:block;margin-bottom:3px;color:var(--brand);font-size:12px;font-weight:900;letter-spacing:.1em;}
.trade-converter-page-head h1{margin:0;color:var(--ink);font-size:26px;line-height:1.15;}
.trade-converter-page-head p{margin:6px 0 0;color:var(--muted);font-size:13px;}
.trade-converter-page-head nav{display:flex;flex-wrap:wrap;gap:9px;padding-top:2px;}
.trade-converter-page-head nav button,.trade-converter-card header button{min-height:34px;padding:6px 12px;border:1px solid var(--brand-2);border-radius:7px;background:#fff;color:var(--brand);font-size:13px;font-weight:750;}
.trade-converter-page-head nav button.primary{border-color:var(--brand);background:var(--brand);color:#fff;}
.trade-converter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;}
.trade-converter-card{display:grid;gap:10px;min-width:0;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 8px 22px rgba(100,54,61,.045);}
.trade-converter-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.trade-converter-card h2{display:flex;align-items:center;gap:8px;margin:0;color:var(--brand);font-size:18px;}
.trade-converter-card h2 i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--brand);color:#fff;font-size:15px;font-style:normal;}
.trade-converter-card header button{min-height:28px;padding:4px 8px;font-size:12px;white-space:nowrap;}
.trade-converter-columns{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:16px;color:var(--ink);font-size:13px;text-align:center;}
.trade-converter-columns b{display:block;padding:6px 4px;color:var(--ink);}
.trade-converter-columns select{width:100%;min-height:32px;padding:5px 8px;border:1px solid var(--brand-2);border-radius:7px;background:#fffafb;color:var(--brand);font:inherit;font-size:13px;font-weight:800;text-align:center;}
.trade-converter-rows{display:grid;gap:6px;}
.trade-converter-rows>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center;}
.trade-converter-rows input{width:100%;min-height:31px;padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink);font-size:13px;text-align:center;}
.trade-converter-rows input[type="number"]{-moz-appearance:textfield;appearance:textfield;}
.trade-converter-rows input[type="number"]::-webkit-outer-spin-button,
.trade-converter-rows input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.trade-converter-rows>div input[readonly]{background:var(--soft);color:var(--brand);font-weight:700;}
.trade-converter-card footer{color:var(--muted);font-size:12px;text-align:center;}
.trade-converter-volume-rows>div{grid-template-columns:minmax(0,2.4fr) minmax(72px,.55fr);gap:14px;}
.trade-converter-volume-rows>div>span{display:grid;grid-template-columns:minmax(42px,1fr) 10px minmax(42px,1fr) 10px minmax(42px,1fr);align-items:center;gap:6px;}
.trade-converter-volume-rows em{color:var(--muted);font-size:13px;font-style:normal;text-align:center;}
.trade-converter-page-foot{display:flex;align-items:center;justify-content:center;gap:12px;color:var(--muted);font-size:12px;}
.trade-converter-page-foot .primary-button{min-height:34px;padding:6px 14px;}
@media(max-width:980px){.trade-converter-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){.trade-converter-grid{grid-template-columns:1fr}.trade-converter-page-head{flex-direction:column}.trade-converter-page-head nav{width:100%}.trade-converter-page-head nav button{flex:1}.trade-converter-card{padding:13px}.trade-converter-columns,.trade-converter-rows>div{gap:12px}.trade-converter-page-foot{align-items:stretch;flex-direction:column}.trade-converter-page-foot .primary-button{width:100%;}}
.trade-tool-kpis{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:14px;
}
.trade-tool-kpis article{
  display:grid;
  gap:4px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
}
.trade-tool-kpis span,.trade-tool-kpis small{color:var(--muted);font-size:12px;}
.trade-tool-kpis strong{color:var(--brand);font-size:24px;}
.trade-tool-dedupe-list{display:grid;gap:10px;margin-top:12px;}
.trade-tool-dedupe-list > article{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) minmax(110px,.4fr);
  align-items:center;
  gap:12px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
}
.trade-tool-dedupe-list > article > div{display:grid;gap:3px;min-width:0;}
.trade-tool-dedupe-list > article > div em{color:var(--brand);font-size:12px;font-style:normal;}
.trade-tool-dedupe-list > article > div b{font-size:14px;overflow-wrap:anywhere;}
.trade-tool-dedupe-list > article > div span{color:var(--muted);font-size:12px;overflow-wrap:anywhere;}
.trade-tool-dedupe-list > article > i{color:var(--brand);font-size:20px;font-style:normal;}
.trade-tool-dedupe-list > article > aside{display:grid;gap:4px;text-align:right;}
.trade-tool-dedupe-list > article > aside strong{color:var(--brand);font-size:18px;}
.trade-tool-dedupe-list > article > aside span{color:var(--muted);font-size:12px;}
.trade-tool-boundary{
  margin:12px 0 0;
  padding:10px 12px;
  border:1px solid #ead7bb;
  border-radius:8px;
  background:#fffaf0;
  color:#755c35;
  font-size:12px;
  line-height:1.55;
}
.trade-tool-action-note{
  display:flex;
  gap:10px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:8px;
  background:#fffafb;
  font-size:12px;
  line-height:1.55;
}
.trade-tool-action-note b{color:var(--brand);white-space:nowrap;}
.trade-tool-action-note span{color:var(--muted);}
.trade-tool-script-layout{
  display:grid;
  grid-template-columns:minmax(320px,.8fr) minmax(360px,1.2fr);
  gap:14px;
  margin-top:14px;
}
.trade-tool-script-layout .trade-tool-form-card{margin-top:0;}
.trade-tool-script-result{
  display:grid;
  gap:7px;
  color:var(--ink);
  font-size:13px;
  font-weight:700;
}
.trade-tool-script-result textarea{min-height:370px;background:#fffdfa;font-weight:400;}
.trade-tool-hs-results{display:grid;gap:10px;margin-top:12px;}
.trade-tool-hs-results > article{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:stretch;
  gap:12px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
}
.trade-tool-hs-results > article > i{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:#f8e9ee;
  color:var(--brand);
  font-size:14px;
  font-style:normal;
  font-weight:800;
}
.trade-tool-hs-results > article > div{display:grid;gap:4px;}
.trade-tool-hs-results span,.trade-tool-hs-results p{margin:0;color:var(--muted);font-size:12px;}
.trade-tool-hs-results strong{color:var(--brand);font-size:20px;}
.trade-tool-hs-results b{font-size:14px;}
.trade-tool-hs-results > article > em{padding:5px 8px;border-radius:999px;background:#edf6f1;color:#287253;font-size:12px;font-style:normal;}
.trade-tool-website-v3{margin-top:12px;}
.trade-tool-config-drawer main{display:grid;gap:14px;padding:18px;overflow:auto;}
.trade-tool-config-drawer main > section{padding:14px;border:1px solid var(--line);border-radius:10px;background:#fff;}
.trade-tool-config-drawer main h3{margin:0 0 9px;font-size:16px;}
.trade-tool-config-drawer main p{margin:0;color:var(--muted);font-size:12px;line-height:1.55;}
.trade-tool-config-drawer dl{display:grid;gap:8px;margin:0;}
.trade-tool-config-drawer dl div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);}
.trade-tool-config-drawer dt{font-size:13px;font-weight:700;}
.trade-tool-config-drawer dd{margin:0;color:var(--muted);font-size:12px;text-align:right;}
.trade-tool-rate-config{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px;}
.trade-tool-rate-config label{display:grid;gap:5px;font-size:13px;font-weight:700;}
.trade-tool-rate-config input{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font-size:14px;}
.trade-tool-config-drawer footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid var(--line);}

@media (max-width:1100px){
  .trade-tool-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .trade-tool-script-layout{grid-template-columns:1fr;}
}
@media (max-width:720px){
  .trade-tool-form-grid,.trade-tool-kpis,.trade-tool-rate-config{grid-template-columns:1fr;}
  .trade-tool-dedupe-list > article{grid-template-columns:1fr;}
  .trade-tool-dedupe-list > article > i{transform:rotate(90deg);}
  .trade-tool-dedupe-list > article > aside{text-align:left;}
  .trade-tool-script-result textarea{min-height:260px;}
}

/* 外贸 CRM 客户管理：一级直达、宽版详情与结构化背调 */
.foreign-trade-group-button.direct .foreign-trade-group-meta { display: none; }
.foreign-trade-group-button.direct { grid-template-columns: minmax(0, 1fr); }

.trade-customer-table th,
.trade-customer-table td { padding: 14px 12px; }
.trade-customer-table th { font-size: 13px; }
.trade-customer-table td > b { font-size: 14px; }
.trade-customer-table td > span,
.trade-customer-table td > small { font-size: 12px; }
.trade-customer-name b { font-size: 14px; }
.trade-customer-name span { font-size: 12px; }
.trade-customer-tags em { padding: 3px 7px; font-size: 12px; }
.trade-customer-table .trade-health { min-width: 34px; height: 34px; font-size: 12px; }
.trade-customer-table .trade-row-actions button { padding: 6px 9px; font-size: 12px; }
.trade-customer-table .trade-contact-dots i { width: 27px; height: 27px; font-size: 12px; }

.trade-customer-drawer { width: min(930px, 96vw); padding: 18px; }
.trade-customer-drawer > header h2 { font-size: 24px; }
.trade-customer-drawer > header p { font-size: 12px; }
.trade-customer-drawer-actions { margin: 12px 0; }
.trade-customer-overview { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); overflow: hidden; margin-top: 12px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.trade-customer-overview > div { min-width: 0; display: grid; gap: 5px; padding: 13px 12px; border-right: 1px solid var(--line); }
.trade-customer-overview > div:last-child { border-right: 0; }
.trade-customer-overview span,
.trade-customer-overview small { color: var(--muted); font-size: 12px; }
.trade-customer-overview strong { color: var(--text); font-size: 15px; }
.trade-customer-research-result { position: relative; padding-right: 130px; }
.trade-customer-research-result button { position: absolute; top: 50%; right: 12px; padding: 6px 9px; border: 1px solid #b8d9cf; border-radius: 7px; background: #fff; color: var(--green); font-size: 12px; font-weight: 800; transform: translateY(-50%); }
.trade-customer-detail-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .75fr); gap: 12px; margin-top: 12px; }
.trade-customer-card { overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.trade-customer-card > .panel-header { min-height: 54px; margin: 0; padding: 11px 12px; border-bottom: 1px solid var(--line); }
.trade-customer-card .panel-header h3 { margin: 0 0 3px; font-size: 14px; }
.trade-customer-card .panel-header p { margin: 0; color: var(--muted); font-size: 12px; }
.trade-customer-information dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; }
.trade-customer-information dl > div { min-width: 0; min-height: 57px; display: grid; align-content: center; gap: 4px; padding: 9px 12px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.trade-customer-information dl > div:nth-child(2n) { border-right: 0; }
.trade-customer-information dt { color: var(--muted); font-size: 12px; }
.trade-customer-information dd { min-width: 0; margin: 0; overflow-wrap: anywhere; color: var(--text); font-size: 12px; font-weight: 750; }
.trade-health-note { margin: 10px 12px 12px; padding: 9px 10px; border-left: 3px solid #d69b13; background: #fffaf0; color: #6e624d; font-size: 12px; line-height: 1.55; }
.trade-customer-contact { margin-top: 0; padding-top: 0; border-top: 0; }
.trade-customer-contact > div:not(.panel-header) { grid-template-columns: 72px minmax(0, 1fr) auto; align-items: center; padding: 12px; border-bottom: 1px solid var(--line); font-size: 12px; }
.trade-customer-contact > div small { color: var(--muted); font-size: 12px; }
.trade-customer-contact nav { grid-template-columns: repeat(3, 1fr); margin: 12px; }
.trade-localtime-chip { padding: 5px 8px; border-radius: 999px; background: #eef8f4; color: var(--green); font-size: 12px; font-weight: 800; }
.trade-customer-deals,
.trade-customer-timeline { margin-top: 12px; padding-top: 0; border-top: 0; }
.trade-customer-deals article { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(150px, .8fr) 110px 110px; align-items: center; gap: 12px; padding: 12px; border-top: 1px solid var(--line); }
.trade-customer-deals article > div { min-width: 0; display: grid; gap: 4px; }
.trade-customer-deals article span,
.trade-customer-deals article small { color: var(--muted); font-size: 12px; }
.trade-customer-deals article strong,
.trade-customer-deals article > b { font-size: 12px; }
.trade-customer-deals article > em { padding: 5px 8px; border: 1px solid #ead9ae; border-radius: 999px; background: #fff8df; color: #8a650c; font-size: 12px; font-style: normal; text-align: center; }
.trade-customer-deals article > b { color: #3157d5; text-align: right; }
.trade-customer-timeline article { padding: 12px; }
.trade-customer-timeline strong,
.trade-customer-timeline p { font-size: 12px; }

.trade-modal-layer { position: fixed; inset: 0; z-index: 120; display: grid; place-items: center; padding: 20px; }
.trade-modal-layer.research { z-index: 130; }
.trade-modal-scrim { position: absolute; inset: 0; padding: 0; border: 0; background: rgba(21, 25, 34, .52); backdrop-filter: blur(2px); }
.trade-customer-modal,
.trade-research-modal { position: relative; z-index: 1; width: min(520px, calc(100vw - 32px)); max-height: calc(100vh - 40px); overflow: auto; border: 1px solid var(--line); border-radius: 10px; background: #fff; box-shadow: 0 24px 70px rgba(15, 23, 42, .28); }
.trade-customer-modal.compact { width: min(520px, calc(100vw - 32px)); }
.trade-customer-modal > header,
.trade-research-modal > header { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 14px; border-bottom: 1px solid var(--line); }
.trade-customer-modal > header h2,
.trade-research-modal > header h2 { margin: 0; font-size: 18px; }
.trade-customer-modal > header button,
.trade-research-modal > header button { width: 30px; height: 30px; border: 1px solid var(--line); border-radius: 7px; background: #fff; color: var(--text); font-size: 18px; }
.trade-customer-modal form { display: grid; gap: 12px; padding: 14px; }
.trade-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.trade-form-grid .wide { grid-column: 1 / -1; }
.trade-customer-modal label { display: grid; gap: 6px; color: var(--muted); font-size: 12px; }
.trade-customer-modal input,
.trade-customer-modal select,
.trade-customer-modal textarea { width: 100%; min-height: 34px; padding: 7px 9px; border: 1px solid #d9dde5; border-radius: 7px; background: #fff; color: var(--text); font: inherit; font-size: 12px; outline: 0; }
.trade-customer-modal textarea { resize: vertical; }
.trade-customer-modal input:focus,
.trade-customer-modal select:focus,
.trade-customer-modal textarea:focus { border-color: #8aa2ed; box-shadow: 0 0 0 3px #eef2ff; }
.trade-customer-modal footer,
.trade-research-modal > footer { display: flex; justify-content: flex-end; gap: 8px; padding-top: 12px; border-top: 1px solid var(--line); }

.trade-research-modal { width: min(920px, calc(100vw - 32px)); }
.trade-research-modal > header span { color: var(--brand); font-size: 12px; font-weight: 900; letter-spacing: .08em; }
.trade-research-modal > header h2 { margin: 4px 0; font-size: 20px; }
.trade-research-modal > header p { margin: 0; color: var(--muted); font-size: 12px; }
.trade-research-running { display: grid; justify-items: center; gap: 24px; padding: 55px 30px; }
.trade-research-orbit { width: 74px; height: 74px; display: grid; place-items: center; border: 2px solid #ecd4cf; border-top-color: var(--brand); border-radius: 50%; animation: tradeResearchSpin 1.2s linear infinite; }
.trade-research-orbit b { color: var(--brand); font-size: 18px; animation: tradeResearchSpin 1.2s linear infinite reverse; }
@keyframes tradeResearchSpin { to { transform: rotate(360deg); } }
.trade-research-stages { width: min(620px, 100%); display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.trade-research-stages div { display: grid; justify-items: center; gap: 7px; color: #aaa; font-size: 12px; }
.trade-research-stages i { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: #fff; font-style: normal; }
.trade-research-stages .active,
.trade-research-stages .done { color: var(--brand); }
.trade-research-stages .active i,
.trade-research-stages .done i { border-color: var(--brand); background: #fff2ef; }
.trade-research-progress { width: min(620px, 100%); height: 7px; overflow: hidden; border-radius: 999px; background: #f1e7e4; }
.trade-research-progress i { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, var(--brand), #d78878); transition: width .3s ease; }
.trade-research-verdict { display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(180px, .55fr); align-items: center; gap: 16px; margin: 14px; padding: 14px; border: 1px solid #cbe4dc; border-radius: 10px; background: #f4fbf8; }
.trade-research-score { width: 74px; height: 74px; display: grid; place-content: center; border: 7px solid #8fd2bb; border-radius: 50%; text-align: center; }
.trade-research-score strong { color: #087c55; font-size: 24px; }
.trade-research-score span,
.trade-research-verdict > div > span,
.trade-research-verdict aside span { color: var(--muted); font-size: 12px; }
.trade-research-verdict h3 { margin: 4px 0; font-size: 16px; }
.trade-research-verdict p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.trade-research-verdict aside { display: grid; gap: 5px; padding-left: 14px; border-left: 1px solid #cbe4dc; }
.trade-research-verdict aside b { font-size: 12px; line-height: 1.5; }
.trade-research-layout { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(260px, .8fr); gap: 12px; padding: 0 14px 14px; }
.trade-research-layout main,
.trade-research-layout > aside { display: grid; align-content: start; gap: 12px; }
.trade-research-layout section { padding: 12px; border: 1px solid var(--line); border-radius: 9px; }
.trade-research-layout h3 { margin: 0 0 10px; font-size: 13px; }
.trade-research-opportunity { display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: center; gap: 8px; padding: 9px 0; border-top: 1px solid var(--line); }
.trade-research-opportunity i { color: var(--brand); font-size: 12px; font-style: normal; }
.trade-research-opportunity b { font-size: 12px; }
.trade-research-risk { display: grid; grid-template-columns: 7px minmax(0, 1fr); gap: 8px; padding: 9px 0; border-top: 1px solid var(--line); }
.trade-research-risk > i { width: 7px; height: 7px; margin-top: 4px; border-radius: 50%; background: #d69b13; }
.trade-research-risk.high > i { background: var(--red); }
.trade-research-risk.low > i { background: var(--green); }
.trade-research-risk div { display: grid; gap: 4px; }
.trade-research-risk b { font-size: 12px; }
.trade-research-risk span { color: var(--muted); font-size: 12px; line-height: 1.5; }
.trade-research-layout dl { margin: 0; }
.trade-research-layout dl > div { display: grid; grid-template-columns: 90px minmax(0, 1fr); gap: 8px; padding: 7px 0; border-top: 1px solid var(--line); }
.trade-research-layout dt { color: var(--muted); font-size: 12px; }
.trade-research-layout dd { margin: 0; overflow-wrap: anywhere; font-size: 12px; font-weight: 750; }
.trade-research-source { display: grid; gap: 3px; padding: 7px 0; border-top: 1px solid var(--line); }
.trade-research-source b { font-size: 12px; }
.trade-research-source span,
.trade-research-empty { color: var(--muted); font-size: 12px; }
.trade-research-engine { display: flex; justify-content: space-between; padding: 10px 12px; border-radius: 8px; background: var(--soft); font-size: 12px; }
.trade-research-modal > footer { margin: 0 14px; padding: 12px 0 14px; }

@media (max-width: 900px) {
  .trade-customer-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .trade-customer-overview > div { border-bottom: 1px solid var(--line); }
  .trade-customer-detail-grid,
  .trade-research-layout { grid-template-columns: minmax(0, 1fr); }
  .trade-customer-deals article { grid-template-columns: minmax(0, 1fr) 100px; }
  .trade-customer-deals article > div:nth-child(2) { display: none; }
}

@media (max-width: 620px) {
  .trade-customer-drawer { width: 100vw; }
  .trade-customer-overview,
  .trade-customer-information dl,
  .trade-form-grid,
  .trade-research-verdict { grid-template-columns: minmax(0, 1fr); }
  .trade-form-grid .wide { grid-column: auto; }
  .trade-customer-information dl > div { border-right: 0; }
  .trade-research-verdict aside { padding: 10px 0 0; border-top: 1px solid #cbe4dc; border-left: 0; }
  .trade-research-stages strong { display: none; }
}

/* 外贸 CRM：源项目工作台与客户管理融合页 */
.trade-command-head,
.trade-customer-page-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 4px 2px 0;
}

.trade-command-head > div:first-child > span,
.trade-customer-page-head > div:first-child > span {
  color: var(--brand);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.trade-command-head h1,
.trade-customer-page-head h1 {
  margin: 5px 0 6px;
  color: var(--text);
  font-size: 24px;
  line-height: 1.2;
}

.trade-command-head p,
.trade-customer-page-head p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
}

.trade-scope-banner {
  min-height: 42px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 9px 14px;
  border: 1px solid #e8d8d4;
  border-radius: 9px;
  background: linear-gradient(90deg, #fffaf8, #fff);
  color: var(--muted);
  font-size: 12px;
}

.trade-scope-banner strong { color: var(--text); }
.trade-scope-banner > div { display: flex; gap: 6px; }
.trade-scope-banner > div span,
.trade-scope-tag {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 3px 8px;
  border-radius: 999px;
  background: #fff0ec;
  color: var(--brand);
  font-size: 12px;
  font-weight: 850;
}

.trade-morning-panel { border-left: 4px solid var(--brand); }
.trade-morning-grid { display: grid; grid-template-columns: 1.5fr repeat(3, 1fr); gap: 10px; }
.trade-morning-grid > div { min-height: 72px; display: grid; align-content: center; gap: 6px; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--soft); }
.trade-morning-grid span { color: var(--muted); font-size: 12px; }
.trade-morning-grid strong { color: var(--text); font-size: 14px; line-height: 1.45; }

.trade-command-grid { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(280px, .75fr); gap: 16px; }
.trade-focus-panel { overflow: hidden; background: radial-gradient(circle at 100% 0, #ffece7 0, transparent 34%), #fff; }
.trade-focus-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.trade-focus-top > span { color: var(--muted); font-size: 12px; }
.trade-period-tabs,
.trade-customer-view-switch { display: inline-flex; gap: 3px; padding: 3px; border: 1px solid var(--line); border-radius: 8px; background: #fff8f6; }
.trade-period-tabs button,
.trade-customer-view-switch button { min-width: 70px; min-height: 30px; padding: 5px 12px; border: 0; border-radius: 6px; background: transparent; color: var(--muted); font-size: 12px; font-weight: 850; }
.trade-period-tabs button.active,
.trade-customer-view-switch button.active { background: #fff; color: var(--brand); box-shadow: 0 3px 10px rgba(100, 54, 61, .1); }
.trade-focus-title { padding: 19px 0 13px; }
.trade-focus-title h2 { margin: 0 0 7px; color: var(--text); font-size: 20px; }
.trade-focus-title p { max-width: 780px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.65; }
.trade-briefing-why { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.trade-briefing-why > div { display: grid; gap: 5px; padding: 10px; border: 1px solid #eee2df; border-radius: 8px; background: rgba(255, 250, 248, .82); }
.trade-briefing-why strong { color: var(--brand); font-size: 12px; }
.trade-briefing-why span { color: var(--text); font-size: 12px; line-height: 1.45; }
.trade-focus-metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 12px; }
.trade-focus-metrics > div { display: grid; gap: 4px; padding: 11px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.trade-focus-metrics span,
.trade-focus-metrics small { color: var(--muted); font-size: 12px; }
.trade-focus-metrics strong { color: var(--text); font-size: 18px; }

.trade-funnel-panel .panel-header { margin-bottom: 10px; }
.trade-lead-funnel { min-height: 250px; display: grid; align-content: center; gap: 8px; }
.trade-lead-funnel button { position: relative; width: var(--funnel-width); min-width: 130px; min-height: 37px; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 9px; margin: 0 auto; padding: 7px 12px; border: 0; border-radius: 6px; background: linear-gradient(90deg, #8d3148, #b65b6f); color: #fff; text-align: left; box-shadow: 0 5px 12px rgba(141, 49, 72, .14); }
.trade-lead-funnel button:hover { transform: translateY(-1px); filter: brightness(1.04); }
.trade-lead-funnel span { overflow: hidden; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.trade-lead-funnel strong { font-size: 15px; }
.trade-lead-funnel i { font-size: 12px; font-style: normal; opacity: .8; }

.trade-todo-board { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(270px, .65fr); gap: 16px; }
.trade-quick-add { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 8px; margin-bottom: 10px; padding: 7px 9px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.trade-quick-add > span { color: var(--brand); font-weight: 900; }
.trade-quick-add input { min-width: 0; padding: 4px; border: 0; outline: 0; background: transparent; color: var(--text); font-size: 12px; }
.trade-quick-add button { padding: 5px 10px; border: 0; border-radius: 6px; background: var(--brand); color: #fff; font-size: 12px; font-weight: 800; }
.trade-todo-filters { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 11px; }
.trade-todo-filters button { min-height: 26px; padding: 4px 9px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--muted); font-size: 12px; font-weight: 750; }
.trade-todo-filters button.active { border-color: #e4b7ad; background: #fff0ec; color: var(--brand); }
.trade-todo-list { display: grid; gap: 7px; }
.trade-todo-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto 34px; align-items: center; gap: 10px; padding: 10px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.trade-todo-item.overdue { border-color: #efc5bc; background: #fff9f7; }
.trade-todo-check { width: 22px; height: 22px; display: grid; place-items: center; padding: 0; border: 1px solid #d8c5c0; border-radius: 6px; background: #fff; color: var(--green); font-weight: 900; }
.trade-todo-item > div { min-width: 0; display: grid; gap: 4px; }
.trade-todo-item > div strong { overflow: hidden; color: var(--text); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.trade-todo-item > div span { color: var(--muted); font-size: 12px; }
.trade-todo-item > em { padding: 3px 7px; border-radius: 999px; background: #f5f2f1; color: var(--muted); font-size: 12px; font-style: normal; }
.trade-todo-item > em.high { background: #fff0ec; color: var(--red); }
.trade-todo-item > b { color: var(--brand); font-size: 13px; text-align: right; }
.trade-todo-score { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; }
.trade-todo-score > div { display: grid; gap: 5px; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--soft); }
.trade-todo-score span { color: var(--muted); font-size: 12px; }
.trade-todo-score strong { color: var(--text); font-size: 24px; }
.trade-todo-score strong.danger { color: var(--red); }
.trade-type-insight { display: grid; margin-top: 12px; }
.trade-type-insight > div { display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 9px; padding: 9px 0; border-bottom: 1px solid var(--line); font-size: 12px; }
.trade-type-insight span { color: var(--text); }
.trade-type-insight strong { font-size: 13px; }
.trade-type-insight i { color: var(--green); font-style: normal; }
.trade-type-insight i.warn { color: var(--red); }
.trade-week-strip { display: grid; grid-template-columns: repeat(7, 1fr); gap: 4px; margin-top: 12px; }
.trade-week-strip span { display: grid; gap: 4px; place-items: center; padding: 7px 2px; border-radius: 7px; background: var(--soft); }
.trade-week-strip span.active { background: var(--brand); color: #fff; }
.trade-week-strip b { font-size: 12px; }
.trade-week-strip small { font-size: 12px; }

.trade-dashboard-lower { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.trade-priority-list,
.trade-pipeline-health { display: grid; gap: 7px; }
.trade-priority-list article { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto auto auto; align-items: center; gap: 9px; padding: 9px; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.trade-priority-list article > b { color: var(--brand); font-size: 12px; text-align: center; }
.trade-priority-list article > div { min-width: 0; display: grid; gap: 3px; }
.trade-priority-list article > div strong { overflow: hidden; color: var(--text); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.trade-priority-list article > div span { color: var(--muted); font-size: 12px; }
.trade-priority-list article > em { color: var(--text); font-size: 12px; font-style: normal; font-weight: 850; }
.trade-priority-list article > button,
.trade-row-actions button { padding: 4px 7px; border: 1px solid var(--line); border-radius: 6px; background: #fff; color: var(--brand); font-size: 12px; font-weight: 800; }
.trade-health { min-width: 28px; height: 28px; display: inline-grid; place-items: center; border-radius: 50%; background: #eaf8f2; color: var(--green); font-size: 12px; font-weight: 900; }
.trade-health.risk { background: #fff0ec; color: var(--red); }
.trade-pipeline-health button { display: grid; grid-template-columns: minmax(110px, 1fr) minmax(80px, 1.2fr) 38px; align-items: center; gap: 10px; padding: 8px 0; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: var(--text); text-align: left; }
.trade-pipeline-health button > span { display: grid; gap: 3px; }
.trade-pipeline-health button b { font-size: 12px; }
.trade-pipeline-health button small { color: var(--muted); font-size: 12px; }
.trade-pipeline-health button > i { height: 7px; overflow: hidden; border-radius: 999px; background: #f1e7e4; }
.trade-pipeline-health button > i em { height: 100%; display: block; border-radius: inherit; background: linear-gradient(90deg, var(--brand), #d78878); }
.trade-pipeline-health button > strong { color: var(--brand); font-size: 12px; text-align: right; }

.trade-customer-head-actions { display: flex; align-items: center; gap: 10px; }
.trade-customer-summary { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.trade-customer-summary > div { min-height: 74px; display: grid; align-content: center; gap: 4px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 9px; background: #fff; box-shadow: var(--shadow); }
.trade-customer-summary span,
.trade-customer-summary small { color: var(--muted); font-size: 12px; }
.trade-customer-summary strong { color: var(--text); font-size: 20px; }
.trade-customer-summary .danger strong,
.trade-customer-summary .danger small { color: var(--red); }
.trade-customer-filter-row { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(145px, 210px) auto; gap: 8px; }
.trade-customer-filter-row input,
.trade-customer-filter-row select { min-height: 36px; padding: 7px 10px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--text); font-size: 12px; outline: 0; }
.trade-customer-filter-row input:focus,
.trade-customer-filter-row select:focus { border-color: #dba99f; box-shadow: 0 0 0 3px #fff1ee; }
.trade-customer-list-panel { padding-top: 10px; }
.trade-customer-bulk { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 9px; color: var(--muted); font-size: 12px; }
.trade-customer-bulk > div { display: flex; gap: 6px; }
.trade-customer-bulk button { padding: 5px 8px; border: 1px solid var(--line); border-radius: 6px; background: #fff; color: var(--brand); font-size: 12px; font-weight: 800; }
.trade-customer-bulk button:disabled { color: #aaa; opacity: .55; }
.trade-customer-table { min-width: 1040px; }
.trade-customer-table th { font-size: 12px; }
.trade-customer-table td { vertical-align: middle; }
.trade-customer-table td > b,
.trade-customer-table td > span { display: block; }
.trade-customer-table td > b { color: var(--text); font-size: 12px; }
.trade-customer-table td > span,
.trade-customer-table td > small { margin-top: 4px; color: var(--muted); font-size: 12px; }
.trade-customer-name { display: grid; gap: 4px; padding: 0; border: 0; background: transparent; color: var(--text); text-align: left; }
.trade-customer-name b { font-size: 12px; }
.trade-customer-name span { color: var(--muted); font-size: 12px; }
.trade-customer-tags { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 5px; }
.trade-customer-tags em { padding: 2px 5px; border-radius: 999px; background: #fff3ef; color: var(--brand); font-size: 12px; font-style: normal; }
.text-danger { color: var(--red) !important; }
.trade-contact-dots { display: flex !important; gap: 4px; }
.trade-contact-dots i { width: 22px; height: 22px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; background: var(--soft); color: var(--brand); font-size: 12px; font-style: normal; font-weight: 850; }
.trade-row-actions { display: flex; gap: 4px; }

.trade-customer-map-workspace { min-height: 560px; display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(250px, .65fr); overflow: hidden; border: 1px solid var(--line); border-radius: 10px; background: #fff; box-shadow: var(--shadow); }
.trade-customer-map-stage { position: relative; min-height: 560px; overflow: hidden; background: radial-gradient(circle at 50% 48%, #31506c 0, #162d42 45%, #0d1f31 100%); }
.trade-customer-map-stage > svg { position: absolute; inset: 7% 2% 4%; width: 96%; height: 89%; opacity: .6; filter: drop-shadow(0 10px 18px rgba(0,0,0,.2)); }
.trade-customer-map-stage > svg path { fill: #54768c; stroke: #82a2b5; stroke-width: 2; }
.trade-map-summary { position: absolute; z-index: 3; top: 14px; left: 14px; display: flex; border: 1px solid rgba(255,255,255,.18); border-radius: 8px; background: rgba(8, 25, 40, .76); backdrop-filter: blur(8px); }
.trade-map-summary span { min-width: 78px; display: grid; gap: 4px; padding: 8px 11px; border-right: 1px solid rgba(255,255,255,.12); }
.trade-map-summary span:last-child { border: 0; }
.trade-map-summary small { color: #9fb4c3; font-size: 12px; }
.trade-map-summary b { color: #fff; font-size: 16px; }
.trade-map-point { position: absolute; z-index: 4; display: grid; grid-template-columns: auto auto auto; align-items: center; gap: 4px; padding: 4px 6px; border: 1px solid rgba(116, 225, 191, .55); border-radius: 999px; background: rgba(8, 35, 48, .85); color: #d8fff2; transform: translate(-50%, -50%); }
.trade-map-point i { width: 7px; height: 7px; border-radius: 50%; background: #59d5ad; box-shadow: 0 0 0 5px rgba(89, 213, 173, .16); }
.trade-map-point.won i { background: #f0b44a; box-shadow: 0 0 0 5px rgba(240, 180, 74, .18); }
.trade-map-point.active { border-color: #fff; box-shadow: 0 0 0 3px rgba(255,255,255,.13); }
.trade-map-point span,
.trade-map-point b { font-size: 12px; }
.trade-map-legend { position: absolute; z-index: 3; left: 16px; bottom: 14px; display: flex; gap: 14px; color: #c6d7e2; font-size: 12px; }
.trade-map-legend span { display: flex; align-items: center; gap: 6px; }
.trade-map-legend i { width: 7px; height: 7px; border-radius: 50%; background: #59d5ad; }
.trade-map-legend span:last-child i { background: #f0b44a; }
.trade-map-region { max-height: 560px; overflow: auto; padding: 18px; border-left: 1px solid var(--line); }
.trade-map-region header { position: relative; }
.trade-map-region header > span { color: var(--brand); font-size: 12px; font-weight: 900; letter-spacing: .08em; }
.trade-map-region h2 { margin: 5px 0 0; font-size: 20px; }
.trade-map-region header button { position: absolute; top: 0; right: 0; padding: 4px 7px; border: 1px solid var(--line); border-radius: 6px; background: #fff; color: var(--brand); font-size: 12px; }
.trade-map-overview { display: grid; gap: 4px; padding: 24px 0 17px; }
.trade-map-overview strong { color: var(--text); font-size: 30px; }
.trade-map-overview span { color: var(--muted); font-size: 12px; }
.trade-map-customer-list { display: grid; }
.trade-map-customer-list > button { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 10px 0; border: 0; border-top: 1px solid var(--line); background: transparent; text-align: left; }
.trade-map-customer-list > button > i { width: 28px; height: 28px; display: grid; place-items: center; border-radius: 7px; background: #eef3ff; color: #3157d5; font-size: 12px; font-style: normal; font-weight: 900; }
.trade-map-customer-list > button > i.grade-a { background: #eaf8f2; color: #087c55; }
.trade-map-customer-list > button > i.grade-c { background: #fff8e9; color: #9a650d; }
.trade-map-customer-list > button > span,
.trade-map-customer-list > button > strong { min-width: 0; display: grid; gap: 3px; }
.trade-map-customer-list b { overflow: hidden; color: var(--text); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.trade-map-customer-list small { color: var(--muted); font-size: 12px; }
.trade-map-customer-list > button > strong { font-size: 12px; text-align: right; }

.trade-customer-drawer-backdrop { position: fixed; inset: 0; z-index: 90; background: rgba(33, 17, 21, .28); backdrop-filter: blur(2px); }
.trade-customer-drawer { position: fixed; z-index: 91; top: 0; right: 0; width: min(620px, 92vw); height: 100vh; overflow-y: auto; padding: 20px; border-left: 1px solid var(--line); background: #fff; box-shadow: -18px 0 50px rgba(46, 25, 31, .18); }
.trade-customer-drawer > header { display: flex; justify-content: space-between; gap: 14px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.trade-customer-drawer > header span { color: var(--brand); font-size: 12px; font-weight: 850; }
.trade-customer-drawer > header h2 { margin: 4px 0 5px; color: var(--text); font-size: 20px; }
.trade-customer-drawer > header p { margin: 0; color: var(--muted); font-size: 12px; }
.trade-customer-drawer > header > button { width: 32px; height: 32px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--text); font-size: 20px; }
.trade-customer-localtime { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; padding: 14px; border-radius: 10px; background: linear-gradient(135deg, #27364b, #182335); color: #fff; }
.trade-customer-localtime > div { display: grid; gap: 4px; }
.trade-customer-localtime span,
.trade-customer-localtime small,
.trade-customer-localtime em { color: #b9c7d8; font-size: 12px; font-style: normal; }
.trade-customer-localtime strong { font-size: 28px; }
.trade-customer-localtime b { color: #9de6cf; font-size: 12px; }
.trade-customer-drawer-actions { display: flex; flex-wrap: wrap; gap: 7px; margin: 13px 0; }
.trade-customer-score { display: flex; align-items: center; gap: 14px; padding: 13px; border: 1px solid var(--line); border-radius: 10px; background: var(--soft); }
.trade-customer-score > div { width: 66px; height: 66px; flex: 0 0 66px; display: grid; place-content: center; border-radius: 50%; background: conic-gradient(var(--green) var(--score), #e6ece9 0); position: relative; }
.trade-customer-score > div::after { content: ""; position: absolute; inset: 7px; border-radius: 50%; background: #fff; }
.trade-customer-score > div strong,
.trade-customer-score > div span { position: relative; z-index: 1; text-align: center; }
.trade-customer-score > div strong { font-size: 18px; }
.trade-customer-score > div span { color: var(--muted); font-size: 12px; }
.trade-customer-score p { display: grid; gap: 5px; margin: 0; }
.trade-customer-score p b { font-size: 12px; }
.trade-customer-score p span { color: var(--muted); font-size: 12px; line-height: 1.5; }
.trade-customer-research-result { display: grid; gap: 5px; margin-top: 12px; padding: 13px; border: 1px solid #cbe4dc; border-radius: 9px; background: #f1fbf7; }
.trade-customer-research-result > span { color: var(--green); font-size: 12px; font-weight: 900; letter-spacing: .08em; }
.trade-customer-research-result strong { color: var(--text); font-size: 12px; }
.trade-customer-research-result p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.trade-customer-info-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 12px; }
.trade-customer-info-grid > div { min-width: 0; display: grid; gap: 5px; padding: 10px; border: 1px solid var(--line); border-radius: 8px; }
.trade-customer-info-grid span { color: var(--muted); font-size: 12px; }
.trade-customer-info-grid strong { overflow: hidden; color: var(--text); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }
.trade-customer-contact,
.trade-customer-timeline { margin-top: 14px; padding-top: 13px; border-top: 1px solid var(--line); }
.trade-customer-contact > div:not(.panel-header) { display: grid; grid-template-columns: 74px 1fr; gap: 8px; padding: 7px 0; font-size: 12px; }
.trade-customer-contact > div span { color: var(--muted); }
.trade-customer-contact nav { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin-top: 8px; }
.trade-customer-contact nav button { min-height: 32px; border: 1px solid var(--line); border-radius: 7px; background: #fff; color: var(--brand); font-size: 12px; font-weight: 850; }
.trade-customer-timeline article { display: grid; grid-template-columns: 112px 1fr; gap: 10px; padding: 10px 0; border-top: 1px solid var(--line); }
.trade-customer-timeline time { color: var(--muted); font-size: 12px; }
.trade-customer-timeline article div { display: grid; gap: 4px; }
.trade-customer-timeline strong { font-size: 12px; }
.trade-customer-timeline p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }

@media (max-width: 1280px) {
  .trade-command-grid,
  .trade-todo-board { grid-template-columns: minmax(0, 1fr); }
  .trade-lead-funnel { min-height: 220px; }
  .trade-customer-map-workspace { grid-template-columns: minmax(0, 1fr); }
  .trade-map-region { max-height: none; border-top: 1px solid var(--line); border-left: 0; }
}

@media (max-width: 900px) {
  .trade-command-head,
  .trade-customer-page-head,
  .trade-scope-banner { align-items: stretch; flex-direction: column; }
  .trade-morning-grid,
  .trade-focus-metrics,
  .trade-customer-summary { grid-template-columns: repeat(2, 1fr); }
  .trade-briefing-why,
  .trade-dashboard-lower { grid-template-columns: minmax(0, 1fr); }
  .trade-customer-filter-row { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 620px) {
  .trade-command-head h1,
  .trade-customer-page-head h1 { font-size: 20px; }
  .trade-morning-grid,
  .trade-focus-metrics,
  .trade-customer-summary,
  .trade-customer-info-grid { grid-template-columns: minmax(0, 1fr); }
  .trade-focus-top,
  .trade-customer-head-actions { align-items: stretch; flex-direction: column; }
  .trade-period-tabs,
  .trade-customer-view-switch { width: 100%; }
  .trade-period-tabs button,
  .trade-customer-view-switch button { flex: 1; }
  .trade-todo-item { grid-template-columns: auto minmax(0, 1fr) auto; }
  .trade-todo-item > b { display: none; }
  .trade-customer-drawer { width: 100vw; padding: 14px; }
  .trade-map-summary span { min-width: 62px; padding: 7px; }
}

.mail-tabs { display:flex; gap:8px; margin-top:16px; border-top:1px solid var(--line); padding-top:14px; }
.mail-tabs button { border:0; background:transparent; padding:9px 14px; border-radius:10px; cursor:pointer; font-weight:700; color:var(--muted); }

/* 外贸 CRM：获客增长页内横向菜单 */
.growth-hub { min-width:0; display:grid; gap:14px; container-type:inline-size; }
.growth-hub-header { min-height:66px; display:grid; grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr); align-items:end; gap:12px; padding:7px 18px 0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.growth-hub-header>div { grid-column:1; align-self:center; min-width:0; padding:0; }
.growth-hub-header h1 { margin:0; color:#231d1f; font-size:24px; line-height:1.2; }
.growth-hub-header p { margin:7px 0 0; color:#827579; font-size:12px; }
.growth-hub-tabs { grid-column:2; width:100%; display:flex; align-items:flex-end; justify-content:center; gap:12px; }
.growth-hub-tabs button { position:relative; width:192px; min-width:192px; min-height:50px; display:flex; align-items:center; justify-content:center; gap:13px; padding:10px 28px; border:1px solid #eadfe2; border-bottom:0; border-radius:10px 10px 0 0; background:#fffafa; color:#65585c; font-size:16px; font-weight:800; cursor:pointer; }
.growth-hub-tabs button:hover { background:#fff4f6; color:#952b48; }
.growth-hub-tabs button.active { border-color:#a73352; background:#9f2949; color:#fff; box-shadow:0 -4px 14px rgba(159,41,73,.12); }
.growth-hub-tabs button.active::after { content:""; position:absolute; right:16px; bottom:-1px; left:16px; height:3px; border-radius:3px 3px 0 0; background:#fff; }
.growth-hub-tabs em { min-width:28px; height:28px; display:inline-grid; place-items:center; padding:0 7px; border-radius:999px; background:#f3e5e9; color:#9d2b4a; font-size:12px; font-style:normal; }
.growth-hub-tabs button.active em { background:rgba(255,255,255,.2); color:#fff; }
.growth-hub-content { min-width:0; display:grid; gap:14px; }
.trade-tabbed-hub .growth-page-head { align-items:flex-end; min-height:auto; margin:0; padding:0 2px 2px; border:0; border-radius:0; background:transparent; box-shadow:none; }
.trade-tabbed-hub .growth-page-head span { margin-bottom:3px; font-size:12px; letter-spacing:.08em; }
.trade-tabbed-hub .growth-page-head h1 { font-size:24px; }
.trade-tabbed-hub .growth-page-head p { margin-top:4px; font-size:12px; font-weight:700; }
.trade-tabbed-hub .growth-kpis { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:0; }
.trade-tabbed-hub .growth-kpis > div { min-height:70px; padding:10px 12px; border-radius:8px; box-shadow:0 8px 22px rgba(100,40,58,.045); }
.trade-tabbed-hub .growth-kpis span,.trade-tabbed-hub .growth-kpis small { font-size:12px; }
.trade-tabbed-hub .growth-kpis strong { margin:4px 0 3px; font-size:20px; }
.trade-tabbed-hub .foreign-trade-feature:first-child,
.trade-tabbed-hub .mail-hero,
.trade-tabbed-hub .social-aggregate-hero { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.trade-tabbed-hub .foreign-trade-feature:first-child > .panel-header,
.trade-tabbed-hub .mail-hero > .panel-header,
.trade-tabbed-hub .social-aggregate-hero > .panel-header { align-items:flex-end; padding:0 2px 2px; }
.trade-tabbed-hub .foreign-trade-feature:first-child > .panel-header h2,
.trade-tabbed-hub .mail-hero > .panel-header h2,
.trade-tabbed-hub .social-aggregate-hero > .panel-header h2 { font-size:24px; }
.trade-tabbed-hub .foreign-trade-feature:first-child > .panel-header p,
.trade-tabbed-hub .mail-hero > .panel-header p,
.trade-tabbed-hub .social-aggregate-hero > .panel-header p { font-size:12px; font-weight:700; }
.trade-standard-page-head { padding-inline:2px; }
.growth-hub-header.dense-tabs { display:block; min-height:66px; padding:7px 18px 0; }
.growth-hub-tabs.dense-tabs { width:100%; display:grid; grid-template-columns:repeat(var(--trade-tab-count),minmax(0,1fr)); gap:12px; }
.growth-hub-tabs.dense-tabs button { width:100%; min-width:0; gap:6px; padding-inline:6px; white-space:nowrap; }
.growth-hub-tabs.dense-tabs em { min-width:26px; height:26px; padding-inline:5px; font-size:12px; }
.growth-hub .growth-leads-panel { min-width:0; }
.growth-hub .growth-lead-filters { grid-template-columns:minmax(240px,2fr) repeat(4,minmax(132px,1fr)); }
.growth-hub .growth-lead-filters>input { grid-column:auto; }
@container (max-width:900px){.growth-hub-header{min-height:0;display:flex;flex-direction:column;gap:2px;padding:9px 14px 0}.growth-hub-header>div{width:100%;display:flex;align-items:baseline;gap:12px}.growth-hub-header p{margin:0}.growth-hub-tabs{width:100%}.growth-hub .growth-lead-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.growth-hub .growth-lead-filters>input{grid-column:1/-1}}
@media (max-width:640px){.growth-hub-header{padding:9px 12px 0}.growth-hub-header>div{align-items:flex-start;flex-direction:column;gap:2px}.growth-hub-tabs{justify-content:flex-start;overflow-x:auto}.growth-hub-tabs button{width:158px;min-width:158px;padding-inline:18px}.growth-hub-tabs.dense-tabs{display:flex}.growth-hub-header h1{font-size:24px}.growth-hub .growth-lead-filters{grid-template-columns:minmax(0,1fr)}}

/* 外贸 CRM：统一经营分析工作台 */
.fta-page { --fta-brand:#9f2949; --fta-brand-strong:#851d3c; --fta-teal:#27a69a; --fta-purple:#7263d6; --fta-orange:#ef8b35; --fta-risk:#d94a4a; min-width:0; display:grid; gap:14px; color:#292326; }
.fta-page button,.fta-page input,.fta-page select { font:inherit; }
.fta-page-head { min-width:0; display:flex; align-items:flex-end; justify-content:space-between; gap:18px; padding:2px 2px 0; }
.fta-page-head>div:first-child { min-width:220px; }
.fta-page-head>div:first-child>span { display:block; margin-bottom:4px; color:var(--fta-brand); font-size:12px; font-weight:850; letter-spacing:.09em; }
.fta-page-head h1 { margin:0; color:#231d20; font-size:24px; line-height:1.2; }
.fta-page-head p { margin:5px 0 0; color:#766b6f; font-size:13px; }
.fta-filter-bar { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:8px; }
.fta-filter-bar select,.fta-filter-bar button { min-height:38px; padding:8px 12px; border:1px solid #e5dadd; border-radius:8px; background:#fff; color:#4b4145; font-size:13px; font-weight:700; }
.fta-filter-bar select { min-width:118px; }
.fta-filter-bar button { cursor:pointer; }
.fta-filter-bar button:hover { border-color:#c88da0; color:var(--fta-brand); }
.fta-filter-bar button.risk { border-color:#e8bdc7; background:#fff5f6; color:#a62947; }
.fta-filter-bar button.risk em { min-width:22px; height:22px; display:inline-grid; place-items:center; margin-left:5px; border-radius:99px; background:var(--fta-brand); color:#fff; font-size:12px; font-style:normal; }
.fta-kpis { min-width:0; display:grid; grid-template-columns:repeat(var(--fta-kpi-count,6),minmax(0,1fr)); gap:10px; }
.fta-kpis>button { position:relative; min-width:0; min-height:104px; display:flex; flex-direction:column; align-items:flex-start; overflow:hidden; padding:13px 14px 12px; border:1px solid #e9dfe2; border-radius:10px; background:#fff; color:#2d2629; text-align:left; box-shadow:0 7px 20px rgba(91,43,57,.045); cursor:default; }
.fta-kpis>button[data-action] { cursor:pointer; }
.fta-kpis>button[data-action]:hover { border-color:#c990a1; transform:translateY(-1px); }
.fta-kpis span { color:#786d71; font-size:13px; }
.fta-kpis strong { margin:5px 0 4px; color:#201a1c; font-size:20px; line-height:1.15; }
.fta-kpis small { position:relative; z-index:1; color:#3f9c64; font-size:12px; }
.fta-kpis small.danger { color:#d44e4e; }
.fta-kpis>button>i { position:absolute; right:10px; bottom:10px; width:64px; height:20px; opacity:.7; }
.fta-kpis>button>i::before,.fta-kpis>button>i::after { content:""; position:absolute; right:0; bottom:0; left:0; }
.fta-kpis>button>i::before { height:1px; background:#eadfe2; }
.fta-kpis>button>i::after { width:var(--trend); height:14px; border-top:2px solid var(--fta-teal); border-right:2px solid var(--fta-teal); transform:skewY(-15deg); }
.fta-kpis>button>i.danger::after { border-color:var(--fta-risk); }
.fta-grid { min-width:0; display:grid; gap:12px; }
.fta-grid-main { grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr); }
.fta-grid-three { grid-template-columns:repeat(3,minmax(0,1fr)); }
.fta-grid-bottom { grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr); }
.fta-card { min-width:0; overflow:hidden; padding:15px; border:1px solid #e6dce0; border-radius:10px; background:#fff; box-shadow:0 7px 22px rgba(88,39,54,.04); }
.fta-card>header { min-width:0; display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:13px; }
.fta-card>header h2 { margin:0; color:#2b2427; font-size:18px; }
.fta-card>header p { margin:4px 0 0; color:#7c7175; font-size:12px; }
.fta-card>header>button { flex:0 0 auto; min-height:32px; padding:6px 10px; border:1px solid #e4d8dc; border-radius:7px; background:#fff; color:#94304b; font-size:12px; font-weight:750; cursor:pointer; }
.fta-stage-chart { display:grid; gap:10px; }
.fta-stage-chart>div { display:grid; grid-template-columns:68px minmax(80px,1fr) 48px 120px; align-items:center; gap:10px; font-size:13px; }
.fta-stage-chart span { color:#4a4144; font-weight:700; }
.fta-stage-chart i,.fta-bars i,.fta-product-bars i { height:9px; overflow:hidden; border-radius:99px; background:#f1e9ec; }
.fta-stage-chart i em,.fta-bars i em,.fta-product-bars i em { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#a72a4b,#db5e79); }
.fta-stage-chart b { color:#776c70; font-size:12px; }
.fta-stage-chart strong { color:#2d2629; font-size:13px; text-align:right; }
.fta-funnel { min-height:210px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; }
.fta-funnel>div { width:var(--funnel); min-height:31px; display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:12px; padding:6px 14px; clip-path:polygon(5% 0,95% 0,100% 100%,0 100%); background:linear-gradient(90deg,#9e2748,#c24764); color:#fff; font-size:12px; }
.fta-funnel>div:nth-child(2) { background:linear-gradient(90deg,#c14864,#d26979); }
.fta-funnel>div:nth-child(3) { background:linear-gradient(90deg,#31a79d,#57bbb1); }
.fta-funnel>div:nth-child(4) { background:linear-gradient(90deg,#6f62cc,#8d81e3); }
.fta-funnel>div:nth-child(5),.fta-funnel>div:nth-child(6) { background:linear-gradient(90deg,#ed8731,#f5a054); }
.fta-funnel span { font-weight:750; }
.fta-funnel b { font-size:14px; }
.fta-funnel small { font-size:12px; }
.fta-bars { display:grid; gap:11px; }
.fta-bars>div { display:grid; grid-template-columns:112px minmax(80px,1fr) auto; align-items:center; gap:9px; color:#51464a; font-size:12px; }
.fta-bars.large>div { grid-template-columns:140px minmax(100px,1fr) auto 45px; }
.fta-bars.report { padding:12px 4px; gap:16px; }
.fta-bars.report>div { grid-template-columns:150px minmax(120px,1fr) 130px; font-size:13px; }
.fta-bars span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.fta-bars b { color:#30272a; font-size:13px; text-align:right; }
.fta-bars small { color:#8b7f83; font-size:12px; text-align:right; }
.fta-customer-structure { min-height:174px; display:grid; grid-template-columns:150px minmax(0,1fr); align-items:center; gap:18px; }
.fta-donut { width:134px; aspect-ratio:1; display:grid; place-content:center; border-radius:50%; background:conic-gradient(#a72a4b 0 var(--a),#28a89b var(--a) var(--b),#7665d3 var(--b) 100%); box-shadow:inset 0 0 0 32px #fff; text-align:center; }
.fta-donut b { font-size:20px; }
.fta-donut span { color:#7b7074; font-size:12px; }
.fta-customer-structure p { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:8px; margin:9px 0; color:#665b5f; font-size:13px; }
.fta-customer-structure p i { width:9px; height:9px; border-radius:50%; background:#7665d3; }
.fta-customer-structure p i.grade-A { background:#a72a4b; }
.fta-customer-structure p i.grade-B { background:#28a89b; }
.fta-risk-card { border-color:#edcbd3; background:linear-gradient(135deg,#fff 0,#fff7f8 100%); }
.fta-risk-preview { display:grid; gap:9px; }
.fta-risk-preview>p { display:grid; grid-template-columns:30px minmax(0,1fr); align-items:center; gap:10px; margin:0; padding:10px; border:1px solid #f0d9de; border-radius:8px; background:#fff; }
.fta-risk-preview>p>i { width:28px; height:28px; display:grid; place-items:center; border-radius:50%; background:#fff0e1; color:#e27920; font-size:14px; font-style:normal; font-weight:900; }
.fta-risk-preview>p span { display:grid; gap:3px; }
.fta-risk-preview b { color:#4b343a; font-size:13px; }
.fta-risk-preview small { color:#92777f; font-size:12px; }
.fta-table { width:100%; border-collapse:collapse; color:#51474a; font-size:13px; }
.fta-table th { padding:9px 10px; border-bottom:1px solid #e7dce0; background:#fbf6f8; color:#76686d; font-size:12px; text-align:left; white-space:nowrap; }
.fta-table td { padding:10px; border-bottom:1px solid #eee5e8; vertical-align:middle; }
.fta-table td>b,.fta-table td>span { display:block; }
.fta-table td>span { margin-top:3px; color:#8b7f83; font-size:12px; }
.fta-table td>em { display:inline-flex; padding:4px 8px; border-radius:99px; background:#f2e9ec; color:#98304e; font-size:12px; font-style:normal; }
.fta-table td>span.risk,.fta-table td>span.mid,.fta-table td>span.ok { display:inline-flex; width:auto; margin:0; padding:4px 8px; border-radius:99px; }
.fta-table .risk { background:#fff0f0; color:#c53f3f; }
.fta-table .mid { background:#fff7e8; color:#b06b15; }
.fta-table .ok { background:#ecf8f2; color:#27845c; }
.fta-table td>button { padding:5px 9px; border:1px solid #e2d6da; border-radius:6px; background:#fff; color:#96304c; font-size:12px; font-weight:700; cursor:pointer; }
.fta-team-progress,.fta-team-ranking { display:grid; gap:13px; }
.fta-team-progress>div { display:grid; grid-template-columns:88px minmax(90px,1fr) 118px 64px; align-items:center; gap:9px; font-size:12px; }
.fta-team-progress i,.fta-team-ranking p { height:8px; overflow:hidden; margin:0; border-radius:99px; background:#eee6e9; }
.fta-team-progress i em,.fta-team-ranking p em { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#a62a4b,#28a89b); }
.fta-team-progress b { text-align:right; }
.fta-team-progress small { color:#8a7d82; text-align:right; }
.fta-sales-pipeline { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; }
.fta-sales-pipeline>button { position:relative; min-width:0; min-height:124px; overflow:hidden; padding:13px 10px; border:1px solid #e8dfe2; border-radius:9px; background:#fff9fa; color:#362d30; text-align:left; cursor:pointer; }
.fta-sales-pipeline span,.fta-sales-pipeline strong,.fta-sales-pipeline small { position:relative; z-index:1; display:block; }
.fta-sales-pipeline span { color:#73676c; font-size:12px; }
.fta-sales-pipeline strong { margin:8px 0 5px; font-size:20px; }
.fta-sales-pipeline small { color:#887b80; font-size:12px; }
.fta-sales-pipeline i { position:absolute; right:0; bottom:0; left:0; height:var(--pipe); opacity:.18; background:linear-gradient(180deg,#d94d6e,#9f2949); clip-path:polygon(0 58%,18% 35%,42% 68%,64% 22%,82% 48%,100% 12%,100% 100%,0 100%); }
.fta-forecast-list { display:grid; gap:8px; }
.fta-forecast-list>button { display:grid; grid-template-columns:minmax(150px,1.3fr) minmax(70px,.8fr) 100px 46px; align-items:center; gap:9px; padding:8px 9px; border:1px solid #eee4e7; border-radius:7px; background:#fff; text-align:left; cursor:pointer; }
.fta-forecast-list>button>span { display:grid; gap:2px; }
.fta-forecast-list b { font-size:12px; }
.fta-forecast-list small { color:#887c80; font-size:12px; }
.fta-forecast-list>button>i { height:7px; overflow:hidden; border-radius:99px; background:#efe7e9; }
.fta-forecast-list>button>i em { display:block; height:100%; border-radius:inherit; background:#a72a4b; }
.fta-forecast-list strong { font-size:12px; text-align:right; }
.fta-forecast-list>button>em { padding:3px 6px; border-radius:99px; font-size:12px; font-style:normal; text-align:center; }
.fta-forecast-list>button>em.risk { background:#fff0f0; color:#c53f3f; }
.fta-forecast-list>button>em.ok { background:#ecf8f2; color:#27845c; }
.fta-status-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.fta-status-grid>div { padding:12px; border:1px solid #eee4e7; border-radius:8px; background:#fffafa; }
.fta-status-grid span,.fta-status-grid small { display:block; color:#83767b; font-size:12px; }
.fta-status-grid b { display:block; margin:5px 0; font-size:18px; }
.fta-review-list { display:grid; gap:9px; }
.fta-review-list>p { display:grid; grid-template-columns:1fr auto; gap:4px 10px; margin:0; padding:11px; border:1px solid #ece2e5; border-radius:8px; }
.fta-review-list span { color:#776b70; font-size:12px; }
.fta-review-list b { font-size:18px; }
.fta-review-list small { grid-column:1/-1; color:#8b7e83; font-size:12px; }
.fta-conversion-chain { min-height:210px; display:flex; align-items:center; justify-content:center; gap:0; }
.fta-conversion-chain>div { position:relative; min-width:116px; padding:18px 13px; border:1px solid #e8dce0; background:#fff9fa; text-align:center; }
.fta-conversion-chain>div:not(:last-child)::after { content:"›"; position:absolute; top:50%; right:-13px; z-index:2; width:25px; height:25px; display:grid; place-items:center; border-radius:50%; background:var(--fta-brand); color:#fff; transform:translateY(-50%); }
.fta-conversion-chain>div:first-child { border-radius:9px 0 0 9px; }
.fta-conversion-chain>div:last-child { border-radius:0 9px 9px 0; }
.fta-conversion-chain span,.fta-conversion-chain small { display:block; color:#817479; font-size:12px; }
.fta-conversion-chain b { display:block; margin:7px 0; font-size:20px; }
.fta-conversion-chain.compact>div { min-width:96px; }
.fta-health-list { display:grid; gap:10px; }
.fta-health-list p { display:grid; grid-template-columns:1fr auto 52px; align-items:center; gap:10px; margin:0; padding:9px 10px; border:1px solid #eee4e7; border-radius:8px; }
.fta-health-list span { display:flex; align-items:center; gap:8px; font-size:13px; }
.fta-health-list i { width:9px; height:9px; border-radius:50%; background:#2ca879; }
.fta-health-list i.mid { background:#e59a26; }
.fta-health-list i.risk { background:#d95050; }
.fta-health-list small { color:#8a7c81; font-size:12px; text-align:right; }
.fta-product-bars { display:grid; gap:12px; }
.fta-product-bars>div { display:grid; grid-template-columns:minmax(160px,1.1fr) minmax(120px,1fr) 120px; align-items:center; gap:12px; }
.fta-product-bars>div>span { display:grid; gap:3px; }
.fta-product-bars b { font-size:13px; }
.fta-product-bars small { color:#867a7f; font-size:12px; }
.fta-product-bars strong { font-size:13px; text-align:right; }
.fta-team-ranking>div { display:grid; grid-template-columns:28px minmax(130px,1fr) minmax(100px,1.2fr) 50px 110px; align-items:center; gap:10px; }
.fta-team-ranking>div>i { width:25px; height:25px; display:grid; place-items:center; border-radius:50%; background:#f2e5e9; color:#9d2c4b; font-size:12px; font-style:normal; font-weight:800; }
.fta-team-ranking>div>span { display:grid; gap:2px; }
.fta-team-ranking b { font-size:13px; }
.fta-team-ranking small { color:#887c80; font-size:12px; text-align:right; }
.fta-team-ranking>div>span small { text-align:left; }
.fta-team-ranking strong { font-size:13px; text-align:right; }
.fta-report-layout { min-width:0; display:grid; grid-template-columns:minmax(260px,.55fr) minmax(0,1.45fr); gap:12px; }
.fta-report-builder { display:flex; flex-direction:column; gap:11px; }
.fta-report-builder>header { margin-bottom:2px; }
.fta-report-builder>label { display:grid; gap:6px; color:#615559; font-size:13px; font-weight:750; }
.fta-report-builder input,.fta-report-builder select { width:100%; min-height:39px; padding:8px 10px; border:1px solid #e4d9dc; border-radius:7px; background:#fff; color:#3f3639; font-size:13px; }
.fta-report-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:2px; }
.fta-report-actions button { min-height:36px; padding:7px 13px; border:1px solid #e2d6da; border-radius:7px; background:#fff; color:#8f2c48; font-size:13px; font-weight:750; }
.fta-report-actions button.primary { border-color:var(--fta-brand); background:var(--fta-brand); color:#fff; }
.fta-data-note { margin:2px 0 0; padding:9px; border-radius:7px; background:#faf5f7; color:#85777c; font-size:12px; line-height:1.55; }
.fta-report-preview { min-height:430px; }
.fta-report-columns { min-height:330px; display:flex; align-items:flex-end; gap:12px; padding:24px 12px 4px; border-bottom:1px solid #e7dde0; }
.fta-report-columns>div { flex:1; min-width:56px; display:grid; grid-template-rows:260px auto auto; gap:5px; text-align:center; }
.fta-report-columns>div>span { display:flex; align-items:flex-end; justify-content:center; }
.fta-report-columns i { width:58%; min-width:28px; display:block; border-radius:7px 7px 0 0; background:linear-gradient(180deg,#bd3b5d,#8f2342); }
.fta-report-columns b { font-size:12px; }
.fta-report-columns small { color:#7e7176; font-size:12px; }
.fta-saved-reports>header>em { padding:5px 9px; border-radius:99px; background:#f3e6ea; color:#9b2d4c; font-size:12px; font-style:normal; }
.fta-saved-reports>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.fta-saved-reports article { display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:7px; padding:11px; border:1px solid #ece2e5; border-radius:8px; }
.fta-saved-reports article>span { display:grid; gap:4px; min-width:0; }
.fta-saved-reports article b { overflow:hidden; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.fta-saved-reports article small { color:#887a7f; font-size:12px; }
.fta-saved-reports article button { padding:5px 8px; border:1px solid #e1d5d9; border-radius:6px; background:#fff; color:#942f4b; font-size:12px; }
.fta-risk-layer { position:fixed; inset:0; z-index:190; }
.fta-risk-scrim { position:absolute; inset:0; width:100%; border:0; background:rgba(35,24,28,.46); backdrop-filter:blur(2px); }
.fta-risk-drawer { position:absolute; top:0; right:0; width:min(610px,94vw); height:100%; overflow:auto; padding:22px; border-left:1px solid #dfcfd4; background:#fff; box-shadow:-22px 0 56px rgba(48,22,31,.2); }
.fta-risk-drawer>header { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding-bottom:16px; border-bottom:1px solid #e9dfe2; }
.fta-risk-drawer>header span { color:#a52c4b; font-size:12px; font-weight:850; letter-spacing:.08em; }
.fta-risk-drawer>header h2 { margin:4px 0; font-size:24px; }
.fta-risk-drawer>header p { margin:0; color:#7c7075; font-size:13px; }
.fta-risk-drawer>header>button { width:36px; height:36px; border:1px solid #e1d5d9; border-radius:8px; background:#fff; color:#65585d; font-size:20px; cursor:pointer; }
.fta-risk-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin:14px 0; }
.fta-risk-summary>div { padding:12px; border:1px solid #edd6dc; border-radius:8px; background:#fff7f8; }
.fta-risk-summary span { display:block; color:#816f75; font-size:12px; }
.fta-risk-summary b { display:block; margin-top:5px; color:#a32746; font-size:20px; }
.fta-risk-list { display:grid; gap:9px; }
.fta-risk-list article { display:grid; grid-template-columns:34px minmax(0,1fr) auto; align-items:center; gap:10px; padding:12px; border:1px solid #eadfe2; border-radius:9px; }
.fta-risk-list article>i { width:32px; height:32px; display:grid; place-items:center; border-radius:50%; background:#fff0f0; color:#c94040; font-size:12px; font-style:normal; font-weight:850; }
.fta-risk-list article>i.mid { background:#fff6e7; color:#b46a12; }
.fta-risk-list article>div { display:grid; gap:3px; }
.fta-risk-list article b { font-size:14px; }
.fta-risk-list article span,.fta-risk-list article small { color:#817479; font-size:12px; }
.fta-risk-list article>button { padding:7px 10px; border:1px solid #dfcfd4; border-radius:7px; background:#fff; color:#982f4c; font-size:12px; font-weight:750; }
@container (max-width:1180px){.fta-page-head{align-items:flex-start;flex-direction:column}.fta-filter-bar{justify-content:flex-start}.fta-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.fta-grid-main,.fta-grid-bottom{grid-template-columns:minmax(0,1fr)}.fta-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}.fta-sales-pipeline{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container (max-width:780px){.fta-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.fta-grid-three,.fta-report-layout{grid-template-columns:minmax(0,1fr)}.fta-filter-bar select{flex:1;min-width:140px}.fta-stage-chart>div{grid-template-columns:66px minmax(70px,1fr) 40px}.fta-stage-chart strong{grid-column:2/-1}.fta-sales-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.fta-forecast-list>button{grid-template-columns:minmax(130px,1fr) 80px 45px}.fta-forecast-list>button>i{display:none}.fta-saved-reports>div{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.fta-page-head{padding-inline:10px}.fta-page-head h1{font-size:24px}.fta-filter-bar{width:100%}.fta-filter-bar select,.fta-filter-bar button{flex:1}.fta-kpis{grid-template-columns:minmax(0,1fr)}.fta-customer-structure{grid-template-columns:minmax(0,1fr);justify-items:center}.fta-conversion-chain{align-items:stretch;flex-direction:column}.fta-conversion-chain>div{width:100%;border-radius:7px!important}.fta-conversion-chain>div:not(:last-child)::after{top:auto;right:50%;bottom:-13px;transform:translateX(50%) rotate(90deg)}.fta-sales-pipeline{grid-template-columns:minmax(0,1fr)}.fta-product-bars>div{grid-template-columns:minmax(0,1fr)}.fta-product-bars strong{text-align:left}.fta-team-ranking>div{grid-template-columns:28px minmax(0,1fr) 52px}.fta-team-ranking p,.fta-team-ranking>div>small{grid-column:2/-1}.fta-risk-drawer{width:100vw;padding:16px}.fta-risk-summary{grid-template-columns:minmax(0,1fr)}.fta-risk-list article{grid-template-columns:34px minmax(0,1fr)}.fta-risk-list article>button{grid-column:2}}

/* 外贸 CRM：工作台整合单页 */
.ftwb-page { --ftwb-brand:#961b37; --ftwb-dark:#27040d; display:grid; gap:14px; min-width:0; }
.ftwb-page button,.ftwb-page select { font:inherit; }
.ftwb-header { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:4px 7px 0; }
.ftwb-header h1 { margin:0; color:#1b1718; font-size:28px; line-height:1.2; }
.ftwb-header p { margin:6px 0 0; color:#7c7275; font-size:12px; }
.ftwb-head-actions { display:flex; align-items:center; gap:12px; }
.ftwb-period { display:flex; overflow:hidden; border:1px solid #e4d9dc; border-radius:5px; background:#fff; }
.ftwb-period button { min-width:58px; padding:9px 13px; border:0; border-right:1px solid #eee5e7; background:#fff; color:#423b3d; font-size:12px; font-weight:700; }
.ftwb-period button:last-child { border-right:0; }
.ftwb-period button.active { background:var(--ftwb-brand); color:#fff; }
.ftwb-head-actions select,.ftwb-refresh { min-height:36px; padding:8px 13px; border:1px solid #e4d9dc; border-radius:5px; background:#fff; color:#3d3537; font-size:12px; }
.ftwb-head-actions select { min-width:155px; }
.ftwb-refresh { font-weight:700; }

.ftwb-hero { display:grid; grid-template-columns:minmax(420px,1.08fr) minmax(530px,1fr); overflow:hidden; border-radius:8px; background:radial-gradient(circle at 22% 14%,#5b1425 0,#340912 43%,#23040b 100%); color:#fff; box-shadow:0 10px 26px rgba(44,4,14,.18); }
.ftwb-judgement { padding:17px 20px 16px; }
.ftwb-judgement>span { display:inline-block; padding:3px 7px; border-radius:4px; background:rgba(255,255,255,.08); font-size:12px; }
.ftwb-judgement h2 { margin:10px 0 14px; color:#fff; font-size:24px; line-height:1.25; }
.ftwb-reasons { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.ftwb-reasons b { display:block; color:#fff; font-size:12px; }
.ftwb-reasons p { margin:6px 0 0; color:#d9bdc4; font-size:12px; line-height:1.55; }
.ftwb-hero-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; padding:14px 13px 14px 0; }
.ftwb-hero-metrics>div { min-width:0; display:grid; align-content:center; gap:8px; padding:14px 11px; border:1px solid rgba(255,255,255,.08); border-radius:6px; background:rgba(255,255,255,.055); text-align:center; }
.ftwb-hero-metrics span { overflow:hidden; color:#f4e6ea; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.ftwb-hero-metrics strong { color:#fff; font-size:24px; white-space:nowrap; }
.ftwb-hero-metrics small { color:#ccb3b9; font-size:12px; }
.ftwb-hero-metrics em { color:#ff8f83; font-style:normal; }

.ftwb-grid { display:grid; min-width:0; gap:14px; }
.ftwb-primary-grid,.ftwb-secondary-grid { grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr); }
.ftwb-card { min-width:0; overflow:hidden; border:1px solid #e8dfe1; border-radius:8px; background:#fff; box-shadow:0 5px 16px rgba(76,36,47,.045); }
.ftwb-card-head { min-height:47px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 13px; border-bottom:1px solid #eee6e8; }
.ftwb-card-head h2 { margin:0; color:#231e20; font-size:15px; }
.ftwb-card-head>div:last-child { display:flex; gap:7px; }
.ftwb-plain,.ftwb-primary,.ftwb-more { padding:7px 10px; border:1px solid #e2d6d9; border-radius:5px; background:#fff; color:#51484b; font-size:12px; font-weight:700; }
.ftwb-primary { border-color:var(--ftwb-brand); background:var(--ftwb-brand); color:#fff; }
.ftwb-more { padding-inline:8px; border-color:transparent; }
.ftwb-tabs { display:flex; gap:22px; padding:0 13px; border-bottom:1px solid #eee6e8; }
.ftwb-tabs button { position:relative; padding:10px 0 9px; border:0; background:transparent; color:#5b5255; font-size:12px; font-weight:700; }
.ftwb-tabs button.active { color:var(--ftwb-brand); }
.ftwb-tabs button.active::after { content:""; position:absolute; right:0; bottom:-1px; left:0; height:2px; background:var(--ftwb-brand); }
.ftwb-table-wrap { width:100%; overflow:auto; }
.ftwb-task-table,.ftwb-customer-table { width:100%; border-collapse:collapse; table-layout:fixed; }
.ftwb-task-table { min-width:780px; }
.ftwb-task-table th:nth-child(1){width:34px}.ftwb-task-table th:nth-child(2){width:62px}.ftwb-task-table th:nth-child(3){width:190px}.ftwb-task-table th:nth-child(4){width:138px}.ftwb-task-table th:nth-child(5){width:66px}.ftwb-task-table th:nth-child(6){width:78px}.ftwb-task-table th:nth-child(7){width:68px}.ftwb-task-table th:nth-child(8){width:42px}
.ftwb-task-table th,.ftwb-customer-table th { padding:8px 8px; background:#fff; color:#71676a; font-size:12px; font-weight:700; text-align:left; }
.ftwb-task-table td,.ftwb-customer-table td { padding:8px; border-top:1px solid #f0e9eb; color:#4a4244; font-size:12px; vertical-align:middle; }
.ftwb-task-table td>strong,.ftwb-customer-table td>b { display:block; overflow:hidden; color:#282224; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.ftwb-task-table td b,.ftwb-task-table td small,.ftwb-customer-table td small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ftwb-task-table td small,.ftwb-customer-table td small { margin-top:3px; color:#8a8083; font-size:12px; }
.ftwb-check { width:15px; height:15px; display:grid; place-items:center; padding:0; border:1px solid #d7cace; border-radius:3px; background:#fff; color:#15805c; font-size:12px; }
.ftwb-priority,.ftwb-status,.ftwb-health { display:inline-block; padding:3px 7px; border-radius:4px; font-size:12px; font-weight:800; }
.ftwb-priority.high,.ftwb-risk.high { background:#fff0ee; color:#bd342d; }.ftwb-priority.mid,.ftwb-risk.mid { background:#fff8e8; color:#b87814; }.ftwb-priority.low,.ftwb-risk.low { background:#eaf8f2; color:#167b57; }
.ftwb-status.overdue { background:#fff1e8; color:#bd5d22; }.ftwb-status.planned { background:#eef4ff; color:#3b65b0; }.ftwb-status.done { background:#eaf8f2; color:#167b57; }

.ftwb-sales-card { padding-bottom:10px; }
.ftwb-pipeline { position:relative; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); padding:16px 10px 18px; }
.ftwb-pipeline::after { content:""; position:absolute; right:28px; bottom:13px; left:28px; height:4px; border-radius:9px; background:linear-gradient(90deg,#3159c8,#3484d2 28%,#23a69a 56%,#e6a222 73%,#8958c7 88%,#a82649); }
.ftwb-pipeline button { position:relative; z-index:1; display:grid; gap:4px; justify-items:center; padding:0 3px; border:0; background:transparent; color:#494043; }
.ftwb-pipeline button::after { content:""; position:absolute; bottom:-9px; width:9px; height:9px; border:2px solid #fff; border-radius:50%; background:#657bbb; box-shadow:0 0 0 1px #9a8f92; }
.ftwb-pipeline span { font-size:12px; }.ftwb-pipeline strong { font-size:16px; }.ftwb-pipeline small { color:#766c6f; font-size:12px; white-space:nowrap; }
.ftwb-forecast-title { display:flex; justify-content:space-between; gap:10px; padding:11px 13px 7px; border-top:1px solid #eee6e8; color:#473f41; font-size:12px; }
.ftwb-forecast-title i { display:inline-block; width:12px; height:2px; margin-right:3px; vertical-align:middle; }.ftwb-forecast-title .goal{background:#3159c8}.ftwb-forecast-title .weighted{background:#27a6a0}.ftwb-forecast-title .expected{background:#a42547}
.ftwb-forecast { display:grid; grid-template-columns:minmax(0,1fr) 132px; gap:12px; padding:8px 13px; }
.ftwb-chart { position:relative; height:150px; display:flex; align-items:flex-end; justify-content:space-around; gap:8px; padding:16px 8px 22px; border-left:1px solid #eee6e8; border-bottom:1px solid #eee6e8; background:repeating-linear-gradient(to top,transparent 0,transparent 35px,#f0e9eb 36px); }
.ftwb-goal-line { position:absolute; top:35px; right:0; left:0; border-top:1px dashed #3159c8; }
.ftwb-bars { position:relative; height:100%; flex:1; display:flex; align-items:flex-end; justify-content:center; gap:2px; }
.ftwb-bars span { width:8px; min-height:3px; border-radius:2px 2px 0 0; background:#3159c8; }.ftwb-bars span:nth-child(2){background:#27a6a0}.ftwb-bars span:nth-child(3){background:#a42547}
.ftwb-bars small { position:absolute; bottom:-17px; color:#817679; font-size:12px; white-space:nowrap; }
.ftwb-forecast aside { display:grid; align-content:start; border:1px solid #eee6e8; border-radius:6px; }.ftwb-forecast aside div { display:grid; gap:3px; padding:9px; border-bottom:1px solid #eee6e8; }.ftwb-forecast aside div:last-child{border:0}.ftwb-forecast aside span{color:#756b6e;font-size:12px}.ftwb-forecast aside strong{font-size:12px}.ftwb-forecast aside small{color:#8f8487;font-size:12px}

.ftwb-customer-table { min-width:640px; }.ftwb-customer-table th:nth-child(1){width:150px}.ftwb-customer-table th:nth-child(2){width:70px}.ftwb-customer-table th:nth-child(3){width:90px}.ftwb-customer-table th:nth-child(4){width:65px}.ftwb-customer-table th:nth-child(5){width:110px}.ftwb-customer-table th:nth-child(6){width:125px}
.ftwb-health.good { background:#eaf8f2;color:#167b57}.ftwb-health.mid{background:#fff8e8;color:#b87814}.ftwb-health.risk{background:#fff0ee;color:#bd342d}
.ftwb-customer-table td:last-child { white-space:nowrap; }.ftwb-customer-table td button,.ftwb-risk-list button { padding:4px 7px; border:1px solid #d9b8c0; border-radius:4px; background:#fff; color:var(--ftwb-brand); font-size:12px; font-weight:800; }.ftwb-customer-table td button.primary { margin-left:5px; background:var(--ftwb-brand); color:#fff; }
.ftwb-view-all { width:100%; padding:8px; border:0; border-top:1px solid #eee6e8; background:#fff; color:var(--ftwb-brand); font-size:12px; font-weight:800; }
.ftwb-risk-list { display:grid; }.ftwb-risk-list>div { display:grid; grid-template-columns:30px minmax(95px,.6fr) minmax(0,1.5fr) auto; align-items:center; gap:8px; padding:8px 10px; border-bottom:1px solid #f0e9eb; }.ftwb-risk { width:24px;height:24px;display:grid;place-items:center;padding:0;border-radius:4px;font-size:12px;font-weight:900}.ftwb-risk-list p { min-width:0; display:grid; gap:3px; margin:0; }.ftwb-risk-list b,.ftwb-risk-list small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.ftwb-risk-list b { color:#373033;font-size:12px}.ftwb-risk-list small { color:#8c8184;font-size:12px}

.ftwb-team-card { padding-bottom:4px; }.ftwb-team-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); }.ftwb-team-grid>div { position:relative; min-height:105px; display:grid; align-content:center; gap:6px; padding:13px 18px; border-right:1px solid #eee6e8; }.ftwb-team-grid>div:last-child{border-right:0}.ftwb-team-grid span{color:#50474a;font-size:12px}.ftwb-team-grid strong{color:#272123;font-size:24px}.ftwb-team-grid strong em{font-size:12px;font-style:normal}.ftwb-team-grid small{color:#6d9a7f;font-size:12px}.ftwb-completion{padding-right:105px!important}.ftwb-completion>i{position:absolute;right:22px;width:66px;height:66px;border-radius:50%;background:conic-gradient(var(--ftwb-brand) var(--done),#f0e4e7 0)}.ftwb-completion>i::after{content:"";position:absolute;inset:9px;border-radius:50%;background:#fff}.ftwb-mini-bars{position:absolute;right:18px;bottom:20px;height:52px;display:flex;align-items:flex-end;gap:5px}.ftwb-mini-bars i{width:8px;background:var(--ftwb-brand)}.ftwb-mini-bars i:nth-child(1){height:18px}.ftwb-mini-bars i:nth-child(2){height:42px}.ftwb-mini-bars i:nth-child(3){height:28px}.ftwb-mini-bars i:nth-child(4){height:50px}.ftwb-mini-bars i:nth-child(5){height:34px}.ftwb-mini-bars i:nth-child(6){height:26px}.ftwb-team-grid svg{position:absolute;right:10px;bottom:16px;width:48%;height:48px;fill:none;stroke:var(--ftwb-brand);stroke-width:2}.ftwb-workload p{display:grid;grid-template-columns:48px 1fr 14px;align-items:center;gap:6px;margin:0}.ftwb-workload p b,.ftwb-workload p small{font-size:12px}.ftwb-workload p i{height:5px;background:#f1e5e8}.ftwb-workload p em{display:block;height:100%;background:var(--ftwb-brand)}

@media (max-width:1500px){.ftwb-header{align-items:flex-start;flex-direction:column}.ftwb-head-actions{width:100%;flex-wrap:wrap}.ftwb-hero{grid-template-columns:minmax(0,1fr)}.ftwb-hero-metrics{padding:0 14px 14px}.ftwb-primary-grid,.ftwb-secondary-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:1050px){.ftwb-header{align-items:flex-start;flex-direction:column}.ftwb-head-actions{width:100%;flex-wrap:wrap}.ftwb-hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ftwb-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ftwb-team-grid>div:nth-child(2){border-right:0}.ftwb-team-grid>div:nth-child(-n+2){border-bottom:1px solid #eee6e8}}
@media (max-width:680px){.ftwb-head-actions select{min-width:0;flex:1}.ftwb-reasons,.ftwb-hero-metrics,.ftwb-team-grid{grid-template-columns:minmax(0,1fr)}.ftwb-hero-metrics{padding:0 12px 12px}.ftwb-forecast{grid-template-columns:minmax(0,1fr)}.ftwb-team-grid>div{border-right:0;border-bottom:1px solid #eee6e8}.ftwb-tabs{gap:12px;overflow-x:auto}.ftwb-pipeline{overflow-x:auto;grid-template-columns:repeat(6,minmax(72px,1fr))}}
.mail-tabs button.active { background:#f7e9ed; color:var(--brand); }
.mail-workspace { display:grid; grid-template-columns:190px minmax(250px, .8fr) minmax(0, 1.25fr); gap:14px; align-items:start; min-width:0; }
.mail-workspace > * { min-width:0; }
.mail-sidebar { display:grid; gap:10px; min-width:0; overflow:hidden; }
.mail-sidebar .full { width:100%; min-width:0; margin:0 0 3px; }
.mail-sidebar label { display:grid; min-width:0; gap:7px; color:var(--muted); font-size:12px; }
.mail-sidebar select { display:block; width:100%; max-width:100%; min-width:0; }
.mail-current-account { padding-bottom:10px; border-bottom:1px solid var(--line); }
.mail-current-account > span { color:var(--text); font-weight:750; }
.mail-folder-list { display:grid; min-width:0; gap:4px; }
.mail-folder { width:100%; min-width:0; border:0; background:transparent; display:flex; justify-content:space-between; padding:10px 12px; border-radius:10px; cursor:pointer; text-align:left; }
.mail-folder.active { background:#f7e9ed; color:var(--brand); font-weight:700; }
.mail-folder em { font-style:normal; }
.mail-list { padding:0; overflow:hidden; }
.mail-search { padding:12px; display:flex; align-items:center; gap:8px; border-bottom:1px solid var(--line); }
.mail-search input { min-width:0; flex:1; }
.mail-search span { white-space:nowrap; color:var(--muted); font-size:12px; }
.mail-message-list { max-height:650px; overflow:auto; }
.mail-message-item { width:100%; min-width:0; display:grid; grid-template-columns:20px minmax(0,1fr) auto; gap:8px; padding:14px 12px; border:0; border-bottom:1px solid var(--line); background:#fff; text-align:left; cursor:pointer; }
.mail-message-item.active { background:#fff6f7; box-shadow:inset 3px 0 var(--brand); }
.mail-message-item > div { min-width:0; display:grid; gap:4px; }
.mail-message-item strong,.mail-message-item b,.mail-message-item p { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:0; }
.mail-message-item strong,.mail-message-item time { color:var(--muted); font-size:12px; }
.mail-message-item b { font-weight:600; }
.mail-message-item.unread b,.mail-message-item.unread strong { color:var(--text); font-weight:800; }
.mail-star { color:#d69b13; }
.mail-reader { min-height:520px; }
.mail-reader-head { display:flex; justify-content:space-between; gap:12px; border-bottom:1px solid var(--line); padding-bottom:14px; }
.mail-reader-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:flex-start; gap:8px; }
.mail-reader-head h2 { margin:0 0 7px; font-size:20px; }
.mail-reader-head p { margin:0; color:var(--muted); font-size:12px; line-height:1.6; }
.mail-customer-link { display:flex; align-items:center; gap:10px; background:#f8fafc; padding:10px 12px; border-radius:10px; margin:14px 0; font-size:12px; }
.mail-customer-link button { margin-left:auto; border:0; background:transparent; color:var(--brand); cursor:pointer; }
.mail-body { font:inherit; white-space:pre-wrap; line-height:1.75; min-height:150px; color:var(--text); }
.mail-attachments { display:flex; gap:8px; flex-wrap:wrap; margin:12px 0; }
.mail-attachments span,.mail-provider-help span { padding:8px 10px; background:#f8fafc; border:1px solid var(--line); border-radius:8px; font-size:12px; }
.mail-reply { border-top:1px solid var(--line); padding-top:14px; display:grid; gap:9px; }
.mail-reply textarea { width:100%; resize:vertical; }
.mail-reply-actions { display:flex; justify-content:space-between; align-items:center; gap:10px; color:var(--muted); font-size:12px; }
.mail-account-grid { display:grid; gap:10px; }
.mail-account-card { display:grid; grid-template-columns:12px minmax(0,1fr) auto auto; align-items:center; gap:12px; border:1px solid var(--line); border-radius:12px; padding:14px; }
.mail-account-card p { margin:4px 0; color:var(--muted); }
.mail-account-card small { color:var(--muted); }
.mail-provider-dot { width:10px; height:10px; border-radius:50%; }
.mail-provider-help { display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin-top:16px; }
.mail-account-security-panel { margin-bottom: 12px; }
.mail-account-security-list { display:grid; gap:8px; }
.mail-account-security-row { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px 12px; border:1px solid var(--line); border-radius:10px; background:#fffafa; }
.mail-account-security-row span { display:grid; gap:3px; min-width:0; }
.mail-account-security-row small { color:var(--muted); font-size:12px; }
.mail-account-security-row nav { display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.mail-account-security-row .ghost-button { white-space:nowrap; }
@container (max-width: 620px) { .mail-account-security-row { align-items:stretch; flex-direction:column; } .mail-account-security-row nav { justify-content:flex-start; } }

@container (max-width: 1050px) { .mail-workspace { grid-template-columns:180px minmax(0,1fr); } .mail-reader { grid-column:1 / -1; } }
@container (max-width: 620px) { .mail-workspace { grid-template-columns:1fr; } .mail-reader { grid-column:auto; } .mail-sidebar { grid-template-columns:1fr; } .mail-account-card { grid-template-columns:12px minmax(0,1fr); } .mail-account-card .badge,.mail-account-card button { grid-column:2; } .mail-reply > div,.mail-reader-head { align-items:stretch; flex-direction:column; } }

.translation-switch { display:inline-grid; grid-template-columns:repeat(3,auto); overflow:hidden; border:1px solid var(--line); border-radius:10px; background:#fff; }
.translation-switch button { min-height:36px; padding:6px 10px; border:0; border-right:1px solid var(--line); background:#fff; color:var(--muted); font-size:12px; font-weight:750; cursor:pointer; }
.translation-switch button:last-child { border-right:0; }
.translation-switch button.active { background:var(--brand); color:#fff; }
.translation-original { margin:0; color:var(--text); }
.translation-result { margin:8px 0 0; padding:9px 11px; border-left:3px solid var(--brand); border-radius:0 8px 8px 0; background:#fff7f5; color:#704551; }
.reply-compose-head { display:flex; justify-content:space-between; align-items:end; gap:12px; }
.reply-compose-head > label { color:var(--text); font-weight:750; }
.reply-language-picker { display:flex; align-items:center; gap:7px; color:var(--muted); font-size:12px; }
.reply-language-picker select { min-height:36px; padding-block:6px; }
.reply-translation-preview { display:grid !important; gap:5px !important; padding:10px 12px; border:1px dashed #dfbbb4; border-radius:10px; background:#fffaf8; }
.reply-translation-preview span { color:var(--brand); font-size:12px; font-weight:850; }
.reply-translation-preview p { margin:0; color:var(--text); line-height:1.6; white-space:pre-wrap; }

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  color: var(--text);
  background:
    radial-gradient(circle at 38% 10%, #fff0e8 0, #fff0e8 170px, transparent 360px),
    radial-gradient(circle at 88% 8%, #fff1ef 0, #fff1ef 210px, transparent 420px),
    var(--bg);
  font-family: "Microsoft YaHei", "PingFang SC", "Segoe UI", Arial, sans-serif;
}

button,
input,
select,
textarea {
  font: inherit;
}

button {
  cursor: pointer;
}

button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.isolation-banner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 0.7fr) minmax(240px, 0.7fr);
  gap: 22px;
  align-items: end;
  border-left: 4px solid var(--brand);
}

.compact-field {
  margin: 0;
}

.isolation-key {
  min-width: 0;
  padding: 12px 14px;
  border-radius: 10px;
  background: var(--soft);
  border: 1px solid var(--line);
}

.isolation-key span,
.isolation-key strong {
  display: block;
}

.isolation-key span {
  color: var(--muted);
  font-size: 12px;
  margin-bottom: 5px;
}

.isolation-key strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}

.workflow-form {
  display: grid;
  grid-template-columns: 140px minmax(180px, 1fr) auto;
  gap: 10px;
  align-items: end;
  margin-bottom: 18px;
}

.inline-actions {
  display: flex;
  gap: 6px;
  white-space: nowrap;
}

.panel .inline-actions {
  flex-wrap: wrap;
}

.panel .inline-actions select {
  min-width: 112px;
  max-width: 100%;
}

.table-wrap .inline-actions {
  min-width: max-content;
}

@media (max-width: 1100px) {
  .isolation-banner,
  .workflow-form {
    grid-template-columns: 1fr;
  }
}

.app-shell {
  display: grid;
  grid-template-columns: var(--sidebar) minmax(0, 1fr);
  min-height: 100vh;
}

.app-shell.left-collapsed {
  --sidebar: var(--collapsed-sidebar);
}

.sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  padding: 12px 14px;
  background: rgba(255, 253, 251, 0.92);
  border-right: 1px solid rgba(240, 223, 220, 0.8);
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 0;
  transition: width 0.18s ease, padding 0.18s ease;
}

.brand {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 72px;
  position: relative;
}

.brand-logo-full {
  width: 166px;
  height: 60px;
  display: block;
  object-fit: contain;
  object-position: left center;
}

.brand-logo-mark {
  display: none;
  width: 46px;
  height: 56px;
  object-fit: contain;
}

.sidebar-toggle {
  width: 28px;
  height: 28px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--brand);
  display: grid;
  place-items: center;
  font-size: 18px;
  font-weight: 850;
  line-height: 1;
}

.sidebar-toggle:hover {
  border-color: var(--brand);
  background: #fff7f5;
}

.app-shell.left-collapsed .sidebar {
  padding-inline: 10px;
  align-items: center;
}

.app-shell.left-collapsed .brand {
  width: 100%;
  display: grid;
  justify-items: center;
  gap: 9px;
}

.app-shell.left-collapsed .brand-logo-full,
.app-shell.left-collapsed .sidebar-status,
.app-shell.left-collapsed .nav-title,
.app-shell.left-collapsed .nav-count {
  display: none;
}

.app-shell.left-collapsed .brand-logo-mark {
  display: block;
}

.app-shell.left-collapsed #toggleLeftSidebar {
  transform: rotate(180deg);
}

.module-nav {
  display: grid;
  gap: 7px;
  overflow: auto;
  padding-right: 2px;
}

.nav-button {
  width: 100%;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--brand);
  min-height: 52px;
  display: grid;
  grid-template-columns: 42px 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 9px 12px;
  text-align: left;
}

.nav-button:hover,
.nav-button.active {
  background: var(--brand);
  color: #fff;
}

.nav-icon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  color: currentColor;
}

.nav-icon svg {
  width: 31px;
  height: 31px;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.15;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.nav-title {
  font-size: 15px;
  font-weight: 750;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.nav-count {
  min-width: 22px;
  height: 20px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: #fff4f2;
  color: var(--brand);
  font-size: 12px;
}

.nav-button.active .nav-count,
.nav-button:hover .nav-count {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
}

.app-shell.left-collapsed .module-nav {
  width: 100%;
  padding-right: 0;
  justify-items: center;
}

.app-shell.left-collapsed .nav-button {
  width: 48px;
  min-height: 48px;
  grid-template-columns: 1fr;
  justify-items: center;
  padding: 6px;
}

.sidebar-status {
  margin-top: auto;
  display: grid;
  grid-template-columns: 10px 1fr;
  gap: 10px;
  align-items: start;
  padding: 13px;
  border-radius: 10px;
  background: #fff7f5;
  border: 1px solid var(--line);
  color: var(--muted);
  font-size: 12px;
}

.sidebar-status strong,
.sidebar-status span {
  display: block;
}

.sidebar-status strong {
  color: var(--text);
  margin-bottom: 2px;
}

.live-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--green);
  margin-top: 4px;
}

.main {
  min-width: 0;
  padding: 30px 34px 28px;
}

.right-sidebar {
  display: flex;
  position: fixed;
  top: 18px;
  right: 18px;
  z-index: 20;
  min-height: 42px;
  padding: 6px;
  background: rgba(255, 253, 251, 0.9);
  border: 1px solid rgba(240, 223, 220, 0.92);
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(100, 54, 61, 0.1);
  flex-direction: row;
  align-items: center;
  gap: 6px;
  backdrop-filter: blur(10px);
}

.sidebar-toggle.right {
  flex: 0 0 auto;
  transform: rotate(90deg);
}

.right-menu {
  display: flex;
  align-items: center;
  gap: 6px;
}

.right-action-wrap {
  position: relative;
  display: flex;
  align-items: center;
}

.todo-quick-popover {
  position: absolute;
  top: calc(100% + 12px);
  right: -220px;
  z-index: 40;
  width: min(480px, calc(100vw - 36px));
  overflow: hidden;
  border: 1px solid rgba(226, 207, 205, 0.96);
  border-radius: 14px;
  background: rgba(255, 253, 251, 0.99);
  color: var(--text);
  box-shadow: 0 22px 50px rgba(86, 45, 52, 0.18);
  backdrop-filter: blur(14px);
}

.todo-quick-head {
  display: flex;
  min-height: 58px;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--line);
}

.todo-quick-head > div {
  min-width: 0;
  display: grid;
  gap: 3px;
}

.todo-quick-head strong { font-size: 15px; }
.todo-quick-head span { color: var(--muted); font-size: 12px; }
.todo-quick-head > button {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--muted);
  font-size: 21px;
  line-height: 1;
}
.todo-quick-head > button:hover { background: var(--soft); color: var(--brand); }

.todo-quick-filters {
  display: flex;
  gap: 6px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--line);
}

.todo-quick-filters button {
  display: inline-flex;
  min-height: 30px;
  align-items: center;
  gap: 6px;
  padding: 5px 9px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: #f9f3f1;
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.todo-quick-filters button.active {
  border-color: rgba(154, 48, 76, 0.2);
  background: #f8e8ec;
  color: var(--brand);
}

.todo-quick-filters em {
  min-width: 18px;
  height: 18px;
  display: inline-grid;
  place-items: center;
  padding: 0 4px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.85);
  font-size: 12px;
  font-style: normal;
}

.todo-quick-list { max-height: 350px; overflow: auto; }
.todo-quick-item {
  width: 100%;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 10px 14px;
  border: 0;
  border-bottom: 1px solid rgba(235, 224, 222, 0.8);
  background: transparent;
  color: var(--text);
  text-align: left;
}
.todo-quick-item:hover { background: #fff7f5; }
.todo-quick-item-icon {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: #f4eeee;
  color: #6e6264;
}
.todo-quick-item-icon svg { width: 18px; height: 18px; }
.todo-quick-item-icon.brand { background: #f8e8ec; color: var(--brand); }
.todo-quick-item-icon.warn { background: #fff3dc; color: #b37616; }
.todo-quick-item-icon.danger { background: #fde8eb; color: #c33b52; }
.todo-quick-item-icon.blue { background: #e9f3fb; color: #397ba7; }
.todo-quick-item-main { min-width: 0; display: grid; gap: 4px; }
.todo-quick-item-main strong,
.todo-quick-item-main small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.todo-quick-item-main strong { font-size: 13px; }
.todo-quick-item-main small { color: var(--muted); font-size: 12px; }
.todo-quick-item-meta { display: grid; justify-items: end; gap: 4px; }
.todo-quick-item-meta time { color: var(--brand); font-size: 12px; font-weight: 750; }
.todo-quick-item-meta em { color: var(--muted); font-size: 12px; font-style: normal; }
.todo-quick-empty { padding: 32px 16px; color: var(--muted); font-size: 12px; text-align: center; }
.todo-quick-footer { padding: 9px 12px; background: #fffaf8; }
.todo-quick-footer button {
  width: 100%;
  min-height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--brand);
  font-size: 13px;
  font-weight: 800;
}
.todo-quick-footer button:hover { background: #f8e8ec; }

.message-quick-popover {
  position: absolute;
  top: calc(100% + 12px);
  right: -150px;
  z-index: 40;
  width: min(500px, calc(100vw - 36px));
  overflow: hidden;
  border: 1px solid rgba(226, 207, 205, 0.96);
  border-radius: 14px;
  background: rgba(255, 253, 251, 0.99);
  color: var(--text);
  box-shadow: 0 22px 50px rgba(86, 45, 52, 0.18);
  backdrop-filter: blur(14px);
}
.message-quick-head{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border-bottom:1px solid var(--line)}
.message-quick-head>div{min-width:0;display:grid;gap:3px}.message-quick-head strong{font-size:15px}.message-quick-head span{color:var(--muted);font-size:12px}
.message-quick-head>button{width:28px;height:28px;flex:0 0 28px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:21px;line-height:1}.message-quick-head>button:hover{background:var(--soft);color:var(--brand)}
.message-quick-filters{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid var(--line)}
.message-quick-filters button{min-height:30px;display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid transparent;border-radius:999px;background:#f9f3f1;color:var(--muted);font-size:12px;font-weight:700}
.message-quick-filters button.active{border-color:rgba(154,48,76,.2);background:#f8e8ec;color:var(--brand)}
.message-quick-filters em{min-width:18px;height:18px;display:inline-grid;place-items:center;padding:0 4px;border-radius:999px;background:rgba(255,255,255,.85);font-size:12px;font-style:normal}
.message-quick-list{max-height:392px;overflow:auto}
.message-quick-item{position:relative;width:100%;min-height:68px;display:grid;grid-template-columns:5px 34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 14px;border:0;border-bottom:1px solid rgba(235,224,222,.8);background:transparent;color:var(--text);text-align:left}
.message-quick-item:hover{background:#fff7f5}.message-quick-item.read{background:#fcfbfa}.message-unread-dot{width:5px;height:5px;border-radius:50%;background:var(--brand)}.message-quick-item.read .message-unread-dot{background:transparent}
.message-quick-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#f4eeee;color:#6e6264}.message-quick-icon svg{width:18px;height:18px}.message-quick-icon.brand{background:#f8e8ec;color:var(--brand)}.message-quick-icon.warn{background:#fff3dc;color:#b37616}.message-quick-icon.danger{background:#fde8eb;color:#c33b52}.message-quick-icon.blue{background:#e9f3fb;color:#397ba7}
.message-quick-main{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px}.message-quick-main strong,.message-quick-main small{grid-column:1/-1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-quick-main strong{font-size:13px}.message-quick-main small{color:var(--muted);font-size:12px}.message-quick-main em{color:#9a6c79;font-size:12px;font-style:normal}.message-quick-item>time{align-self:start;padding-top:2px;color:var(--muted);font-size:12px;white-space:nowrap}
.message-quick-empty{padding:32px 16px;color:var(--muted);font-size:12px;text-align:center}
.message-quick-footer{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;background:#fffaf8}.message-quick-footer button{min-height:32px;padding:0 11px;border:1px solid #dfcbd1;border-radius:7px;background:#fff;color:var(--brand);font-size:12px;font-weight:750}.message-quick-footer button:disabled{opacity:.45}.message-quick-footer span{color:var(--muted);font-size:12px}

.right-search-wrap {
  position: relative;
  min-height: 36px;
  display: grid;
  grid-template-columns: 24px minmax(160px, 220px);
  gap: 6px;
  align-items: center;
  padding: 6px 8px;
  border-radius: 8px;
  color: var(--brand);
}

.right-search-wrap:focus-within {
  background: #fff6f3;
}

.right-search-input {
  width: 100%;
  min-width: 0;
  height: 28px;
  padding: 0 4px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--text);
  font-size: 12px;
}

.right-search-input:focus {
  outline: none;
}

.search-suggestions {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 32;
  width: 280px;
  max-height: 320px;
  overflow: auto;
  padding: 8px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: rgba(255, 253, 251, 0.98);
  box-shadow: 0 18px 42px rgba(100, 54, 61, 0.14);
}

.search-suggestion-item {
  width: 100%;
  min-height: 34px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding: 7px 8px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--text);
  text-align: left;
}

.search-suggestion-item:hover {
  background: #fff6f3;
  color: var(--brand);
}

.search-suggestion-item span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 750;
}

.search-suggestion-item em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  white-space: nowrap;
}

.search-suggestion-empty {
  display: block;
  padding: 8px;
  color: var(--muted);
  font-size: 12px;
}

.right-menu-button {
  position: relative;
  width: auto;
  min-height: 36px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--brand);
  display: grid;
  grid-template-columns: 24px auto;
  gap: 6px;
  align-items: center;
  padding: 6px 8px;
  text-align: left;
}

.right-menu-button:hover {
  background: var(--brand);
  color: #fff;
}

.right-menu-icon {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
}

.right-menu-icon svg {
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.right-menu-label {
  font-size: 12px;
  font-weight: 750;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.right-badge {
  position: absolute;
  top: -5px;
  right: -4px;
  min-width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--brand);
  color: #fff;
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
}

.right-menu-button:hover .right-badge {
  background: #fff;
  color: var(--brand);
}

.right-profile-wrap {
  position: relative;
}

.profile-menu-button {
  grid-template-columns: 30px auto;
  padding-left: 6px;
}

.profile-menu-button .profile-avatar {
  width: 28px;
  height: 28px;
  font-size: 13px;
}

.profile-menu-button .profile-name {
  max-width: 76px;
}

.profile-menu-button:hover .profile-avatar {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
}

.lang-en .right-menu-button {
  grid-template-columns: 22px minmax(0, auto);
  gap: 5px;
  padding-inline: 7px;
}

.lang-en .right-menu-label {
  max-width: 76px;
  font-size: 12px;
}

.lang-en .nav-title {
  font-size: 13px;
}

.lang-en .primary-button,
.lang-en .ghost-button,
.lang-en .danger-button {
  padding-inline: 10px;
  font-size: 13px;
}

.lang-en th,
.lang-en td {
  font-size: 12px;
}

.app-shell.right-collapsed .right-sidebar {
  padding: 6px;
}

.app-shell.right-collapsed .sidebar-toggle.right {
  transform: rotate(-90deg);
}

.app-shell.right-collapsed .right-menu {
  display: none;
}

.utility-hidden {
  position: fixed;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
  overflow: hidden;
}

.search-drawer {
  position: fixed;
  inset: 0;
  z-index: 24;
  pointer-events: none;
}

.search-drawer-panel {
  position: absolute;
  top: 76px;
  left: calc(var(--sidebar) + 18px);
  width: min(380px, calc(100vw - var(--sidebar) - 36px));
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: rgba(255, 253, 251, 0.98);
  box-shadow: 0 18px 42px rgba(100, 54, 61, 0.14);
  pointer-events: auto;
}

.search-drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 12px;
}

.search-drawer-header strong {
  color: var(--brand);
  font-size: 15px;
}

.search-drawer-input,
.search-drawer-input input {
  width: 100%;
}

.search-history {
  margin-top: 14px;
}

.search-history-title {
  color: var(--muted);
  font-size: 12px;
  margin-bottom: 8px;
}

.search-history-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.search-history-item {
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff7f5;
  color: var(--brand);
  min-height: 28px;
  padding: 4px 10px;
  font-size: 12px;
}

.search-history-empty {
  color: var(--muted);
  font-size: 12px;
}

.topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 22px;
  padding-top: 6px;
}

.topbar > div:first-child {
  min-width: 0;
}

.top-toolbar {
  position: relative;
  display: none;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  flex: 0 1 auto;
  min-width: 0;
}

.top-search {
  width: min(320px, 26vw);
  min-width: 190px;
  height: 40px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.78);
}

.top-search svg,
.top-tool-button svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.top-search svg {
  color: var(--muted);
}

.top-search input {
  width: 100%;
  min-width: 0;
  height: 36px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.top-search input:focus {
  outline: none;
}

.top-tool-button {
  position: relative;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.78);
  color: var(--brand);
}

.top-tool-button.text {
  width: auto;
  min-width: 52px;
  padding: 0 10px;
  font-size: 13px;
  font-weight: 850;
}

.top-tool-button:hover,
.profile-button:hover {
  border-color: #e8c9c3;
  background: #fff6f3;
}

.top-badge {
  position: absolute;
  top: -6px;
  right: -5px;
  min-width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--brand);
  color: #fff;
  font-size: 12px;
  font-weight: 850;
  line-height: 1;
}

.profile-wrap {
  position: relative;
}

.profile-button {
  height: 40px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px 0 6px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.78);
  color: var(--text);
}

.profile-avatar {
  position: relative;
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: var(--brand);
  color: #fff;
  font-size: 14px;
  font-weight: 850;
}

.profile-avatar::before {
  content: "";
  width: 11px;
  height: 11px;
  border: 2px solid currentColor;
  border-radius: 999px;
  transform: translateY(-5px);
}

.profile-avatar::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 9px;
  border: 2px solid currentColor;
  border-bottom: 0;
  border-radius: 18px 18px 0 0;
  transform: translateY(8px);
}

.profile-avatar.large {
  width: 42px;
  height: 42px;
  font-size: 18px;
}

.profile-name {
  max-width: 88px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 850;
}

.profile-popover {
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 30;
  width: 286px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255, 253, 251, 0.98);
  box-shadow: 0 18px 42px rgba(100, 54, 61, 0.14);
}

.profile-popover-head {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 12px;
}

.profile-identity {
  min-width: 0;
}

.profile-role-switcher {
  position: relative;
  align-self: start;
}

.profile-role-switch-button {
  min-width: 78px;
  min-height: 30px;
  padding: 5px 10px;
  border: 1px solid rgba(151, 35, 69, 0.22);
  border-radius: 7px;
  background: #fff;
  color: var(--brand);
  font-size: 12px;
  font-weight: 850;
  white-space: nowrap;
  box-shadow: 0 2px 8px rgba(100, 54, 61, 0.08);
}

.profile-role-switch-button:hover,
.profile-role-switch-button[aria-expanded="true"] {
  border-color: var(--brand);
  background: var(--brand);
  color: #fff;
}

.profile-role-switch-menu {
  position: absolute;
  top: 38px;
  right: 0;
  z-index: 4;
  width: 270px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: rgba(255, 253, 251, 0.99);
  box-shadow: 0 16px 38px rgba(75, 31, 43, 0.2);
}

.profile-role-switch-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  padding: 2px 2px 9px;
  border-bottom: 1px solid var(--line);
}

.profile-role-switch-title strong {
  font-size: 13px;
}

.profile-role-switch-title span {
  max-width: 126px;
  color: var(--muted);
  font-size: 10px;
  line-height: 1.35;
  text-align: right;
}

.profile-role-account-list {
  display: grid;
  gap: 5px;
  max-height: 286px;
  margin-top: 8px;
  overflow: auto;
}

.profile-role-account {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  padding: 8px 9px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: var(--text);
  text-align: left;
}

.profile-role-account:hover {
  border-color: rgba(151, 35, 69, 0.16);
  background: #fff5f3;
}

.profile-role-account.active {
  border-color: rgba(151, 35, 69, 0.24);
  background: #fbe8e8;
}

.profile-role-account span {
  min-width: 0;
}

.profile-role-account b,
.profile-role-account small {
  display: block;
}

.profile-role-account b {
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.profile-role-account small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 10px;
}

.profile-role-account em {
  flex: 0 0 auto;
  color: var(--brand);
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
}

.profile-role-account-empty {
  padding: 16px 8px;
  color: var(--muted);
  font-size: 12px;
  text-align: center;
}

.profile-role-preview-banner {
  display: flex;
  align-items: center;
  gap: 5px;
  margin: -2px 0 10px;
  padding: 7px 9px;
  border: 1px solid rgba(151, 35, 69, 0.16);
  border-radius: 8px;
  background: #fff1ef;
  color: var(--brand);
  font-size: 11px;
}

.profile-role-preview-banner span {
  margin-left: auto;
  color: #8a6670;
  font-size: 10px;
}

.profile-identity strong,
.profile-identity span {
  display: block;
}

.profile-identity strong {
  font-size: 16px;
}

.profile-identity span {
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
}

.profile-info-grid {
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr);
  gap: 10px 12px;
  align-items: start;
  font-size: 13px;
}

.profile-info-grid span {
  color: var(--muted);
}

.profile-info-grid strong {
  min-width: 0;
  color: var(--text);
  font-weight: 850;
  overflow-wrap: anywhere;
}

.profile-language-button {
  justify-self: start;
  min-height: 28px;
  padding: 4px 10px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff7f5;
  color: var(--brand);
  font-size: 12px;
  font-weight: 850;
}

.profile-language-button:hover {
  background: var(--brand);
  color: #fff;
}

.eyebrow {
  margin: 0 0 8px;
  color: var(--brand);
  font-size: 12px;
  font-weight: 850;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1 {
  margin-bottom: 4px;
  font-size: 30px;
  line-height: 1.15;
}

h2 {
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 1.25;
}

h3 {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 1.35;
}

.page-subtitle {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.top-actions {
  display: flex;
  gap: 12px;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-top: 4px;
}

.search-box,
.role-switch,
.auth-chip {
  display: flex;
  align-items: center;
  color: var(--muted);
  font-size: 12px;
}

.auth-chip {
  min-width: 116px;
  min-height: 44px;
  height: 44px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.72);
  justify-content: center;
  text-align: center;
}

.auth-chip strong {
  color: var(--brand);
  font-size: 16px;
  font-weight: 750;
  line-height: 1;
}

.search-box input {
  width: min(320px, 34vw);
}

input,
select,
textarea {
  border: 1px solid var(--line);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--text);
  min-height: 44px;
  padding: 10px 12px;
  outline: none;
}

textarea {
  min-height: 88px;
  resize: vertical;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(141, 49, 72, 0.12);
}

.round-button,
.primary-button,
.ghost-button,
.danger-button {
  border: 1px solid transparent;
  border-radius: 12px;
  min-height: 44px;
  padding: 8px 13px;
  font-weight: 750;
}

.round-button {
  width: 44px;
  height: 44px;
  padding: 0;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--brand);
  color: #fff;
}

.round-button.light {
  background: #fff;
  color: var(--brand);
  border-color: var(--line);
  font-size: 20px;
}

.primary-button {
  background: var(--brand);
  color: #fff;
}

.ghost-button {
  background: #fff;
  color: var(--brand);
  border-color: var(--line);
}

.danger-button {
  background: #fff0ef;
  color: var(--red);
  border-color: #ffd1cc;
}

.content {
  display: grid;
  gap: 18px;
}

/* 跨版块业务跳转保留来源：只在存在可恢复的来源页时显示。 */
.cross-module-return-host {
  min-height: 40px;
  margin: 0 0 12px;
}

.cross-module-return-host[hidden] {
  display: none !important;
}

.cross-module-return-button {
  min-height: 40px;
  max-width: min(520px, 100%);
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 7px 14px 7px 10px;
  border: 1px solid rgba(152, 34, 67, 0.2);
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 246, 247, 0.96));
  color: var(--brand);
  box-shadow: 0 5px 16px rgba(100, 54, 61, 0.08);
  text-align: left;
}

.cross-module-return-button:hover {
  border-color: rgba(152, 34, 67, 0.46);
  background: #fff7f7;
  transform: translateY(-1px);
}

.cross-module-return-button:focus-visible {
  outline: 3px solid rgba(152, 34, 67, 0.18);
  outline-offset: 2px;
}

.cross-module-return-button svg {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.cross-module-return-button > span {
  min-width: 0;
  display: flex;
  align-items: baseline;
  gap: 7px;
}

.cross-module-return-button small {
  font-size: 13px;
  font-weight: 700;
  color: var(--muted);
}

.cross-module-return-button strong {
  min-width: 0;
  overflow: hidden;
  color: var(--brand);
  font-size: 14px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 720px) {
  .cross-module-return-button {
    max-width: 100%;
  }
}

.grid {
  display: grid;
  gap: 16px;
}

.cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.panel,
.metric-card,
.module-card {
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.panel {
  min-width: 0;
  max-width: 100%;
  padding: 20px;
}

.panel-header,
.toolbar,
.split-header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 15px;
}

.panel-header p,
.toolbar p,
.module-card p {
  margin: 4px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.65;
}

.metric-card {
  padding: 15px;
  min-height: 114px;
  display: grid;
  align-content: space-between;
}

.metric-label {
  color: var(--muted);
  font-size: 13px;
}

.metric-value {
  margin-top: 13px;
  font-size: 28px;
  line-height: 1.1;
  font-weight: 850;
}

.metric-trend {
  margin-top: 8px;
  color: var(--green);
  font-size: 12px;
  font-weight: 750;
}

.metric-trend.down {
  color: var(--red);
}

.badge,
.status,
.tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  border-radius: 999px;
  padding: 2px 10px;
  font-size: 12px;
  font-weight: 750;
  white-space: nowrap;
}

.badge {
  background: #fff4f2;
  color: var(--brand);
}

.status {
  background: #eef9ed;
  color: var(--green);
}

.status.warn {
  background: #fff6e5;
  color: #b97800;
}

.status.danger {
  background: #fff0ef;
  color: var(--red);
}

.tag {
  background: #fff7f5;
  color: var(--brand);
  border: 1px solid var(--line);
}

.sensitive-mask {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  border-radius: 999px;
  padding: 2px 10px;
  background: #fff7f5;
  color: var(--muted);
  border: 1px dashed var(--line);
  font-size: 12px;
  font-weight: 750;
  white-space: nowrap;
}

.scope-user {
  display: grid;
  gap: 3px;
  min-width: 120px;
}

.scope-user span,
.muted-note {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.scope-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  max-width: 280px;
}

.scope-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 28px;
  padding: 5px 8px;
  border-radius: 8px;
  background: #fff7f5;
  border: 1px solid var(--line);
  color: var(--brand);
  font-size: 12px;
  line-height: 1.25;
}

.scope-tag small {
  color: var(--muted);
  font-size: 12px;
}

.scope-tags.editable .scope-tag {
  padding-right: 4px;
}

.scope-tag > button {
  display: inline-grid;
  place-items: center;
  width: 20px;
  min-width: 20px;
  height: 20px;
  min-height: 20px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: #9d405b;
  font-size: 15px;
}

.scope-tag > button:hover {
  background: #f3dfe4;
}

.scope-actions {
  display: grid;
  gap: 6px;
  max-width: 360px;
}

.scope-actions > div {
  display: grid;
  grid-template-columns: minmax(110px, 1fr) auto;
  gap: 6px;
}

.scope-actions select {
  min-width: 0;
  min-height: 32px;
  padding: 4px 7px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--text);
  font: inherit;
  font-size: 12px;
}

.scope-actions .ghost-button {
  min-height: 32px;
  border-radius: 8px;
  padding: 5px 9px;
  font-size: 12px;
}

.permission-banner {
  margin-bottom: 14px;
  padding: 12px 14px;
  border-radius: 8px;
  border: 1px solid var(--line);
  background: #fff8f5;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.6;
}

.permission-banner strong {
  color: var(--brand);
}

.empty-state {
  padding: 18px;
  border: 1px dashed var(--line);
  border-radius: 10px;
  background: var(--soft);
  color: var(--muted);
  font-size: 13px;
  line-height: 1.7;
}

.module-card {
  padding: 17px;
}

.module-card strong {
  color: var(--brand);
}

.card-actions,
.toolbar-group {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.summary-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.summary-cell {
  padding: 13px;
  border-radius: 10px;
  border: 1px solid var(--line);
  background: var(--soft);
}

.summary-cell span {
  display: block;
  color: var(--muted);
  font-size: 12px;
}

.summary-cell strong {
  display: block;
  margin-top: 7px;
  font-size: 18px;
}

.table-wrap {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  border: 1px solid var(--line);
  border-radius: 10px;
}

table {
  width: 100%;
  min-width: 820px;
  border-collapse: collapse;
  background: #fff;
}

.data-table {
  table-layout: fixed;
}

th,
td {
  padding: 12px;
  border-bottom: 1px solid var(--line);
  text-align: left;
  vertical-align: middle;
  font-size: 13px;
}

.data-table th,
.data-table td {
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: normal;
}

.data-table td {
  min-width: 0;
  font-size: clamp(10px, 0.86vw, 13px);
  line-height: 1.48;
  user-select: none;
}

.data-table td.table-cell-selected {
  position: relative;
  background: #fff0f3;
  box-shadow: inset 0 0 0 1px rgba(141, 49, 72, 0.55);
}

.data-table td.table-cell-selected::after {
  content: "";
  position: absolute;
  inset: -1px;
  pointer-events: none;
  border: 1px solid var(--brand);
}

.data-table td:focus-visible {
  outline: 2px solid var(--brand-2);
  outline-offset: -2px;
}

th {
  color: var(--muted);
  background: #fff9f7;
  font-size: 12px;
  font-weight: 850;
}

tr:last-child td {
  border-bottom: 0;
}

.table-wrap + .muted-note,
.table-wrap + .table-footer-note {
  margin-top: calc(1em + 8px);
}

.table-context-menu {
  position: fixed;
  z-index: 1200;
  display: grid;
  min-width: 172px;
  padding: 6px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(45, 32, 36, 0.2);
}

.table-context-menu.hidden {
  display: none;
}

.table-context-menu button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 34px;
  padding: 7px 9px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--text);
  font-size: 13px;
  text-align: left;
}

.table-context-menu button:hover,
.table-context-menu button:focus-visible {
  background: var(--soft);
  color: var(--brand);
  outline: none;
}

.table-context-menu kbd {
  color: var(--muted);
  font-family: inherit;
  font-size: 12px;
}

.foreign-trade-workspace {
  display: grid;
  grid-template-columns: 158px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  color: var(--text);
  font-family: "Microsoft YaHei", "PingFang SC", "Segoe UI", Arial, sans-serif;
  font-size: 13px;
}

.foreign-trade-menu {
  position: sticky;
  top: 18px;
  display: grid;
  gap: 12px;
  max-height: calc(100vh - 36px);
  min-width: 0;
  padding: 8px;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--shadow);
  backdrop-filter: blur(16px);
  z-index: 8;
}

.foreign-trade-menu-groups {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 6px;
  min-width: 0;
}

.foreign-trade-group-button {
  min-width: 0;
  min-height: 52px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 8px;
  padding: 9px 10px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  color: var(--brand);
  text-align: left;
}

.foreign-trade-group-copy {
  min-width: 0;
}

.foreign-trade-group-copy strong,
.foreign-trade-group-copy > span {
  display: block;
}

.foreign-trade-group-copy strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 750;
}

.foreign-trade-group-copy > span {
  margin-top: 3px;
  overflow: hidden;
  color: var(--muted);
  font-size: 12px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.foreign-trade-group-button em {
  min-width: 24px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  border-radius: 999px;
  background: #fff7f5;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
}

.foreign-trade-group-meta {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.foreign-trade-group-meta i {
  color: var(--muted);
  font-size: 15px;
  font-style: normal;
  line-height: 1;
  transition: transform 160ms ease;
}

.foreign-trade-group-button.expanded .foreign-trade-group-meta i {
  transform: rotate(180deg);
}

.foreign-trade-group-button:hover {
  border-color: #e8c9c3;
  background: #fffaf8;
  color: var(--brand);
}

.foreign-trade-group-button.active {
  border-color: var(--brand);
  background: var(--brand);
  color: #fff;
  box-shadow: 0 8px 18px rgba(141, 49, 72, 0.16);
}

.foreign-trade-group-button.active em {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
}

.foreign-trade-group-button.active .foreign-trade-group-copy > span {
  color: rgba(255, 255, 255, 0.82);
}

.foreign-trade-group-button.active .foreign-trade-group-meta i {
  color: #fff;
}

.foreign-trade-menu-accordion {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 5px;
  min-width: 0;
  margin: 0 4px 5px 13px;
  padding: 7px 0 3px 10px;
  border-left: 2px solid #e8c9c3;
}

.foreign-trade-menu-accordion .foreign-trade-menu-button {
  min-height: 42px;
  padding: 9px 10px;
}

.foreign-trade-submenu {
  min-width: 0;
  padding-top: 12px;
  border-top: 1px solid var(--line);
}

.foreign-trade-menu-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 2px 8px;
}

.foreign-trade-menu-head span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
}

.foreign-trade-menu-head strong {
  color: var(--text);
  font-size: 13px;
  font-weight: 850;
}

.foreign-trade-submenu-buttons {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 5px;
  min-width: 0;
  padding: 1px;
}

.foreign-trade-menu-button {
  width: 100%;
  min-height: 36px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  padding: 7px 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--text);
  text-align: left;
}

.foreign-trade-menu-button span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 750;
}

.foreign-trade-menu-button em {
  min-width: 24px;
  min-height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #fff7f5;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
}

.foreign-trade-menu-button:hover,
.foreign-trade-menu-button.active {
  border-color: #e8c9c3;
  background: #fff6f3;
  color: var(--brand);
}

.foreign-trade-menu-button.active em {
  background: var(--brand);
  color: #fff;
}

.foreign-trade-context-row {
  display: grid;
  grid-template-columns: minmax(300px, 0.9fr) minmax(0, 2fr);
  gap: 14px;
  min-width: 0;
  align-items: stretch;
}

.foreign-trade-context-card {
  position: relative;
  min-width: 0;
  min-height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
  border-left: 4px solid var(--brand);
}

.foreign-trade-context-copy {
  min-width: 0;
}

.foreign-trade-context-copy > span {
  color: var(--brand);
  font-size: 12px;
  font-weight: 850;
}

.foreign-trade-context-copy h2 {
  margin: 7px 0 6px;
  font-size: 20px;
}

.foreign-trade-context-copy p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.65;
}

.foreign-trade-context-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  min-width: 0;
}

.foreign-trade-context-kpi {
  min-width: 0;
  min-height: 76px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
  padding: 9px 12px;
}

.foreign-trade-context-kpi > span,
.foreign-trade-context-kpi small {
  color: var(--muted);
}

.foreign-trade-context-kpi strong {
  color: var(--text);
  font-size: 24px;
  line-height: 1;
}

.foreign-trade-context-kpi small {
  font-size: 12px;
  line-height: 1.3;
}

.foreign-trade-context-kpi:not(.danger) small {
  color: var(--green);
}

.foreign-trade-context-kpi.danger small {
  color: var(--red);
}

.foreign-trade-main {
  display: grid;
  gap: 16px;
  min-width: 0;
  container-type: inline-size;
}

.foreign-trade-main button,
.foreign-trade-main input,
.foreign-trade-main select,
.foreign-trade-main textarea {
  font-family: inherit;
}

.software-font-scale {
  font-size: var(--software-normalized-font-size) !important;
}

.social-aggregate-hero {
  overflow: hidden;
  background:
    radial-gradient(circle at 92% 0%, rgba(255, 228, 218, 0.96), transparent 34%),
    linear-gradient(135deg, rgba(255, 253, 251, 0.98), rgba(255, 247, 244, 0.92));
}

.social-isolation-flow {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  margin-top: 14px;
}

.social-isolation-flow div {
  display: grid;
  gap: 5px;
  min-height: 66px;
  padding: 12px;
  border: 1px solid rgba(232, 201, 195, 0.82);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.72);
}

.social-isolation-flow strong {
  color: var(--brand);
  font-size: 14px;
}

.social-isolation-flow span,
.social-isolation-flow em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
}

.social-aggregate-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 32%);
  gap: 16px;
  align-items: start;
}

.social-profile-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  min-width: 0;
}

.social-profile-card {
  display: grid;
  gap: 13px;
  min-width: 0;
  padding: 15px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(89, 63, 70, 0.07);
}

.social-profile-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.social-profile-top-actions {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 8px;
}

.social-settings-button {
  min-height: 28px;
  padding: 5px 10px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fff8f5;
  color: var(--brand);
  font-size: 12px;
  font-weight: 850;
}

.social-settings-button:hover,
.social-settings-button.active {
  border-color: var(--brand);
  background: var(--brand);
  color: #fff;
}

.social-platform {
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 9px;
  border-radius: 999px;
  background: #fff4f0;
  color: var(--brand);
  font-size: 12px;
  font-weight: 850;
}

.social-profile-card h3 {
  margin: 8px 0 5px;
  color: var(--text);
  font-size: 18px;
}

.social-profile-card p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}

.social-risk-badge {
  flex: 0 0 auto;
  padding: 5px 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 850;
}

.social-risk-badge.safe {
  background: #eaf8ef;
  color: #29784a;
}

.social-risk-badge.warn {
  background: #fff3d8;
  color: #936018;
}

.social-risk-badge.danger {
  background: #ffe7e5;
  color: #b13a32;
}

.social-config-summary {
  display: grid;
  grid-template-columns: minmax(108px, 0.8fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 8px;
}

.social-config-summary span {
  display: grid;
  gap: 4px;
  min-width: 0;
  padding: 9px;
  border-radius: 10px;
  background: #fff8f5;
  color: var(--muted);
  font-size: 12px;
}

.social-config-summary strong {
  color: var(--text);
  font-size: 12px;
}

.social-profile-config-panel {
  display: grid;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(232, 201, 195, 0.9);
  border-radius: 12px;
  background:
    radial-gradient(circle at 96% 0%, rgba(255, 228, 218, 0.85), transparent 34%),
    #fffaf8;
}

.social-settings-modal {
  position: fixed;
  inset: 0;
  z-index: 44;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(64, 39, 44, 0.32);
  backdrop-filter: blur(5px);
}

.social-settings-modal-panel {
  width: min(680px, calc(100vw - 40px));
  max-height: min(760px, calc(100vh - 40px));
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid rgba(240, 223, 220, 0.95);
  border-radius: 20px;
  background: rgba(255, 253, 251, 0.98);
  box-shadow: 0 28px 78px rgba(78, 42, 48, 0.24);
}

.social-action-modal-panel.wide {
  width: min(780px, calc(100vw - 40px));
}

.social-settings-modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px 14px;
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 92% 0%, rgba(255, 228, 218, 0.95), transparent 36%),
    linear-gradient(180deg, #fff8f5 0%, rgba(255, 253, 251, 0.94) 100%);
}

.social-settings-modal-header h2 {
  margin: 8px 0 5px;
  color: var(--brand);
  font-size: 20px;
}

.social-settings-modal-header p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

.social-settings-modal-body {
  display: grid;
  gap: 12px;
  min-height: 0;
  overflow: auto;
  padding: 16px;
}

.social-settings-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.social-settings-summary div {
  display: grid;
  gap: 5px;
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff8f5;
}

.social-settings-summary strong,
.social-settings-summary span {
  font-size: 12px;
}

.social-settings-summary strong {
  color: var(--text);
}

.social-settings-summary span {
  color: var(--brand);
  font-weight: 850;
}

.social-settings-detail-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.social-settings-form-preview {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.social-action-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.social-settings-form-preview .field:last-child {
  grid-column: 1 / -1;
}

.social-settings-modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 2px;
}

.social-config-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.social-config-panel-head strong {
  color: var(--brand);
  font-size: 13px;
}

.social-config-panel-head span {
  color: var(--muted);
  font-size: 12px;
}

.social-profile-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.social-profile-meta span {
  display: grid;
  gap: 3px;
  min-width: 0;
  padding: 9px;
  border-radius: 10px;
  background: #fff8f5;
  color: var(--muted);
  font-size: 12px;
}

.social-profile-meta strong {
  color: var(--text);
  font-size: 12px;
}

.social-share-note {
  display: grid;
  gap: 4px;
  padding: 10px;
  border: 1px dashed rgba(141, 49, 72, 0.24);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.62);
}

.social-share-note strong {
  color: var(--brand);
  font-size: 12px;
}

.social-share-note span {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

.social-profile-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
}

.social-profile-stats div {
  display: grid;
  gap: 3px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: rgba(255, 253, 251, 0.88);
}

.social-profile-stats span {
  color: var(--muted);
  font-size: 12px;
}

.social-profile-stats strong {
  color: var(--brand);
  font-size: 14px;
}

.social-profile-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.social-ai-panel {
  display: grid;
  gap: 16px;
  position: sticky;
  top: 244px;
}

.social-rule-list {
  display: grid;
  gap: 10px;
}

.social-rule-list div {
  display: grid;
  gap: 4px;
  padding: 11px;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff8f5;
}

.social-rule-list strong {
  color: var(--brand);
  font-size: 13px;
}

.social-rule-list span {
  color: var(--muted);
  font-size: 12px;
}

.social-open-flow {
  grid-template-columns: repeat(6, minmax(96px, 1fr));
  overflow-x: auto;
}

.social-aggregate-header {
  align-items: center;
}

.social-provider-live {
  display: grid;
  grid-template-columns: 9px auto;
  align-items: center;
  gap: 3px 8px;
  min-width: 210px;
  padding: 9px 12px;
  border: 1px solid #cfe8d7;
  border-radius: 8px;
  background: #f3fbf5;
}

.social-provider-live > span {
  width: 9px;
  height: 9px;
  grid-row: 1 / 3;
  border-radius: 50%;
  background: #2d8a54;
  box-shadow: 0 0 0 4px rgba(45, 138, 84, 0.1);
}

.social-provider-live strong {
  color: #276f46;
  font-size: 12px;
}

.social-provider-live em {
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
}

.social-workspace-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 14px 0 12px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
}

.social-workspace-tabs {
  display: inline-grid;
  grid-template-columns: repeat(2, minmax(118px, 1fr));
  padding: 3px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8f5f3;
}

.social-workspace-tabs button {
  min-height: 34px;
  padding: 7px 14px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.social-workspace-tabs button.active {
  background: #fff;
  color: var(--brand);
  box-shadow: 0 3px 10px rgba(89, 63, 70, 0.09);
}

.social-message-summary {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.social-inbox-workspace {
  min-height: 660px;
  display: grid;
  grid-template-columns: 300px minmax(440px, 1fr) 270px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow);
}

.social-inbox-sidebar,
.social-thread-panel,
.social-crm-sidebar {
  min-width: 0;
  min-height: 0;
}

.social-inbox-sidebar {
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr);
  border-right: 1px solid var(--line);
  background: #fbfaf9;
}

.social-inbox-search {
  padding: 14px 14px 10px;
}

.social-inbox-search input {
  width: 100%;
  height: 38px;
  padding: 0 11px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  color: var(--text);
  outline: 0;
}

.social-inbox-search input:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(141, 49, 72, 0.08);
}

.social-platform-filters {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding: 0 14px 10px;
  scrollbar-width: thin;
}

.social-platform-filters button {
  flex: 0 0 auto;
  min-height: 26px;
  padding: 4px 8px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: #fff;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.social-platform-filters button.active {
  border-color: var(--brand);
  background: var(--brand);
  color: #fff;
}

.social-inbox-status-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  padding: 0 14px 10px;
  border-bottom: 1px solid var(--line);
}

.social-inbox-status-tabs button {
  min-height: 30px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.social-inbox-status-tabs button.active {
  border-bottom-color: var(--brand);
  color: var(--brand);
}

.social-conversation-list {
  min-height: 0;
  overflow: auto;
}

.social-conversation-item {
  position: relative;
  width: 100%;
  min-height: 104px;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  padding: 13px 14px;
  border: 0;
  border-bottom: 1px solid var(--line);
  background: transparent;
  color: var(--text);
  text-align: left;
}

.social-conversation-item:hover {
  background: #fff7f4;
}

.social-conversation-item.active {
  background: #fff1ec;
  box-shadow: inset 3px 0 0 var(--brand);
}

.social-contact-avatar {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: #efe1dc;
  color: var(--brand);
  font-size: 13px;
  font-weight: 900;
}

.social-conversation-copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.social-conversation-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.social-conversation-line strong {
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.social-conversation-line time {
  flex: 0 0 auto;
  color: var(--muted);
  font-size: 12px;
}

.social-conversation-meta,
.social-conversation-preview {
  overflow: hidden;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.social-conversation-meta em {
  margin-right: 5px;
  color: var(--brand);
  font-style: normal;
  font-weight: 850;
}

.social-unread-count {
  position: absolute;
  right: 14px;
  bottom: 11px;
  min-width: 18px;
  height: 18px;
  display: inline-grid;
  place-items: center;
  padding: 0 5px;
  border-radius: 9px;
  background: var(--brand);
  color: #fff;
  font-size: 12px;
  font-weight: 900;
}

.social-inbox-empty {
  padding: 28px 16px;
  color: var(--muted);
  font-size: 12px;
  text-align: center;
}

.social-thread-panel {
  display: grid;
  grid-template-rows: auto auto minmax(260px, 1fr) auto;
  background: #fff;
}

.social-thread-header {
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--line);
}

.social-thread-title {
  display: flex;
  align-items: center;
  gap: 8px;
}

.social-thread-title h3 {
  margin: 0;
  color: var(--text);
  font-size: 16px;
}

.social-thread-header p {
  margin: 5px 0 0;
  color: var(--muted);
  font-size: 12px;
}

.social-thread-sync-note {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-bottom: 1px solid #f1e6e2;
  background: #fff9f6;
  color: var(--muted);
  font-size: 12px;
}

.social-thread-sync-note strong {
  color: var(--brand);
}

.social-message-thread {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 0;
  overflow: auto;
  padding: 18px;
  background: #f8f7f6;
}

.social-message-bubble {
  width: min(78%, 520px);
  align-self: flex-start;
  padding: 11px 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(89, 63, 70, 0.05);
}

.social-message-bubble.outbound {
  align-self: flex-end;
  border-color: #e4c7bf;
  background: #fff0eb;
}

.social-message-bubble.note {
  align-self: center;
  background: #fff8dd;
}

.social-message-bubble > div {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}

.social-message-bubble strong,
.social-message-bubble time,
.social-message-bubble > span {
  font-size: 12px;
}

.social-message-bubble strong {
  color: var(--brand);
}

.social-message-bubble time,
.social-message-bubble > span {
  color: var(--muted);
}

.social-message-bubble p {
  margin: 7px 0 6px;
  color: var(--text);
  font-size: 12px;
  line-height: 1.65;
  white-space: pre-wrap;
}

.social-message-composer {
  display: grid;
  gap: 8px;
  padding: 12px 16px 14px;
  border-top: 1px solid var(--line);
  background: #fff;
}

.social-message-composer label {
  color: var(--text);
  font-size: 12px;
  font-weight: 850;
}

.social-message-composer textarea {
  width: 100%;
  min-height: 74px;
  resize: vertical;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 7px;
  color: var(--text);
  font: inherit;
  font-size: 12px;
  line-height: 1.55;
  outline: 0;
}

.social-message-composer textarea:focus {
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(141, 49, 72, 0.08);
}

.social-message-composer > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.social-message-composer > div span {
  color: var(--muted);
  font-size: 12px;
}

.social-crm-sidebar {
  display: grid;
  align-content: start;
  gap: 15px;
  padding: 16px;
  border-left: 1px solid var(--line);
  background: #fffdfb;
}

.social-crm-eyebrow {
  color: var(--brand);
  font-size: 12px;
  font-weight: 900;
}

.social-crm-sidebar h3 {
  margin: 6px 0 4px;
  color: var(--text);
  font-size: 16px;
}

.social-crm-sidebar p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

.social-crm-details {
  display: grid;
  gap: 0;
  margin: 0;
  border-top: 1px solid var(--line);
}

.social-crm-details div {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 8px;
  padding: 9px 0;
  border-bottom: 1px solid var(--line);
}

.social-crm-details dt,
.social-crm-details dd {
  margin: 0;
  font-size: 12px;
}

.social-crm-details dt {
  color: var(--muted);
}

.social-crm-details dd {
  overflow-wrap: anywhere;
  color: var(--text);
  font-weight: 750;
}

.social-priority {
  color: #8a5b1b;
}

.social-priority.high {
  color: #b13a32;
}

.social-tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}

.social-tag-list span {
  padding: 4px 7px;
  border-radius: 5px;
  background: #f3ece9;
  color: var(--brand);
  font-size: 12px;
  font-weight: 800;
}

.social-next-action {
  padding: 11px;
  border: 1px solid #ead8d1;
  border-radius: 7px;
  background: #fff7f3;
}

.social-next-action strong {
  display: block;
  margin-bottom: 5px;
  color: var(--brand);
  font-size: 12px;
}

.social-crm-sidebar .full {
  width: 100%;
}

.social-account-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 290px;
  gap: 16px;
  align-items: start;
}

.social-provider-roadmap {
  position: sticky;
  top: 244px;
}

.social-provider-roadmap h2 {
  margin: 10px 0 14px;
}

.social-provider-roadmap > p {
  margin: 14px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}

.social-provider-status {
  display: inline-flex;
  width: fit-content;
  padding: 4px 7px;
  border-radius: 5px;
  background: #f1eeec;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
}

.social-provider-status.active {
  background: #e7f5ec;
  color: #277247;
}

.social-provider-contract {
  display: grid;
  gap: 8px;
}

.social-provider-contract div {
  display: grid;
  gap: 4px;
  padding: 9px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fbfaf9;
}

.social-provider-contract span {
  color: var(--muted);
  font-size: 12px;
}

.social-provider-contract strong {
  overflow-wrap: anywhere;
  color: var(--text);
  font-size: 12px;
}

.social-provider-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.social-provider-option {
  display: grid;
  align-content: start;
  gap: 7px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fbfaf9;
}

.social-provider-option.active {
  border-color: #badbc7;
  background: #f4fbf6;
}

.social-provider-option strong {
  color: var(--text);
  font-size: 12px;
}

.social-provider-option p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

.ecommerce-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 16px;
  align-items: start;
}

.ecommerce-menu {
  position: sticky;
  top: 88px;
  display: grid;
  gap: 12px;
  min-width: 0;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--shadow);
  backdrop-filter: blur(16px);
  z-index: 8;
}

.ecommerce-menu-groups {
  display: grid;
  grid-template-columns: repeat(6, minmax(148px, 1fr));
  gap: 10px;
  min-width: 0;
  overflow-x: auto;
  padding-bottom: 3px;
  scrollbar-width: thin;
}

.ecommerce-group-button {
  min-width: 0;
  min-height: 72px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  color: var(--text);
  text-align: left;
}

.ecommerce-group-copy {
  min-width: 0;
}

.ecommerce-group-copy strong,
.ecommerce-group-copy > span {
  display: block;
}

.ecommerce-group-copy strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 850;
}

.ecommerce-group-copy > span {
  margin-top: 5px;
  overflow: hidden;
  color: var(--muted);
  font-size: 12px;
  font-weight: 400;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ecommerce-group-button em {
  min-width: 24px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  border-radius: 999px;
  background: #fff7f5;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
}

.ecommerce-group-button:hover {
  border-color: #e8c9c3;
  background: #fffaf8;
  color: var(--brand);
}

.ecommerce-group-button.active {
  border-color: var(--brand);
  background: var(--brand);
  color: #fff;
  box-shadow: 0 8px 18px rgba(141, 49, 72, 0.16);
}

.ecommerce-group-button.active em {
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
}

.ecommerce-group-button.active .ecommerce-group-copy > span {
  color: rgba(255, 255, 255, 0.82);
}

.ecommerce-submenu {
  min-width: 0;
  padding-top: 10px;
  border-top: 1px solid var(--line);
}

.ecommerce-menu-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 0 2px 8px;
}

.ecommerce-menu-head span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 750;
}

.ecommerce-menu-head strong {
  color: var(--text);
  font-size: 13px;
  font-weight: 850;
}

.ecommerce-submenu-buttons {
  display: flex;
  gap: 8px;
  min-width: 0;
  overflow-x: auto;
  padding: 1px 1px 2px;
  scrollbar-width: thin;
}

.ecommerce-menu-button {
  flex: 0 0 auto;
  min-height: 36px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 6px;
  align-items: center;
  padding: 7px 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
  color: var(--text);
  text-align: left;
}

.ecommerce-menu-button span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 750;
}

.ecommerce-menu-button em {
  min-width: 24px;
  min-height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #fff7f5;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
}

.ecommerce-menu-button:hover,
.ecommerce-menu-button.active {
  border-color: #e8c9c3;
  background: #fff6f3;
  color: var(--brand);
}

.ecommerce-menu-button.active em {
  background: var(--brand);
  color: #fff;
}

.ecommerce-main {
  display: grid;
  gap: 16px;
  min-width: 0;
}

.employee-report-workspace {
  --employee-report-accent: var(--brand);
}

.employee-report-main {
  min-width: 0;
}

.employee-report-card-list {
  display: grid;
  gap: 12px;
}

.employee-report-card {
  display: grid;
  gap: 12px;
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 8px 20px rgba(89, 63, 70, 0.06);
}

.employee-report-card-head,
.employee-report-card-foot,
.employee-report-submit-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.employee-report-card h3 {
  margin: 0 0 6px;
  color: var(--text);
  font-size: 16px;
}

.employee-report-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.7;
}

.employee-report-status {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  min-width: 100px;
}

.employee-report-mini-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.employee-report-section {
  display: grid;
  gap: 8px;
  min-width: 0;
}

.employee-report-section > strong {
  color: var(--brand);
  font-size: 13px;
}

.employee-report-form,
.employee-form-grid {
  display: grid;
  gap: 12px;
}

.employee-form-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.employee-form-grid.four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.employee-report-form .full {
  width: 100%;
}

.employee-report-form textarea {
  min-height: 94px;
  resize: vertical;
}

.employee-analysis-toolbar {
  display: grid;
  grid-template-columns: minmax(180px, 1fr) minmax(150px, 220px) auto;
  gap: 12px;
  align-items: end;
}

.employee-analysis-result {
  display: grid;
  gap: 14px;
}

.employee-analysis-grid {
  align-items: stretch;
}

.employee-analysis-grid .task-list {
  margin: 0;
}

.warn-note {
  border-color: #efc9bd;
  background: #fff8f5;
}

.ecommerce-hero {
  overflow: hidden;
}

.ecommerce-workflow {
  display: grid;
  grid-template-columns: repeat(10, minmax(78px, 1fr));
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
}

.ecommerce-stage {
  min-height: 76px;
  display: grid;
  align-content: center;
  gap: 7px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fffaf8;
}

.ecommerce-stage span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.ecommerce-stage strong {
  color: var(--text);
  font-size: 13px;
}

.ecommerce-stage.active {
  border-color: #e1b5ad;
  background: #fff3ef;
}

.ecommerce-stage.active strong {
  color: var(--brand);
}

.ecommerce-feature {
  border-left: 4px solid var(--brand);
}

.foreign-trade-hero {
  overflow: hidden;
}

.trade-workflow {
  display: grid;
  grid-template-columns: repeat(12, minmax(78px, 1fr));
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 2px;
}

.trade-stage {
  min-height: 76px;
  display: grid;
  align-content: center;
  gap: 7px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fffaf8;
}

.trade-stage span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.trade-stage strong {
  color: var(--text);
  font-size: 13px;
}

.trade-stage.active {
  border-color: #e1b5ad;
  background: #fff3ef;
}

.trade-stage.active strong {
  color: var(--brand);
}

.trade-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
  gap: 16px;
}

.trade-focus-card {
  min-height: 218px;
}

.foreign-trade-feature {
  border-left: 4px solid var(--brand);
}

/* 外贸产品清单：同步商品中心字段，并补充外贸报价与供应信息 */
.foreign-trade-product-list-panel {
  min-width: 0;
  overflow: hidden;
}

.foreign-trade-product-list-panel > .panel-header {
  align-items: center;
  gap: 18px;
}

.foreign-trade-product-list-panel > .panel-header .toolbar-group {
  flex: 0 0 auto;
  justify-content: flex-end;
}

.foreign-trade-product-import-note {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 12px;
  padding: 9px 12px;
  border: 1px solid #eadadd;
  border-radius: 9px;
  background: #fff9f8;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}

.foreign-trade-product-import-note strong {
  flex: 0 0 auto;
  color: var(--brand);
}

.foreign-trade-product-table-wrap {
  width: 100%;
  overflow: auto;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: #fff;
}

.foreign-trade-product-table {
  width: 100%;
  min-width: 1840px;
  table-layout: fixed;
  border-collapse: collapse;
}

.foreign-trade-product-table col[data-col="check"] { width: 44px; }
.foreign-trade-product-table col[data-col="image"] { width: 86px; }
.foreign-trade-product-table col[data-col="package"] { width: 100px; }
.foreign-trade-product-table col[data-col="name"] { width: 160px; }
.foreign-trade-product-table col[data-col="spec"] { width: 125px; }
.foreign-trade-product-table col[data-col="item"] { width: 110px; }
.foreign-trade-product-table col[data-col="code"] { width: 145px; }
.foreign-trade-product-table col[data-col="export"] { width: 180px; }
.foreign-trade-product-table col[data-col="quote"] { width: 130px; }
.foreign-trade-product-table col[data-col="market"] { width: 110px; }
.foreign-trade-product-table col[data-col="cert"] { width: 120px; }
.foreign-trade-product-table col[data-col="stock"] { width: 105px; }
.foreign-trade-product-table col[data-col="status"] { width: 92px; }
.foreign-trade-product-table col[data-col="supply"] { width: 190px; }
.foreign-trade-product-table col[data-col="action"] { width: 118px; }

.foreign-trade-product-table th,
.foreign-trade-product-table td {
  padding: 10px;
  border-right: 1px solid #f0e7e8;
  border-bottom: 1px solid var(--line);
  color: var(--text);
  font-size: 12px;
  line-height: 1.45;
  vertical-align: middle;
  overflow-wrap: anywhere;
}

.foreign-trade-product-table th {
  position: sticky;
  top: 0;
  z-index: 2;
  height: 42px;
  padding-top: 8px;
  padding-bottom: 8px;
  background: #fff8f6;
  color: #78666b;
  font-weight: 800;
  white-space: nowrap;
}

.foreign-trade-product-table tbody tr:hover td {
  background: #fffaf9;
}

.foreign-trade-product-table td strong,
.foreign-trade-product-table td small {
  display: block;
}

.foreign-trade-product-table td strong {
  color: #34272b;
  font-size: 13px;
  font-weight: 750;
}

.foreign-trade-product-table td small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.4;
}

.foreign-trade-product-check {
  text-align: center;
}

.foreign-trade-product-check input,
.foreign-trade-product-table th input {
  width: 15px;
  height: 15px;
  accent-color: var(--brand);
}

.foreign-trade-product-thumb,
.foreign-trade-package-cell {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid #eadfe1;
  border-radius: 9px;
  background: #fff9f8;
  color: #9a888d;
  text-align: center;
}

.foreign-trade-package-cell {
  width: 76px;
}

.foreign-trade-product-thumb img,
.foreign-trade-package-cell img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.foreign-trade-product-thumb span,
.foreign-trade-package-cell b {
  padding: 5px;
  color: #8c777d;
  font-size: 12px;
  line-height: 1.3;
}

.foreign-trade-product-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}

.foreign-trade-product-actions .ghost-button {
  min-height: 32px;
  padding: 5px 8px;
  font-size: 12px;
}

@media (max-width: 900px) {
  .foreign-trade-product-list-panel > .panel-header {
    align-items: flex-start;
  }

  .foreign-trade-product-import-note {
    align-items: flex-start;
  }
}

.task-item p {
  margin: 6px 0 0;
  color: var(--muted);
  font-size: 13px;
  line-height: 1.55;
}

.num {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.risk-list,
.task-list,
.timeline,
.knowledge-list,
.agent-list {
  display: grid;
  gap: 11px;
}

.risk-item,
.task-item,
.timeline-item,
.knowledge-item,
.agent-item,
.message,
.sim-card {
  border: 1px solid var(--line);
  background: var(--soft);
  border-radius: 10px;
  padding: 13px;
}

.data-control-panel {
  padding-bottom: 16px;
}

.data-toolbar {
  display: grid;
  grid-template-columns: auto minmax(130px, 160px) minmax(180px, 220px) auto;
  gap: 12px;
  align-items: end;
}

.data-tabs {
  display: inline-grid;
  grid-template-columns: repeat(3, minmax(92px, 1fr));
  gap: 3px;
  padding: 3px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff8f6;
}

.data-tab {
  min-height: 34px;
  padding: 7px 10px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.data-tab.active {
  background: #fff;
  color: var(--brand);
  box-shadow: 0 3px 10px rgba(100, 54, 61, 0.1);
}

.ai-center-shell {
  display: grid;
  gap: 16px;
}

.ai-center-header {
  margin-bottom: -4px;
}

.ai-center-tabs {
  width: 100%;
  grid-template-columns: repeat(3, minmax(108px, 1fr));
}

.floating-ai-button {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 42;
  display: flex;
  width: 54px;
  height: 54px;
  padding: 8px;
  align-items: center;
  justify-content: center;
  line-height: 1;
  border: 1px solid rgba(141, 49, 72, 0.18);
  border-radius: 999px;
  background: linear-gradient(135deg, var(--brand), #b45a70);
  color: #fff;
  box-shadow: 0 18px 42px rgba(90, 31, 47, 0.22);
  font-weight: 850;
}

.floating-ai-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 22px 50px rgba(90, 31, 47, 0.28);
}

.floating-ai-orb {
  display: flex;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  margin: 0;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.24);
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.02em;
}

.floating-ai-panel {
  position: fixed;
  right: 24px;
  bottom: 92px;
  z-index: 41;
  width: min(525px, calc(100vw - 32px));
  max-height: min(720px, calc(100vh - 116px));
  overflow: hidden;
  border: 1px solid rgba(240, 223, 220, 0.95);
  border-radius: 22px;
  background: rgba(255, 253, 251, 0.98);
  box-shadow: 0 24px 70px rgba(78, 42, 48, 0.2);
}

.floating-ai-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 16px 16px 12px;
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 88% 0%, rgba(255, 229, 218, 0.95), transparent 38%),
    linear-gradient(180deg, #fff8f5 0%, rgba(255, 253, 251, 0.94) 100%);
}

.floating-ai-header h2 {
  margin: 3px 0 4px;
  color: var(--brand);
  font-size: 18px;
}

.floating-ai-header p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

.floating-ai-kicker {
  color: var(--brand);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: 0.08em;
}

.floating-ai-tabs {
  display: grid;
  width: calc(100% - 32px);
  margin: 12px 16px;
}

.floating-ai-scroll {
  max-height: calc(min(720px, 100vh - 116px) - 126px);
  overflow: auto;
  padding: 0 16px 16px;
}

.floating-ai-panel .ai-center-shell,
.floating-ai-panel .chat-layout,
.floating-ai-panel .skill-card-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.floating-ai-panel .skill-card-grid {
  max-height: 156px;
  overflow: auto;
}

.floating-ai-panel .module-card {
  padding: 13px;
}

.floating-ai-panel .module-card h3 {
  margin: 0;
  font-size: 14px;
}

.floating-ai-panel .module-card p,
.floating-ai-panel .muted-note {
  font-size: 12px;
  line-height: 1.55;
}

.floating-ai-panel .chat-window {
  min-height: 330px;
  padding: 14px;
}

.floating-ai-panel .messages {
  max-height: 282px;
}

.floating-ai-panel .message {
  max-width: 92%;
}

.floating-ai-panel .chat-form {
  grid-template-columns: 1fr;
}

.floating-ai-panel .chat-form .primary-button {
  width: 100%;
}

.floating-ai-panel .panel {
  box-shadow: none;
}

.floating-ai-panel .panel-header h2 {
  font-size: 16px;
}

.floating-ai-panel .suggestion-grid {
  grid-template-columns: 1fr;
}

.employee-report-dialog {
  position: fixed;
  inset: 0;
  z-index: 43;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(64, 39, 44, 0.3);
  backdrop-filter: blur(5px);
}

.employee-report-dialog-panel {
  width: min(1080px, calc(100vw - 40px));
  max-height: min(860px, calc(100vh - 40px));
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid rgba(240, 223, 220, 0.95);
  border-radius: 22px;
  background: rgba(255, 253, 251, 0.98);
  box-shadow: 0 28px 78px rgba(78, 42, 48, 0.24);
}

.employee-report-dialog-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px 14px;
  border-bottom: 1px solid var(--line);
  background:
    radial-gradient(circle at 88% 0%, rgba(255, 229, 218, 0.95), transparent 38%),
    linear-gradient(180deg, #fff8f5 0%, rgba(255, 253, 251, 0.94) 100%);
}

.employee-report-dialog-header h2 {
  margin: 3px 0 4px;
  color: var(--brand);
  font-size: 20px;
}

.employee-report-dialog-header p {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

.employee-report-dialog-body {
  min-height: 0;
  overflow: auto;
  padding: 16px;
}

.employee-report-dialog .employee-report-workspace {
  gap: 14px;
}

.employee-report-dialog .foreign-trade-menu {
  position: static;
  max-height: none;
  overflow: visible;
  box-shadow: 0 10px 24px rgba(89, 63, 70, 0.08);
}

.employee-report-dialog .foreign-trade-menu-groups {
  grid-template-columns: repeat(2, minmax(180px, 1fr));
}

.employee-report-dialog .panel {
  box-shadow: 0 8px 20px rgba(89, 63, 70, 0.06);
}

.system-admin-nav .data-tabs {
  grid-template-columns: repeat(5, minmax(120px, 1fr));
}

.skill-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.skill-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}

.skill-workbench-grid {
  align-items: start;
}

.runtime-profile-grid,
.runtime-workflow-grid {
  align-items: start;
}

.runtime-config-form {
  grid-template-columns: minmax(220px, 1.4fr) minmax(140px, 0.7fr) auto auto;
  align-items: end;
}

.check-field {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  gap: 8px;
  color: var(--text);
  font-size: 13px;
  font-weight: 700;
}

.check-field input {
  width: 16px;
  height: 16px;
}

.workflow-runtime-list {
  display: grid;
  gap: 10px;
}

.workflow-runtime-item {
  align-items: center;
}

.workflow-runtime-item small {
  color: var(--muted);
}

.skill-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.skill-form-grid .wide {
  grid-column: 1 / -1;
}

.skill-form-grid input,
.skill-form-grid select,
.skill-form-grid textarea {
  width: 100%;
}

.skill-knowledge-picker {
  display: grid;
  gap: 8px;
  min-width: 0;
  margin: 0;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 7px;
}

.skill-knowledge-picker legend {
  padding: 0 5px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.skill-knowledge-option {
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
}

.skill-knowledge-option input {
  width: 16px;
  height: 16px;
  margin: 2px 0 0;
}

.skill-knowledge-option span {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.skill-knowledge-option small {
  color: var(--muted);
}

.data-filter {
  display: grid;
  gap: 5px;
  min-width: 0;
}

.data-filter > span,
.simulation-field > span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 800;
}

.data-filter select,
.simulation-field input {
  width: 100%;
  min-width: 0;
  height: 36px;
  border: 1px solid var(--line);
  border-radius: 7px;
  background: #fff;
  color: var(--text);
}

.data-toolbar-actions,
.impact-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.data-toolbar-actions {
  justify-content: flex-end;
}

.data-kpi-grid .metric-card {
  min-width: 0;
}

.data-overview-grid {
  align-items: start;
}

.forecast-chart {
  height: 232px;
  display: grid;
  grid-template-columns: repeat(7, minmax(30px, 1fr));
  gap: 8px;
  align-items: end;
  padding: 8px 0 0;
}

.forecast-column {
  height: 100%;
  min-width: 0;
  display: grid;
  grid-template-rows: 32px minmax(120px, 1fr) 22px;
  gap: 5px;
  align-items: end;
  text-align: center;
}

.forecast-value {
  align-self: start;
  min-width: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.forecast-bar-track {
  width: min(34px, 100%);
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-self: center;
  overflow: hidden;
  border-radius: 6px 6px 2px 2px;
  background: #f5e9e6;
}

.forecast-bar {
  width: 100%;
  display: block;
  border-radius: 6px 6px 2px 2px;
  background: var(--brand);
}

.forecast-column strong {
  color: var(--muted);
  font-size: 12px;
}

.driver-list {
  display: grid;
  gap: 14px;
}

.driver-row {
  display: grid;
  grid-template-columns: minmax(105px, 0.8fr) minmax(120px, 1.4fr) auto;
  gap: 10px;
  align-items: center;
  font-size: 12px;
}

.driver-row > span {
  color: var(--text);
  font-weight: 800;
}

.driver-row > strong {
  color: var(--muted);
  font-size: 12px;
  text-align: right;
}

.driver-meter {
  height: 8px;
  overflow: hidden;
  border-radius: 4px;
  background: #f2e6e3;
}

.driver-meter span {
  height: 100%;
  display: block;
  border-radius: inherit;
  background: var(--brand);
}

.driver-meter span.negative {
  background: #b85a5a;
}

.driver-meter span.neutral {
  background: #6b7d83;
}

.data-forecast-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}

.forecast-card {
  min-width: 0;
  min-height: 154px;
  display: grid;
  gap: 13px;
  padding: 15px;
  border: 1px solid var(--line);
  border-top: 3px solid var(--brand);
  border-radius: 8px;
  background: #fff;
  box-shadow: var(--shadow);
}

.forecast-card.warning,
.forecast-card.action {
  border-top-color: #b85a5a;
}

.forecast-card.watch {
  border-top-color: #6b7d83;
}

.forecast-card-head,
.forecast-meta {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}

.forecast-card-head > span {
  min-width: 0;
  color: var(--muted);
  font-size: 12px;
  font-weight: 850;
}

.forecast-card > strong {
  min-width: 0;
  color: var(--text);
  font-size: 24px;
  overflow-wrap: anywhere;
}

.forecast-meta {
  color: var(--muted);
  font-size: 12px;
}

.confidence-meter {
  height: 5px;
  overflow: hidden;
  border-radius: 4px;
  background: #f2e6e3;
}

.confidence-meter span {
  height: 100%;
  display: block;
  border-radius: inherit;
  background: var(--brand);
}

.simulation-layout {
  display: grid;
  grid-template-columns: minmax(300px, 0.82fr) minmax(0, 1.18fr);
  gap: 16px;
  align-items: start;
}

.simulation-form {
  display: grid;
  gap: 16px;
}

.simulation-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.simulation-field {
  min-width: 0;
  display: grid;
  gap: 5px;
}

.simulation-field > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
}

.simulation-field em {
  min-width: 34px;
  color: var(--muted);
  font-size: 12px;
  font-style: normal;
}

.simulation-result-panel .table-wrap table {
  min-width: 600px;
}

.simulation-result-groups {
  display: grid;
  gap: 16px;
  margin-top: 16px;
}

.simulation-result-groups > div {
  display: grid;
  gap: 8px;
}

.simulation-result-groups strong {
  color: var(--text);
  font-size: 12px;
}

.tag.danger {
  border-color: #e4b4b4;
  background: #fff1f1;
  color: #a23f3f;
}

.risk-item {
  display: grid;
  grid-template-columns: 8px 1fr auto;
  gap: 12px;
  align-items: start;
}

.risk-bar {
  width: 8px;
  height: 100%;
  min-height: 48px;
  border-radius: 999px;
  background: var(--orange);
}

.risk-bar.high {
  background: var(--red);
}

.risk-bar.ok {
  background: var(--green);
}

.timeline-item {
  display: grid;
  grid-template-columns: 108px 1fr;
  gap: 12px;
}

.timeline-time {
  color: var(--muted);
  font-size: 12px;
}

.bar-stack {
  display: grid;
  gap: 12px;
}

.bar-row {
  display: grid;
  grid-template-columns: 110px 1fr 86px;
  gap: 10px;
  align-items: center;
  font-size: 13px;
}

.bar-track {
  height: 12px;
  border-radius: 999px;
  background: #f3e6e3;
  overflow: hidden;
}

.bar-fill {
  height: 100%;
  border-radius: inherit;
  background: var(--brand);
}

.chat-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
  gap: 16px;
}

.chat-window {
  min-height: 540px;
  display: grid;
  grid-template-rows: 1fr auto;
}

.messages {
  display: grid;
  gap: 11px;
  align-content: start;
  max-height: 600px;
  overflow: auto;
  padding-right: 4px;
}

.message {
  max-width: 84%;
  padding: 11px 12px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fff;
  color: var(--text);
}

.message.user {
  margin-left: auto;
  background: var(--brand);
  color: #fff;
}

.message strong {
  display: block;
  margin-bottom: 6px;
  color: var(--muted);
  font-size: 12px;
}

.message.user strong {
  color: rgba(255, 255, 255, 0.76);
}

.chat-form {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  margin-top: 14px;
}

.suggestion-grid,
.form-grid {
  display: grid;
  gap: 10px;
}

.suggestion-grid button {
  text-align: left;
}

.scan-result {
  min-height: 74px;
  padding: 14px;
  border-radius: 10px;
  background: #2d2024;
  color: #fff;
  font-family: Consolas, "Courier New", monospace;
}

.mobile-preview {
  width: 210px;
  min-height: 480px;
  border-radius: 28px;
  border: 1px solid var(--line);
  background: #fff;
  padding: 20px 16px;
}

.mobile-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin: 18px 0;
}

.mobile-icon {
  display: grid;
  gap: 6px;
  justify-items: center;
  color: var(--muted);
  font-size: 12px;
}

.mobile-icon span:first-child {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--brand);
  color: #fff;
  font-weight: 800;
}

.toast {
  position: fixed;
  right: 22px;
  bottom: 22px;
  max-width: min(460px, calc(100vw - 44px));
  transform: translateY(18px);
  opacity: 0;
  pointer-events: none;
  border-radius: 12px;
  background: #2d2024;
  color: #fff;
  padding: 12px 14px;
  box-shadow: var(--shadow);
  transition: 0.18s ease;
  font-size: 13px;
}

.toast.show {
  transform: translateY(0);
  opacity: 1;
}

.hidden {
  display: none !important;
}

.auth-locked {
  overflow: hidden;
}

.auth-locked .app-shell,
.auth-locked .right-sidebar,
.auth-locked .search-drawer,
.auth-locked .floating-ai-button,
.auth-locked .floating-ai-panel,
.auth-locked .employee-report-dialog {
  visibility: hidden;
  pointer-events: none;
}

.login-screen {
  position: fixed;
  inset: 0;
  z-index: 60;
  display: grid;
  place-items: center;
  padding: 18px;
  background:
    radial-gradient(circle at 50% 46%, rgba(255, 248, 244, 0.96) 0, rgba(255, 248, 244, 0.96) 190px, transparent 470px),
    linear-gradient(180deg, #fffefe 0%, #fbf7f4 100%);
}

.login-card {
  width: 120mm;
  height: 120mm;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  display: grid;
  grid-template-rows: 104px 32px 32px 32px 18px 18px 36px;
  justify-items: center;
  align-content: center;
  gap: 12px;
  padding: 34px 34px 24px;
  border: 1px solid rgba(181, 74, 96, 0.38);
  border-radius: 18px;
  background:
    radial-gradient(circle at 54% 18%, rgba(255, 239, 232, 0.88), transparent 180px),
    rgba(255, 252, 250, 0.94);
  box-shadow: 0 22px 58px rgba(141, 49, 72, 0.10);
}

.login-brand {
  width: 252px;
  display: grid;
  align-items: center;
  justify-items: center;
}

.login-logo {
  width: 238px;
  height: 90px;
  object-fit: contain;
  display: block;
}

.login-field {
  width: 208px;
  display: block;
}

.login-field input {
  width: 100%;
  min-height: 32px;
  height: 32px;
  padding: 4px 14px;
  border-radius: 7px;
  border-color: rgba(181, 74, 96, 0.30);
  background: rgba(255, 255, 255, 0.82);
  text-align: center;
  color: var(--brand);
  box-shadow: inset 0 1px 2px rgba(141, 49, 72, 0.04);
}

.login-field input::placeholder {
  color: #9c7c85;
  opacity: 1;
}

.login-field input:focus {
  border-color: rgba(141, 49, 72, 0.78);
  box-shadow: 0 0 0 3px rgba(141, 49, 72, 0.10), 0 8px 22px rgba(141, 49, 72, 0.10);
}

.login-field input:disabled {
  color: #8f6d77;
  background: #f7f0f2;
  cursor: not-allowed;
}

.login-error {
  min-height: 18px;
  margin: 0;
  color: var(--red);
  font-size: 12px;
  line-height: 18px;
  text-align: center;
}

.remember-device {
  width: 208px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1;
}

.remember-device input {
  width: 14px;
  height: 14px;
  accent-color: var(--brand);
}

.desktop-session-lock-overlay{
  position:fixed;
  inset:0;
  z-index:12000;
  display:grid;
  place-items:center;
  padding:24px;
  background:rgba(25,20,23,.82);
  color:#fff;
  cursor:wait;
}
.desktop-session-lock-overlay.hidden{display:none}
.desktop-session-lock-card{
  display:grid;
  gap:8px;
  max-width:420px;
  padding:24px 28px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:14px;
  background:rgba(54,42,47,.94);
  box-shadow:0 20px 60px rgba(0,0,0,.28);
  text-align:center;
}
.desktop-session-lock-card strong{font-size:20px}
.desktop-session-lock-card span{font-size:14px;line-height:1.65;color:rgba(255,255,255,.82)}

.login-submit {
  width: 84px;
  min-height: 32px;
  border: 0;
  border-radius: 7px;
  background: linear-gradient(180deg, #9a3850, #842b43);
  color: #fff;
  font-weight: 800;
  box-shadow: 0 14px 26px rgba(141, 49, 72, 0.24);
}

.login-actions {
  width: 208px;
  min-height: 36px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 76px;
  align-items: stretch;
  gap: 8px;
}

.login-actions .login-submit {
  width: 100%;
}

/* Older or partially cached HTML may temporarily lose the wrapper. Keep the
   two direct form actions separated until the fresh document replaces it. */
.login-card > .login-submit,
.login-card > .scan-button {
  width: 208px;
  justify-self: center;
}

.login-submit:hover {
  background: linear-gradient(180deg, #a9445b, #8d3148);
}

.scan-button {
  width: 100%;
  min-height: 34px;
  align-self: stretch;
  border: 1px solid rgba(181, 74, 96, 0.38);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.84);
  color: var(--brand);
  font-size: 14px;
}

.scan-button:hover {
  border-color: var(--brand);
  background: #fff7f5;
}

.login-title {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

.password-change-card {
  width: 360px;
  height: auto;
  min-height: 430px;
  grid-template-rows: auto auto 32px 32px 32px 18px 38px;
  gap: 14px;
}

.password-change-heading,
.password-change-tip {
  margin: 0;
  text-align: center;
}

.elevation-card {
  min-height: 300px;
  grid-template-rows: auto auto 32px 18px 38px;
}

body.elevation-dialog-open {
  overflow: hidden;
}

#elevationModal {
  z-index: 11000;
  background: rgba(38, 25, 30, .46);
  backdrop-filter: blur(3px);
}

#elevationModal .elevation-card {
  background:
    radial-gradient(circle at 54% 18%, rgba(255, 239, 232, .92), transparent 180px),
    #fffdfa;
  box-shadow: 0 28px 90px rgba(49, 24, 32, .32);
}

.mfa-card {
  width: 400px;
  height: auto;
  min-height: 420px;
  max-height: calc(100vh - 36px);
  grid-template-rows: auto;
  align-content: start;
  gap: 12px;
  overflow: auto;
}

.mfa-fields,
.mfa-details {
  width: 100%;
  display: grid;
  justify-items: center;
  gap: 10px;
}

.mfa-details {
  padding: 12px 0 2px;
  border-top: 1px solid var(--line);
}

.mfa-instructions {
  width: min(290px, 100%);
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
  text-align: center;
}

.mfa-secret-field {
  width: min(292px, 100%);
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  color: var(--muted);
  font-size: 12px;
}

.mfa-secret-field input {
  min-width: 0;
  height: 32px;
  padding: 4px 8px;
  border: 1px solid rgba(181, 74, 96, 0.30);
  border-radius: 7px;
  background: #fff;
  color: var(--brand);
  font-family: Consolas, "Courier New", monospace;
  font-size: 12px;
}

.mfa-secondary-button,
.mfa-close-button {
  min-height: 32px;
  padding: 0 14px;
  border: 1px solid rgba(181, 74, 96, 0.38);
  border-radius: 7px;
  background: #fff;
  color: var(--brand);
  font-weight: 750;
}

.mfa-card .login-submit {
  width: auto;
  min-width: 148px;
  padding: 0 14px;
}

.password-change-heading {
  color: var(--brand);
  font-size: 20px;
}

.password-change-tip {
  max-width: 250px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.6;
}

.modal {
  position: fixed;
  inset: 0;
  z-index: 30;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(64, 39, 44, 0.28);
}

.modal-panel {
  width: min(420px, calc(100vw - 36px));
  display: grid;
  gap: 14px;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: var(--shadow);
}

.modal-header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
}

.field {
  display: grid;
  gap: 7px;
  color: var(--muted);
  font-size: 12px;
}

@media (max-width: 1280px) {
  .cols-5,
  .cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .trade-detail-grid {
    grid-template-columns: 1fr;
  }

  .social-inbox-workspace {
    grid-template-columns: 280px minmax(0, 1fr);
  }

  .social-crm-sidebar {
    grid-column: 1 / -1;
    grid-template-columns: minmax(180px, 0.8fr) minmax(300px, 1.5fr) minmax(180px, 0.8fr);
    border-top: 1px solid var(--line);
    border-left: 0;
  }

  .social-crm-sidebar > .full {
    align-self: end;
  }
}

@media (max-width: 1100px) {
  .foreign-trade-context-row {
    grid-template-columns: minmax(0, 1fr);
  }

  .foreign-trade-context-card {
    min-height: 128px;
  }
}

@media (max-width: 980px) {
  .app-shell {
    grid-template-columns: 1fr;
  }

  .sidebar {
    position: static;
    height: auto;
  }

  .module-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .topbar,
  .panel-header,
  .toolbar,
  .split-header {
    flex-direction: column;
  }

  .search-box input {
    width: 100%;
  }

  .top-actions,
  .top-toolbar,
  .search-box,
  .role-switch,
  .auth-chip {
    width: 100%;
  }

  .top-toolbar {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .top-search {
    width: min(100%, 420px);
    flex: 1 1 240px;
  }

  .cols-2,
  .cols-3,
  .ecommerce-workspace,
  .foreign-trade-workspace,
  .social-aggregate-layout,
  .summary-strip,
  .chat-layout {
    grid-template-columns: 1fr;
  }

  .social-profile-grid,
  .social-isolation-flow,
  .social-config-summary,
  .social-open-flow {
    grid-template-columns: 1fr;
  }

  .social-inbox-workspace,
  .social-account-layout {
    grid-template-columns: 1fr;
  }

  .social-inbox-sidebar {
    max-height: 430px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .social-thread-panel {
    min-height: 620px;
  }

  .social-crm-sidebar {
    grid-column: auto;
    grid-template-columns: 1fr;
  }

  .social-provider-roadmap {
    position: static;
  }

  .social-profile-head,
  .social-config-panel-head,
  .social-settings-modal-header {
    display: grid;
  }

  .social-settings-summary,
  .social-settings-detail-grid,
  .social-settings-form-preview,
  .social-action-form {
    grid-template-columns: 1fr;
  }

  .social-isolation-flow em {
    display: none;
  }

  .social-ai-panel {
    position: static;
  }

  .skill-card-grid,
  .skill-form-grid,
  .runtime-config-form {
    grid-template-columns: 1fr;
  }

  .skill-form-grid .wide {
    grid-column: auto;
  }

  .ecommerce-menu,
  .foreign-trade-menu {
    position: static;
    max-height: none;
    overflow: visible;
    scrollbar-gutter: auto;
  }

  .foreign-trade-menu-groups,
  .foreign-trade-submenu-buttons {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .panel .inline-actions {
    width: 100%;
  }

  .panel .inline-actions select,
  .panel .inline-actions .ghost-button,
  .panel .inline-actions .primary-button {
    flex: 1 1 150px;
  }
}

@media (max-width: 640px) {
  .app-shell {
    display: block;
  }

  .foreign-trade-menu-groups,
  .foreign-trade-submenu-buttons {
    grid-template-columns: minmax(0, 1fr);
  }

  .foreign-trade-context-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }


  .sidebar {
    position: static;
    height: auto;
    padding: 76px 10px 8px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
    background: rgba(255, 253, 251, 0.96);
  }

  .brand,
  .sidebar-status {
    display: none;
  }

  .module-nav {
    display: flex;
    gap: 6px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 2px 2px;
    scrollbar-width: none;
  }

  .module-nav::-webkit-scrollbar {
    display: none;
  }

  .ai-center-tabs {
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .ai-center-tabs .data-tab {
    flex: 0 0 116px;
  }

  .system-admin-nav .data-tabs {
    display: flex;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .system-admin-nav .data-tabs .data-tab {
    flex: 0 0 128px;
  }

  .nav-button {
    flex: 0 0 64px;
    min-height: 58px;
    grid-template-columns: 1fr;
    grid-template-rows: 28px auto;
    justify-items: center;
    gap: 1px;
    padding: 4px 2px;
    text-align: center;
  }

  .nav-icon {
    width: 27px;
    height: 27px;
  }

  .nav-icon svg {
    width: 23px;
    height: 23px;
  }

  .nav-title {
    width: 100%;
    font-size: 12px;
    line-height: 1.2;
  }

  .nav-count {
    display: none;
  }

  .main {
    padding: 16px 12px 24px;
  }

  .right-sidebar {
    left: 12px;
    top: 12px;
    right: 12px;
    max-width: none;
  }

  .right-menu {
    display: grid;
    grid-template-columns: minmax(0, 1fr) repeat(4, 36px);
    gap: 2px;
    overflow: visible;
  }

  .right-search-wrap {
    min-width: 0;
  }

  .right-menu-button {
    width: 36px;
    min-width: 36px;
    padding-inline: 4px;
  }

  .right-menu-button {
    grid-template-columns: 24px;
    justify-items: center;
  }

  .right-menu-label {
    display: none;
  }

  .todo-quick-popover {
    position: fixed;
    top: 66px;
    left: 12px;
    right: 12px;
    width: auto;
  }

  .message-quick-popover {
    position: fixed;
    top: 66px;
    left: 12px;
    right: 12px;
    width: auto;
  }

  .todo-quick-filters {
    overflow-x: auto;
  }

  .message-quick-filters {
    overflow-x: auto;
  }

  .todo-quick-filters button {
    flex: 0 0 auto;
  }

  .message-quick-filters button {
    flex: 0 0 auto;
  }

  .module-nav {
    grid-template-columns: 1fr;
  }

  .top-search {
    min-width: 100%;
  }

  .panel {
    padding: 14px;
  }

  .panel .inline-actions select,
  .panel .inline-actions .ghost-button,
  .panel .inline-actions .primary-button {
    flex-basis: 100%;
    width: 100%;
  }

  th,
  td {
    padding: 10px;
  }

  .profile-popover {
    right: 0;
    left: auto;
    width: min(286px, calc(100vw - 24px));
    max-width: calc(100vw - 24px);
  }

  .cols-4,
  .cols-5 {
    grid-template-columns: 1fr;
  }

  .data-toolbar,
  .simulation-layout,
  .simulation-form-grid,
  .employee-form-grid,
  .employee-form-grid.four,
  .employee-analysis-toolbar,
  .data-forecast-grid {
    grid-template-columns: 1fr;
  }

  .employee-report-card-head,
  .employee-report-card-foot,
  .employee-report-submit-row {
    display: grid;
  }

  .employee-report-mini-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .social-config-summary,
  .social-profile-meta,
  .social-profile-stats {
    grid-template-columns: 1fr;
  }

  .social-workspace-toolbar,
  .social-thread-header,
  .social-message-composer > div {
    align-items: stretch;
    flex-direction: column;
  }

  .social-workspace-tabs,
  .social-message-summary,
  .social-provider-options {
    width: 100%;
    grid-template-columns: 1fr;
  }

  .social-thread-header .toolbar-group,
  .social-thread-header .toolbar-group button,
  .social-message-composer button {
    width: 100%;
  }

  .social-message-bubble {
    width: 92%;
  }

  .data-tabs {
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .data-toolbar-actions > button {
    flex: 1 1 120px;
  }

  .forecast-chart {
    height: 210px;
    gap: 4px;
  }

  .forecast-column {
    grid-template-rows: 36px minmax(108px, 1fr) 20px;
  }

  .forecast-value {
    font-size: 12px;
  }

  .driver-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .driver-meter {
    grid-column: 1 / -1;
  }

  .chat-form,
  .bar-row,
  .timeline-item,
  .risk-item {
    grid-template-columns: 1fr;
  }

  .message {
    max-width: 100%;
  }

  .floating-ai-button {
    right: 14px;
    bottom: 14px;
    min-height: 50px;
    grid-template-columns: 34px auto;
    padding: 8px 12px 8px 8px;
  }

  .floating-ai-orb {
    width: 34px;
    height: 34px;
  }

  .floating-ai-panel {
    right: 12px;
    bottom: 76px;
    width: calc(100vw - 24px);
    max-height: calc(100vh - 92px);
    border-radius: 18px;
  }

  .floating-ai-scroll {
    max-height: calc(100vh - 226px);
    padding: 0 12px 12px;
  }

  .floating-ai-header {
    padding: 14px 12px 10px;
  }

  .floating-ai-tabs {
    width: calc(100% - 24px);
    margin: 10px 12px;
  }

  .floating-ai-panel .skill-card-grid {
    max-height: 120px;
  }

  .floating-ai-panel .chat-window {
    min-height: 280px;
  }

  .floating-ai-panel .messages {
    max-height: 220px;
  }

  .employee-report-dialog {
    padding: 12px;
  }

  .employee-report-dialog-panel {
    width: calc(100vw - 24px);
    max-height: calc(100vh - 24px);
    border-radius: 18px;
  }

  .employee-report-dialog-header {
    padding: 14px 12px 10px;
  }

  .employee-report-dialog-body {
    padding: 12px;
  }

  .employee-report-dialog .foreign-trade-menu-groups {
    grid-template-columns: minmax(180px, 1fr);
  }

  .social-settings-modal {
    padding: 12px;
  }

  .social-settings-modal-panel {
    width: calc(100vw - 24px);
    max-height: calc(100vh - 24px);
    border-radius: 18px;
  }

  .social-settings-modal-header {
    padding: 14px 12px 10px;
  }

  .social-settings-modal-body {
    padding: 12px;
  }
}

/* Customer CRM final overrides: kept after legacy component rules. */
.trade-customer-drawer-backdrop { padding: 0; border: 0; }
.foreign-trade-group-button.direct .foreign-trade-group-meta { display: none; }
.foreign-trade-group-button.direct { grid-template-columns: minmax(0, 1fr); }
.trade-customer-table th,
.trade-customer-table td { padding: 16px 14px; }
.trade-customer-table { min-width: 1160px; }
.trade-customer-table th { font-size: 14px; }
.trade-customer-table td > b { font-size: 15px; }
.trade-customer-table td > span,
.trade-customer-table td > small { font-size: 13px; }
.trade-customer-name { gap: 6px; }
.trade-customer-name b { font-size: 16px; }
.trade-customer-name span { font-size: 13px; }
.trade-customer-tags em { padding: 4px 8px; font-size: 12px; }
.trade-customer-table .trade-health { min-width: 38px; height: 38px; font-size: 14px; }
.trade-customer-table .trade-row-actions { gap: 7px; }
.trade-customer-table .trade-row-actions button { min-height: 38px; padding: 8px 13px; border-radius: 8px; font-size: 13px; }
.trade-customer-table .trade-contact-dots { gap: 7px; }
.trade-customer-table .trade-contact-dots i { width: 36px; height: 36px; font-size: 12px; }
.trade-customer-drawer { width: min(930px, 96vw); padding: 18px; }
.trade-customer-drawer > header h2 { font-size: 24px; }
.trade-customer-drawer > header p { font-size: 13px; }
.trade-customer-drawer-actions { gap: 9px; margin: 14px 0; }
.trade-customer-drawer-actions .primary-button,
.trade-customer-drawer-actions .ghost-button { min-height: 40px; padding: 9px 15px; border-radius: 9px; font-size: 13px; }
.trade-customer-overview > div { padding: 15px 14px; }
.trade-customer-overview span,
.trade-customer-overview small { font-size: 12px; }
.trade-customer-overview strong { font-size: 18px; }
.trade-customer-card .panel-header h3 { font-size: 16px; }
.trade-customer-card .panel-header p { font-size: 12px; }
.trade-customer-card .panel-header .primary-button,
.trade-customer-card .panel-header .ghost-button { min-height: 38px; padding: 8px 13px; font-size: 12px; }
.trade-customer-information dl > div { min-height: 66px; padding: 11px 14px; }
.trade-customer-information dt { font-size: 12px; }
.trade-customer-information dd { font-size: 13px; line-height: 1.45; }
.trade-health-note { padding: 11px 12px; font-size: 12px; }
.trade-customer-card.trade-customer-contact,
.trade-customer-card.trade-customer-timeline { margin-top: 0; padding-top: 0; border-top: 0; }
.trade-customer-card.trade-customer-contact > div:not(.panel-header) { grid-template-columns: 78px minmax(0, 1fr) auto; align-items: center; padding: 14px 12px; border-bottom: 1px solid var(--line); font-size: 12px; }
.trade-customer-card.trade-customer-contact > div strong { font-size: 13px; }
.trade-customer-card.trade-customer-contact > div small { font-size: 12px; }
.trade-customer-card.trade-customer-contact nav { grid-template-columns: repeat(3, 1fr); margin: 12px; }
.trade-customer-card.trade-customer-contact nav button { min-height: 42px; border-radius: 9px; font-size: 13px; }
.trade-localtime-chip { padding: 6px 9px; font-size: 12px; }
.trade-customer-deals article { padding: 14px; }
.trade-customer-deals article strong,
.trade-customer-deals article > b { font-size: 13px; }
.trade-customer-deals article span,
.trade-customer-deals article small,
.trade-customer-deals article > em { font-size: 12px; }
.trade-customer-card.trade-customer-timeline article { padding: 12px; }
.trade-customer-card.trade-customer-timeline strong,
.trade-customer-card.trade-customer-timeline p { font-size: 13px; }
.trade-customer-card.trade-customer-timeline time { font-size: 12px; }
.trade-customer-modal > header h2 { font-size: 20px; }
.trade-customer-modal label { font-size: 13px; }
.trade-customer-modal input,
.trade-customer-modal select,
.trade-customer-modal textarea { min-height: 40px; padding: 9px 11px; font-size: 14px; }
.trade-customer-modal footer .primary-button,
.trade-customer-modal footer .ghost-button { min-height: 40px; padding: 9px 15px; font-size: 13px; }

@media (max-width: 620px) {
  .trade-customer-drawer { width: 100vw; padding: 14px; }
}

/* 外贸 CRM · 获客增长闭环 */
.growth-page-head { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 24px; margin-bottom:14px; border:1px solid #eadfe2; border-left:5px solid #9c294a; border-radius:16px; background:linear-gradient(135deg,#fff 0%,#fff9fa 100%); }
.growth-page-head span { display:block; margin-bottom:4px; color:#a33152; font-size:12px; font-weight:800; letter-spacing:.13em; }
.growth-page-head h1 { margin:0; font-size:24px; color:#261b1e; }
.growth-page-head p { margin:6px 0 0; color:#796d70; font-size:13px; }
.growth-kpis { display:grid; grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); gap:12px; margin-bottom:14px; }
.growth-kpis > div { min-height:104px; padding:16px 18px; border:1px solid #eadfe2; border-radius:14px; background:#fff; box-shadow:0 10px 28px rgba(92,48,61,.045); }
.growth-kpis span,.growth-kpis small { display:block; color:#83777a; font-size:12px; }
.growth-kpis strong { display:block; margin:7px 0 4px; color:#281b20; font-size:24px; line-height:1; }
.growth-finder-workbench { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr); gap:14px; margin-bottom:14px; }
.growth-build-panel,.growth-job-panel,.growth-results,.growth-prospect-list,.growth-prospect-detail,.growth-leads-panel { padding:18px; }
.growth-form-grid,.growth-advanced-grid,.growth-verify-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.growth-form-grid label,.growth-advanced-grid label,.growth-verify-form label,.growth-lead-stage label { display:grid; gap:6px; color:#65575b; font-size:12px; font-weight:700; }
.growth-form-grid .wide,.growth-advanced-grid .wide,.growth-verify-form .wide { grid-column:1/-1; }
.growth-form-grid input,.growth-form-grid select,.growth-form-grid textarea,.growth-advanced-grid input,.growth-advanced-grid select,.growth-advanced-grid textarea,.growth-verify-form input,.growth-verify-form textarea,.growth-lead-stage input,.growth-lead-stage select,.growth-lead-follow input,.growth-lead-follow select,.growth-lead-follow textarea,.growth-list-toolbar input,.growth-lead-filters input,.growth-lead-filters select { width:100%; min-height:42px; padding:9px 11px; border:1px solid #dfd2d6; border-radius:9px; background:#fff; color:#35272b; font:inherit; outline:none; }
.growth-form-grid input:focus,.growth-form-grid textarea:focus,.growth-verify-form input:focus,.growth-verify-form textarea:focus,.growth-list-toolbar input:focus,.growth-lead-filters input:focus { border-color:#a63152; box-shadow:0 0 0 3px rgba(166,49,82,.1); }
.growth-advanced { margin-top:16px; padding:14px; border:1px solid #eadfe2; border-radius:12px; background:#fffafb; }
.growth-advanced summary { cursor:pointer; color:#38282e; font-size:14px; font-weight:800; }
.growth-advanced summary span { margin-left:8px; color:#938589; font-size:12px; font-weight:500; }
.growth-source-head { display:flex; justify-content:space-between; margin:15px 0 9px; font-size:12px; }
.growth-source-head span { color:#887a7e; }
.growth-source-chips { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:14px; }
.growth-source-chips button { display:grid; gap:3px; padding:11px; text-align:left; border:1px solid #e6dade; border-radius:10px; background:#fff; color:#5f5055; cursor:pointer; }
.growth-source-chips button.active { border-color:#a63152; background:#fff0f4; color:#8f2544; box-shadow:inset 0 0 0 1px #a63152; }
.growth-source-chips small { color:#978b8f; font-size:12px; }
.growth-check { display:flex!important; grid-template-columns:auto 1fr!important; align-items:center; align-content:center; gap:8px!important; min-height:42px; }
.growth-check input { width:17px!important; min-height:17px!important; accent-color:#9d2e4d; }
.growth-search-links { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:12px; }
.growth-search-links span { color:#7c6c71; font-size:12px; }
.growth-search-links a { padding:6px 9px; border:1px solid #e3d7da; border-radius:7px; background:#fff; color:#96304e; font-size:12px; text-decoration:none; }
.growth-runbar,.growth-bulk-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:15px; padding-top:14px; border-top:1px solid #eee3e6; color:#807377; font-size:12px; }
.growth-runbar > div,.growth-bulk-bar nav,.growth-detail-actions { display:flex; flex-wrap:wrap; gap:8px; }
.growth-job-panel { align-self:start; }
.growth-live { padding:5px 8px; border-radius:999px; background:#eaf7ef; color:#27754b; font-size:12px; font-weight:800; }
.growth-job-list { display:grid; gap:10px; margin-top:12px; }
.growth-job-list article { position:relative; display:grid; gap:7px; padding:12px; border:1px solid #e9dee1; border-radius:11px; background:#fff; }
.growth-job-list article > div:first-child { display:grid; gap:3px; padding-right:60px; }
.growth-job-list article span,.growth-job-list article small { color:#887b7f; font-size:12px; }
.growth-job-list article > em { position:absolute; top:12px; right:12px; color:#8e2947; font-size:12px; font-style:normal; }
.growth-job-progress { height:5px; overflow:hidden; border-radius:99px; background:#eee4e7; }
.growth-job-progress i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#a12f50,#d07590); }
.growth-job-list nav { display:flex; justify-content:flex-end; }
.growth-job-list nav button { padding:4px 8px; border:0; background:transparent; color:#9a2f4e; cursor:pointer; }
.growth-filter-tabs,.growth-lead-view-tabs { display:flex; flex-wrap:wrap; gap:7px; margin:12px 0; }
.growth-filter-tabs button,.growth-lead-view-tabs button,.growth-bulk-bar button { min-height:34px; padding:7px 12px; border:1px solid #e3d6da; border-radius:8px; background:#fff; color:#68595e; cursor:pointer; }
.growth-filter-tabs button.active,.growth-lead-view-tabs button.active { border-color:#a63252; background:#fff0f4; color:#922744; font-weight:800; }
.growth-table { min-width:930px; }
.growth-table.compact { min-width:820px; }
.growth-table th { white-space:nowrap; color:#85777b; font-size:12px; }
.growth-table td { vertical-align:middle; color:#514348; font-size:12px; }
.growth-table tr.active td { background:#fff8fa; }
.growth-table td button { display:grid; gap:3px; padding:0; border:0; background:none; color:#3a2b30; text-align:left; cursor:pointer; }
.growth-table td button span,.growth-table td > span { display:block; max-width:260px; overflow:hidden; color:#8c7e82; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.growth-table td em { display:inline-flex; padding:4px 7px; border-radius:999px; background:#f3edef; color:#745f66; font-size:12px; font-style:normal; }
.growth-score { display:inline-grid; place-items:center; width:36px; height:36px; border-radius:50%; background:#fff0d9; color:#a06416; font-size:13px; }
.growth-status-stack { display:grid; gap:4px; justify-items:start; }
.growth-status-stack em,.growth-drawer-badges em { padding:5px 8px; border-radius:999px; background:#f3edef; color:#6d5d62; font-size:12px; font-style:normal; }
.growth-status-stack .ready,.growth-drawer-badges .ready,.growth-status-stack .new,.growth-drawer-badges .new { background:#e8f6ee; color:#24724a; }
.growth-status-stack .pending,.growth-drawer-badges .pending { background:#fff3db; color:#986117; }
.growth-status-stack .duplicate,.growth-drawer-badges .duplicate { background:#ffeaec; color:#b42d42; }
.growth-status-stack .synced,.growth-drawer-badges .synced { background:#e9efff; color:#3d5db2; }
.growth-drawer-backdrop { position:fixed; inset:0; z-index:90; border:0; background:rgba(32,20,24,.44); backdrop-filter:blur(2px); }
.growth-drawer { position:fixed; top:0; right:0; bottom:0; z-index:91; width:min(620px,96vw); padding:20px; overflow:auto; border-left:1px solid #e4d8dc; background:#fff; box-shadow:-24px 0 70px rgba(44,24,30,.2); }
.growth-drawer > header,.growth-prospect-detail > header { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding-bottom:14px; border-bottom:1px solid #eee3e6; }
.growth-drawer > header span,.growth-prospect-detail > header span { color:#a33453; font-size:12px; font-weight:800; letter-spacing:.11em; }
.growth-drawer > header h2,.growth-prospect-detail > header h2 { margin:4px 0; font-size:24px; }
.growth-drawer > header p,.growth-prospect-detail > header p { margin:0; color:#837579; font-size:12px; }
.growth-drawer > header > button,.growth-prospect-detail > header > button { width:34px; height:34px; border:1px solid #e3d7da; border-radius:8px; background:#fff; color:#765f66; font-size:18px; cursor:pointer; }
.growth-drawer-badges { display:flex; flex-wrap:wrap; gap:7px; margin:13px 0; }
.growth-verify-form footer { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; margin-top:4px; }
.growth-evidence,.growth-touch-history,.growth-mail-draft,.growth-research-summary,.growth-lead-follow { margin-top:14px; padding:14px; border:1px solid #e9dee1; border-radius:11px; background:#fffbfc; }
.growth-evidence h3,.growth-touch-history h3,.growth-lead-follow h3 { margin:0 0 10px; font-size:14px; }
.growth-evidence > div,.growth-lead-info > div { display:flex; justify-content:space-between; gap:15px; padding:8px 0; border-bottom:1px dashed #e6dade; font-size:12px; }
.growth-evidence p { color:#8a7b80; font-size:12px; line-height:1.6; }
.growth-list-layout { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(340px,.7fr); gap:14px; align-items:start; }
.growth-prospect-detail { position:sticky; top:12px; max-height:calc(100vh - 28px); overflow:auto; }
.growth-detail-empty { display:grid; place-items:center; min-height:260px; color:#897a7e; text-align:center; }
.growth-next-action { display:grid; gap:4px; margin:12px 0; padding:12px; border-left:3px solid #a93252; border-radius:8px; background:#fff5f7; }
.growth-next-action span,.growth-next-action small { color:#88787d; font-size:12px; }
.growth-next-action.danger { border-color:#c44242; background:#fff3f3; }
.growth-detail-actions { margin-bottom:12px; }
.growth-detail-actions button { min-height:36px; padding:7px 10px; border:1px solid #e2d6d9; border-radius:8px; background:#fff; color:#8e2b49; font-size:12px; cursor:pointer; }
.growth-detail-actions button.danger { color:#b4313c; }
.growth-mail-draft > div { display:flex; justify-content:space-between; margin-bottom:8px; font-size:12px; }
.growth-mail-draft textarea { width:100%; padding:10px; border:1px solid #e1d4d8; border-radius:8px; resize:vertical; font-size:12px; line-height:1.6; }
.growth-touch-history article { display:grid; grid-template-columns:105px 1fr; gap:12px; padding:10px 0; border-bottom:1px solid #eee3e6; }
.growth-touch-history time,.growth-touch-history small { color:#928489; font-size:12px; }
.growth-touch-history p { margin:4px 0; color:#5e4e53; font-size:12px; line-height:1.5; }
.growth-list-toolbar,.growth-lead-filters { display:grid; gap:10px; }
.growth-list-toolbar input { min-width:0; }
.growth-bulk-bar { margin-top:0; padding:10px 0; border-top:0; border-bottom:1px solid #eee3e6; }
.growth-lead-view-tabs { margin-top:0; }
.growth-lead-filters { grid-template-columns:minmax(220px,2fr) repeat(4,minmax(120px,1fr)); margin-bottom:12px; }
.growth-stage-board { display:grid; grid-template-columns:repeat(6,1fr); gap:8px; margin-bottom:13px; }
.growth-stage-board button { display:flex; align-items:center; justify-content:space-between; gap:7px; min-height:50px; padding:9px 11px; border:1px solid #e6dade; border-radius:9px; background:#fff; color:#6b5c61; cursor:pointer; }
.growth-stage-board button.active { border-color:#a53252; background:#fff1f5; color:#922846; }
.growth-stage-board strong { display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:#f1e8eb; }
.growth-lead-stage { display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; padding:13px; border-radius:10px; background:#fff7f9; }
.growth-lead-follow > div { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:8px; }
.growth-lead-follow button { float:right; margin-top:8px; }
.growth-lead-info { display:grid; grid-template-columns:1fr 1fr; gap:0 16px; margin-top:13px; }
.growth-research-summary { display:grid; gap:5px; border-color:#ddd5f3; background:#f8f5ff; }
.growth-research-summary span,.growth-research-summary small { color:#7866a5; font-size:12px; }
.growth-research-summary strong { color:#493873; }
.growth-research-summary p { margin:0; color:#655b72; font-size:12px; line-height:1.6; }
.intent-高 { background:#ffe8eb!important; color:#ac2b40!important; }.intent-中 { background:#fff3d9!important; color:#936115!important; }.intent-低 { background:#edf1f2!important; color:#637074!important; }

@media (max-width: 1180px) {
  .growth-finder-workbench,.growth-list-layout { grid-template-columns:1fr; }
  .growth-prospect-detail { position:static; max-height:none; }
  .growth-lead-filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .growth-stage-board { grid-template-columns:repeat(3,1fr); }
}

/* 外贸 CRM：按源项目完整还原自动获客与搜客清单 */
.growth-source-shell { display:grid; gap:12px; min-width:0; color:#172238; }
.growth-source-page-head { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; min-width:0; padding:0 2px 2px; }
.growth-source-page-head > div { min-width:0; }
.growth-source-page-head span { display:block; margin-bottom:3px; color:#4967c9; font-size:12px; font-weight:900; letter-spacing:.02em; }
.growth-source-page-head h1 { margin:0; color:#111b2d; font-size:24px; line-height:1.2; }
.growth-source-page-head p { margin:4px 0 0; color:#68758a; font-size:12px; font-weight:700; }
.growth-source-page-head nav { display:flex; gap:7px; }
.growth-source-page-head nav button { height:32px; padding:0 10px; border:1px solid #d7dfeb; border-radius:6px; background:#fff; color:#42516a; cursor:pointer; }
.growth-source-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; min-width:0; }
.growth-source-kpis.five { grid-template-columns:repeat(5,minmax(0,1fr)); }
.growth-source-kpis > div { min-width:0; min-height:70px; padding:10px 12px; border:1px solid #dbe3ee; border-radius:8px; background:#fff; box-shadow:0 8px 22px rgba(31,48,80,.045); }
.growth-source-kpis span,.growth-source-kpis small { display:block; color:#69768a; font-size:12px; line-height:1.35; }
.growth-source-kpis strong { display:block; margin:4px 0 3px; color:#101b2e; font-size:20px; line-height:1; overflow-wrap:anywhere; }
.growth-source-finder-workbench { display:grid; grid-template-columns:minmax(0,1.33fr) minmax(360px,.97fr); gap:12px; align-items:start; min-width:0; }
.growth-source-build-panel,.growth-source-job-panel,.growth-source-results,.growth-source-prospect-list,.growth-source-prospect-detail { min-width:0; padding:14px; border-color:#dbe3ee; box-shadow:0 12px 32px rgba(31,48,80,.05); }
.growth-section-title { display:flex; align-items:flex-start; gap:9px; min-width:0; margin-bottom:11px; }
.growth-section-title > i { flex:0 0 28px; width:28px; height:28px; display:grid; place-items:center; border-radius:7px; background:#eef3fb; color:#4967c9; font-size:15px; font-style:normal; }
.growth-section-title > div { flex:1; min-width:0; }
.growth-section-title h2 { margin:0 0 2px; color:#172238; font-size:15px; }
.growth-section-title p { margin:0; color:#6e7b8f; font-size:12px; line-height:1.4; }
.growth-section-title > em { align-self:center; padding:4px 8px; border-radius:999px; background:#eef3fb; color:#506487; font-size:12px; font-style:normal; white-space:nowrap; }
.growth-section-title > em.live { background:#eaf8f1; color:#18805b; }
.growth-source-form-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; min-width:0; }
.growth-source-form-grid label:nth-child(4),.growth-source-form-grid label:nth-child(5) { grid-column:span 1; }
.growth-source-form-grid label,.growth-source-wide-field,.growth-source-detail-form label,.growth-source-description,.growth-source-mail label { display:grid; gap:5px; min-width:0; color:#637187; font-size:12px; font-weight:800; }
.growth-source-form-grid input,.growth-source-form-grid select,.growth-source-wide-field input,.growth-source-wide-field select,.growth-source-wide-field textarea,.growth-source-detail-form input,.growth-source-description textarea,.growth-source-mail input,.growth-source-mail textarea { width:100%; min-width:0; min-height:34px; padding:7px 9px; border:1px solid #d8e0eb; border-radius:6px; background:#fff; color:#18243a; font:inherit; font-size:12px; font-weight:500; box-sizing:border-box; }
.growth-source-wide-field textarea,.growth-source-description textarea,.growth-source-mail textarea { resize:vertical; line-height:1.5; }
.growth-source-advanced { margin-top:9px; border:1px solid #d9e2ef; border-radius:7px; overflow:hidden; }
.growth-source-advanced > summary { padding:10px; border-bottom:1px solid #e2e8f1; background:#f8faff; color:#24324a; font-size:12px; font-weight:900; cursor:pointer; }
.growth-source-advanced > summary span { margin-left:8px; color:#748197; font-size:12px; font-weight:700; }
.growth-source-advanced > .growth-source-wide-field { margin:10px; }
.growth-source-catalog { margin:10px; padding:10px; border:1px solid #d8e1ee; border-radius:7px; background:#fbfcff; }
.growth-source-catalog > header { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:14px; margin-bottom:7px; }
.growth-source-catalog > header b { font-size:13px; }
.growth-source-catalog > header span { color:#6d7a8e; font-size:12px; }
.growth-source-catalog > header button,.growth-source-advanced-actions button,.growth-source-detail-actions button,.growth-source-mail button,.growth-source-bulk button,.growth-source-pagination button { height:28px; padding:0 9px; border:1px solid #d7e0ec; border-radius:6px; background:#fff; color:#34435c; font-size:12px; cursor:pointer; }
.growth-source-group { margin-top:6px; }
.growth-source-group > summary { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:6px; padding:8px 2px; color:#34435c; font-size:12px; list-style:none; cursor:pointer; }
.growth-source-group > summary::-webkit-details-marker { display:none; }
.growth-source-group > summary .growth-source-chevron { color:#4967c9; font-size:16px; line-height:1; transition:transform .18s ease; }
.growth-source-group[open] > summary .growth-source-chevron { transform:rotate(90deg); }
.growth-source-group > summary em { color:#77849a; font-size:12px; font-style:normal; }
.growth-source-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
.growth-source-grid button { display:flex; align-items:center; justify-content:space-between; gap:8px; min-width:0; min-height:32px; padding:7px 8px; border:1px dashed #d8e0eb; border-radius:5px; background:#fff; color:#526078; cursor:pointer; }
.growth-source-grid button.active { border-style:solid; border-color:#7ea1d8; background:#f2f6ff; color:#294f91; box-shadow:inset 2px 0 #3157d5; }
.growth-source-grid button > span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; font-weight:800; }
.growth-source-grid button > span i { display:inline-block; width:7px; height:7px; margin-right:6px; border-radius:50%; background:#d99d16; }
.growth-source-grid button.configured > span i { background:#20a579; }
.growth-source-grid button > em { flex:0 0 auto; color:#6e7a8e; font-size:12px; font-style:normal; }
.growth-manual-entry { margin-top:9px; }
.growth-manual-entry > b { font-size:12px; }
.growth-manual-entry > span { margin-left:8px; color:#748197; font-size:12px; }
.growth-manual-entry nav { display:flex; flex-wrap:wrap; gap:6px; margin-top:7px; }
.growth-manual-entry button { min-height:28px; padding:5px 10px; border:1px solid #7ccbb3; border-radius:999px; background:#f0fbf7; color:#16765a; font-size:12px; font-weight:800; cursor:pointer; }
.growth-source-catalog > header button { font-size:12px; }
.growth-source-schedule { display:grid; grid-template-columns:minmax(190px,1fr) 130px minmax(210px,1.2fr); align-items:center; gap:9px; margin:10px; padding-top:9px; border-top:1px solid #e2e8f1; }
.growth-source-schedule label { display:flex; align-items:flex-start; gap:7px; min-width:0; color:#5f6d83; font-size:12px; }
.growth-source-schedule label > span { display:grid; gap:2px; }
.growth-source-schedule label b { color:#1e2b43; font-size:12px; }
.growth-source-schedule label small { color:#748197; }
.growth-source-schedule select { min-width:0; height:32px; border:1px solid #d8e0eb; border-radius:5px; background:#fff; }
.growth-source-advanced-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:10px; }
.growth-source-advanced-actions > label { color:#27354d; font-size:12px; font-weight:800; }
.growth-source-advanced-actions nav { display:flex; flex-wrap:wrap; gap:6px; }
.growth-source-runbar { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:10px; color:#6b788d; font-size:12px; }
.growth-source-job-list { display:grid; gap:8px; }
.growth-source-job-list article { position:relative; display:grid; gap:6px; padding:10px; border:1px solid #dce4ef; border-radius:7px; background:#fbfcff; }
.growth-source-job-list article header { display:flex; justify-content:space-between; gap:10px; }
.growth-source-job-list article header b { font-size:12px; }
.growth-source-job-list article header em { color:#247a58; font-size:12px; font-style:normal; }
.growth-source-job-list article > span,.growth-source-job-list article > small { color:#738096; font-size:12px; }
.growth-source-job-list article > div { height:5px; overflow:hidden; border-radius:999px; background:#e8edf4; }
.growth-source-job-list article > div i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#3157d5,#20a3a3); }
.growth-source-job-list article > button { justify-self:end; height:25px; padding:0 8px; border:1px solid #d7e0ec; border-radius:5px; background:#fff; color:#3e4d65; font-size:12px; cursor:pointer; }
.growth-source-support { padding:0; overflow:hidden; border-color:#dbe3ee; }
.growth-source-support > summary { padding:13px 15px; color:#29374f; font-size:12px; font-weight:900; cursor:pointer; }
.growth-source-support > summary span { margin-left:8px; color:#738096; font-size:12px; }
.growth-source-support > div { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:0 14px 14px; }
.growth-source-support article { display:grid; gap:4px; padding:10px; border:1px solid #dfe6f0; border-radius:7px; }
.growth-source-support article b { font-size:12px; }
.growth-source-support article span { color:#748197; font-size:12px; }
.growth-source-result-tabs { display:flex; flex-wrap:wrap; gap:6px; margin:8px 0 10px; }
.growth-source-result-tabs button { min-height:28px; padding:5px 11px; border:1px solid #d8e0eb; border-radius:999px; background:#fff; color:#647188; font-size:12px; cursor:pointer; }
.growth-source-result-tabs button.active { border-color:#3157d5; background:#3157d5; color:#fff; }
.growth-source-table { width:100%; min-width:980px; border-collapse:collapse; table-layout:fixed; font-size:12px; }
.growth-source-table th,.growth-source-table td { padding:8px 7px; border-bottom:1px solid #e2e8f1; text-align:left; vertical-align:middle; overflow-wrap:anywhere; }
.growth-source-table th { color:#617087; background:#f4f7fb; font-size:12px; }
.growth-source-table th:nth-child(1){width:36px}.growth-source-table th:nth-child(2){width:210px}.growth-source-table th:nth-child(3){width:115px}.growth-source-table th:nth-child(4){width:190px}.growth-source-table th:nth-child(5){width:90px}.growth-source-table th:nth-child(6){width:105px}.growth-source-table th:nth-child(7){width:165px}.growth-source-table th:nth-child(8){width:70px}.growth-source-table th:nth-child(9){width:120px}
.growth-source-table td > button { display:grid; gap:3px; padding:0; border:0; background:none; color:#234b9b; text-align:left; cursor:pointer; }
.growth-source-table td > button span { color:#768399; font-size:12px; }
.growth-source-table td > strong { display:block; font-size:12px; }
.growth-source-table td > i { display:block; width:100%; height:3px; margin-top:4px; border-radius:999px; background:linear-gradient(90deg,#3157d5 var(--score),#e4e9f1 var(--score)); }
.growth-source-table td:last-child em { display:inline-block; margin:1px 3px 1px 0; padding:3px 6px; border-radius:999px; background:#eef3fb; color:#506487; font-size:12px; font-style:normal; }
.growth-source-pagination { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:9px; color:#6e7b90; font-size:12px; }
.growth-source-pagination nav { display:flex; align-items:center; gap:7px; }
.growth-source-list-layout { display:grid; grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr); gap:10px; align-items:start; min-width:0; }
.growth-source-list-search { display:grid; grid-template-columns:1fr auto; align-items:center; gap:8px; }
.growth-source-list-search input { width:100%; min-width:0; height:32px; padding:0 9px; border:1px solid #d8e0eb; border-radius:6px; box-sizing:border-box; }
.growth-source-list-search b { font-size:12px; white-space:nowrap; }
.growth-source-bulk { display:flex; flex-wrap:wrap; align-items:center; gap:6px; padding:7px 0; border-top:1px solid #e3e8f0; border-bottom:1px solid #e3e8f0; color:#617087; font-size:12px; }
.growth-source-bulk label { display:flex; align-items:center; gap:4px; }
.growth-source-bulk select { height:28px; min-width:110px; border:1px solid #d8e0eb; border-radius:5px; background:#fff; font-size:12px; }
.growth-source-bulk button.primary,.growth-source-detail-actions button.primary,.growth-source-mail button.primary { border-color:#3157d5; background:#3157d5; color:#fff; }
.growth-source-bulk button:disabled { cursor:not-allowed; opacity:.45; }
.growth-source-prospect-cards { display:grid; gap:7px; margin-top:8px; }
.growth-source-prospect-cards article { display:grid; grid-template-columns:20px 1fr; gap:5px; padding:9px; border:1px solid #dce4ef; border-radius:7px; background:#fff; }
.growth-source-prospect-cards article.active { border-color:#3157d5; box-shadow:inset 2px 0 #3157d5; }
.growth-source-prospect-cards article > input { margin-top:4px; }
.growth-source-prospect-cards article > button { display:grid; gap:5px; min-width:0; padding:0; border:0; background:none; color:#27354c; text-align:left; cursor:pointer; }
.growth-source-prospect-cards header { display:flex; justify-content:space-between; gap:8px; }
.growth-source-prospect-cards header b { font-size:12px; }
.growth-source-prospect-cards header strong { color:#3157d5; font-size:13px; }
.growth-source-prospect-cards p,.growth-source-prospect-cards small { margin:0; color:#6f7d92; font-size:12px; }
.growth-source-prospect-cards article span { display:flex; flex-wrap:wrap; gap:5px; }
.growth-source-prospect-cards em { padding:3px 6px; border-radius:999px; background:#fff3d6; color:#8b621d; font-size:12px; font-style:normal; }
.growth-source-prospect-cards article i { color:#42516a; font-size:12px; font-style:normal; font-weight:800; }
.growth-source-prospect-detail { position:sticky; top:10px; }
.growth-source-detail-hero { margin-bottom:10px; padding:11px; border:1px solid #cdddec; border-radius:7px; background:linear-gradient(135deg,#f5f8ff,#eefaf8); }
.growth-source-detail-hero span { display:inline-block; margin-right:5px; padding:3px 7px; border-radius:999px; background:#edf2fa; color:#52637e; font-size:12px; }
.growth-source-detail-hero span.pending { background:#fff3d6; color:#8c6319; }
.growth-source-detail-hero span.score { background:#e9f7ee; color:#23764d; }
.growth-source-detail-hero h2 { margin:7px 0 3px; font-size:15px; }
.growth-source-detail-hero p { margin:0; color:#65738a; font-size:12px; }
.growth-source-detail-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.growth-source-detail-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; margin-top:8px; }
.growth-source-detail-facts article { display:grid; gap:4px; padding:9px; border:1px solid #dfe6ef; border-radius:6px; background:#f9fbfe; }
.growth-source-detail-facts span { color:#758297; font-size:12px; }
.growth-source-detail-facts b { color:#27354d; font-size:12px; overflow-wrap:anywhere; }
.growth-source-description { margin-top:8px; }
.growth-source-next { display:flex; align-items:center; gap:8px; margin-top:8px; padding:8px; border:1px solid #dce5f0; border-radius:6px; color:#526078; font-size:12px; }
.growth-source-next b { color:#3157d5; }
.growth-source-detail-actions { display:flex; justify-content:flex-end; flex-wrap:wrap; gap:6px; margin-top:8px; }
.growth-source-mail { margin-top:10px; padding-top:9px; border-top:1px solid #dfe6ef; }
.growth-source-mail summary { color:#25334b; font-size:12px; font-weight:900; cursor:pointer; }
.growth-source-mail > p { margin:8px 0; padding:7px; border:1px solid #dce5f0; border-radius:6px; color:#66748a; font-size:12px; }
.growth-source-mail > label { margin-top:7px; }
.growth-source-mail pre { min-height:85px; margin:8px 0 0; padding:9px; border:1px solid #dce5f0; border-radius:6px; background:#f7f9fc; color:#4e5d75; font:12px/1.55 ui-monospace,Consolas,monospace; white-space:pre-wrap; overflow-wrap:anywhere; }
.growth-source-mail footer { display:flex; justify-content:flex-end; gap:6px; margin-top:8px; padding-bottom:68px; }
.growth-source-detail-empty { min-height:320px; display:grid; place-items:center; color:#758297; }

/* 外贸 CRM：客户、获客、销售、产品与沟通页面统一单行概览 */
.trade-compact-overview {
  --trade-overview-height: 78px;
  min-width: 0;
  min-height: var(--trade-overview-height);
  display: grid !important;
  grid-template-columns: minmax(210px, 1.15fr) minmax(0, 4.85fr) auto;
  align-items: stretch;
  gap: 10px;
  margin: 0 0 12px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.trade-compact-overview > header,
.trade-compact-overview > .panel-header {
  display: contents !important;
}
.trade-compact-overview > header > :first-child,
.trade-compact-overview > .panel-header > :first-child {
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  min-width: 0;
}
.trade-compact-overview > header > :last-child:not(:first-child),
.trade-compact-overview > .panel-header > :last-child:not(:first-child) {
  grid-column: 3;
  grid-row: 1;
  align-self: center;
  justify-self: end;
}
.trade-compact-overview > .summary-strip,
.trade-compact-overview > .trade-customer-summary,
.trade-compact-overview > .growth-source-kpis,
.trade-compact-overview > .growth-kpis {
  grid-column: 2;
  grid-row: 1;
  align-self: stretch;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  min-width: 0;
  margin: 0;
}
.trade-compact-overview > .growth-source-kpis.five,
.trade-compact-overview > .social-message-summary {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.trade-compact-overview .summary-cell,
.trade-compact-overview .trade-customer-summary > div,
.trade-compact-overview .growth-source-kpis > div,
.trade-compact-overview .growth-kpis > div {
  height: var(--trade-overview-height);
  min-height: var(--trade-overview-height);
  display: grid;
  align-content: center;
  gap: 3px;
  padding: 9px 12px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(100,40,58,.045);
  box-sizing: border-box;
}
.trade-compact-overview .summary-cell span,
.trade-compact-overview .summary-cell small,
.trade-compact-overview .trade-customer-summary span,
.trade-compact-overview .trade-customer-summary small,
.trade-compact-overview .growth-source-kpis span,
.trade-compact-overview .growth-source-kpis small,
.trade-compact-overview .growth-kpis span,
.trade-compact-overview .growth-kpis small {
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.25;
}
.trade-compact-overview .summary-cell strong,
.trade-compact-overview .trade-customer-summary strong,
.trade-compact-overview .growth-source-kpis strong,
.trade-compact-overview .growth-kpis strong {
  margin: 2px 0 0;
  color: var(--text);
  font-size: 20px;
  line-height: 1;
}
.trade-compact-overview .trade-customer-page-head,
.trade-compact-overview .growth-source-page-head,
.trade-compact-overview .growth-page-head {
  margin: 0;
  padding: 0 2px;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.trade-compact-overview .panel-header h2,
.trade-compact-overview .trade-customer-page-head h1,
.trade-compact-overview .growth-source-page-head h1,
.trade-compact-overview .growth-page-head h1 {
  margin: 0;
  color: #251d20;
  font-size: 24px;
  line-height: 1.2;
}
.trade-compact-overview .panel-header p,
.trade-compact-overview .trade-customer-page-head p,
.trade-compact-overview .growth-source-page-head p,
.trade-compact-overview .growth-page-head p {
  margin: 4px 0 0;
  color: #786d70;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
}
.trade-compact-overview .trade-customer-page-head > div:first-child > span,
.trade-compact-overview .growth-source-page-head > div:first-child > span,
.trade-compact-overview .growth-page-head > div:first-child > span {
  display: block;
  margin: 0 0 3px;
  color: var(--brand);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.trade-compact-overview-social {
  grid-template-columns: minmax(220px, 1.05fr) auto minmax(0, 4.7fr) auto;
}
.trade-compact-overview-social > .social-workspace-toolbar {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  margin: 0;
  padding: 0;
  border: 0;
}
.trade-compact-overview-social > .social-message-summary {
  grid-column: 3;
}
.trade-compact-overview-social > .social-aggregate-header > .social-provider-live {
  grid-column: 4 !important;
}
.trade-compact-overview-social .social-workspace-tabs {
  grid-template-columns: repeat(2, minmax(105px, 1fr));
}
.trade-compact-overview-mail {
  grid-template-columns: minmax(200px, 1.05fr) auto minmax(0, 4.7fr) auto;
}
.trade-compact-overview-mail > .mail-tabs {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  margin: 0;
  padding: 3px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #f8f5f3;
}
.trade-compact-overview-mail > .summary-strip {
  grid-column: 3;
}
.trade-compact-overview-mail > .panel-header > .toolbar-group {
  grid-column: 4 !important;
}

@media (max-width: 1280px) {
  .trade-compact-overview,
  .trade-compact-overview-social,
  .trade-compact-overview-mail {
    grid-template-columns: minmax(210px, 1fr) minmax(0, 3fr) auto;
  }
  .trade-compact-overview-social > .social-workspace-toolbar,
  .trade-compact-overview-mail > .mail-tabs {
    display: none;
  }
  .trade-compact-overview-social > .social-message-summary,
  .trade-compact-overview-mail > .summary-strip {
    grid-column: 2;
  }
  .trade-compact-overview-social > .social-aggregate-header > .social-provider-live,
  .trade-compact-overview-mail > .panel-header > .toolbar-group {
    grid-column: 3 !important;
  }
}
@media (max-width: 900px) {
  .trade-compact-overview,
  .trade-compact-overview-social,
  .trade-compact-overview-mail {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .trade-compact-overview > .summary-strip,
  .trade-compact-overview > .trade-customer-summary,
  .trade-compact-overview > .growth-source-kpis,
  .trade-compact-overview > .growth-kpis,
  .trade-compact-overview-social > .social-message-summary,
  .trade-compact-overview-mail > .summary-strip {
    grid-column: 1 / -1;
    grid-row: 2;
  }
  .trade-compact-overview > header > :last-child:not(:first-child),
  .trade-compact-overview > .panel-header > :last-child:not(:first-child),
  .trade-compact-overview-social > .social-aggregate-header > .social-provider-live,
  .trade-compact-overview-mail > .panel-header > .toolbar-group {
    grid-column: 2 !important;
  }
}
@media (max-width:1500px) {
  .growth-source-finder-workbench { grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr); }
  .growth-source-list-layout { grid-template-columns:minmax(270px,.72fr) minmax(0,1.28fr); }
  .growth-source-kpis.five { grid-template-columns:repeat(5,minmax(115px,1fr)); }
  .growth-source-form-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .growth-source-form-grid label:first-child { grid-column:auto; }
  .growth-source-schedule { grid-template-columns:1fr 110px; }
  .growth-source-schedule .cost { grid-column:1/-1; }
}

/* 外贸 CRM：系统配置 · AI模型配置 */
.trade-ai-page { display:grid; gap:10px; min-width:0; color:#172238; }
.trade-ai-head { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; min-width:0; }
.trade-ai-head > div { min-width:0; }
.trade-ai-head span { display:block; margin-bottom:3px; color:#3157d5; font-size:12px; font-weight:900; }
.trade-ai-head h1 { margin:0; color:#101a2c; font-size:24px; line-height:1.2; }
.trade-ai-head p { margin:4px 0 0; color:#69768a; font-size:12px; font-weight:700; }
.trade-ai-head nav,.trade-ai-parameters footer { display:flex; gap:7px; }
.trade-ai-head button,.trade-ai-parameters footer button { height:32px; padding:0 11px; border:1px solid #d7dfeb; border-radius:6px; background:#fff; color:#34425a; font-size:12px; cursor:pointer; }
.trade-ai-head button.primary,.trade-ai-parameters footer button.primary { border-color:#495bd3; color:#fff; background:linear-gradient(135deg,#3157d5,#7249dd); box-shadow:0 8px 18px rgba(49,87,213,.2); }
.trade-ai-kpis { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.trade-ai-kpis article { display:grid; grid-template-columns:1fr auto; gap:3px 8px; min-width:0; min-height:58px; padding:9px 11px; border:1px solid #dbe3ee; border-radius:7px; background:#fff; box-shadow:0 8px 22px rgba(31,48,80,.045); }
.trade-ai-kpis span { grid-column:1/-1; color:#6c788c; font-size:12px; }
.trade-ai-kpis b { min-width:0; color:#111c30; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.trade-ai-kpis em { align-self:center; color:#21815d; font-size:12px; font-style:normal; text-align:right; }
.trade-ai-layout { display:grid; grid-template-columns:minmax(250px,.78fr) minmax(480px,1.36fr) minmax(290px,.86fr); gap:11px; align-items:start; min-width:0; }
.trade-ai-providers,.trade-ai-editor,.trade-ai-modules { min-width:0; padding:13px; border-color:#dbe3ee; box-shadow:0 10px 28px rgba(31,48,80,.05); }
.trade-ai-providers > header,.trade-ai-editor > header,.trade-ai-modules > header { display:grid; grid-template-columns:28px 1fr; gap:8px; align-items:start; margin-bottom:10px; }
.trade-ai-providers > header > i,.trade-ai-editor > header > i,.trade-ai-modules > header > i { width:28px; height:28px; display:grid; place-items:center; border-radius:7px; background:#eef3fb; color:#3157d5; font-size:13px; font-style:normal; }
.trade-ai-providers h2,.trade-ai-editor h2,.trade-ai-modules h2 { margin:0 0 2px; font-size:14px; }
.trade-ai-providers p,.trade-ai-editor p,.trade-ai-modules p { margin:0; color:#728096; font-size:12px; line-height:1.4; }
.trade-ai-providers > button { display:grid; grid-template-columns:32px 1fr auto; gap:8px; align-items:start; width:100%; min-width:0; padding:9px; margin-top:7px; border:1px solid #dce4ef; border-radius:7px; background:#fff; color:#28364e; text-align:left; cursor:pointer; }
.trade-ai-providers > button.active { border-color:#6f91d3; background:#f5f8ff; box-shadow:inset 3px 0 #3157d5; }
.trade-ai-providers > button > i { width:32px; height:32px; display:grid; place-items:center; border-radius:7px; color:#fff; background:linear-gradient(135deg,#172c5a,#3157a8); font-size:12px; font-style:normal; font-weight:900; }
.trade-ai-providers > button > span { display:grid; gap:3px; min-width:0; }
.trade-ai-providers > button b { font-size:12px; }
.trade-ai-providers > button small { color:#647188; font-size:12px; line-height:1.45; }
.trade-ai-providers > button em { padding:3px 6px; border-radius:999px; background:#f1f4f8; color:#607087; font-size:12px; font-style:normal; white-space:nowrap; }
.trade-ai-providers > button.active em { background:#eaf7ef; color:#247a58; }
.trade-ai-instance,.trade-ai-parameters { padding:11px; border:1px solid #dce4ef; border-radius:7px; background:#fbfcff; }
.trade-ai-instance { display:grid; grid-template-columns:1fr auto; gap:8px; }
.trade-ai-instance > div:first-child { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.trade-ai-instance > div:first-child b { font-size:12px; }
.trade-ai-instance > div:first-child span { color:#6f7c91; font-size:12px; }
.trade-ai-instance > nav { display:flex; gap:6px; }
.trade-ai-instance > nav button { height:27px; padding:0 8px; border:1px solid #d7e0eb; border-radius:5px; background:#fff; color:#3c4b63; font-size:12px; cursor:pointer; }
.trade-ai-instance > nav button:disabled { opacity:.45; cursor:not-allowed; }
.trade-ai-instance > strong { grid-column:1/-1; padding:7px 8px; border:1px solid #e2e7f0; border-radius:5px; color:#66748a; background:#fff; font-size:12px; }
.trade-ai-instance-list { grid-column:1/-1; display:grid; gap:5px; min-height:70px; padding:7px; border:1px solid #e1e7f0; border-radius:5px; background:#f8faff; }
.trade-ai-instance-list > p { align-self:center; color:#748197; text-align:center; }
.trade-ai-instance-list > button { display:grid; grid-template-columns:1fr auto auto; gap:8px; align-items:center; padding:7px; border:1px solid #dce4ef; border-radius:5px; background:#fff; color:#2d3b52; text-align:left; cursor:pointer; }
.trade-ai-instance-list > button.active { border-color:#6e91d3; background:#f2f6ff; }
.trade-ai-instance-list > button b { font-size:12px; }
.trade-ai-instance-list > button span,.trade-ai-instance-list > button em { color:#69768b; font-size:12px; font-style:normal; }
.trade-ai-parameters { margin-top:10px; background:#fff; }
.trade-ai-parameters > header { display:flex; justify-content:space-between; gap:10px; }
.trade-ai-parameters > header b { font-size:12px; }
.trade-ai-parameters > header span { color:#6f7c91; font-size:12px; }
.trade-ai-edit-state { display:flex; gap:8px; margin:8px 0; padding:8px; border:1px solid #dce4ef; border-radius:5px; background:#f8faff; }
.trade-ai-edit-state b { color:#3157d5; font-size:12px; }
.trade-ai-edit-state span { color:#65738a; font-size:12px; }
.trade-ai-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.trade-ai-form label { display:grid; gap:4px; min-width:0; color:#627087; font-size:12px; font-weight:800; }
.trade-ai-form label.wide { grid-column:1/-1; }
.trade-ai-form input,.trade-ai-form select { width:100%; min-width:0; height:32px; padding:0 8px; border:1px solid #d8e0eb; border-radius:5px; background:#fff; color:#1d2940; font-size:12px; box-sizing:border-box; }
.trade-ai-key > div { display:grid; grid-template-columns:1fr auto; gap:6px; }
.trade-ai-key button { padding:0 9px; border:1px solid #d7e0eb; border-radius:5px; background:#fff; color:#42516a; font-size:12px; cursor:pointer; }
.trade-ai-key small { color:#718096; font-size:12px; font-weight:500; }
.trade-ai-module-checks { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; margin-top:9px; padding:8px; border:1px solid #dce4ef; border-radius:6px; background:#f8faff; }
.trade-ai-module-checks label { display:flex; align-items:center; gap:5px; min-width:0; padding:6px; border:1px solid #dfe6ef; border-radius:5px; background:#fff; color:#2d3b53; font-size:12px; font-weight:800; }
.trade-ai-rule { display:grid; grid-template-columns:auto 1fr; gap:10px; margin-top:9px; padding:8px; border:1px solid #dce4ef; border-radius:5px; color:#607087; font-size:12px; }
.trade-ai-rule b { color:#3157d5; }
.trade-ai-parameters footer { justify-content:flex-end; margin-top:9px; }
.trade-ai-side { display:grid; gap:10px; min-width:0; }
.trade-ai-status { padding:12px; border:1px solid #cbdbea; border-radius:7px; background:linear-gradient(135deg,#f3f7ff,#effaf8); }
.trade-ai-status.success { border-color:#a9d9c5; background:linear-gradient(135deg,#eefaf4,#f6fcfa); }
.trade-ai-status.failed { border-color:#efc0c4; background:#fff5f6; }
.trade-ai-status em { display:inline-block; padding:3px 7px; border-radius:999px; background:#e8edf6; color:#51617a; font-size:12px; font-style:normal; }
.trade-ai-status.success em { background:#ddf3e8; color:#1f7955; }
.trade-ai-status.failed em { background:#fde4e6; color:#b43c47; }
.trade-ai-status h2 { margin:8px 0 3px; font-size:15px; }
.trade-ai-status p { margin:0; color:#5f6e84; font-size:12px; line-height:1.5; }
.trade-ai-modules article { display:grid; grid-template-columns:28px 1fr auto; gap:8px; align-items:center; padding:9px 0; border-top:1px solid #e0e6ef; }
.trade-ai-modules article > i { width:28px; height:28px; display:grid; place-items:center; border-radius:6px; color:#3157d5; background:#eef3fb; font-size:12px; font-style:normal; font-weight:900; }
.trade-ai-modules article > div { display:grid; gap:2px; min-width:0; }
.trade-ai-modules article b { font-size:12px; }
.trade-ai-modules article span { color:#6f7c91; font-size:12px; line-height:1.35; }
.trade-ai-modules article em { padding:3px 6px; border-radius:999px; background:#f0f3f7; color:#69768a; font-size:12px; font-style:normal; white-space:nowrap; }
.trade-ai-modules article em.waiting { background:#fff4d9; color:#8e6417; }
.trade-ai-modules article em.enabled { background:#e6f6ed; color:#217754; }
@media (max-width:1500px) {
  .trade-ai-layout { grid-template-columns:minmax(210px,.65fr) minmax(0,1.35fr); }
  .trade-ai-side { grid-column:1/-1; grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr); }
  .trade-ai-modules { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 12px; }
  .trade-ai-modules > header { grid-column:1/-1; }
}
@media (max-width:1100px) {
  .trade-ai-layout { grid-template-columns:1fr; }
  .trade-ai-side { grid-column:auto; grid-template-columns:1fr; }
  .trade-ai-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:680px) {
  .trade-ai-head { align-items:flex-start; flex-direction:column; }
  .trade-ai-form,.trade-ai-module-checks,.trade-ai-modules { grid-template-columns:1fr; }
  .trade-ai-kpis { grid-template-columns:1fr; }
  .trade-ai-instance { grid-template-columns:1fr; }
  .trade-ai-instance > nav,.trade-ai-instance > strong,.trade-ai-instance-list { grid-column:auto; }
}
@media (max-width:1180px) {
  .growth-source-finder-workbench,.growth-source-list-layout { grid-template-columns:1fr; }
  .growth-source-job-panel,.growth-source-prospect-detail { position:static; }
  .growth-source-kpis,.growth-source-kpis.five { grid-template-columns:repeat(2,minmax(0,1fr)); overflow:visible; }
}
@media (max-width:720px) {
  .growth-source-page-head { align-items:flex-start; flex-direction:column; }
  .growth-source-form-grid,.growth-source-grid,.growth-source-detail-form,.growth-source-detail-facts,.growth-source-support > div { grid-template-columns:1fr; }
  .growth-source-schedule { grid-template-columns:1fr; }
  .growth-source-schedule .cost { grid-column:auto; }
  .growth-source-advanced-actions,.growth-source-runbar,.growth-source-pagination { align-items:flex-start; flex-direction:column; }
}
@media (max-width: 720px) {
  .growth-page-head { align-items:flex-start; flex-direction:column; padding:17px; }
  .growth-form-grid,.growth-advanced-grid,.growth-verify-form,.growth-lead-info { grid-template-columns:1fr; }
  .growth-form-grid .wide,.growth-advanced-grid .wide,.growth-verify-form .wide { grid-column:auto; }
  .growth-source-chips { grid-template-columns:1fr 1fr; }
  .growth-lead-filters { grid-template-columns:1fr; }
  .growth-stage-board { grid-template-columns:1fr 1fr; }
  .growth-lead-stage { grid-template-columns:1fr; }
  .growth-drawer { width:100vw; padding:15px; }
}

/* AI-BOS 全局智能助手与三级治理 */
.floating-ai-panel {
  width:min(520px,calc(100vw - 32px));
  height:min(680px,calc(100vh - 112px));
  max-height:min(680px,calc(100vh - 112px));
  border-radius:16px;
  background:#fffdfc;
  box-shadow:0 24px 72px rgba(71,26,39,.24);
  overscroll-behavior:contain;
  transition:width .2s ease,max-height .2s ease;
}
.floating-ai-panel.expanded {
  width:min(920px,calc(100vw - 48px));
  height:calc(100vh - 48px);
  max-height:calc(100vh - 48px);
  bottom:24px;
}
.floating-ai-panel #floatingAiMount {
  display:grid;
  grid-template-rows:auto auto auto minmax(0,1fr) auto;
  height:100%;
  max-height:inherit;
  min-height:0;
}
.global-ai-header { align-items:center; padding:14px 16px 12px; }
.global-ai-header h2 { margin:2px 0; font-size:18px; }
.global-ai-header p { font-size:12px; }
.global-ai-header nav { display:flex; align-items:center; gap:7px; }
.global-ai-header nav button {
  min-height:34px;
  padding:6px 10px;
  border:1px solid #eadde1;
  border-radius:8px;
  background:#fff;
  color:#75213a;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.global-ai-header nav .round-button { width:34px; padding:0; }
.global-ai-context {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin:7px 12px 0;
  padding:6px 10px;
  border:1px solid #eadde1;
  border-radius:10px;
  background:#fff9f8;
}
.global-ai-context > div { display:grid; gap:1px; min-width:0; }
.global-ai-context span { color:#8d7b80; font-size:12px; }
.global-ai-context strong { overflow:hidden; color:#3c2b30; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.global-ai-context button {
  flex:0 0 auto;
  border:0;
  background:transparent;
  color:#9f2949;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.floating-ai-tabs.global-ai-tabs {
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:calc(100% - 24px);
  margin:6px 12px 0;
}
.global-ai-tabs button { position:relative; min-height:34px; padding:5px 8px; font-size:13px; }
.global-ai-tabs em {
  display:inline-grid;
  min-width:20px;
  height:20px;
  margin-left:5px;
  padding:0 5px;
  place-items:center;
  border-radius:999px;
  background:#f5e6eb;
  color:#9f2949;
  font-size:12px;
  font-style:normal;
}
.floating-ai-scroll.global-ai-scroll {
  max-height:none;
  min-height:0;
  padding:8px 12px;
  overflow:auto;
  overscroll-behavior:contain;
}
.global-ai-chat { display:grid; gap:8px; min-height:0; }
.global-ai-messages { display:grid; gap:8px; }
.global-ai-message { display:flex; align-items:flex-start; gap:8px; }
.global-ai-message.user { flex-direction:row-reverse; }
.global-ai-avatar {
  flex:0 0 30px;
  display:grid;
  width:30px;
  height:30px;
  place-items:center;
  border-radius:50%;
  background:#9f2949;
  color:#fff;
  font-size:12px;
  font-weight:900;
}
.global-ai-message.user .global-ai-avatar { background:#634e55; }
.global-ai-bubble {
  max-width:calc(100% - 42px);
  padding:8px 10px;
  border:1px solid #eadfe2;
  border-radius:12px;
  background:#fff;
}
.global-ai-message.user .global-ai-bubble { background:#fff3f6; border-color:#e8cfd7; }
.global-ai-bubble strong { display:block; margin-bottom:4px; color:#4e363e; font-size:12px; }
.global-ai-bubble p { margin:0; color:#4f4246; font-size:12px; line-height:1.55; white-space:pre-wrap; }
.global-ai-message-meta {
  display:flex;
  flex-wrap:wrap;
  gap:5px 9px;
  margin-top:6px;
  padding-top:6px;
  border-top:1px solid #f0e7e9;
  color:#8d7f83;
  font-size:12px;
}
.global-ai-message-meta button {
  padding:0;
  border:0;
  background:transparent;
  color:#8f2545;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.global-ai-confirm-card {
  padding:13px;
  border:1px solid #e5c985;
  border-radius:12px;
  background:#fffaf0;
}
.global-ai-confirm-card header { display:grid; gap:3px; }
.global-ai-confirm-card header span { color:#9b6813; font-size:12px; font-weight:900; }
.global-ai-confirm-card header strong { color:#43372b; font-size:15px; }
.global-ai-confirm-card p { margin:8px 0; color:#665747; font-size:13px; line-height:1.55; }
.global-ai-confirm-card dl { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin:0; }
.global-ai-confirm-card dl div { padding:8px; border-radius:8px; background:rgba(255,255,255,.75); }
.global-ai-confirm-card dt { color:#8a7a69; font-size:12px; }
.global-ai-confirm-card dd { margin:3px 0 0; color:#483d32; font-size:12px; font-weight:800; }
.global-ai-confirm-card footer { display:flex; justify-content:flex-end; gap:8px; margin-top:10px; }
.global-ai-confirm-card footer button {
  min-height:34px;
  padding:7px 11px;
  border:1px solid #e2d3bd;
  border-radius:8px;
  background:#fff;
  color:#5f4a36;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.global-ai-confirm-card footer .primary-button { border-color:#9f2949; background:#9f2949; color:#fff; }
.global-ai-suggestion-row { display:flex; flex-wrap:wrap; gap:5px; }
.global-ai-suggestion-row button {
  min-height:30px;
  padding:4px 8px;
  border:1px solid #e7d8dc;
  border-radius:999px;
  background:#fff;
  color:#7f2942;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.global-ai-composer {
  position:relative;
  display:grid;
  gap:8px;
  padding:11px 16px 14px;
  border-top:1px solid #eadfe2;
  background:#fffdfc;
}
.global-ai-composer > div:last-of-type { display:grid; grid-template-columns:36px minmax(0,1fr) 92px 56px; gap:7px; }
.global-ai-composer input,.global-ai-composer select {
  min-width:0;
  min-height:40px;
  padding:8px 10px;
  border:1px solid #e1d4d8;
  border-radius:9px;
  background:#fff;
  color:#3f3035;
  font-size:14px;
}
.global-ai-composer > div:last-of-type > button {
  min-height:40px;
  border:1px solid #dfd1d5;
  border-radius:9px;
  background:#fff;
  color:#902744;
  font-size:14px;
  font-weight:900;
  cursor:pointer;
}
.global-ai-composer > div:last-of-type > .primary-button { border-color:#9f2949; background:#9f2949; color:#fff; }
.global-ai-selection { display:flex; flex-wrap:wrap; gap:6px; min-height:0; }
.global-ai-selection:empty { display:none; }
.global-ai-selection span { display:inline-flex; align-items:center; gap:5px; padding:4px 7px; border-radius:999px; background:#f7edf0; color:#7c2941; font-size:12px; }
.global-ai-selection button { padding:0; border:0; background:transparent; color:#7c2941; cursor:pointer; }
.global-ai-skill-picker {
  position:absolute;
  right:16px;
  bottom:70px;
  left:16px;
  z-index:3;
  display:grid;
  gap:7px;
  max-height:310px;
  padding:12px;
  overflow:auto;
  overscroll-behavior:contain;
  border:1px solid #e3d5d9;
  border-radius:12px;
  background:#fff;
  box-shadow:0 18px 44px rgba(72,34,45,.18);
}
.global-ai-skill-picker header { display:flex; align-items:center; justify-content:space-between; }
.global-ai-skill-picker header strong { font-size:14px; }
.global-ai-skill-picker header button { border:0; background:transparent; cursor:pointer; }
.global-ai-skill-picker > button { display:flex; justify-content:space-between; gap:10px; padding:9px; border:1px solid #eee4e7; border-radius:8px; background:#fff; text-align:left; cursor:pointer; }
.global-ai-skill-picker > button b { font-size:13px; }.global-ai-skill-picker > button span { color:#8c7d82; font-size:12px; }
.global-ai-actions-view { display:grid; gap:12px; }
.global-ai-actions-view > section,.global-ai-preferences {
  padding:12px;
  border:1px solid #eadfe2;
  border-radius:12px;
  background:#fff;
}
.global-ai-actions-view section > header,.global-ai-preferences header,.global-ai-tasks-view > header {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:9px;
}
.global-ai-actions-view header div,.global-ai-preferences header div,.global-ai-tasks-view > header div { display:grid; gap:2px; }
.global-ai-actions-view header span,.global-ai-preferences header span,.global-ai-tasks-view > header span { color:#9f2949; font-size:12px; font-weight:900; }
.global-ai-actions-view header strong,.global-ai-preferences header strong,.global-ai-tasks-view > header strong { color:#4b373e; font-size:13px; }
.global-ai-actions-view header button,.global-ai-preferences header button,.global-ai-tasks-view > header button {
  padding:5px 8px;
  border:1px solid #eadde1;
  border-radius:7px;
  background:#fff;
  color:#8e2946;
  font-size:12px;
  cursor:pointer;
}
.global-ai-agent-list,.global-ai-skill-list { display:grid; gap:7px; }
.global-ai-agent-list > button,.global-ai-skill-list > button {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  width:100%;
  padding:9px;
  border:1px solid #eee3e6;
  border-radius:9px;
  background:#fff;
  color:#46363b;
  text-align:left;
  cursor:pointer;
}
.global-ai-agent-list > button.active,.global-ai-skill-list > button.active { border-color:#b75a75; background:#fff5f7; }
.global-ai-agent-list .global-ai-agent-icon{width:34px;height:34px;border-radius:50%}.global-ai-agent-list .global-ai-agent-icon .ai-ui-icon{width:19px;height:19px}
.global-ai-agent-list span,.global-ai-skill-list span { display:grid; gap:2px; min-width:0; }
.global-ai-agent-list b,.global-ai-skill-list b { font-size:13px; }
.global-ai-agent-list small,.global-ai-skill-list small { overflow:hidden; color:#8b7d81; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.global-ai-agent-list em,.global-ai-skill-list em { color:#9a2b4b; font-size:12px; font-style:normal; font-weight:900; }
.global-ai-boundary { padding:10px 12px; border-left:3px solid #d39731; border-radius:6px; background:#fff9ed; }
.global-ai-boundary b { color:#80591b; font-size:13px; }
.global-ai-boundary p { margin:3px 0 0; color:#79674e; font-size:12px; line-height:1.55; }
.global-ai-preferences > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.global-ai-preferences label { display:grid; gap:5px; color:#78676d; font-size:12px; }
.global-ai-preferences select { min-height:38px; border:1px solid #e3d7da; border-radius:8px; background:#fff; font-size:13px; }
.global-ai-preferences > .primary-button { width:100%; margin-top:9px; min-height:38px; }
.global-ai-tasks-view { display:grid; gap:10px; }
.global-ai-tasks-view > div { display:grid; gap:8px; }
.global-ai-tasks-view article { display:grid; grid-template-columns:10px minmax(0,1fr) auto; gap:10px; align-items:start; padding:11px; border:1px solid #eadfe2; border-radius:10px; background:#fff; }
.global-ai-tasks-view article > i { width:9px; height:9px; margin-top:5px; border-radius:50%; background:#36a276; }
.global-ai-tasks-view article > i.pending { background:#d99b26; }.global-ai-tasks-view article > i.failed { background:#cf4f58; }
.global-ai-tasks-view article b { font-size:13px; }.global-ai-tasks-view article p { margin:4px 0; color:#74666b; font-size:12px; line-height:1.5; }.global-ai-tasks-view article small { color:#95888c; font-size:12px; }
.global-ai-tasks-view article button { padding:5px 8px; border:1px solid #e8dade; border-radius:7px; background:#fff; color:#8c2945; font-size:12px; cursor:pointer; }
.ai-governance-strip {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-bottom:14px;
}
.ai-governance-strip article { padding:15px; border:1px solid #eadde1; border-radius:12px; background:#fff; box-shadow:0 8px 24px rgba(74,37,47,.05); }
.ai-governance-strip span { color:#9f2949; font-size:12px; font-weight:900; }.ai-governance-strip strong { display:block; margin:5px 0; font-size:16px; }.ai-governance-strip p { min-height:44px; margin:0 0 9px; color:#796b70; font-size:13px; line-height:1.55; }
.ai-governance-strip button,.ai-employee-card footer button { min-height:34px; padding:6px 10px; border:1px solid #e5d6da; border-radius:8px; background:#fff; color:#922947; font-size:12px; font-weight:800; cursor:pointer; }
.ai-employee-governance-grid { grid-template-columns:repeat(3,minmax(0,1fr)); max-height:none; overflow:visible; }
.ai-employee-card .split-header > div > span { color:#9a2b4a; font-size:12px; font-weight:900; }.ai-employee-card .split-header h3 { margin-top:3px; }
.ai-employee-card dl { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin:10px 0; }.ai-employee-card dl div { padding:7px; border-radius:7px; background:#faf6f7; }.ai-employee-card dt { color:#908187; font-size:12px; }.ai-employee-card dd { margin:3px 0 0; color:#4d3b41; font-size:12px; font-weight:800; }
.ai-employee-card footer { display:flex; gap:7px; margin-top:10px; }
.ai-center-boundary-note { margin-top:14px; padding:14px; }.ai-center-boundary-note strong { font-size:15px; }.ai-center-boundary-note p { margin:5px 0 0; color:#78696e; font-size:13px; line-height:1.6; }
.ai-global-config-head { display:grid; gap:12px; margin-bottom:14px; }
.ai-global-config-head > header { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; padding:4px 2px; }
.ai-global-config-head > header span { color:#9f2949; font-size:12px; font-weight:900; letter-spacing:.08em; }.ai-global-config-head h1 { margin:3px 0; font-size:24px; }.ai-global-config-head p { margin:0; color:#786b6f; font-size:13px; }
.ai-global-config-head > header button { min-height:40px; padding:8px 14px; border:1px solid #9f2949; border-radius:9px; background:#9f2949; color:#fff; font-size:13px; font-weight:900; cursor:pointer; }
.ai-global-config-head > div { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.ai-global-config-head article { padding:13px; border:1px solid #eadfe2; border-radius:10px; background:#fff; }.ai-global-config-head article span { color:#887a7e; font-size:12px; }.ai-global-config-head article strong { display:block; margin:5px 0; font-size:16px; }.ai-global-config-head article small { color:#8a7d81; font-size:12px; }
.ai-config-responsibility { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:14px; }
.ai-config-responsibility article { display:grid; grid-template-columns:32px 1fr; gap:9px; padding:12px; border:1px solid #eadfe2; border-radius:10px; background:#fff8fa; }.ai-config-responsibility i { display:grid; width:32px; height:32px; place-items:center; border-radius:50%; background:#9f2949; color:#fff; font-size:13px; font-style:normal; font-weight:900; }.ai-config-responsibility b { font-size:14px; }.ai-config-responsibility p { margin:3px 0 0; color:#78696e; font-size:12px; line-height:1.55; }

@media (max-width:1080px) {
  .ai-employee-governance-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ai-global-config-head > div { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:720px) {
  .floating-ai-button { right:14px; bottom:14px; width:50px; height:50px; min-height:50px; padding:7px; }
  .floating-ai-panel,.floating-ai-panel.expanded { inset:0; width:100vw; height:100vh; max-height:100vh; border-radius:0; }
  .floating-ai-panel #floatingAiMount { height:100vh; }
  .global-ai-header nav > button:first-child { display:none; }
  .global-ai-context { margin:6px 10px 0; }
  .floating-ai-tabs.global-ai-tabs { width:calc(100% - 20px); margin:5px 10px 0; }
  .floating-ai-scroll.global-ai-scroll { padding:7px 10px; }
  .global-ai-composer { padding:10px 12px; }
  .global-ai-composer > div:last-of-type { grid-template-columns:34px minmax(0,1fr) 54px; }
  .global-ai-composer select { grid-column:2/4; grid-row:2; }
  .global-ai-confirm-card dl,.global-ai-preferences > div { grid-template-columns:1fr; }
  .ai-governance-strip,.ai-employee-governance-grid,.ai-config-responsibility,.ai-global-config-head > div { grid-template-columns:1fr; }
  .ai-global-config-head > header { align-items:flex-start; flex-direction:column; }
}

/* 外贸 CRM：获客增长统一为系统酒红色 UI */
.growth-hub { --growth-brand:#9f2949; --growth-brand-dark:#7f1f3a; --growth-brand-soft:#fff1f5; --growth-line:#eadde1; --growth-text:#2f2428; --growth-muted:#817478; }
.growth-hub .growth-source-shell { color:var(--growth-text); }
.growth-hub .growth-source-page-head span { color:var(--growth-brand); letter-spacing:.08em; }
.growth-hub .growth-source-page-head h1 { color:#21191c; }
.growth-hub .growth-source-page-head p { color:var(--growth-muted); }
.growth-hub .growth-source-page-head nav button { border-color:var(--growth-line); color:#66565b; }
.growth-hub .growth-source-page-head nav button:hover { border-color:#c9899b; background:var(--growth-brand-soft); color:var(--growth-brand); }
.growth-hub .growth-source-kpis>div { border-color:var(--growth-line); box-shadow:0 8px 22px rgba(100,40,58,.05); }
.growth-hub .growth-source-kpis span,.growth-hub .growth-source-kpis small { color:var(--growth-muted); }
.growth-hub .growth-source-kpis strong { color:#281d21; }
.growth-hub .growth-source-build-panel,.growth-hub .growth-source-job-panel,.growth-hub .growth-source-results,.growth-hub .growth-source-prospect-list,.growth-hub .growth-source-prospect-detail,.growth-hub .growth-leads-panel { border-color:var(--growth-line); box-shadow:0 12px 30px rgba(100,40,58,.05); }
.growth-hub .growth-section-title>i { background:var(--growth-brand-soft); color:var(--growth-brand); }
.growth-hub .growth-section-title h2 { color:var(--growth-text); }
.growth-hub .growth-section-title p { color:var(--growth-muted); }
.growth-hub .growth-section-title>em { background:#f8ecef; color:#865065; }
.growth-hub input[type="checkbox"] { accent-color:var(--growth-brand); }
.growth-hub .growth-source-form-grid label,.growth-hub .growth-source-wide-field,.growth-hub .growth-source-detail-form label,.growth-hub .growth-source-description,.growth-hub .growth-source-mail label { color:#6f6065; }
.growth-hub .growth-source-form-grid input,.growth-hub .growth-source-form-grid select,.growth-hub .growth-source-wide-field input,.growth-hub .growth-source-wide-field select,.growth-hub .growth-source-wide-field textarea,.growth-hub .growth-source-detail-form input,.growth-hub .growth-source-description textarea,.growth-hub .growth-source-mail input,.growth-hub .growth-source-mail textarea,.growth-hub .growth-source-list-search input { border-color:#e1d4d8; color:#35282d; }
.growth-hub .growth-source-form-grid input:focus,.growth-hub .growth-source-form-grid select:focus,.growth-hub .growth-source-wide-field textarea:focus,.growth-hub .growth-source-detail-form input:focus,.growth-hub .growth-source-list-search input:focus { border-color:#c26c85; outline:0; box-shadow:0 0 0 3px rgba(159,41,73,.09); }
.growth-hub .growth-source-advanced { border-color:var(--growth-line); }
.growth-hub .growth-source-advanced>summary { border-color:var(--growth-line); background:#fff9fa; color:#49373d; }
.growth-hub .growth-source-advanced>summary span,.growth-hub .growth-source-catalog>header span,.growth-hub .growth-source-group>header em,.growth-hub .growth-manual-entry>span { color:var(--growth-muted); }
.growth-hub .growth-source-catalog { border-color:var(--growth-line); background:#fffcfd; }
.growth-hub .growth-source-group>header { color:#5b484f; }
.growth-hub .growth-source-group>header span { color:var(--growth-brand); }
.growth-hub .growth-source-grid button { border-color:#e0d3d7; color:#6a5960; }
.growth-hub .growth-source-grid button.active { border-color:#ca8498; background:var(--growth-brand-soft); color:var(--growth-brand-dark); box-shadow:inset 2px 0 var(--growth-brand); }
.growth-hub .growth-source-grid button>span i { background:#d59a2a; }
.growth-hub .growth-source-grid button.configured>span i { background:#2a9c72; }
.growth-hub .growth-manual-entry button { border-color:#d8a6b5; background:#fff6f8; color:var(--growth-brand); }
.growth-hub .growth-source-schedule { border-color:var(--growth-line); }
.growth-hub .growth-source-schedule label,.growth-hub .growth-source-runbar { color:var(--growth-muted); }
.growth-hub .growth-source-schedule label b,.growth-hub .growth-source-advanced-actions>label { color:#49383e; }
.growth-hub .growth-source-job-list article { border-color:var(--growth-line); background:#fffafb; }
.growth-hub .growth-source-job-list article>div { background:#f1e5e8; }
.growth-hub .growth-source-job-list article>div i { background:linear-gradient(90deg,var(--growth-brand),#d17990); }
.growth-hub .growth-source-support,.growth-hub .growth-source-support article { border-color:var(--growth-line); }
.growth-hub .growth-source-support>summary { color:#4d3b41; }
.growth-hub .growth-source-result-tabs button { border-color:#dfd2d6; color:#746269; }
.growth-hub .growth-source-result-tabs button.active { border-color:var(--growth-brand); background:var(--growth-brand); color:#fff; }
.growth-hub .growth-source-table th { color:#75666c; background:#faf4f6; }
.growth-hub .growth-source-table th,.growth-hub .growth-source-table td { border-color:#eee3e6; }
.growth-hub .growth-source-table td>button { color:var(--growth-brand-dark); }
.growth-hub .growth-source-table td>i { background:linear-gradient(90deg,var(--growth-brand) var(--score),#eee3e6 var(--score)); }
.growth-hub .growth-source-table td:last-child em { background:#f8ecef; color:#865065; }
.growth-hub .growth-source-bulk { border-color:#eee3e6; color:#75656b; }
.growth-hub .growth-source-bulk button.primary,.growth-hub .growth-source-detail-actions button.primary,.growth-hub .growth-source-mail button.primary { border-color:var(--growth-brand); background:var(--growth-brand); color:#fff; }
.growth-hub .growth-source-prospect-cards article { border-color:#e8dce0; }
.growth-hub .growth-source-prospect-cards article.active { border-color:var(--growth-brand); box-shadow:inset 2px 0 var(--growth-brand); }
.growth-hub .growth-source-prospect-cards header strong { color:var(--growth-brand); }
.growth-hub .growth-source-detail-hero { border-color:#e3d2d8; background:linear-gradient(135deg,#fff8fa,#fffdfd); }
.growth-hub .growth-source-detail-hero span { background:#f7ecef; color:#775e67; }
.growth-hub .growth-source-detail-facts article { border-color:#eadfe2; background:#fffafb; }
.growth-hub .growth-source-next { border-color:#e6d9dd; color:#705e65; }
.growth-hub .growth-source-next b { color:var(--growth-brand); }
.growth-hub .growth-source-mail pre { border-color:#e8dde0; background:#fffafb; color:#5e4e54; }
.growth-hub .growth-lead-view-tabs button.active,.growth-hub .growth-stage-board button.active { border-color:var(--growth-brand); background:var(--growth-brand-soft); color:var(--growth-brand-dark); }
.growth-hub .growth-leads-panel .growth-table th { background:#faf4f6; color:#75666c; }
.growth-hub .growth-leads-panel .growth-table td { border-color:#eee3e6; }

/* 自动获客：数据源中心 */
.growth-source-config-backdrop { position:fixed; inset:0; z-index:160; background:rgba(42,22,28,.42); backdrop-filter:blur(2px); }
.growth-source-config-dialog { position:fixed; z-index:161; top:4vh; left:50%; width:min(820px,94vw); height:min(900px,92vh); display:grid; grid-template-rows:auto minmax(0,1fr) auto; overflow:hidden; border:1px solid #d9c9ce; border-radius:12px; background:#fff; box-shadow:0 28px 80px rgba(50,20,30,.28); transform:translateX(-50%); }
.growth-source-config-dialog>header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 16px; border-bottom:1px solid #eadfe2; background:#fff; }
.growth-source-config-dialog>header h2 { margin:0; color:#251c1f; font-size:20px; }
.growth-source-config-dialog>header p { margin:4px 0 0; color:#887a7f; font-size:12px; }
.growth-source-config-dialog>header>button { width:32px; height:32px; display:grid; place-items:center; padding:0; border:1px solid #dfd1d5; border-radius:7px; background:#fff; color:#5f5055; font-size:20px; cursor:pointer; }
.growth-source-config-scroll { min-height:0; overflow-y:auto; padding:14px 16px 18px; scrollbar-color:#9d8e93 transparent; scrollbar-width:thin; }
.growth-source-config-notice { margin-bottom:17px; padding:11px 12px; border:1px solid #ecdde2; border-radius:8px; background:#fff8fa; color:#66575c; font-size:12px; line-height:1.6; }
.growth-source-config-section { padding:0 0 18px; border-bottom:1px solid #eee4e7; }
.growth-source-config-section+.growth-source-config-section { padding-top:17px; }
.growth-source-config-section:last-child { padding-bottom:0; border-bottom:0; }
.growth-source-config-section>header { display:flex; align-items:flex-end; justify-content:space-between; gap:14px; margin-bottom:10px; }
.growth-source-config-section>header h2 { margin:0; color:#2c2225; font-size:16px; }
.growth-source-config-section>header p { margin:4px 0 0; color:#887a7f; font-size:12px; }
.growth-source-config-section>header>span { color:#9a8b90; font-size:12px; }
.growth-source-config-section>div { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
.growth-source-config-card { min-width:0; display:grid; align-content:start; gap:8px; padding:13px; border:1px solid #e5d9dd; border-radius:10px; background:#fff; }
.growth-source-config-card.configured { border-color:#d8b4c0; box-shadow:inset 3px 0 #9f2949; }
.growth-source-config-card>header { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.growth-source-config-card h3 { margin:0; color:#261d20; font-size:14px; line-height:1.25; }
.growth-source-config-card>header em { flex:0 0 auto; padding:4px 7px; border-radius:999px; background:#f2eaf0; color:#7f4f68; font-size:12px; font-style:normal; font-weight:800; }
.growth-source-config-card>header em.free { background:#eaf8f1; color:#167854; }
.growth-source-config-card>header em.ai { background:#f1eafb; color:#7955a3; }
.growth-source-config-card>header em.key { background:#eef3fb; color:#4f6692; }
.growth-source-config-card>header em.paid { background:#fff4dc; color:#99681c; }
.growth-source-config-card>p { min-height:31px; margin:0; color:#6d6064; font-size:12px; line-height:1.5; }
.growth-source-config-tags { display:flex; flex-wrap:wrap; gap:5px; }
.growth-source-config-tags span { padding:3px 6px; border-radius:4px; background:#f4f1f2; color:#776a6e; font:12px ui-monospace,Consolas,monospace; }
.growth-source-config-state { display:flex; align-items:center; gap:6px; min-height:20px; padding-top:6px; border-top:1px dashed #e8dde0; color:#7c6d72; font-size:12px; }
.growth-source-config-state>i { width:7px; height:7px; flex:0 0 7px; border-radius:50%; background:#d9a21d; }
.growth-source-config-card.configured .growth-source-config-state>i { background:#209269; }
.growth-source-config-state>b { margin-left:auto; color:#a87922; font-size:12px; }
.growth-source-config-state>b.success { color:#17805a; }
.growth-source-config-key { display:grid; grid-template-columns:1fr auto; gap:7px; }
.growth-source-config-key input { grid-column:1/-1; width:100%; min-height:35px; padding:8px 10px; border:1px solid #dfd3d7; border-radius:7px; box-sizing:border-box; color:#392d31; font-size:12px; outline:0; }
.growth-source-config-key input:focus { border-color:#c36f87; box-shadow:0 0 0 3px rgba(159,41,73,.09); }
.growth-source-config-key button { min-height:31px; padding:6px 10px; border:1px solid #dfd3d7; border-radius:6px; background:#fff; color:#68585e; font-size:12px; font-weight:800; cursor:pointer; }
.growth-source-config-key button.primary { border-color:#9f2949; background:#9f2949; color:#fff; }
.growth-source-config-card>small { color:#8c7e82; font-size:12px; line-height:1.5; }
.growth-source-config-card>a { width:max-content; color:#9f2949; font-size:12px; font-weight:800; text-decoration:none; }
.growth-source-config-dialog>footer { display:flex; justify-content:flex-end; padding:10px 14px; border-top:1px solid #eadfe2; background:#fff; }
.growth-source-config-dialog>footer button { min-width:70px; min-height:32px; border:1px solid #dfd2d6; border-radius:7px; background:#fff; color:#5e5055; font-size:12px; font-weight:800; cursor:pointer; }
@media (max-width:620px){.growth-source-config-dialog{top:2vh;height:96vh}.growth-source-config-section>div{grid-template-columns:minmax(0,1fr)}}

/* 外贸 CRM · 商机、计划与资料业务平台 */
.trade-pipeline-toolbar,.trade-knowledge-toolbar { display:grid; grid-template-columns:minmax(260px,1fr) 180px auto; gap:10px; margin-bottom:12px; }
.trade-pipeline-toolbar input,.trade-pipeline-toolbar select,.trade-knowledge-toolbar input,.trade-knowledge-toolbar select,.trade-doc-workflow select { min-height:42px; padding:9px 11px; border:1px solid #dfd2d6; border-radius:9px; background:#fff; color:#46363b; }
.trade-pipeline-board { display:flex; gap:10px; padding:12px; overflow-x:auto; scroll-snap-type:x proximity; }
.trade-pipeline-column { flex:0 0 260px; min-width:0; padding:10px; border:1px solid #eadfe2; border-radius:12px; background:#fbf7f8; scroll-snap-align:start; }
.trade-pipeline-column.active { border-color:#a93454; box-shadow:inset 0 0 0 1px #a93454; }
.trade-pipeline-column > header { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:4px 3px 10px; }
.trade-pipeline-column > header div { display:grid; gap:2px; }
.trade-pipeline-column > header span { color:#8a7b80; font-size:12px; }
.trade-pipeline-column > header > strong { display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:#efe4e7; color:#8f2d49; }
.trade-pipeline-column > div { display:grid; gap:9px; }
.trade-deal-card { display:grid; gap:7px; padding:12px; border:1px solid #e6dadd; border-radius:10px; background:#fff; box-shadow:0 8px 20px rgba(85,44,57,.045); cursor:pointer; }
.trade-deal-card > b { color:#33242a; font-size:13px; }
.trade-deal-card > span,.trade-deal-card > em { color:#887a7e; font-size:12px; font-style:normal; }
.trade-deal-card > p { margin:2px 0; color:#5c4b50; font-size:12px; line-height:1.5; }
.trade-deal-card > em.overdue { color:#bd3541; font-weight:800; }
.trade-deal-card footer { display:flex; align-items:center; justify-content:space-between; gap:8px; padding-top:7px; border-top:1px solid #eee4e6; }
.trade-deal-card footer strong { color:#9a2e4e; }
.trade-deal-card footer button { padding:5px 8px; border:1px solid #d8c9ce; border-radius:7px; background:#fff6f8; color:#91304d; cursor:pointer; }
.trade-closed-deals { margin-top:14px; padding:16px; }
.trade-closed-deals > summary { display:flex; justify-content:space-between; cursor:pointer; }
.trade-closed-deals > summary span { color:#8a7a7f; font-size:12px; }
.trade-deal-overview { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; margin:14px 0; }
.trade-deal-overview > div { display:grid; gap:4px; padding:12px; border:1px solid #eadfe2; border-radius:9px; background:#fffafb; }
.trade-deal-overview span,.trade-deal-overview small { color:#8b7d81; font-size:12px; }
.trade-deal-overview b { font-size:13px; }

.trade-plan-hero { display:grid; grid-template-columns:1.35fr .65fr; gap:14px; margin-bottom:14px; }
.trade-plan-hero > article,.trade-plan-hero > aside { padding:20px; border:1px solid #e8dbdf; border-radius:15px; background:linear-gradient(135deg,#5f1e35,#9e3152); color:#fff; }
.trade-plan-hero > article span { display:inline-flex; padding:5px 9px; border-radius:999px; background:rgba(255,255,255,.14); font-size:12px; }
.trade-plan-hero h2 { max-width:700px; margin:13px 0 8px; font-size:24px; }
.trade-plan-hero p { margin:0; color:#f0dfe5; font-size:12px; line-height:1.7; }
.trade-plan-hero > aside { display:grid; gap:8px; background:#fff; color:#34262b; }
.trade-plan-hero aside h3 { margin:0 0 4px; }
.trade-plan-hero aside > div { display:grid; grid-template-columns:50px 1fr; gap:9px; padding:8px 0; border-bottom:1px solid #eee4e6; }
.trade-plan-hero time { color:#9b2f4e; font-size:12px; font-weight:800; }
.trade-plan-hero aside span { display:grid; gap:2px; }
.trade-plan-hero aside small { color:#8a7d81; font-size:12px; }
.trade-plan-templates { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:14px; }
.trade-plan-templates > article { padding:15px; }
.trade-plan-template { display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:7px; padding:9px 0; border-bottom:1px solid #eee4e6; }
.trade-plan-template span { display:grid; gap:3px; min-width:0; }
.trade-plan-template small { overflow:hidden; color:#8d7e83; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.trade-plan-template button,.trade-plan-template-add,.trade-row-actions button { padding:5px 8px; border:1px solid #e1d4d8; border-radius:7px; background:#fff; color:#8d2d49; cursor:pointer; }
.trade-plan-template-add { width:100%; margin-top:9px; border-style:dashed; }
.trade-plan-list { padding:18px; }
.trade-row-actions { display:flex; flex-wrap:wrap; gap:5px; }

.trade-doc-page-head { margin-bottom:14px; }
.trade-doc-studio { display:grid; grid-template-columns:minmax(600px,1.02fr) minmax(540px,.98fr); gap:14px; align-items:start; }
.trade-doc-list { grid-column:1/-1; display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:10px; padding:14px; }
.trade-doc-list-title { grid-column:1/-1; display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding:2px 2px 6px; }
.trade-doc-list-title h2 { margin:0; font-size:16px; }
.trade-doc-list-title span { color:var(--muted); font-size:12px; line-height:1.35; text-align:right; }
.trade-doc-list > button { display:grid; gap:4px; width:100%; padding:11px 12px; text-align:left; border:1px solid var(--line); border-radius:8px; background:var(--soft); color:var(--ink); cursor:pointer; transition:transform .16s ease,border-color .16s ease,background .16s ease; }
.trade-doc-list > button:hover,.trade-doc-list > button.active { transform:translateY(-1px); border-color:var(--brand-2); background:#fff; box-shadow:0 4px 14px rgba(100,54,61,.08); }
.trade-doc-list > button b { margin-bottom:2px; font-size:12px; line-height:1.35; }
.trade-doc-list > button span,.trade-doc-list > button small { color:var(--muted); font-size:12px; line-height:1.45; }
.trade-doc-editor,.trade-doc-preview { padding:16px; }
.trade-doc-editor-head,.trade-doc-items-head,.trade-doc-preview-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; }
.trade-doc-editor-head h2,.trade-doc-items-head h3 { margin:0; color:var(--ink); font-size:16px; }
.trade-doc-editor-head span,.trade-doc-items-head span,.trade-doc-preview-toolbar span { color:var(--muted); font-size:12px; line-height:1.45; }
.trade-doc-template-controls { display:flex; align-items:center; justify-content:flex-end; flex:1 1 600px; gap:10px; min-width:0; }
.trade-doc-template-select,.trade-doc-language-select { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:center; gap:8px; min-width:0; }
.trade-doc-template-select { display:block; flex:1 1 390px; }
.trade-doc-language-select { flex:0 1 190px; }
.trade-doc-template-select > span,.trade-doc-language-select > span { color:var(--brand); font-size:12px; font-weight:800; white-space:nowrap; }
.trade-doc-template-select > select,.trade-doc-language-select > select { width:100%; min-height:36px; padding:7px 32px 7px 10px; border:1px solid var(--line); border-radius:8px; background:#fff; color:var(--ink); font-size:12px; font-weight:700; outline:none; }
.trade-doc-template-select > select:focus,.trade-doc-language-select > select:focus { border-color:var(--brand-2); box-shadow:0 0 0 3px rgba(141,49,72,.09); }
.trade-doc-workflow-bar { display:grid; gap:10px; padding:12px; margin:0 0 12px; border:1px solid var(--line); border-radius:10px; background:var(--soft); }
.trade-doc-workflow,.trade-doc-workflow-actions { display:flex; align-items:end; flex-wrap:wrap; gap:8px; }
.trade-doc-workflow label { display:grid; flex:1 1 220px; gap:4px; min-width:180px; }
.trade-doc-workflow label span,.trade-doc-form label span,.trade-doc-item-grid label span { color:var(--muted); font-size:12px; font-weight:700; }
.trade-doc-workflow select,.trade-doc-form input,.trade-doc-form select,.trade-doc-form textarea,.trade-doc-item-grid input { width:100%; min-height:36px; padding:8px 10px; border:1px solid var(--line); border-radius:9px; background:#fff; color:var(--ink); font-size:12px; outline:none; }
.trade-doc-workflow select:focus,.trade-doc-form input:focus,.trade-doc-form select:focus,.trade-doc-form textarea:focus,.trade-doc-item-grid input:focus { border-color:var(--brand-2); box-shadow:0 0 0 3px rgba(141,49,72,.09); }
.trade-doc-status-badge { display:inline-flex; align-items:center; min-height:28px; padding:0 9px; border-radius:999px; background:#f7e9ed; color:var(--brand); font-size:12px; font-weight:800; }
.trade-doc-workflow-actions button,.trade-doc-preview-toolbar button,.trade-doc-items-head button { min-height:30px; padding:6px 9px; border:1px solid var(--line); border-radius:7px; background:#fff; color:var(--brand); font-size:12px; cursor:pointer; }
.trade-doc-workflow-actions button:disabled { opacity:.42; cursor:not-allowed; }
.trade-doc-history { margin:0 0 12px; padding:0; border:0; border-bottom:1px solid var(--line); color:var(--muted); font-size:12px; }
.trade-doc-history summary { width:max-content; padding:0 0 8px; color:var(--brand); cursor:pointer; font-weight:700; line-height:1.35; }
.trade-doc-history summary::marker { color:var(--brand); }
.trade-doc-history p { display:flex; justify-content:space-between; gap:8px; margin:0 0 6px; padding:8px 10px; border-radius:8px; background:var(--soft); }
.trade-doc-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.trade-doc-form label,.trade-doc-item-grid label { display:grid; gap:5px; min-width:0; }
.trade-doc-form .wide { grid-column:1/-1; }
.trade-doc-form textarea { min-height:58px; resize:vertical; line-height:1.45; }
.trade-doc-items { display:grid; gap:10px; }
.trade-doc-item-grid { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:8px; align-items:end; padding:10px; border:1px solid var(--line); border-radius:9px; background:var(--soft); }
.trade-doc-item-grid label[data-size="name"] { grid-column:span 5; }
.trade-doc-item-grid label[data-size="model"] { grid-column:span 3; }
.trade-doc-item-grid label[data-size="code"],.trade-doc-item-grid label[data-size="short"] { grid-column:span 2; }
.trade-doc-item-grid label[data-size="price"],.trade-doc-item-grid label[data-size="country"] { grid-column:span 3; }
.trade-doc-item-grid > button { grid-column:1/-1; width:100%; height:32px; border:1px solid #f0d2d2; border-radius:8px; background:#fff7f7; color:#a33737; cursor:pointer; }
.trade-doc-preview { overflow:auto; min-height:760px; max-height:calc(100vh - 104px); background:linear-gradient(180deg,#fcf8f9,#f4eeec); }
.trade-doc-preview-paper-host { min-width:0; padding:16px 14px 26px; }
.trade-doc-paper { box-sizing:border-box; width:794px; max-width:100%; min-height:1123px; margin:0 auto; padding:58px 56px 60px; border:1px solid #d5dce8; border-radius:8px; background:#fff; color:#202636; box-shadow:0 20px 48px rgba(27,39,68,.12); font-family:Arial,"Times New Roman","Noto Serif SC",Georgia,serif; font-size:12px; }
.trade-doc-paper.classic { border-top:5px solid var(--brand); }
.trade-doc-paper.compact { padding:34px 38px; font-size:12px; }
.trade-doc-print-head { display:flex; align-items:stretch; justify-content:space-between; gap:18px; padding-bottom:18px; border-bottom:2px solid #1f2a44; }
.trade-doc-letterhead { display:grid; grid-template-columns:62px minmax(0,1fr); align-items:center; gap:14px; min-width:0; }
.trade-doc-brand-image { width:62px; height:62px; object-fit:contain; }
.trade-doc-letterhead-copy { display:grid; gap:2px; min-width:0; }
.trade-doc-company-name { margin:0; color:#111827; font-family:"Times New Roman",Georgia,"Noto Serif SC",serif; font-size:19px; line-height:1.12; letter-spacing:.01em; font-weight:700; }
.trade-doc-letterhead-copy small { display:block; margin-top:0; color:#6b7280; font-size:12px; line-height:1.5; }
.trade-doc-letterhead-copy span { color:#5c6776; font-size:11px; line-height:1.4; letter-spacing:.03em; text-transform:uppercase; }
.trade-doc-number-box { flex:0 0 auto; width:220px; padding:14px 14px 12px; border:1px solid var(--line); border-radius:9px; background:var(--soft); text-align:right; }
.trade-doc-number-box p { margin:4px 0; line-height:1.45; }
.trade-doc-title-band { margin-top:24px; padding-top:2px; }
.trade-doc-title-band h2 { margin:0 0 6px; color:#111827; font-size:30px; line-height:1.08; letter-spacing:.01em; }
.trade-doc-title-band p { margin:0; color:#5f6b7d; font-size:12px; line-height:1.5; }
.trade-doc-print-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin:16px 0; }
.trade-doc-block { padding:12px 13px; border:1px solid var(--line); border-radius:10px; background:var(--soft); }
.trade-doc-block h3 { margin:0 0 6px; color:var(--brand); font-size:12px; }
.trade-doc-block p { margin:3px 0; line-height:1.45; }
.trade-doc-terms-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-bottom:14px; }
.trade-doc-term { padding:10px; border-radius:9px; background:var(--soft); }
.trade-doc-term span { display:block; margin-bottom:4px; color:#6b7280; font-size:11px; }
.trade-doc-term b { font-size:12px; }
.trade-doc-items-table { display:block; width:100%; max-width:100%; margin:14px 0 0; border-collapse:collapse; font-size:11.5px; }
.trade-doc-items-table thead,.trade-doc-items-table tbody { display:block; width:100%; max-width:100%; }
.trade-doc-items-table tr { display:grid; width:100%; max-width:100%; }
.trade-doc-items-table.pi tr { grid-template-columns:minmax(0,.45fr) minmax(0,3.4fr) minmax(0,1.3fr) minmax(0,1.1fr) minmax(0,.8fr) minmax(0,1.2fr) minmax(0,1.25fr); }
.trade-doc-items-table.ci tr { grid-template-columns:minmax(0,.45fr) minmax(0,2.7fr) minmax(0,1.15fr) minmax(0,1fr) minmax(0,.8fr) minmax(0,1.1fr) minmax(0,1.25fr) minmax(0,.8fr) minmax(0,.7fr) minmax(0,.55fr); }
.trade-doc-items-table th,.trade-doc-items-table td { min-width:0; padding:6px 5px; border:1px solid #dfe5f1; border-left:0; border-top:0; text-align:left; vertical-align:top; overflow-wrap:anywhere; }
.trade-doc-items-table tr > :first-child { border-left:1px solid #dfe5f1; }
.trade-doc-items-table thead tr:first-child > * { border-top:1px solid #dfe5f1; }
.trade-doc-items-table th { background:#f7e9ed; color:var(--brand); font-size:12px; line-height:1.25; }
.trade-doc-items-table .doc-num,.trade-doc-items-table .doc-qty,.trade-doc-items-table .doc-money,.trade-doc-items-table .doc-origin,.trade-doc-items-table .doc-weight,.trade-doc-items-table .doc-pkgs { text-align:center; }
.trade-doc-items-table .doc-money { text-align:right; font-variant-numeric:tabular-nums; }
.trade-doc-total { display:flex; justify-content:flex-end; gap:16px; margin-top:12px; font-size:13px; }
.trade-doc-sign { display:grid; grid-template-columns:1.4fr .8fr; gap:18px; margin-top:20px; }
.trade-doc-stamp { display:grid; place-items:center; min-height:86px; border:1px dashed var(--brand-2); border-radius:50%; color:var(--brand); font-weight:900; }

.customs-preview-modern { padding:32px; background:linear-gradient(135deg,#f5f7fa 0%,#f9fbff 100%); }
.customs-hero { display:flex; align-items:center; gap:24px; padding:32px; margin-bottom:24px; border-radius:16px; background:linear-gradient(135deg,#3157d5 0%,#7046dc 100%); box-shadow:0 8px 32px rgba(49,87,213,.2); }
.customs-hero-icon { display:flex; flex:0 0 auto; align-items:center; justify-content:center; width:72px; height:72px; border-radius:16px; background:rgba(255,255,255,.2); color:#fff; }
.customs-hero-content { flex:1; }
.customs-hero-content h2 { margin:0; color:#fff; font-size:28px; }
.customs-hero-content p { margin:4px 0 0; color:rgba(255,255,255,.9); font-size:14px; }
.customs-status-badge { display:inline-flex; padding:6px 16px; border:1px solid rgba(255,255,255,.4); border-radius:20px; background:rgba(255,255,255,.3); color:#fff; font-size:13px; }
.customs-meta-bar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-bottom:24px; }
.customs-meta-item { padding:16px 20px; border:1px solid #e5e9f2; border-radius:12px; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.04); }
.customs-meta-item .meta-label { display:block; margin-bottom:6px; color:#748096; font-size:12px; }
.customs-meta-item .meta-value { display:block; color:#202636; font-size:16px; font-weight:600; }
.customs-meta-item .meta-value.highlight { color:#3157d5; font-size:20px; }
.customs-docs-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-bottom:24px; }
.customs-doc-card { padding:20px; border:1px solid #e5e9f2; border-radius:12px; background:#fff; text-align:center; box-shadow:0 2px 8px rgba(0,0,0,.04); }
.customs-doc-card .doc-card-icon { margin-bottom:8px; font-size:30px; }
.customs-doc-card .doc-card-name { color:#202636; font-size:13px; }
.customs-info-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-bottom:24px; }
.customs-info-card { padding:24px; border:1px solid #e5e9f2; border-radius:12px; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.04); }
.customs-info-card-head { display:flex; align-items:center; gap:12px; padding-bottom:16px; margin-bottom:20px; border-bottom:2px solid #eef1f6; }
.customs-info-card-head > div { font-size:24px; }
.customs-info-card-head h3 { flex:1; margin:0; color:#202636; font-size:16px; }
.customs-info-card-head em { padding:4px 10px; border-radius:12px; background:#eef1f6; color:#748096; font-size:12px; font-style:normal; }
.customs-info-card-body { display:grid; gap:14px; }
.customs-info-card-body > div,.customs-payment-grid > div { display:grid; gap:4px; }
.customs-info-card-body label,.customs-payment-grid label { color:#748096; font-size:12px; }
.customs-info-card-body span,.customs-payment-grid span { color:#202636; font-size:14px; }
.customs-transport-card,.customs-items-section,.customs-payment-card { margin-bottom:24px; }
.customs-transport-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.customs-transport-grid > div { display:flex; align-items:center; gap:12px; padding:14px; border-radius:10px; background:#f5f7fb; }
.customs-transport-grid i { font-size:24px; font-style:normal; }
.customs-transport-grid span { display:grid; gap:4px; }
.customs-transport-grid label { color:#748096; font-size:12px; }
.customs-transport-grid b { color:#202636; font-size:14px; }
.customs-table-wrap { overflow:hidden; border:1px solid #dfe5f1; border-radius:10px; }
.customs-table-wrap table { width:100%; border-collapse:collapse; font-size:12px; }
.customs-table-wrap th,.customs-table-wrap td { padding:8px 5px; border-bottom:1px solid #e5e9f2; text-align:left; overflow-wrap:anywhere; }
.customs-table-wrap th { background:#f1f4fa; color:#27324a; }
.customs-table-total { display:flex; align-items:center; justify-content:space-between; padding:16px; margin-top:14px; border:2px solid #3157d5; border-radius:10px; background:#f3f6ff; }
.customs-table-total > span { font-size:16px; font-weight:700; }
.customs-table-total > div { display:grid; gap:3px; text-align:right; }
.customs-table-total b { color:#3157d5; font-size:20px; }
.customs-table-total small { color:#748096; }
.customs-payment-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.customs-payment-grid > div { padding:14px; border-radius:10px; background:#f5f7fb; }
.customs-payment-grid .wide { grid-column:1/-1; }
.customs-payment-grid .payment-badge { display:inline-flex; justify-self:start; padding:6px 12px; border-radius:6px; background:linear-gradient(135deg,#3157d5,#7046dc); color:#fff; font-weight:600; }
.customs-footer-notice { display:flex; gap:16px; padding:20px 24px; border-left:4px solid #d89b18; border-radius:12px; background:#fff9e6; }
.customs-footer-notice > div { font-size:28px; }
.customs-footer-notice p { display:grid; gap:7px; margin:0; color:#6f5520; line-height:1.6; }

/* 外贸核心及附加单证模板_v1：A4 米白纸张、细线表格与单据专属强调色。 */
.trade-doc-paper.trade-doc-reference-paper{position:relative;min-height:1123px;padding:0;overflow:hidden;border:1px solid var(--doc-line);border-radius:10px;background:#fffdf9;color:#262b31;box-shadow:0 22px 52px rgba(56,42,31,.11);font-family:"Inter","Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:11px}.trade-doc-paper.trade-doc-reference-paper::before{content:"";position:absolute;inset:0 0 auto;height:10px;background:var(--doc-accent)}.trade-doc-reference-inner{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;gap:14px;min-height:1123px;padding:32px 24px 22px}.trade-doc-reference-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,1fr);align-items:start;gap:22px}.trade-doc-reference-brand{display:flex;align-items:flex-start;gap:13px;min-width:0;padding-top:2px}.trade-doc-reference-brand img{width:54px;height:54px;flex:0 0 54px;object-fit:contain;padding:0;border:0;border-radius:0;background:transparent}.trade-doc-reference-brand strong{display:block;max-width:340px;color:#17191c;font-family:Georgia,"Times New Roman","Songti SC","SimSun",serif;font-size:20px;font-weight:700;line-height:1.08;letter-spacing:.035em;text-transform:uppercase;overflow-wrap:normal}.trade-doc-reference-brand strong span{display:block;white-space:nowrap}.trade-doc-reference-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-width:0}.trade-doc-reference-meta>div{min-height:54px;padding:8px 10px 9px;border:1px solid #dcd4c8;border-radius:9px;background:#fff}.trade-doc-reference-meta span,.trade-doc-reference-terms span,.trade-doc-reference-logistics span,.trade-doc-reference-summary span{display:block;color:#6e7680;font-size:10px}.trade-doc-reference-meta b{display:block;margin-top:4px;color:#262b31;font-size:12px;line-height:1.35;overflow-wrap:anywhere}.trade-doc-reference-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding-bottom:12px;border-bottom:1px solid #dcd4c8}.trade-doc-reference-hero>div>span{color:var(--doc-accent);font-size:10px;font-weight:700}.trade-doc-reference-hero h2{margin:6px 0 5px;color:#262b31;font-family:Georgia,"Times New Roman","Songti SC","SimSun",serif;font-size:28px;line-height:1.05;letter-spacing:0}.trade-doc-reference-hero p{margin:0;color:#6e7680;font-size:12px;line-height:1.55}.trade-doc-reference-hero aside{min-width:126px;padding:10px 11px;border:1px solid var(--doc-line);border-radius:12px;background:var(--doc-soft);text-align:right}.trade-doc-reference-hero aside span,.trade-doc-reference-hero aside small{display:block;color:#6e7680;font-size:10px}.trade-doc-reference-hero aside b{display:block;margin-top:4px;color:var(--doc-accent);font-size:16px}.trade-doc-reference-hero aside small{margin-top:2px}.trade-doc-reference-body{display:grid;align-content:start;gap:12px}.trade-doc-reference-party-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.trade-doc-reference-party-grid>section{padding:11px 12px 12px;border:1px solid #dcd4c8;border-radius:10px;background:#fff}.trade-doc-reference-party-grid h3{margin:0 0 8px;color:var(--doc-accent);font-size:12px}.trade-doc-reference-party-grid>section>div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:5px 8px;line-height:1.45}.trade-doc-reference-party-grid b{color:#6e7680;font-weight:600}.trade-doc-reference-party-grid span{color:#262b31;overflow-wrap:anywhere}.trade-doc-reference-terms,.trade-doc-reference-logistics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.trade-doc-reference-terms>div,.trade-doc-reference-logistics>div{min-height:60px;padding:9px 10px;border:1px solid #dcd4c8;border-radius:9px;background:linear-gradient(180deg,#fff,#fffaf5)}.trade-doc-reference-terms b,.trade-doc-reference-logistics b{display:block;margin-top:4px;color:#262b31;font-size:12px;line-height:1.35;overflow-wrap:anywhere}.trade-doc-reference-table-shell{overflow:hidden;border:1px solid #dcd4c8;border-radius:10px;background:#fff}.trade-doc-reference-table-shell table{width:100%;border-collapse:collapse;font-size:11px}.trade-doc-reference-table-shell th{padding:9px 8px;border-bottom:1px solid #dcd4c8;background:var(--doc-soft);color:#2a2224;font-weight:700;text-align:left;white-space:nowrap}.trade-doc-reference-table-shell td{padding:8px;border-bottom:1px solid #f0e7da;vertical-align:top;overflow-wrap:anywhere}.trade-doc-reference-table-shell tr:last-child td{border-bottom:0}.trade-doc-reference-table-shell td:first-child{width:28px;text-align:center;font-variant-numeric:tabular-nums}.trade-doc-reference-table-shell .money{text-align:right;font-variant-numeric:tabular-nums}.trade-doc-reference-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 13px;border:1px solid var(--doc-line);border-radius:10px;background:var(--doc-soft)}.trade-doc-reference-summary b{display:block;margin-top:4px;color:var(--doc-accent);font-size:18px}.trade-doc-reference-summary small{max-width:360px;color:#6e7680;font-size:11px;line-height:1.5;text-align:right}.trade-doc-reference-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.trade-doc-reference-foot p{max-width:560px;margin:0;color:#6e7680;font-size:11px;line-height:1.55}.trade-doc-reference-foot>div{display:grid;width:82px;height:82px;place-items:center;border:2px solid var(--doc-accent);border-radius:50%;color:var(--doc-accent);font-size:11px;font-weight:800;line-height:1.2;text-align:center;transform:rotate(-8deg)}
.trade-doc-reference-brand{padding-top:4px}.trade-doc-reference-brand strong{font-size:18px;line-height:1.12;letter-spacing:.025em}
.trade-doc-preview-paper-host{--trade-doc-preview-scale:1;display:flex;justify-content:center;align-items:flex-start;overflow:hidden}.trade-doc-preview-paper-stage{width:calc(794px * var(--trade-doc-preview-scale));height:calc(1123px * var(--trade-doc-preview-scale));flex:0 0 auto}.trade-doc-preview-paper-stage>.trade-doc-paper.trade-doc-reference-paper{box-sizing:border-box;width:794px;max-width:none;height:1123px;min-height:1123px;margin:0;padding:0;transform:scale(var(--trade-doc-preview-scale));transform-origin:top left}.trade-doc-preview-toolbar .trade-doc-preview-scale{margin-left:auto;color:#7c6b70;font-size:11px;font-weight:600;white-space:nowrap}
@media(max-width:680px){.trade-doc-reference-inner{padding:28px 16px 18px}.trade-doc-reference-top{grid-template-columns:1fr}.trade-doc-reference-hero,.trade-doc-reference-summary,.trade-doc-reference-foot{align-items:flex-start;flex-direction:column}.trade-doc-reference-meta{width:100%}.trade-doc-reference-hero aside{text-align:left}.trade-doc-reference-party-grid,.trade-doc-reference-terms,.trade-doc-reference-logistics{grid-template-columns:1fr}.trade-doc-reference-summary small{text-align:left}.trade-doc-reference-table-shell{overflow:auto}.trade-doc-reference-table-shell table{min-width:620px}}

.trade-commission-hero { display:grid; grid-template-columns:170px 1fr auto; gap:13px; align-items:center; margin-bottom:14px; padding:15px; border:1px solid #e7dade; border-radius:14px; background:#fff; }
.trade-commission-hero > label { display:grid; gap:6px; font-size:12px; font-weight:700; }
.trade-commission-hero input { min-height:40px; padding:8px; border:1px solid #dfd3d7; border-radius:8px; }
.trade-commission-hero .growth-kpis { margin:0; }
.trade-commission-hero .growth-kpis > div { min-height:82px; padding:12px; box-shadow:none; }
.trade-commission-hero nav { display:grid; gap:7px; }
.trade-commission-hero nav button { padding:8px 10px; border:1px solid #dbcbd0; border-radius:8px; background:#fff; color:#8c2d48; }
.trade-commission-layout { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(310px,.65fr); gap:13px; }
.trade-commission-layout > section,.trade-commission-layout aside > section { padding:16px; }
.trade-commission-layout aside { display:grid; gap:12px; }
.trade-commission-result,.trade-commission-rule { padding:11px; margin-top:8px; border:1px solid #e7dade; border-radius:9px; background:#fffafb; }
.trade-commission-result header { display:flex; justify-content:space-between; }
.trade-commission-result em,.trade-commission-rule em { color:#8c2d49; font-size:12px; font-style:normal; }
.trade-commission-result > div { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin:8px 0; }
.trade-commission-result span { padding:7px; border-radius:6px; background:#fff; color:#806f74; font-size:12px; }
.trade-commission-result p { margin:0; color:#817176; font-size:12px; line-height:1.5; }
.trade-commission-rule { display:grid; grid-template-columns:1fr auto auto; gap:8px; font-size:12px; }

/* 外贸 CRM：按源项目完整还原提成试算与对账 */
.trade-commission-page-head > div:first-child > span { color:#4967c9; font-weight:900; }
.trade-commission-page-head h1 { color:#253149; }
.trade-commission-page-head p { color:#68758a; font-weight:700; }
.trade-commission-shell { display:grid; gap:14px; }
.trade-commission-hero { grid-template-columns:170px 190px minmax(0,1fr) auto; margin-bottom:0; padding:15px; border-color:#d5dfed; border-radius:12px; background:radial-gradient(circle at 20% 0%,rgba(75,104,205,.12),transparent 34%),linear-gradient(135deg,#fff 0%,#f8fbff 56%,#f2f7f5 100%); box-shadow:0 18px 50px rgba(35,52,86,.09); }
.trade-commission-hero > label { gap:6px; color:#6a7689; font-size:12px; font-weight:800; }
.trade-commission-hero input,.trade-commission-hero select { width:100%; height:34px; min-height:34px; padding:0 9px; border:1px solid #d9e0ea; border-radius:8px; background:#fff; color:#243049; font-weight:900; }
.trade-commission-kpis { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.trade-commission-kpis > div { min-width:0; min-height:58px; padding:9px 11px; border:1px solid #dbe5f1; border-radius:8px; background:rgba(255,255,255,.92); }
.trade-commission-kpis span { display:block; color:#66748a; font-size:12px; font-weight:900; }
.trade-commission-kpis b { display:block; margin-top:5px; color:#111d32; font-size:18px; line-height:1.25; overflow-wrap:anywhere; }
.trade-commission-hero nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; }
.trade-commission-hero nav button { height:32px; padding:0 10px; border-color:#d5dfed; color:#32425f; font-size:12px; }
.trade-commission-layout { grid-template-columns:minmax(0,1.65fr) minmax(340px,.75fr); gap:14px; align-items:start; }
.trade-commission-record-panel,.trade-commission-card { padding:14px!important; border-color:#dce5f0; box-shadow:0 12px 34px rgba(31,48,80,.05); }
.trade-commission-side { display:grid; gap:14px; }
.trade-commission-section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:12px; }
.trade-commission-section-head h2 { margin:0 0 3px; color:#17223a; font-size:15px; }
.trade-commission-section-head p { margin:0; color:#6a7689; font-size:12px; font-weight:800; }
.trade-commission-table { min-width:860px; font-size:12px; }
.trade-commission-table th,.trade-commission-table td { padding:9px 10px; }
.trade-commission-table th { color:#5f6f87; background:#f4f7fb; font-size:12px; }
.trade-commission-title-cell,.trade-commission-money-cell { display:grid; gap:3px; }
.trade-commission-title-cell b,.trade-commission-money-cell b { color:#15213a; font-size:12px; }
.trade-commission-title-cell span { color:#6f7d93; font-size:12px; }
.trade-commission-money-cell { white-space:nowrap; }
.trade-commission-money-cell span { color:#748198; font-size:12px; }
.trade-commission-status-stack { display:flex; flex-wrap:wrap; gap:5px; }
.trade-commission-status-stack em { padding:4px 7px; border-radius:999px; background:#eaf7ef; color:#23764d; font-size:12px; font-style:normal; }
.trade-commission-status-stack em.pending { background:#fff5dd; color:#936316; }
.trade-commission-status-stack span { color:#748198; font-size:12px; }
.trade-commission-row-actions { display:flex; flex-wrap:wrap; gap:5px; }
.trade-commission-row-actions button,.trade-commission-rule footer button { height:30px; padding:0 9px; border:1px solid #dbe4ef; border-radius:6px; background:#fff; color:#34425c; font-size:12px; cursor:pointer; }
.trade-commission-row-actions button.primary { border-color:#4967c9; background:#4967c9; color:#fff; }
.trade-commission-calc-list,.trade-commission-rule-list { display:grid; gap:8px; }
.trade-commission-result,.trade-commission-rule { display:grid; grid-template-columns:1fr; gap:7px; margin:0; padding:10px; border:1px solid #dbe4ef; border-radius:8px; background:#fff; }
.trade-commission-result:hover,.trade-commission-rule:hover { border-color:#bfd0ea; box-shadow:0 10px 24px rgba(34,55,92,.07); transform:translateY(-1px); transition:.18s ease; }
.trade-commission-result header,.trade-commission-rule header { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.trade-commission-result header b,.trade-commission-rule header b { color:#17233d; font-size:13px; }
.trade-commission-result em,.trade-commission-rule em { padding:4px 8px; border-radius:999px; background:#f1f3f7; color:#6c798e; }
.trade-commission-rule em.enabled { background:#eaf7ef; color:#23764d; }
.trade-commission-result > div { grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; margin:0; }
.trade-commission-result > div span:last-child { grid-column:1/-1; }
.trade-commission-result span { padding:9px 10px; border-radius:7px; background:#f3f7fc; color:#5f6f85; font-size:12px; font-weight:800; }
.trade-commission-result span strong { display:block; margin-top:3px; color:#101b2f; font-size:12px; }
.trade-commission-rule p { margin:0; color:#607087; font-size:12px; line-height:1.45; }
.trade-commission-rule footer { display:flex; flex-wrap:wrap; gap:5px; }
.trade-commission-empty { padding:18px; border:1px dashed #d4deed; border-radius:8px; background:#f8fbff; color:#748198; text-align:center; font-size:12px; }
.trade-commission-modal { width:min(560px,calc(100vw - 32px)); }
.trade-commission-modal .trade-commission-form-grid { padding:14px; }
.trade-commission-modal > footer { margin:0 14px; padding:12px 0 14px; }
@media (max-width:1500px) {
  .trade-commission-hero { grid-template-columns:minmax(145px,.7fr) minmax(165px,.8fr) minmax(300px,1.5fr); }
  .trade-commission-hero nav { grid-column:1/-1; }
}

.trade-report-hero { display:grid; gap:18px; padding:24px; margin-bottom:13px; border-radius:16px; background:linear-gradient(135deg,#642039,#a83657); color:#fff; }
.trade-report-hero span { color:#f0dce3; font-size:12px; letter-spacing:.08em; }
.trade-report-hero h2 { max-width:850px; margin:7px 0; font-size:24px; }
.trade-report-hero p { margin:0; color:#efdde3; font-size:12px; }
.trade-report-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; }
.trade-report-metrics article { display:grid; gap:5px; padding:13px; border:1px solid rgba(255,255,255,.18); border-radius:10px; background:rgba(255,255,255,.08); }
.trade-report-metrics b { font-size:18px; }
.trade-report-conclusions { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:13px; }
.trade-report-conclusions article { padding:14px; border:1px solid #e6dade; border-radius:11px; background:#fff; }
.trade-report-conclusions p { margin:6px 0 0; color:#74656a; font-size:12px; line-height:1.6; }
.trade-report-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.trade-report-grid > section { padding:17px; }
.trade-report-grid .dark { background:#31232a; color:#fff; }
.trade-report-funnel { display:grid; justify-items:center; gap:5px; }
.trade-report-funnel article { display:grid; grid-template-columns:90px 1fr 42px; gap:9px; padding:10px 14px; border-radius:7px; background:linear-gradient(90deg,#fbe8ee,#fff7f9); }
.trade-report-funnel em { color:#9e3150; font-style:normal; font-weight:800; }
.trade-report-action { display:grid; grid-template-columns:1fr auto; gap:5px; padding:10px 0; border-bottom:1px solid rgba(255,255,255,.12); }
.trade-report-action span { color:#cdbbc1; font-size:12px; }
.trade-report-forecast { display:grid; grid-template-columns:1fr auto 44px; gap:10px; padding:10px 0; border-bottom:1px solid #e9dfe2; font-size:12px; }

.trade-tools-layout { display:grid; grid-template-columns:280px 1fr; gap:13px; }
.trade-tools-layout > aside,.trade-tools-layout > section { padding:15px; }
.trade-tools-layout aside > button { display:grid; grid-template-columns:40px 1fr; gap:10px; width:100%; padding:11px; margin-bottom:6px; text-align:left; border:1px solid #e7dade; border-radius:9px; background:#fff; color:#514147; cursor:pointer; }
.trade-tools-layout aside > button.active { border-color:#a33252; background:#fff1f5; }
.trade-tools-layout aside i { display:grid; place-items:center; width:38px; height:38px; border-radius:8px; background:#f0e5e8; color:#922d4a; font-size:12px; font-style:normal; font-weight:900; }
.trade-tools-layout aside span { display:grid; gap:4px; }
.trade-tools-layout aside small { color:#8b7c81; font-size:12px; }
.trade-tool-workspace { display:grid; gap:13px; }
.trade-tool-workspace h2 { margin:0; font-size:20px; }
.trade-tool-workspace > p { margin:0; color:#84767a; font-size:12px; }
.trade-tool-workspace > label { display:grid; gap:6px; font-size:12px; font-weight:700; }
.trade-tool-form { display:grid; grid-template-columns:repeat(2,1fr); gap:9px; }
.trade-tool-workspace input,.trade-tool-workspace select,.trade-tool-workspace textarea { width:100%; min-height:42px; padding:9px 10px; border:1px solid #dfd3d7; border-radius:8px; }
.trade-tool-result { display:grid; gap:5px; padding:14px; border-radius:9px; background:#fff2f5; }

/* 外贸 CRM：按源项目还原经营汇报 */
.trade-live-report-head > div:first-child > span,.trade-utilities-head > div:first-child > span { color:#3157d5; font-weight:900; }
.trade-live-report-deck { display:grid; gap:12px; }
.trade-live-report-hero { position:relative; overflow:hidden; min-height:188px; padding:22px; border:1px solid rgba(255,255,255,.12); border-radius:10px; color:#fff; background:linear-gradient(135deg,rgba(18,24,38,.98),rgba(43,63,99,.95)),linear-gradient(135deg,#3157d5,#1da5a5); box-shadow:0 18px 48px rgba(18,24,38,.22); }
.trade-live-report-hero::after { content:""; position:absolute; inset:0 0 0 auto; width:46%; background:linear-gradient(180deg,transparent 0 23px,rgba(255,255,255,.13) 24px 25px,transparent 26px),linear-gradient(90deg,transparent 0 35px,rgba(255,255,255,.1) 36px 37px,transparent 38px); background-size:100% 34px,48px 100%; opacity:.55; mask-image:linear-gradient(90deg,transparent,#000); }
.trade-live-report-hero > * { position:relative; z-index:1; }
.trade-live-report-hero-top { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; margin-bottom:18px; }
.trade-live-report-hero small { color:#aebbe0; font-size:12px; font-weight:800; }
.trade-live-report-hero h2 { max-width:820px; margin:0; color:#fff; font-size:28px; line-height:1.18; }
.trade-live-report-hero > p { max-width:850px; margin:10px 0 0; color:#c6d1e6; font-size:12px; line-height:1.6; }
.trade-live-report-meta { display:flex; flex-wrap:wrap; gap:6px; margin-top:10px; }
.trade-live-report-meta span { padding:4px 7px; border-radius:5px; background:#eef3fa; color:#52617a; font-size:12px; font-weight:700; }
.trade-live-report-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:18px; }
.trade-live-report-metrics article { padding:10px; border:1px solid rgba(255,255,255,.12); border-radius:8px; background:rgba(255,255,255,.08); }
.trade-live-report-metrics span { display:block; margin-bottom:6px; color:#aebbe0; font-size:12px; }
.trade-live-report-metrics b { display:block; color:#fff; font-size:20px; overflow-wrap:anywhere; }
.trade-live-report-metrics small { display:block; margin-top:3px; }
.trade-live-report-summary { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.trade-live-report-summary article { padding:13px; border:1px solid #dfe4ed; border-radius:9px; background:#fff; box-shadow:0 10px 26px rgba(31,48,80,.05); }
.trade-live-report-summary strong { display:block; margin-bottom:7px; color:#17223a; font-size:13px; }
.trade-live-report-summary p { margin:0; color:#6d798d; font-size:12px; line-height:1.5; }
.trade-live-report-grid { display:grid; grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr); gap:12px; align-items:stretch; }
.trade-live-report-grid > section { padding:15px; border-color:#dfe4ed; }
.trade-live-report-grid > section.dark { color:#fff; background:#161d2b; border-color:rgba(255,255,255,.08); }
.trade-live-report-grid > section > header h2 { margin:0 0 3px; color:inherit; font-size:16px; }
.trade-live-report-grid > section > header p { margin:0 0 14px; color:#748096; font-size:12px; }
.trade-live-report-grid > section.dark > header p { color:#9ba8bd; }
.trade-live-report-funnel { display:grid; gap:9px; }
.trade-live-report-funnel > div { display:grid; grid-template-columns:88px minmax(32px,1fr) 54px minmax(70px,auto); align-items:center; gap:10px; font-size:12px; }
.trade-live-report-funnel > div > i { display:block; width:var(--w); min-width:26px; height:24px; border-radius:5px; background:linear-gradient(90deg,#3157d5,#20a3a3); }
.trade-live-report-funnel b { color:#19243a; }
.trade-live-report-funnel strong { font-size:12px; overflow-wrap:anywhere; }
.trade-live-report-actions { display:grid; gap:8px; }
.trade-live-report-actions article,.trade-report-risk-list article { display:grid; grid-template-columns:26px 1fr; gap:9px; padding:9px; border:1px solid #e1e6ef; border-radius:7px; background:#f8faff; }
.trade-live-report-actions i,.trade-report-risk-list i { width:26px; height:26px; display:grid; place-items:center; border-radius:50%; background:#3157d5; color:#fff; font-size:12px; font-style:normal; font-weight:800; }
.trade-live-report-actions b,.trade-report-risk-list b { display:block; margin-bottom:3px; color:#18233a; font-size:12px; }
.trade-live-report-actions span,.trade-report-risk-list span { color:#6e7a8f; font-size:12px; line-height:1.45; }
.trade-live-report-grid .dark > button { margin-top:8px; padding:7px 10px; border:1px solid #dce4ef; border-radius:6px; background:#fff; color:#27344a; }
.trade-live-report-market { display:grid; grid-template-columns:150px 1fr; align-items:center; gap:20px; min-height:190px; }
.trade-live-report-donut { position:relative; width:145px; height:145px; display:grid; place-items:center; border-radius:50%; }
.trade-live-report-donut::after { content:""; width:76px; height:76px; border-radius:50%; background:#fff; }
.trade-live-report-donut b { position:absolute; z-index:1; color:#17223a; font-size:14px; }
.trade-live-report-market > div:last-child { display:grid; gap:7px; }
.trade-live-report-market span { color:#627087; font-size:12px; }
.trade-live-report-market span i { display:inline-block; width:8px; height:8px; margin-right:6px; border-radius:50%; background:var(--c); }
.trade-live-report-waterfall { display:flex; align-items:flex-end; gap:8px; min-height:210px; padding:12px 4px 0; border-bottom:1px solid #dfe4ed; }
.trade-live-report-waterfall > div { flex:1; display:grid; align-content:end; gap:6px; color:#6f7b90; text-align:center; font-size:12px; }
.trade-live-report-waterfall i { display:block; height:var(--h); border-radius:6px 6px 2px 2px; background:var(--c); }
.trade-live-report-table { width:100%; min-width:620px; border-collapse:collapse; font-size:12px; }
.trade-live-report-table th,.trade-live-report-table td { padding:8px; border-bottom:1px solid #e4e8ef; text-align:left; white-space:nowrap; }
.trade-live-report-table th { color:#6c788d; background:#f8faff; }
.trade-live-report-table em { padding:5px 8px; border-radius:999px; background:#e9f6ee; color:#24714a; font-style:normal; }
.trade-live-report-table em.risk { background:#fff4d9; color:#936316; }
.trade-live-report-definitions { display:grid; gap:9px; margin:0; padding-left:20px; color:#5f6d83; font-size:12px; line-height:1.5; }
.trade-report-risk-list { display:grid; gap:8px; padding:14px; }

/* 外贸 CRM：按源项目还原小工具工作台 */
.trade-utilities-status { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-bottom:10px; }
.trade-utilities-status article { position:relative; min-height:58px; padding:10px; border:1px solid #dfe4ed; border-radius:8px; background:#fff; box-shadow:0 8px 20px rgba(31,48,80,.04); }
.trade-utilities-status span,.trade-utilities-status small { display:block; color:#6e7a8f; font-size:12px; }
.trade-utilities-status b { display:block; margin-top:4px; color:#17223a; font-size:16px; }
.trade-utilities-status small { position:absolute; right:10px; bottom:10px; color:#169865; }
.trade-utilities-grid { display:grid; grid-template-columns:minmax(220px,280px) minmax(0,1fr); gap:10px; align-items:start; }
.trade-utilities-grid > *,.trade-utilities-main,.trade-utilities-ocr > *,.trade-utilities-website-grid > * { min-width:0; }
.trade-utilities-list { display:grid; gap:8px; }
.trade-utilities-list article { display:grid; grid-template-columns:34px 1fr auto; align-items:center; gap:9px; padding:10px; border:1px solid #dfe4ed; border-radius:9px; background:#fff; box-shadow:0 7px 18px rgba(31,48,80,.04); }
.trade-utilities-list article.active { border-color:rgba(49,87,213,.32); background:#f6f9ff; box-shadow:inset 3px 0 0 #3157d5,0 7px 18px rgba(31,48,80,.04); }
.trade-utilities-list article > i { width:34px; height:34px; display:grid; place-items:center; border-radius:7px; background:linear-gradient(135deg,#3157d5,#1da5a5); color:#fff; font-size:12px; font-style:normal; font-weight:800; }
.trade-utilities-list article b { display:block; margin-bottom:3px; color:#18233a; font-size:12px; }
.trade-utilities-list article span { color:#6f7b90; font-size:12px; line-height:1.4; }
.trade-utilities-list article em { padding:4px 7px; border-radius:999px; background:#eef2f8; color:#6a778c; font-size:12px; font-style:normal; white-space:nowrap; }
.trade-utilities-list article em.enabled { background:#e9f6ee; color:#24714a; }
.trade-utilities-main { padding:14px; }
.trade-utilities-section-head { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; }
.trade-utilities-section-head > div { display:flex; gap:9px; }
.trade-utilities-section-head > div > i { width:28px; height:28px; display:grid; place-items:center; border-radius:7px; background:#f0f4fb; color:#3157d5; font-style:normal; }
.trade-utilities-section-head h2 { margin:0 0 3px; color:#17223a; font-size:15px; }
.trade-utilities-section-head small { color:#6f7b90; font-size:12px; }
.trade-utilities-section-head nav { display:flex; flex-wrap:wrap; gap:6px; }
.trade-utilities-section-head nav button { height:30px; padding:0 9px; border:1px solid #d9e1ec; border-radius:6px; background:#fff; color:#34425a; font-size:12px; }
.trade-utilities-section-head nav button.primary { border-color:#4b5fd5; background:#4b5fd5; color:#fff; }
.trade-utilities-ocr { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:10px; margin-top:12px; }
.trade-utilities-upload,.trade-utilities-url-box { min-width:0; padding:14px; border:1px dashed #b7c3d6; border-radius:9px; background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,255,.96)); }
.trade-utilities-upload > em,.trade-utilities-url-box > em { display:inline-flex; padding:4px 7px; border-radius:999px; background:#edf2fb; color:#4f5f78; font-size:12px; font-style:normal; }
.trade-utilities-business-card { position:relative; overflow:hidden; width:100%; max-width:440px; min-height:190px; margin:12px auto; padding:22px; border-radius:12px; background:linear-gradient(135deg,#111827,#263b63),linear-gradient(135deg,#3157d5,#1da5a5); color:#f8fbff; box-shadow:0 18px 36px rgba(18,24,38,.2); }
.trade-utilities-business-card::after { content:""; position:absolute; right:-38px; top:-52px; width:150px; height:150px; border-radius:50%; background:rgba(255,255,255,.1); }
.trade-utilities-business-card h2 { margin:0 0 8px; color:#fff; font-size:20px; }
.trade-utilities-business-card p,.trade-utilities-business-card span { display:block; margin:5px 0; color:#c9d5ea; font-size:12px; }
.trade-utilities-business-card strong { display:block; margin:24px 0 8px; color:#fff; font-size:16px; }
.trade-utilities-sync { display:grid; gap:8px; margin-top:10px; }
.trade-utilities-sync > div { display:grid; grid-template-columns:92px 1fr auto; align-items:center; gap:8px; padding:8px; border:1px solid #e3e8f0; border-radius:7px; background:#fbfcff; font-size:12px; }
.trade-utilities-sync span { color:#6f7b90; }
.trade-utilities-sync em { padding:4px 7px; border-radius:999px; background:#edf2fb; color:#617089; font-style:normal; }
.trade-utilities-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.trade-utilities-fields > label { display:grid; grid-template-columns:16px 1fr; align-items:start; gap:7px; min-width:0; padding:8px; border:1px solid #dfe4ed; border-radius:7px; background:#fff; }
.trade-utilities-fields > label > input { width:14px; height:14px; margin-top:2px; accent-color:#3157d5; }
.trade-utilities-fields span { color:#6d798e; font-size:12px; }
.trade-utilities-fields span input { width:100%; height:28px; margin-top:4px; padding:0 7px; border:1px solid #e0e5ed; border-radius:5px; background:#f8faff; color:#17223a; font-size:12px; }
.trade-utilities-matrix { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; }
.trade-utilities-matrix section { padding:10px; border:1px solid #dfe4ed; border-radius:8px; }
.trade-utilities-matrix > section { min-width:0; }
.trade-utilities-matrix h3 { margin:0; font-size:13px; }
.trade-utilities-matrix small { color:#6f7b90; font-size:12px; }
.trade-utilities-matrix table { width:100%; min-width:0!important; margin-top:8px; border-collapse:collapse; table-layout:fixed; font-size:12px; }
.trade-utilities-matrix td { padding:6px 3px; border-top:1px solid #e5e9f0; overflow-wrap:anywhere; }
.trade-utilities-matrix em,.trade-utilities-table-wrap em { padding:3px 6px; border-radius:999px; background:#edf2fb; color:#607089; font-style:normal; }
.trade-utilities-website { display:grid; gap:10px; margin-top:12px; padding-top:12px; border-top:1px solid #e3e7ee; }
.trade-utilities-alert { display:flex; gap:10px; padding:9px 11px; border:1px solid rgba(49,87,213,.18); border-radius:7px; background:#f8fbff; color:#607089; font-size:12px; }
.trade-utilities-alert b { color:#3157d5; }
.trade-utilities-website-grid { display:grid; grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr); gap:10px; }
.trade-utilities-url-box textarea { width:100%; height:120px; margin-top:10px; padding:10px; border:1px solid #e0e5ed; border-radius:6px; background:#f8faff; resize:vertical; font-size:12px; }
.trade-utilities-table-wrap { overflow:auto; border:1px solid #e0e5ed; border-radius:8px; background:#fff; }
.trade-utilities-table-wrap table { width:100%; min-width:1120px; border-collapse:collapse; font-size:12px; }
.trade-utilities-table-wrap th,.trade-utilities-table-wrap td { padding:6px; border-bottom:1px solid #e5e9f0; text-align:left; }
.trade-utilities-table-wrap th { position:sticky; top:0; z-index:1; background:#f3f6fb; color:#69768b; }
.trade-utilities-table-wrap td > input:not([type=checkbox]) { width:100%; min-width:90px; height:26px; padding:0 6px; border:1px solid #e2e7ef; border-radius:5px; background:#f8faff; font-size:12px; }
.trade-utilities-table-wrap input[type=checkbox] { accent-color:#3157d5; }
@media (max-width:1500px) {
  .trade-live-report-summary,.trade-live-report-metrics,.trade-utilities-status { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .trade-live-report-grid { grid-template-columns:1fr; }
  .trade-utilities-grid { grid-template-columns:1fr; }
  .trade-utilities-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .trade-utilities-ocr,.trade-utilities-website-grid,.trade-utilities-matrix { grid-template-columns:1fr; }
}
@media (max-width:900px) {
  .trade-utilities-grid { grid-template-columns:1fr; }
  .trade-utilities-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .trade-utilities-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .trade-live-report-market,.trade-utilities-matrix { grid-template-columns:1fr; }
}
@media (max-width:620px) {
  .trade-live-report-summary,.trade-live-report-metrics,.trade-utilities-status,.trade-utilities-list,.trade-utilities-fields { grid-template-columns:1fr; }
  .trade-live-report-hero-top,.trade-utilities-section-head { flex-direction:column; }
  .trade-live-report-funnel > div { grid-template-columns:68px minmax(28px,1fr) 42px; }
  .trade-live-report-funnel > div strong { grid-column:2/-1; }
}

.trade-knowledge-layout { display:grid; grid-template-columns:230px 1fr; gap:13px; }
.trade-knowledge-layout > aside { padding:15px; }
.trade-knowledge-layout > aside h2 { margin:0 0 10px; font-size:16px; }
.trade-knowledge-layout aside button { display:flex; align-items:center; justify-content:space-between; width:100%; padding:10px; border:0; border-bottom:1px solid #eee4e6; background:#fff; color:#5d4c52; cursor:pointer; }
.trade-knowledge-layout aside b { display:grid; place-items:center; min-width:25px; height:25px; border-radius:50%; background:#f1e7ea; color:#8f2c49; }
.trade-knowledge-files { display:grid; grid-template-columns:repeat(2,1fr); gap:11px; }
.trade-knowledge-files article { position:relative; display:grid; grid-template-columns:48px 1fr; gap:12px; padding:16px; }
.trade-knowledge-files article > i { display:grid; place-items:center; width:48px; height:54px; border-radius:8px; background:#fff0f4; color:#9b2e4e; font-size:12px; font-style:normal; font-weight:900; }
.trade-knowledge-files article span,.trade-knowledge-files article p { color:#8a7b80; font-size:12px; }
.trade-knowledge-files article h3 { margin:4px 0; font-size:14px; }
.trade-knowledge-files article p { margin:0; }
.trade-knowledge-files article > em { position:absolute; top:14px; right:14px; padding:4px 7px; border-radius:999px; background:#fff0dc; color:#946016; font-size:12px; font-style:normal; }
.trade-knowledge-files article > em.published { background:#e9f6ee; color:#24714a; }
.trade-knowledge-files footer { grid-column:1/-1; display:flex; gap:6px; padding-top:9px; border-top:1px solid #eee4e6; }
.trade-knowledge-files footer button { padding:5px 8px; border:1px solid #dfd2d6; border-radius:6px; background:#fff; color:#8d2e4a; cursor:pointer; }

/* 外贸 CRM：资料维护统一文档中心 */
.trade-material-page { display:grid; gap:14px; min-width:0; color:#293042; }
.trade-material-head { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding:2px 2px 0; }
.trade-material-head > div > span { display:block; margin-bottom:5px; color:#a12d4d; font-size:12px; font-weight:900; letter-spacing:.12em; }
.trade-material-head h1 { margin:0; color:#202535; font-size:28px; }
.trade-material-head p { margin:7px 0 0; color:#778093; font-size:12px; }
.trade-material-head nav { display:flex; gap:8px; }
.trade-material-head button { min-height:38px; }
.trade-material-content { display:grid; grid-template-columns:minmax(0,1fr) 228px; gap:14px; align-items:start; min-width:0; }
.trade-material-content > main { display:grid; gap:12px; min-width:0; }
.trade-material-stats { display:grid; grid-template-columns:repeat(8,minmax(86px,1fr)); gap:9px; min-width:0; }
.trade-material-stats button { position:relative; min-width:0; min-height:96px; padding:13px; overflow:hidden; border:1px solid #e4e7ed; border-radius:9px; background:#fff; color:#293042; text-align:left; cursor:pointer; box-shadow:0 5px 20px rgba(43,51,73,.045); }
.trade-material-stats button:hover,.trade-material-stats button.active { border-color:#b84060; box-shadow:inset 0 0 0 1px rgba(184,64,96,.28),0 8px 22px rgba(111,36,58,.07); }
.trade-material-stats span { display:block; position:relative; z-index:1; font-size:12px; font-weight:700; white-space:nowrap; }
.trade-material-stats b { display:block; position:relative; z-index:1; margin-top:12px; color:#151927; font-size:24px; line-height:1; }
.trade-material-stats i { position:absolute; right:10px; bottom:11px; display:grid; place-items:center; width:33px; height:33px; border-radius:8px; background:#f5eef1; color:#a82e50; font-size:18px; font-style:normal; }
.trade-material-stats button:nth-child(3) i { color:#7143a0; background:#f3eef9; }
.trade-material-stats button:nth-child(4) i,.trade-material-stats button:last-child i { color:#de7c16; background:#fff5e9; }
.trade-material-stats button:nth-child(6) i { color:#26994d; background:#ecf8ef; }
.trade-material-filter { display:grid; grid-template-columns:minmax(230px,1.5fr) repeat(5,minmax(95px,.55fr)) auto; gap:10px; align-items:end; padding:14px; border-color:#e4e7ed; }
.trade-material-filter label { display:grid; gap:6px; min-width:0; color:#596174; font-size:12px; font-weight:700; }
.trade-material-filter input,.trade-material-filter select,.trade-material-filter > button,.trade-material-list header button,.trade-material-list header select { width:100%; min-height:35px; padding:7px 9px; border:1px solid #dde1e8; border-radius:6px; background:#fff; color:#4a5263; font-size:12px; }
.trade-material-search { position:relative; }
.trade-material-search input { padding-right:34px; }
.trade-material-search > span { position:absolute; right:11px; bottom:8px; font-size:18px; }
.trade-material-filter > button { width:auto; white-space:nowrap; cursor:pointer; }
.trade-material-list { min-width:0; padding:0; overflow:hidden; border-color:#e4e7ed; }
.trade-material-list > header { display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; padding:12px 14px; border-bottom:1px solid #e6e9ee; }
.trade-material-list > header > div { display:flex; gap:7px; }
.trade-material-list > header > div:nth-child(2) { justify-self:start; }
.trade-material-list > header > div:last-child { justify-self:end; }
.trade-material-list header button,.trade-material-list header select { width:auto; cursor:pointer; }
.trade-material-view button.active { border-color:#a62c4e; background:#a62c4e; color:#fff; }
.trade-material-list .table-wrap { width:100%; overflow:auto; }
.trade-material-table { width:100%; min-width:1040px; border-collapse:collapse; font-size:12px; }
.trade-material-table th,.trade-material-table td { padding:11px 10px; border-bottom:1px solid #e7e9ee; text-align:left; vertical-align:middle; white-space:nowrap; }
.trade-material-table th { background:#fafbfc; color:#5f6677; font-size:12px; }
.trade-material-table tbody tr:hover { background:#fffafb; }
.trade-material-name { display:flex; align-items:center; gap:8px; }
.trade-material-name i,.trade-material-recent > i,.trade-material-card i { display:grid; place-items:center; width:23px; height:28px; border-radius:4px; background:#ecf3ff; color:#3b74c5; font-size:12px; font-style:normal; font-weight:900; }
.trade-material-name i.xls,.trade-material-recent > i.xls,.trade-material-card i.xls { background:#e8f7ee; color:#2c9d59; }
.trade-material-name i.img,.trade-material-recent > i.img,.trade-material-card i.img { background:#eef8ed; color:#3b9a4d; }
.trade-material-name i.cer,.trade-material-recent > i.cer,.trade-material-card i.cer { background:#f3edfb; color:#7a49a7; }
.trade-material-ref { display:grid; gap:3px; }
.trade-material-ref span { color:#7b8392; font-size:12px; }
.trade-material-status { display:inline-flex; padding:4px 9px; border-radius:999px; background:#eaf7ee; color:#28804f; font-size:12px; font-style:normal; font-weight:800; }
.trade-material-status.review { background:#fff6dd; color:#9a6a19; }
.trade-material-status.expiring { background:#fff4dd; color:#db7411; }
.trade-material-status.draft { background:#f0f2f5; color:#707889; }
.trade-material-actions { display:flex; gap:8px; }
.trade-material-actions button { padding:0; border:0; background:transparent; color:#3157bd; font-size:12px; cursor:pointer; }
.trade-material-list > footer { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:12px 14px; color:#61697a; font-size:12px; }
.trade-material-list > footer nav { display:flex; align-items:center; gap:6px; }
.trade-material-list > footer button,.trade-material-list > footer select { min-width:31px; height:31px; padding:0 8px; border:1px solid #e0e3e9; border-radius:5px; background:#fff; color:#5d6575; }
.trade-material-list > footer button.active { background:#a62c4e; color:#fff; border-color:#a62c4e; }
.trade-material-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; padding:14px; }
.trade-material-card { min-width:0; padding:14px; border:1px solid #e4e7ed; border-radius:8px; background:#fff; }
.trade-material-card header,.trade-material-card footer { display:flex; justify-content:space-between; gap:8px; }
.trade-material-card h3 { margin:12px 0 5px; font-size:13px; }
.trade-material-card p,.trade-material-card span { color:#747d8e; font-size:12px; line-height:1.55; }
.trade-material-card footer { margin-top:12px; padding-top:10px; border-top:1px solid #eceef2; }
.trade-material-card footer button { border:0; background:transparent; color:#3157bd; font-size:12px; cursor:pointer; }
.trade-material-side { display:grid; gap:12px; min-width:0; }
.trade-material-side > section { padding:13px; border-color:#e4e7ed; }
.trade-material-side section > header { padding-bottom:10px; margin-bottom:2px; border-bottom:1px solid #eceef2; }
.trade-material-side h2 { margin:0; color:#303648; font-size:13px; }
.trade-material-side section > button { width:100%; padding:9px 0 0; border:0; border-top:1px solid #eceef2; background:transparent; color:#a62c4e; font-size:12px; cursor:pointer; }
.trade-material-reminder { display:grid; grid-template-columns:1fr auto; gap:3px 8px; padding:11px 0; border-bottom:1px solid #eceef2; }
.trade-material-reminder div { display:grid; gap:4px; }
.trade-material-reminder b { font-size:12px; }
.trade-material-reminder span,.trade-material-reminder small,.trade-material-reminder time { color:#7a8291; font-size:12px; }
.trade-material-reminder strong { align-self:center; color:#e57813; font-size:24px; }
.trade-material-reminder strong em { font-size:12px; font-style:normal; }
.trade-material-reminder time { grid-column:2; text-align:right; }
.trade-material-recent { display:flex; gap:9px; padding:9px 0; }
.trade-material-recent > div { display:grid; gap:3px; min-width:0; }
.trade-material-recent b { overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.trade-material-recent span { color:#7a8291; font-size:12px; }
.trade-material-storage > div { display:flex; justify-content:space-between; margin:12px 0 7px; color:#6f7787; font-size:12px; }
.trade-material-storage > i { display:block; height:7px; overflow:hidden; border-radius:99px; background:#eef0f3; }
.trade-material-storage > i em { display:block; width:16.48%; height:100%; border-radius:99px; background:#a62c4e; }
.trade-material-storage > button { margin-top:12px; padding:8px!important; border:1px solid #e2d7db!important; border-radius:6px; }
@media (max-width:1500px) {
  .trade-material-content { grid-template-columns:1fr; }
  .trade-material-stats { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .trade-material-side { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .trade-material-filter { grid-template-columns:minmax(220px,1.6fr) repeat(3,minmax(110px,.7fr)); }
  .trade-material-filter > label:nth-of-type(5),.trade-material-filter > label:nth-of-type(6),.trade-material-filter > button { grid-row:2; }
}
@media (max-width:900px) {
  .trade-material-head { flex-direction:column; }
  .trade-material-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .trade-material-filter,.trade-material-side { grid-template-columns:1fr; }
  .trade-material-filter > label:nth-of-type(5),.trade-material-filter > label:nth-of-type(6),.trade-material-filter > button { grid-row:auto; }
  .trade-material-list > header { grid-template-columns:1fr; }
  .trade-material-list > header > div:last-child { justify-self:start; }
  .trade-material-cards { grid-template-columns:1fr; }
}

@media (max-width: 1350px) {
  .trade-doc-studio { grid-template-columns:1fr; }
  .trade-doc-preview { grid-column:auto; max-height:none; }
  .trade-plan-templates { grid-template-columns:1fr; }
  .trade-commission-layout { grid-template-columns:1fr; }
}
@media (max-width: 900px) {
  .trade-plan-hero,.trade-report-grid,.trade-tools-layout,.trade-knowledge-layout { grid-template-columns:1fr; }
  .trade-doc-studio { grid-template-columns:1fr; }
  .trade-doc-preview { grid-column:auto; max-height:none; }
  .trade-commission-hero { grid-template-columns:1fr; }
  .trade-report-metrics,.trade-report-conclusions { grid-template-columns:1fr 1fr; }
  .trade-knowledge-files { grid-template-columns:1fr; }
}
@media (max-width: 680px) {
  .trade-pipeline-toolbar,.trade-knowledge-toolbar,.trade-doc-workflow,.trade-doc-form,.trade-tool-form { grid-template-columns:1fr; }
  .trade-doc-studio { grid-template-columns:1fr; }
  .trade-doc-preview { grid-column:auto; overflow:auto; }
  .trade-doc-form .wide { grid-column:auto; }
  .trade-doc-item-grid { grid-template-columns:1fr 1fr; }
  .trade-doc-item-grid label,.trade-doc-item-grid label[data-size] { grid-column:auto; }
  .trade-doc-item-grid > button { grid-column:1/-1; }
  .trade-doc-template-controls { width:100%; flex-direction:column; align-items:stretch; }
  .trade-doc-template-select,.trade-doc-language-select { width:100%; flex:1 1 auto; }
  .trade-report-metrics,.trade-report-conclusions { grid-template-columns:1fr; }
}

/* 外贸CRM / 客户管理工作台 v2 */
.trade-customer-management{min-width:0;display:grid;gap:14px}
.trade-customer-management button,.trade-customer-management input,.trade-customer-management select,.trade-customer-management textarea{font-family:inherit}
.trade-customer-page-head{align-items:center;padding:2px 4px 0}
.trade-customer-page-head h1{font-size:24px}
.trade-customer-page-head p{font-size:14px;line-height:1.5}
.trade-customer-head-actions>button{min-height:40px;padding:8px 16px;font-size:14px}
.trade-customer-summary.five{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.trade-customer-summary.five>button{min-width:0;min-height:82px;display:grid;align-content:center;gap:5px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);text-align:left;box-shadow:0 8px 22px rgba(100,54,61,.05);cursor:pointer}
.trade-customer-summary.five>button:hover,.trade-customer-summary.five>button.active{border-color:#cf929f;background:#fff7f8;box-shadow:0 10px 26px rgba(141,49,72,.09)}
.trade-customer-summary.five span,.trade-customer-summary.five small{overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.trade-customer-summary.five strong{color:var(--text);font-size:20px}
.trade-customer-summary.five .danger strong,.trade-customer-summary.five .danger small{color:var(--red)}
.trade-customer-filter-card{display:grid;gap:11px;padding:13px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 8px 22px rgba(100,54,61,.04)}
.trade-customer-filter-row{grid-template-columns:minmax(260px,1.6fr) repeat(4,minmax(118px,.65fr)) repeat(3,auto);align-items:center}
.trade-customer-filter-row .trade-customer-search{min-width:0;min-height:40px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;padding:0 11px;border:1px solid var(--line);border-radius:8px;background:#fff}
.trade-customer-search>span{color:var(--brand);font-size:18px}
.trade-customer-filter-row .trade-customer-search input{min-height:38px;padding:0;border:0;box-shadow:none}
.trade-customer-filter-row input,.trade-customer-filter-row select,.trade-customer-filter-row button,.trade-customer-more-filters select,.trade-customer-more-filters button{min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);font-size:14px}
.trade-customer-filter-row button{color:var(--brand);font-weight:750;white-space:nowrap}
.trade-customer-more-filters{display:grid;grid-template-columns:repeat(2,minmax(150px,220px)) auto;justify-content:end;gap:8px;padding-top:10px;border-top:1px dashed var(--line)}
.trade-customer-saved-views{display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.trade-customer-saved-views>span{margin-right:3px;color:var(--muted);font-size:13px}
.trade-customer-saved-views button{min-height:32px;padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:13px;font-weight:750}
.trade-customer-saved-views button.active{border-color:#d6a0ab;background:#fff0f3;color:var(--brand)}
.trade-customer-workbench{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}
.trade-customer-workbench.with-detail{grid-template-columns:minmax(0,1.72fr) minmax(350px,1fr)}
.trade-customer-list-panel{min-width:0;padding:14px;overflow:visible}
.trade-customer-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.trade-customer-list-head h2{margin:0 0 4px;font-size:18px}
.trade-customer-list-head p{margin:0;color:var(--muted);font-size:13px}
.trade-customer-view-switch button{min-height:34px;font-size:13px}
.trade-customer-bulk{justify-content:flex-start;flex-wrap:wrap;min-height:42px;margin:0 -14px 9px;padding:7px 14px;border-block:1px solid var(--line);background:#fffaf9;font-size:13px}
.trade-customer-bulk>label{display:flex;align-items:center;gap:5px;color:var(--text)}
.trade-customer-bulk>span{margin-right:auto}
.trade-customer-bulk select,.trade-customer-bulk button{min-height:34px;padding:6px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--brand);font-size:13px;font-weight:750}
.trade-customer-list-panel .table-wrap{overflow:auto}
.trade-customer-table{min-width:1320px;table-layout:auto}
.trade-customer-table th{padding:11px 9px;background:#fff9f8;color:#6f6065;font-size:13px;white-space:nowrap}
.trade-customer-table td{max-width:210px;padding:12px 9px;font-size:13px}
.trade-customer-table tr.active td{background:#fff9fa}
.trade-customer-table td>b,.trade-customer-table td>span,.trade-customer-table td>small{font-size:13px}
.trade-customer-table td>span{overflow:hidden;max-width:180px;text-overflow:ellipsis;white-space:nowrap}
.trade-customer-name{max-width:190px}
.trade-customer-name b{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.trade-customer-name span{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.trade-customer-grade{width:34px;height:28px;display:inline-grid!important;place-items:center;margin:0!important;border-radius:8px;background:#eef3ff;color:#3157d5!important;font-size:14px!important;font-weight:850}
.trade-customer-grade.grade-a{background:#fff0f3;color:var(--brand)!important}.trade-customer-grade.grade-b{background:#eef8f4;color:#16785a!important}.trade-customer-grade.grade-c{background:#fff8e8;color:#9a650d!important}
.trade-customer-deal-count{display:grid;gap:3px;padding:0;border:0;background:transparent;color:var(--text);text-align:left}
.trade-customer-deal-count b{font-size:13px}.trade-customer-deal-count span{color:#3157d5;font-size:12px}
.trade-customer-table .trade-health{min-width:36px;height:36px;font-size:13px;cursor:help}
.trade-row-actions{position:relative;align-items:center}
.trade-customer-table .trade-row-actions>button,.trade-row-actions details>summary{min-height:32px;display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--brand);font-size:13px;font-weight:750;cursor:pointer;list-style:none}
.trade-row-actions details{position:relative}.trade-row-actions details>summary::-webkit-details-marker{display:none}
.trade-row-actions details>div{position:absolute;z-index:20;top:38px;right:0;width:130px;display:grid;gap:3px;padding:6px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 12px 30px rgba(52,25,32,.14)}
.trade-row-actions details>div button{min-height:32px;padding:6px 8px;border:0;border-radius:6px;background:#fff;color:var(--text);font-size:13px;text-align:left}
.trade-row-actions details>div button:hover{background:#fff4f5}.trade-row-actions details>div button.danger{color:var(--red)}
.trade-customer-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;color:var(--muted);font-size:13px}
.trade-customer-pagination nav{display:flex;align-items:center;gap:8px}
.trade-customer-pagination button{min-height:34px;padding:6px 11px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--brand);font-size:13px}.trade-customer-pagination button:disabled{color:#aaa;opacity:.55}
.trade-customer-quick-detail{position:sticky;top:14px;max-height:calc(100vh - 28px);overflow:auto;padding:16px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:0 12px 30px rgba(80,42,51,.07)}
.trade-customer-quick-detail>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-bottom:13px;border-bottom:1px solid var(--line)}
.trade-customer-quick-detail>header span{color:var(--brand);font-size:12px;font-weight:850;letter-spacing:.06em}.trade-customer-quick-detail>header h2{margin:5px 0;font-size:20px}.trade-customer-quick-detail>header p{margin:0;color:var(--muted);font-size:13px}
.trade-customer-quick-detail>header>button{width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);font-size:20px}
.trade-customer-quick-badges{display:flex;flex-wrap:wrap;gap:6px;padding:11px 0}.trade-customer-quick-badges b,.trade-customer-quick-badges span{padding:4px 8px;border-radius:999px;background:#fff0f3;color:var(--brand);font-size:12px}
.trade-customer-quick-detail .trade-customer-score{margin-bottom:11px}.trade-customer-quick-detail .trade-customer-score p b{font-size:14px}.trade-customer-quick-detail .trade-customer-score p span{font-size:12px}
.trade-customer-quick-detail .trade-customer-drawer-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 12px}.trade-customer-quick-detail .trade-customer-drawer-actions button{min-height:36px;padding:7px;font-size:13px}
.trade-customer-quick-section{margin-top:10px;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#fff}
.trade-customer-quick-section .panel-header{min-height:54px;margin:0;padding:10px 11px;border-bottom:1px solid var(--line)}.trade-customer-quick-section h3{margin:0 0 3px;font-size:16px}.trade-customer-quick-section .panel-header p{margin:0;font-size:12px}.trade-customer-quick-section .panel-header button{padding:5px 8px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--brand);font-size:12px}
.trade-customer-quick-section dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.trade-customer-quick-section dl>div{min-width:0;display:grid;gap:4px;padding:9px 10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.trade-customer-quick-section dl>div:nth-child(2n){border-right:0}.trade-customer-quick-section dt{color:var(--muted);font-size:12px}.trade-customer-quick-section dd{overflow:hidden;margin:0;font-size:13px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.trade-customer-quick-deal{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 11px;border:0;border-top:1px solid var(--line);background:#fff;color:var(--text);text-align:left}.trade-customer-quick-deal span{min-width:0;display:grid;gap:4px}.trade-customer-quick-deal b{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.trade-customer-quick-deal small{overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.trade-customer-quick-deal strong{color:#3157d5;font-size:13px}
.trade-customer-quick-activity{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px;padding:9px 11px;border-top:1px solid var(--line)}.trade-customer-quick-activity time{color:var(--muted);font-size:12px}.trade-customer-quick-activity b{font-size:13px}.trade-customer-quick-activity p{display:-webkit-box;overflow:hidden;margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.trade-customer-ai-card{padding-bottom:11px}.trade-customer-ai-card>b,.trade-customer-ai-card>p,.trade-customer-ai-card>button{margin-inline:11px}.trade-customer-ai-card>b{display:block;margin-top:10px;font-size:14px}.trade-customer-ai-card>p{color:var(--muted);font-size:12px;line-height:1.6}.trade-customer-ai-card>button{min-height:34px;padding:6px 10px;border:1px solid #b8d9cf;border-radius:7px;background:#f4fbf8;color:#087c55;font-size:13px;font-weight:750}
.trade-customer-full-detail{min-width:0;display:grid;gap:12px}.trade-customer-full-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:4px}.trade-customer-full-head>div>button{padding:0;border:0;background:transparent;color:var(--brand);font-size:13px}.trade-customer-full-head span{display:block;margin-top:13px;color:var(--brand);font-size:12px;font-weight:850;letter-spacing:.08em}.trade-customer-full-head h1{margin:5px 0;font-size:24px}.trade-customer-full-head p{margin:0;color:var(--muted);font-size:14px}.trade-customer-full-head nav{display:flex;gap:8px}.trade-customer-full-head nav button{min-height:40px;padding:8px 14px;font-size:14px}
.trade-customer-overview-block>h2{margin:0 0 8px 2px;font-size:18px}
.trade-customer-full-detail .trade-customer-card .panel-header h2{margin:0 0 4px;font-size:18px}.trade-customer-full-detail .trade-customer-card .panel-header p{font-size:13px}.trade-customer-full-ai{margin-top:0}.trade-customer-full-ai>div:not(.panel-header){display:grid;gap:6px;padding:13px}.trade-customer-full-ai>div strong{font-size:16px}.trade-customer-full-ai>div p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.trade-customer-full-ai>div span{color:var(--muted);font-size:12px}
.trade-customer-related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.trade-customer-related-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px}.trade-customer-related-counts button{display:grid;gap:5px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--soft);color:var(--text);text-align:left}.trade-customer-related-counts strong{font-size:20px}.trade-customer-related-counts span{color:var(--muted);font-size:13px}
.trade-customer-audit article{display:grid;grid-template-columns:145px minmax(0,1fr);gap:10px;padding:10px 12px;border-top:1px solid var(--line)}.trade-customer-audit time{color:var(--muted);font-size:12px}.trade-customer-audit article div{display:grid;gap:3px}.trade-customer-audit b{font-size:13px}.trade-customer-audit span{color:var(--muted);font-size:12px}
.trade-customer-modal{width:min(720px,calc(100vw - 32px))}.trade-customer-modal.compact{width:min(620px,calc(100vw - 32px))}.trade-customer-modal label{font-size:13px}.trade-customer-modal input,.trade-customer-modal select,.trade-customer-modal textarea{min-height:40px;padding:8px 10px;font-size:14px}.trade-customer-modal footer button{min-height:38px;padding:7px 13px;font-size:14px}
.trade-customer-form-note{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
.trade-customer-dedupe-modal{width:min(850px,calc(100vw - 32px))}.trade-customer-dedupe-body{display:grid;gap:10px;padding:14px}.trade-customer-dedupe-body article{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px}.trade-customer-dedupe-body article>div{display:grid;gap:4px}.trade-customer-dedupe-body b{font-size:14px}.trade-customer-dedupe-body span{color:var(--muted);font-size:12px}.trade-customer-dedupe-body strong{color:var(--red);font-size:12px}.trade-customer-dedupe-body button{min-height:36px;padding:7px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--brand);font-size:13px}
.trade-research-modal{width:min(1040px,calc(100vw - 32px))}.trade-research-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 14px 14px}.trade-research-sections>section{min-width:0;padding:12px;border:1px solid var(--line);border-radius:9px}.trade-research-sections h3{margin:0 0 9px;font-size:16px}.trade-research-sections ul,.trade-research-sections ol{display:grid;gap:6px;margin:0;padding-left:18px;color:var(--text);font-size:13px;line-height:1.5}.trade-research-sections dl{margin:0}.trade-research-sections dl>div{display:grid;grid-template-columns:95px minmax(0,1fr);gap:8px;padding:6px 0;border-top:1px solid var(--line)}.trade-research-sections dt{color:var(--muted);font-size:12px}.trade-research-sections dd{margin:0;overflow-wrap:anywhere;font-size:13px;font-weight:750}
.trade-research-writeback{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 14px 14px;padding:12px;border:1px solid #ead9ae;border-radius:9px;background:#fffaf0}.trade-research-writeback>div{display:grid;gap:4px}.trade-research-writeback b{font-size:14px}.trade-research-writeback span{color:#6e624d;font-size:12px}.trade-research-writeback button{min-height:36px;padding:7px 11px;border:1px solid #d7b65b;border-radius:7px;background:#fff;color:#8a650c;font-size:13px;font-weight:750;white-space:nowrap}
.trade-research-empty-state{display:grid;justify-items:center;gap:10px;padding:54px 24px;text-align:center}.trade-research-empty-state b{font-size:18px}.trade-research-empty-state p{max-width:680px;margin:0;color:var(--muted);font-size:14px;line-height:1.7}.trade-research-empty-state button{min-height:40px;padding:8px 15px;font-size:14px}.trade-research-modal>footer{align-items:center}.trade-research-modal>footer>span{margin-right:auto;color:var(--muted);font-size:12px}
@media(max-width:1500px){.trade-customer-filter-row{grid-template-columns:minmax(250px,1.5fr) repeat(4,minmax(110px,.7fr)) repeat(2,auto)}.trade-customer-workbench.with-detail{grid-template-columns:minmax(0,1.58fr) minmax(330px,1fr)}}
@media(max-width:1180px){.trade-customer-summary.five{grid-template-columns:repeat(3,minmax(0,1fr))}.trade-customer-filter-row{grid-template-columns:repeat(3,minmax(0,1fr))}.trade-customer-filter-row .trade-customer-search{grid-column:1/-1}.trade-customer-workbench.with-detail{grid-template-columns:minmax(0,1fr)}.trade-customer-quick-detail{position:static;width:auto;max-height:none}.trade-research-sections{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.trade-customer-page-head,.trade-customer-full-head{align-items:stretch;flex-direction:column}.trade-customer-summary.five,.trade-customer-filter-row,.trade-customer-more-filters,.trade-customer-related-grid{grid-template-columns:minmax(0,1fr)}.trade-customer-filter-row .trade-customer-search{grid-column:auto}.trade-customer-summary.five>button{min-height:72px}.trade-customer-head-actions,.trade-customer-full-head nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.trade-customer-list-head{align-items:stretch;flex-direction:column}.trade-customer-quick-detail{position:fixed;z-index:91;inset:0;width:100vw;max-height:100vh;border-radius:0;box-shadow:-18px 0 50px rgba(46,25,31,.18)}.trade-customer-overview,.trade-customer-related-counts,.trade-research-sections{grid-template-columns:minmax(0,1fr)}.trade-customer-dedupe-body article{grid-template-columns:minmax(0,1fr)}.trade-research-writeback{align-items:stretch;flex-direction:column}}

/* 客户列表/地图可逆切换、角色范围提示与右侧折叠详情 */
.trade-customer-map-return{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid var(--line);border-radius:11px;background:#fff}
.trade-customer-map-return h2{margin:0 0 4px;font-size:18px}
.trade-customer-map-return p{margin:0;color:var(--muted);font-size:13px}
.trade-customer-scope-banner{display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid #ead9dd;border-radius:9px;background:#fff8fa}
.trade-customer-scope-banner strong{color:var(--brand);font-size:14px}.trade-customer-scope-banner span{color:var(--muted);font-size:13px}
.trade-customer-compact-overview{grid-template-columns:minmax(220px,1.15fr) minmax(0,6fr) auto}
.trade-customer-compact-overview>.trade-customer-summary.five{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.trade-customer-compact-overview .trade-customer-summary.five>button{height:var(--trade-overview-height);min-height:var(--trade-overview-height);gap:3px;padding:9px 12px;border-radius:9px;box-sizing:border-box}
.trade-customer-compact-overview .trade-customer-summary.five span,.trade-customer-compact-overview .trade-customer-summary.five small{line-height:1.25}
.trade-customer-compact-overview .trade-customer-summary.five strong{margin:2px 0 0;line-height:1}
.trade-customer-compact-overview .trade-customer-head-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}
.trade-customer-workbench.with-detail{grid-template-columns:minmax(0,1fr)}
.trade-customer-pagination{display:none}
.trade-customer-management .growth-drawer.trade-customer-quick-detail{position:fixed;top:0;right:0;bottom:0;left:auto;z-index:91;width:min(620px,96vw);max-height:none;padding:20px;overflow:auto;border:0;border-left:1px solid #e4d8dc;border-radius:0;background:#fff;box-shadow:-24px 0 70px rgba(44,24,30,.2);transform:none}
@media(max-width:1280px){.trade-customer-compact-overview{grid-template-columns:minmax(210px,1fr) minmax(0,3fr) auto}}
@media(max-width:900px){.trade-customer-compact-overview{grid-template-columns:minmax(0,1fr) auto}.trade-customer-compact-overview>.trade-customer-summary.five{grid-column:1/-1;grid-row:2}}
@media(max-width:760px){.trade-customer-map-return,.trade-customer-scope-banner{align-items:stretch;flex-direction:column}.trade-customer-map-return .trade-customer-view-switch{width:100%}.trade-customer-management .growth-drawer.trade-customer-quick-detail{width:96vw}.trade-customer-compact-overview>.trade-customer-summary.five{grid-template-columns:minmax(0,1fr)}}

/* 销售成交：单一主链、执行工作台及合同履约/档案分工 */
.trade-sales-compact-overview{grid-template-columns:minmax(250px,1.2fr) minmax(0,5fr) auto}
.trade-sales-compact-overview>.growth-page-head{min-width:0}
.trade-sales-compact-overview>.growth-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.trade-sales-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap}
.trade-sales-head-actions button{min-height:40px;padding:8px 14px;font-size:14px}
.trade-sales-flow-strip,.trade-sales-task-panel,.trade-sales-list-panel,.trade-contract-archive-list{padding:16px}
.trade-sales-flow-strip>.panel-header,.trade-sales-task-panel>.panel-header,.trade-contract-archive-list>.panel-header{margin-bottom:13px}
.trade-sales-flow-strip h2,.trade-sales-task-panel h2,.trade-contract-archive-list h2{margin:0 0 4px;font-size:18px}
.trade-sales-flow-strip p,.trade-sales-task-panel p,.trade-contract-archive-list p{margin:0;color:var(--muted);font-size:13px}
.trade-sales-flow-strip>.panel-header+div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.trade-sales-flow-strip>.panel-header+div>button{position:relative;min-width:0;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:58px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text);text-align:left}
.trade-sales-flow-strip>.panel-header+div>button:not(:last-child)::after{content:"›";position:absolute;right:-8px;z-index:2;color:#bbaeb2;font-size:20px}
.trade-sales-flow-strip button i{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fff0f3;color:var(--brand);font-size:13px;font-style:normal;font-weight:850}
.trade-sales-flow-strip button span{overflow:hidden;font-size:14px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.trade-sales-flow-strip button b{color:var(--brand);font-size:16px}
.trade-sales-task-panel>.panel-header,.trade-contract-archive-list>.panel-header{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}
.trade-sales-task-panel .growth-filter-tabs,.trade-contract-archive-list .growth-filter-tabs,.trade-sales-toolbar .growth-filter-tabs{display:flex;flex-wrap:wrap;gap:6px}
.trade-sales-task-panel .growth-filter-tabs button,.trade-contract-archive-list .growth-filter-tabs button,.trade-sales-toolbar .growth-filter-tabs button{min-height:34px;padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:13px;font-weight:750}
.trade-sales-task-panel .growth-filter-tabs button.active,.trade-contract-archive-list .growth-filter-tabs button.active,.trade-sales-toolbar .growth-filter-tabs button.active{border-color:var(--brand);background:var(--brand);color:#fff}
.trade-sales-task-list{display:grid}
.trade-sales-task-list article{display:grid;grid-template-columns:70px minmax(260px,1.7fr) minmax(120px,.65fr) minmax(90px,.45fr) auto;align-items:center;gap:12px;padding:12px 4px;border-top:1px solid var(--line)}
.trade-sales-task-list article.overdue{background:linear-gradient(90deg,#fff5f5,transparent)}
.trade-sales-task-list article>em{justify-self:start;padding:4px 8px;border-radius:999px;background:#f4eff1;color:var(--brand);font-size:12px;font-style:normal;font-weight:850}
.trade-sales-task-list article>div{min-width:0;display:grid;gap:4px}
.trade-sales-task-list article b{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.trade-sales-task-list article span,.trade-sales-task-list article time,.trade-sales-task-list article small{overflow:hidden;color:var(--muted);font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.trade-sales-task-list article.overdue time{color:var(--red);font-weight:800}
.trade-sales-task-list article>button{min-height:34px;padding:6px 11px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--brand);font-size:13px;font-weight:800}
.trade-sales-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.trade-sales-toolbar>input{width:min(360px,100%);min-height:40px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:14px}
.trade-sales-list-panel .table-wrap,.trade-contract-archive-list .table-wrap{overflow:auto}
.trade-sales-table{width:100%;min-width:1280px;border-collapse:separate;border-spacing:0}
.trade-sales-table th{padding:11px 10px;border-bottom:1px solid var(--line);background:#fff9f8;color:#6f6065;font-size:13px;text-align:left;white-space:nowrap}
.trade-sales-table td{padding:12px 10px;border-bottom:1px solid var(--line);color:var(--text);font-size:13px;vertical-align:middle}
.trade-sales-table td>b,.trade-sales-table td>button>b{display:block;max-width:220px;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.trade-sales-table td>span,.trade-sales-table td>button>span{display:block;max-width:230px;overflow:hidden;margin-top:4px;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.trade-sales-table td>button{padding:0;border:0;background:transparent;color:inherit;text-align:left}
.trade-sales-table td>button:hover b{color:var(--brand);text-decoration:underline}
.trade-sales-actions{min-width:150px;display:flex;flex-wrap:wrap;gap:6px}
.trade-sales-actions button{min-height:32px;padding:5px 9px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--brand);font-size:12px;font-weight:750;white-space:nowrap}
.trade-sales-actions button.primary{border-color:var(--brand);background:var(--brand);color:#fff}
.trade-sales-status{display:inline-flex;align-items:center;min-height:26px;padding:4px 8px;border-radius:999px;background:#f1f1f3;color:#605b60;font-size:12px;font-style:normal;font-weight:800;white-space:nowrap}
.trade-sales-status.success{background:#eaf8f2;color:#087c55}.trade-sales-status.warning{background:#fff7df;color:#8a650c}.trade-sales-status.danger{background:#fff0f0;color:#b13232}.trade-sales-status.info{background:#edf3ff;color:#3157d5}
.trade-contract-boundary{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid #e5d8dc;border-radius:9px;background:#fff8fa}
.trade-contract-boundary b{flex:0 0 auto;color:var(--brand);font-size:14px}.trade-contract-boundary span{color:var(--muted);font-size:13px;line-height:1.5}
.trade-form-note{margin:0 16px 12px;padding:10px 12px;border-radius:8px;background:#fff8f0;color:#6d604d;font-size:12px;line-height:1.6}
.text-danger{color:var(--red)!important}
@media(max-width:1350px){.trade-sales-compact-overview{grid-template-columns:minmax(230px,1fr) minmax(0,3fr) auto}.trade-sales-flow-strip>.panel-header+div{grid-template-columns:repeat(3,minmax(0,1fr))}.trade-sales-task-list article{grid-template-columns:64px minmax(220px,1.5fr) minmax(110px,.7fr) auto}.trade-sales-task-list article>small{display:none}}
@media(max-width:900px){.trade-sales-compact-overview{grid-template-columns:minmax(0,1fr) auto}.trade-sales-compact-overview>.growth-kpis{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr))}.trade-sales-toolbar,.trade-sales-task-panel>.panel-header,.trade-contract-archive-list>.panel-header{align-items:stretch;flex-direction:column}.trade-sales-toolbar>input{width:100%}.trade-sales-task-list article{grid-template-columns:64px minmax(0,1fr) auto}.trade-sales-task-list article>time{grid-column:2}.trade-sales-task-list article>button{grid-column:3;grid-row:1/3}.trade-sales-flow-strip>.panel-header+div{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.trade-sales-compact-overview{grid-template-columns:minmax(0,1fr)}.trade-sales-head-actions{justify-content:stretch}.trade-sales-head-actions button{flex:1}.trade-sales-compact-overview>.growth-kpis{grid-template-columns:minmax(0,1fr)}.trade-sales-flow-strip>.panel-header+div{grid-template-columns:minmax(0,1fr)}.trade-sales-flow-strip>.panel-header+div>button::after{display:none}.trade-sales-task-list article{grid-template-columns:58px minmax(0,1fr)}.trade-sales-task-list article>button{grid-column:1/-1;grid-row:auto}.trade-contract-boundary{align-items:flex-start;flex-direction:column}}

/* 外贸CRM / 产品库：商品中心同步、单品/套装人民币定价与快速报价 */
.trade-product-page{min-width:0;display:grid;gap:14px}
.trade-product-overview{grid-template-columns:minmax(260px,1.2fr) minmax(0,4fr) auto}
.trade-product-overview>.growth-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.trade-product-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;white-space:nowrap}
.trade-product-head-actions button{min-height:40px;padding:8px 14px;font-size:14px}
.trade-product-list-panel{min-width:0;padding:16px}
.trade-product-list-panel>header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:13px}
.trade-product-list-panel>header h2{margin:0 0 4px;font-size:18px}
.trade-product-list-panel>header p{margin:0;color:var(--muted);font-size:13px}
.trade-product-list-panel>header>div:last-child{display:flex;align-items:center;justify-content:flex-end;gap:8px}
.trade-product-list-panel>header button{min-height:38px;padding:7px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--brand);font-size:13px;font-weight:800}
.trade-product-list-panel>header button.primary{border-color:var(--brand);background:var(--brand);color:#fff}
.trade-product-search input{width:280px;min-height:38px;padding:7px 11px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:14px}
.trade-product-table{width:100%;min-width:1280px;border-collapse:separate;border-spacing:0}
.trade-product-table th{padding:10px;border-bottom:1px solid var(--line);background:#fff9f8;color:#6f6065;font-size:13px;text-align:left;white-space:nowrap}
.trade-product-table td{padding:11px 10px;border-bottom:1px solid var(--line);color:var(--text);font-size:13px;vertical-align:middle}
.trade-product-table td>b,.trade-product-table td>strong{display:block;font-size:13px}
.trade-product-table td>small{display:block;margin-top:4px;color:var(--muted);font-size:12px}
.trade-product-table input[type="checkbox"]{width:16px;height:16px;accent-color:var(--brand)}
.trade-product-name{min-width:250px;display:flex;align-items:center;gap:10px}
.trade-product-name>span{width:52px;height:52px;display:grid;flex:0 0 auto;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff9f8;color:var(--muted);font-size:12px}
.trade-product-name img{width:100%;height:100%;object-fit:contain}
.trade-product-name>div{min-width:0;display:grid;gap:4px}
.trade-product-name b{max-width:260px;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.trade-product-name small{max-width:270px;overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.trade-product-table td>em{display:inline-flex;padding:5px 8px;border-radius:999px;background:#edf8f3;color:#087c55;font-size:12px;font-style:normal;font-weight:800;white-space:nowrap}
.trade-product-table td>em.warning{background:#fff6e5;color:#8a650c}
.trade-product-actions{min-width:215px;display:flex;flex-wrap:wrap;gap:5px}
.trade-product-actions button{min-height:32px;padding:5px 8px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--brand);font-size:12px;font-weight:750;white-space:nowrap}

.trade-product-modal-backdrop,.trade-quote-backdrop{position:fixed;z-index:94;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(39,28,32,.48);cursor:default}
.trade-product-modal{position:fixed;z-index:95;top:50%;left:50%;width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 44px);display:grid;overflow:auto;border:1px solid #e1d6d9;border-radius:13px;background:#fff;box-shadow:0 28px 80px rgba(44,24,30,.28);transform:translate(-50%,-50%)}
.trade-product-modal>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:17px 18px 14px;border-bottom:1px solid var(--line)}
.trade-product-modal>header span{color:var(--brand);font-size:12px;font-weight:850;letter-spacing:.08em}
.trade-product-modal>header h2{margin:4px 0;font-size:20px}
.trade-product-modal>header p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.trade-product-modal>header>button{width:36px;height:36px;display:grid;flex:0 0 auto;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);font-size:20px}
.trade-product-modal footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:13px 18px;border-top:1px solid var(--line)}
.trade-product-modal footer>span{margin-right:auto;color:var(--muted);font-size:13px}
.trade-product-modal footer button{min-height:38px;padding:7px 13px;font-size:14px}

.trade-product-picker{width:min(920px,calc(100vw - 32px))}
.trade-product-picker-search{padding:14px 18px 0}
.trade-product-picker-search input{width:100%;min-height:42px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;font-size:14px}
.trade-product-picker-list{max-height:55vh;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:14px 18px;overflow:auto}
.trade-product-picker-list>label{min-width:0;display:grid;grid-template-columns:auto 54px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer}
.trade-product-picker-list>label:has(input:checked){border-color:#c76383;background:#fff7f9}
.trade-product-picker-list>label.synced{background:#faf8f9}
.trade-product-picker-list input{width:16px;height:16px;accent-color:var(--brand)}
.trade-product-picker-image{width:54px;height:54px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--muted);font-size:12px}
.trade-product-picker-image img{width:100%;height:100%;object-fit:contain}
.trade-product-picker-list label>span:nth-of-type(2){min-width:0;display:grid;gap:5px}
.trade-product-picker-list b,.trade-product-picker-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trade-product-picker-list b{font-size:14px}.trade-product-picker-list small{color:var(--muted);font-size:12px}
.trade-product-picker-list em{padding:4px 7px;border-radius:999px;background:#f1edef;color:var(--brand);font-size:12px;font-style:normal;white-space:nowrap}

.trade-product-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 18px}
.trade-product-edit-grid label{min-width:0;display:grid;gap:6px;color:var(--text);font-size:13px}
.trade-product-edit-grid label.wide{grid-column:1/-1}
.trade-product-edit-grid label>span{font-weight:750}
.trade-product-edit-grid input,.trade-product-edit-grid select{min-height:40px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:14px}
.trade-product-edit-grid .trade-product-bundle-toggle{display:flex;align-items:center;padding:10px 12px;border:1px solid #eadde1;border-radius:8px;background:#fff8fa}
.trade-product-bundle-toggle input{min-height:auto;width:16px;height:16px;accent-color:var(--brand)}

.trade-product-detail-hero{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:16px 18px}
.trade-product-detail-hero>div{height:140px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff9f8;color:var(--muted);font-size:13px}
.trade-product-detail-hero img{width:100%;height:100%;object-fit:contain}
.trade-product-detail-hero section{min-width:0;display:grid;align-content:center;gap:8px}
.trade-product-detail-hero h3{margin:0;font-size:18px}
.trade-product-detail-hero p{display:-webkit-box;overflow:hidden;margin:0;color:var(--muted);font-size:13px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.trade-product-detail-hero span{color:var(--brand);font-size:12px;font-weight:750}
.trade-product-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 18px 16px;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.trade-product-detail-grid>div{min-width:0;padding:9px 10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.trade-product-detail-grid dt{color:var(--muted);font-size:12px}.trade-product-detail-grid dd{overflow:hidden;margin:5px 0 0;font-size:13px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.trade-product-price-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 18px 16px}
.trade-product-price-summary article{display:grid;gap:6px;padding:11px;border:1px solid #eadde1;border-radius:8px;background:#fff8fa}
.trade-product-price-summary span{color:var(--muted);font-size:12px}.trade-product-price-summary strong{font-size:15px}

.trade-quote-drawer{position:fixed;z-index:96;top:0;right:0;bottom:0;width:min(760px,96vw);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;overflow:hidden;border-left:1px solid #e1d6d9;background:#fff;box-shadow:-28px 0 80px rgba(44,24,30,.28)}
.trade-quote-drawer>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px;border-bottom:1px solid var(--line)}
.trade-quote-drawer>header span{color:var(--brand);font-size:12px;font-weight:850;letter-spacing:.08em}
.trade-quote-drawer>header h2{margin:4px 0;font-size:20px}
.trade-quote-drawer>header p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.trade-quote-drawer>header>button{width:36px;height:36px;display:grid;flex:0 0 auto;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:20px}
.trade-quote-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:13px 18px;border-bottom:1px solid var(--line);background:#fffaf9}
.trade-quote-controls label{min-width:0;display:grid;gap:5px;color:var(--text);font-size:12px;font-weight:750}
.trade-quote-controls input,.trade-quote-controls select{width:100%;min-height:38px;padding:7px 9px;border:1px solid var(--line);border-radius:7px;background:#fff;font-size:13px}
.trade-quote-rate{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:5px}
.trade-quote-rate i{color:var(--muted);font-size:12px;font-style:normal;white-space:nowrap}
.trade-quote-items{min-height:0;padding:0 18px;overflow:auto}
.trade-quote-table-head,.trade-quote-items article{display:grid;grid-template-columns:minmax(220px,1fr) 72px 118px 130px 48px;align-items:center;gap:8px}
.trade-quote-table-head{position:sticky;z-index:2;top:0;padding:10px 0;border-bottom:1px solid var(--line);background:#fff;color:var(--muted);font-size:12px;font-weight:800}
.trade-quote-items article{padding:11px 0;border-bottom:1px solid var(--line)}
.trade-quote-items article>div{min-width:0;display:grid;gap:4px}
.trade-quote-items article b,.trade-quote-items article small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.trade-quote-items article b{font-size:13px}.trade-quote-items article small{color:var(--muted);font-size:12px}
.trade-quote-items article input{min-width:0;min-height:36px;padding:6px 8px;border:1px solid var(--line);border-radius:7px;font-size:13px}
.trade-quote-items article strong{color:var(--brand);font-size:13px;text-align:right;white-space:nowrap}
.trade-quote-items article button{min-height:32px;padding:5px;border:0;background:transparent;color:var(--red);font-size:12px}
.trade-quote-preview{margin:12px 18px;padding:12px 14px;border:1px solid #e4d5d9;border-radius:9px;background:#fff8fa}
.trade-quote-preview header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.trade-quote-preview header>div{display:grid;gap:4px}.trade-quote-preview b{font-size:14px}.trade-quote-preview span{color:var(--muted);font-size:12px}
.trade-quote-preview strong{color:var(--brand);font-size:18px}
.trade-quote-preview p{margin:8px 0 0;color:var(--muted);font-size:12px}
.trade-quote-drawer>footer{display:flex;justify-content:flex-end;gap:7px;padding:13px 18px;border-top:1px solid var(--line);background:#fff}
.trade-quote-drawer>footer button{min-height:38px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--brand);font-size:13px;font-weight:800}
.trade-quote-drawer>footer button.primary{border-color:var(--brand);background:var(--brand);color:#fff}

@media(max-width:1350px){.trade-product-overview{grid-template-columns:minmax(230px,1fr) minmax(0,3fr) auto}.trade-product-list-panel>header{align-items:stretch;flex-direction:column}.trade-product-list-panel>header>div:last-child{justify-content:flex-start}}
@media(max-width:900px){.trade-product-overview{grid-template-columns:minmax(0,1fr) auto}.trade-product-overview>.growth-kpis{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr))}.trade-product-picker-list{grid-template-columns:minmax(0,1fr)}.trade-product-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trade-quote-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.trade-product-overview{grid-template-columns:minmax(0,1fr)}.trade-product-head-actions{justify-content:stretch}.trade-product-head-actions button{flex:1}.trade-product-overview>.growth-kpis{grid-template-columns:minmax(0,1fr)}.trade-product-list-panel>header>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.trade-product-search{grid-column:1/-1}.trade-product-search input{width:100%}.trade-product-edit-grid,.trade-product-detail-grid,.trade-product-price-summary,.trade-quote-controls{grid-template-columns:minmax(0,1fr)}.trade-product-detail-hero{grid-template-columns:minmax(0,1fr)}.trade-product-detail-hero>div{height:180px}.trade-quote-drawer{width:100vw}.trade-quote-table-head{display:none}.trade-quote-items article{grid-template-columns:minmax(0,1fr) repeat(2,minmax(90px,.5fr))}.trade-quote-items article>div{grid-column:1/-1}.trade-quote-items article strong{text-align:left}.trade-quote-drawer>footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.trade-quote-drawer>footer button.primary{grid-column:1/-1}}

/* 资料中心：经营汇报、小工具、提成对账统一使用系统字号与酒红主题 */
.trade-live-report-head > div:first-child > span,
.trade-utilities-head > div:first-child > span,
.trade-commission-page-head > div:first-child > span { color:var(--brand); }
.trade-live-report-head h1,.trade-utilities-head h1,.trade-commission-page-head h1 { color:var(--ink); font-size:24px; }
.trade-live-report-head p,.trade-utilities-head p,.trade-commission-page-head p { color:var(--muted); font-size:13px; font-weight:400; }

.trade-commission-hero { border-color:var(--line); background:radial-gradient(circle at 20% 0%,rgba(141,49,72,.1),transparent 34%),linear-gradient(135deg,#fff 0%,#fffafb 58%,#f8f1f3 100%); box-shadow:0 12px 34px rgba(100,54,61,.07); }
.trade-commission-hero > label,.trade-commission-kpis span,.trade-commission-section-head p { color:var(--muted); font-size:13px; }
.trade-commission-hero input,.trade-commission-hero select { border-color:var(--line); color:var(--ink); }
.trade-commission-hero input:focus,.trade-commission-hero select:focus { border-color:var(--brand-2); box-shadow:0 0 0 3px rgba(141,49,72,.09); outline:none; }
.trade-commission-kpis > div,.trade-commission-record-panel,.trade-commission-card,.trade-commission-result,.trade-commission-rule { border-color:var(--line); }
.trade-commission-kpis b,.trade-commission-section-head h2,.trade-commission-title-cell b,.trade-commission-money-cell b,.trade-commission-result header b,.trade-commission-rule header b { color:var(--ink); }
.trade-commission-section-head h2 { font-size:16px; }
.trade-commission-table { font-size:13px; }
.trade-commission-table th { background:var(--soft); color:var(--muted); font-size:12px; }
.trade-commission-title-cell b,.trade-commission-money-cell b,.trade-commission-title-cell span,.trade-commission-money-cell span,.trade-commission-status-stack span { font-size:13px; }
.trade-commission-title-cell span,.trade-commission-money-cell span,.trade-commission-status-stack span,.trade-commission-result p,.trade-commission-rule p { color:var(--muted); }
.trade-commission-result span { background:var(--soft); color:var(--muted); font-size:13px; }
.trade-commission-row-actions button.primary { border-color:var(--brand); background:var(--brand); }
.trade-commission-hero nav button,.trade-commission-row-actions button,.trade-commission-rule footer button { border-color:var(--line); color:var(--brand); font-size:13px; }
.trade-commission-result:hover,.trade-commission-rule:hover { border-color:var(--brand-2); box-shadow:0 10px 24px rgba(100,54,61,.07); }

.trade-live-report-hero { background:linear-gradient(135deg,#2d1119 0%,#54202f 56%,#783047 100%); box-shadow:0 16px 42px rgba(89,29,47,.22); }
.trade-live-report-hero small,.trade-live-report-metrics span { color:#e4cbd2; }
.trade-live-report-hero > p { color:#f0dfe4; font-size:13px; }
.trade-live-report-hero h2 { font-size:24px; }
.trade-live-report-meta span { background:#fff7f9; color:var(--brand); }
.trade-live-report-summary article,.trade-live-report-grid > section { border-color:var(--line); box-shadow:0 8px 22px rgba(100,54,61,.05); }
.trade-live-report-summary strong { color:var(--ink); font-size:14px; }
.trade-live-report-summary p,.trade-live-report-grid > section > header p,.trade-live-report-actions span,.trade-report-risk-list span,.trade-live-report-market span,.trade-live-report-definitions { color:var(--muted); font-size:13px; }
.trade-live-report-grid > section.dark { background:#3b1722; border-color:#6f2b40; }
.trade-live-report-grid > section.dark > header p { color:#dec4cc; }
.trade-live-report-grid > section > header h2 { font-size:16px; }
.trade-live-report-funnel > div > i { background:linear-gradient(90deg,var(--brand),var(--brand-2)); }
.trade-live-report-funnel b,.trade-live-report-actions b,.trade-report-risk-list b { color:var(--ink); font-size:13px; }
.trade-live-report-actions article,.trade-report-risk-list article { border-color:var(--line); background:var(--soft); }
.trade-live-report-actions i,.trade-report-risk-list i { background:var(--brand); }
.trade-live-report-table { font-size:13px; }
.trade-live-report-table th { background:var(--soft); color:var(--muted); }

.trade-utilities-status article,.trade-utilities-list article,.trade-utilities-main,.trade-utilities-fields > label,.trade-utilities-matrix section,.trade-utilities-table-wrap { border-color:var(--line); box-shadow:0 7px 18px rgba(100,54,61,.04); }
.trade-utilities-status span,.trade-utilities-status small,.trade-utilities-list article span,.trade-utilities-section-head small,.trade-utilities-fields span,.trade-utilities-matrix small,.trade-utilities-sync span { color:var(--muted); font-size:13px; }
.trade-utilities-status b,.trade-utilities-list article b,.trade-utilities-section-head h2,.trade-utilities-fields span input { color:var(--ink); }
.trade-utilities-list article b { font-size:13px; }
.trade-utilities-section-head h2 { font-size:16px; }
.trade-utilities-list article.active { border-color:var(--brand-2); background:#fff7f9; box-shadow:inset 3px 0 0 var(--brand),0 7px 18px rgba(100,54,61,.05); }
.trade-utilities-list article > i { background:linear-gradient(135deg,var(--brand),var(--brand-2)); }
.trade-utilities-section-head > div > i { background:#f7e9ed; color:var(--brand); }
.trade-utilities-section-head nav button { border-color:var(--line); color:var(--brand); font-size:13px; }
.trade-utilities-section-head nav button.primary { border-color:var(--brand); background:var(--brand); }
.trade-utilities-upload,.trade-utilities-url-box { border-color:var(--line); background:linear-gradient(180deg,#fff,#fff9fa); }
.trade-utilities-upload > em,.trade-utilities-url-box > em,.trade-utilities-sync em,.trade-utilities-matrix em,.trade-utilities-table-wrap em { background:#f7e9ed; color:var(--brand); }
.trade-utilities-business-card { background:linear-gradient(135deg,#2d1119,#54202f 58%,#783047); box-shadow:0 16px 34px rgba(89,29,47,.2); }
.trade-utilities-business-card p,.trade-utilities-business-card span { color:#ead6dc; font-size:13px; }
.trade-utilities-sync > div { border-color:var(--line); background:var(--soft); font-size:13px; }
.trade-utilities-fields > label > input,.trade-utilities-table-wrap input[type=checkbox] { accent-color:var(--brand); }
.trade-utilities-fields span input,.trade-utilities-url-box textarea,.trade-utilities-table-wrap td > input:not([type=checkbox]) { border-color:var(--line); background:#fff; font-size:13px; }
.trade-utilities-matrix table,.trade-utilities-table-wrap table { font-size:13px; }
.trade-utilities-table-wrap th { background:var(--soft); color:var(--muted); }
.trade-utilities-alert { border-color:rgba(141,49,72,.2); background:#fff7f9; color:var(--muted); font-size:13px; }
.trade-utilities-alert b { color:var(--brand); }

/* 资料维护：上传资料弹窗留白与紧凑表单 */
.trade-customer-modal.trade-knowledge-upload-modal { width:min(600px,calc(100vw - 40px)); }
.trade-knowledge-upload-modal > header { padding:15px 18px; }
.trade-knowledge-upload-modal > .trade-form-grid { gap:10px 12px; padding:16px 18px 18px; }
.trade-knowledge-upload-modal label { gap:5px; font-size:13px; }
.trade-knowledge-upload-modal input,
.trade-knowledge-upload-modal select { min-height:34px; height:34px; padding:5px 9px; font-size:13px; }
.trade-knowledge-upload-modal input[type="file"] { height:38px; padding:5px 8px; }
.trade-knowledge-upload-modal > footer { padding:12px 18px 16px; }
.trade-knowledge-upload-modal > footer button { min-height:34px; padding:6px 14px; font-size:13px; }
@media(max-width:620px){
  .trade-customer-modal.trade-knowledge-upload-modal { width:calc(100vw - 24px); }
  .trade-knowledge-upload-modal > .trade-form-grid { grid-template-columns:1fr; padding:14px; }
  .trade-knowledge-upload-modal > .trade-form-grid .wide { grid-column:auto; }
  .trade-knowledge-upload-modal > footer { padding:12px 14px 14px; }
}

/* 外贸 CRM：统一沟通中心 */
.omni-page{min-width:0;display:grid;gap:12px;color:#2f2528}
.omni-page button,.omni-page input,.omni-page select,.omni-page textarea{font-family:inherit}
.omni-page-head{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(620px,1.1fr);align-items:center;gap:22px;padding:4px 4px 0}
.omni-page-head>div:first-child>span{color:var(--brand);font-size:12px;font-weight:850;letter-spacing:.08em}
.omni-page-head h1{margin:5px 0 3px;font-size:28px;line-height:1.15}
.omni-page-head p{margin:0;color:var(--muted);font-size:14px}
.omni-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.omni-kpis>div{min-width:0;min-height:70px;display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px solid #eadfe2;border-radius:9px;background:#fff;box-shadow:0 5px 16px rgba(70,37,46,.04)}
.omni-kpis i{width:34px;height:34px;display:grid;flex:0 0 auto;place-items:center;border-radius:50%;background:#fff0f4;color:var(--brand);font-size:16px;font-style:normal}
.omni-kpis .warn i{background:#fff4ea;color:#d36d22}.omni-kpis .online i{background:#eef9f4;color:#24956b}
.omni-kpis span{min-width:0;color:#62575a;font-size:13px}.omni-kpis strong{display:block;margin-top:1px;color:#251e20;font-size:24px;line-height:1}
.omni-kpis .warn strong{color:#a71f43}

.omni-channel-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));overflow:hidden;border:1px solid #e2d8db;border-radius:8px;background:#fff}
.omni-channel-tabs button{min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-right:1px solid #eee5e7;background:#fff;color:#4d4346;font-size:15px;font-weight:750;cursor:pointer}
.omni-channel-tabs button:last-child{border-right:0}.omni-channel-tabs button:hover{background:#fff7f8;color:var(--brand)}
.omni-channel-tabs button.active{background:var(--brand);color:#fff}
.omni-channel-tabs em{min-width:25px;height:25px;display:inline-grid;place-items:center;padding:0 6px;border-radius:999px;background:#f5ecef;color:#8c5262;font-size:12px;font-style:normal}
.omni-channel-tabs button.active em{background:rgba(255,255,255,.18);color:#fff}

.omni-workbench{min-width:0;display:grid;grid-template-columns:220px 330px minmax(460px,1fr);min-height:720px;overflow:hidden;border:1px solid #e2d8db;border-radius:10px;background:#fff;box-shadow:0 10px 30px rgba(68,36,44,.05)}
.omni-sidebar,.omni-conversation-column,.omni-detail{min-width:0}
.omni-sidebar{display:flex;flex-direction:column;border-right:1px solid #e8dfe1;background:#fff}
.omni-company-select{min-height:57px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid #eee6e8}
.omni-company-select>i{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--brand);color:#fff;font-size:12px;font-style:normal;font-weight:800}
.omni-company-select select{min-width:0;height:36px;border:0;background:#fff;color:#332b2d;font-size:13px;font-weight:700}
.omni-compose-button{min-height:40px;margin:10px 12px;border:0;border-radius:7px;background:var(--brand);color:#fff;font-size:15px;font-weight:800;cursor:pointer}
.omni-sidebar-title{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 13px 7px;color:#30272a;font-size:14px;font-weight:850}
.omni-sidebar-title button{border:0;background:transparent;color:var(--brand);font-size:12px;font-weight:800;cursor:pointer}
.omni-quick-views{display:grid;padding:0 7px 11px;border-bottom:1px solid #eee6e8}
.omni-quick-views button{min-height:37px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:4px;padding:5px 7px;border:0;border-radius:6px;background:transparent;color:#554b4e;font-size:13px;text-align:left;cursor:pointer}
.omni-quick-views button:hover,.omni-quick-views button.active{background:#fff2f5;color:var(--brand)}
.omni-quick-views i{font-style:normal;text-align:center}.omni-quick-views em{min-width:23px;padding:2px 6px;border-radius:999px;background:#f5f1f2;color:#796d70;font-size:12px;font-style:normal;text-align:center}
.omni-account-list{display:grid;gap:2px;padding:0 8px 10px}
.omni-account-list button{min-height:40px;display:grid;grid-template-columns:30px minmax(0,1fr) 8px;align-items:center;gap:7px;padding:4px 6px;border:0;border-radius:6px;background:transparent;color:#4d4346;font-size:12px;text-align:left;cursor:pointer}
.omni-account-list button:hover{background:#faf5f6}.omni-account-list button>i{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:12px;font-style:normal;font-weight:800}
.omni-account-list button>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.omni-account-list button>span small{display:block;overflow:hidden;margin-top:2px;color:#8a7d81;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}
.omni-account-list button>em{width:7px;height:7px;border-radius:50%;background:#d2c8cb}.omni-account-list button>em.online{background:#55bd82}
.omni-manage-accounts{margin:auto 8px 10px;padding:9px;border:1px solid #eadde1;border-radius:7px;background:#fff;color:var(--brand);font-size:12px;font-weight:800;cursor:pointer}
.omni-account-list i.mail,.omni-conversation i.mail,.omni-contact>i.mail{background:#b41f43}.omni-account-list i.whatsapp,.omni-conversation i.whatsapp,.omni-contact>i.whatsapp{background:#22aa62}.omni-account-list i.wechat,.omni-conversation i.wechat,.omni-contact>i.wechat{background:#1ba85a}.omni-account-list i.social,.omni-conversation i.social,.omni-contact>i.social{background:#267ab7}
.communication-platform-icon{position:relative;width:32px;height:32px;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(35,24,28,.08);border-radius:8px;background:#fff;color:#8f2947;box-shadow:0 1px 3px rgba(35,24,28,.08)}
.communication-platform-icon>img{width:68%;height:68%;display:block;object-fit:contain;filter:brightness(0) invert(1)}
.communication-platform-icon>svg{width:62%;height:62%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.communication-platform-icon.brand-gmail{background:#ea4335}.communication-platform-icon.brand-whatsapp{background:#25d366}.communication-platform-icon.brand-facebook{background:#1877f2}.communication-platform-icon.brand-wechat{background:#07c160}.communication-platform-icon.brand-instagram{background:radial-gradient(circle at 30% 105%,#feda75 0 20%,#fa7e1e 40%,#d62976 62%,#962fbf 80%,#4f5bd5 100%)}
.communication-platform-icon.brand-linkedin,.communication-platform-icon.brand-microsoft{border-color:transparent;background:transparent;box-shadow:none}.communication-platform-icon.brand-linkedin>img,.communication-platform-icon.brand-microsoft>img{width:100%;height:100%;filter:none}
.communication-platform-icon.brand-enterprise-mail,.communication-platform-icon.brand-website,.communication-platform-icon.brand-records,.communication-platform-icon.brand-all,.communication-platform-icon.brand-message{background:#fff6f8}
.communication-platform-icon.brand-mail,.communication-platform-icon.brand-social-aggregate{overflow:visible;border:0;background:transparent;box-shadow:none}
.communication-brand-chip{position:absolute;width:13px;height:13px;display:grid;place-items:center;overflow:hidden;border:1.5px solid #fff;border-radius:4px;box-shadow:0 1px 2px rgba(27,18,21,.18)}
.communication-brand-chip>img{width:72%;height:72%;object-fit:contain;filter:brightness(0) invert(1)}
.communication-brand-chip.brand-gmail{left:0;bottom:0;background:#ea4335}.communication-brand-chip.brand-microsoft{right:0;top:0;background:#fff}.communication-brand-chip.brand-microsoft>img,.communication-brand-chip.brand-linkedin>img{width:100%;height:100%;filter:none}
.communication-brand-chip.brand-linkedin{left:0;bottom:0;background:#fff}.communication-brand-chip.brand-facebook{left:5px;top:0;background:#1877f2}.communication-brand-chip.brand-instagram{right:0;bottom:0;background:radial-gradient(circle at 30% 105%,#feda75 0 20%,#fa7e1e 40%,#d62976 62%,#962fbf 80%,#4f5bd5 100%)}
.omni-account-list button>.communication-platform-icon{width:29px;height:29px;border-radius:50%}.omni-conversation-main>.communication-platform-icon{width:35px;height:35px;border-radius:50%}.omni-contact>.communication-platform-icon{width:40px;height:40px;border-radius:50%}
.comm-platform-grid>button>.communication-platform-icon{width:40px;height:40px;border-radius:9px}.comm-account-name>.communication-platform-icon{width:34px;height:34px}.comm-confirm-card>.communication-platform-icon{width:48px;height:48px;border-radius:10px}.comm-account-identity>.communication-platform-icon{width:42px;height:42px;border-radius:9px}.crm-settings-account-list .communication-platform-icon{width:24px;height:24px;border-radius:6px}
.omni-custom-filter{display:grid;gap:7px;padding:10px 12px 12px;border-bottom:1px solid #eee6e8;background:#fffaf9}.omni-custom-filter>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.omni-custom-filter b{color:#4d252f;font-size:13px}.omni-custom-filter div>span{color:#856e74;font-size:12px}.omni-custom-filter label{position:relative}.omni-custom-filter label>span{position:absolute;top:8px;left:8px;color:#8f7a7f;font-size:13px}.omni-custom-filter input,.omni-custom-filter select{width:100%;min-height:32px;padding:6px 8px;border:1px solid #e1d5d8;border-radius:6px;background:#fff;color:#51464a;font-size:12px}.omni-custom-filter input{padding-left:25px}.omni-custom-filter button{justify-self:end;border:0;background:transparent;color:var(--brand);font-size:12px;font-weight:800;cursor:pointer}

.omni-conversation-column{display:grid;grid-template-rows:auto minmax(0,1fr);border-right:1px solid #e8dfe1;background:#fff}
.omni-conversation-column>header{display:grid;gap:9px;padding:13px 11px 10px;border-bottom:1px solid #e9e1e3}
.omni-conversation-column h2{margin:0;font-size:18px}.omni-search{position:relative}.omni-search input{width:100%;height:37px;padding:7px 34px 7px 10px;border:1px solid #dfd4d7;border-radius:7px;background:#fff;font-size:13px}.omni-search span{position:absolute;top:8px;right:10px;color:#8f8286;font-size:15px}
.omni-conversation-column>header>nav{display:flex;gap:6px;overflow-x:auto}
.omni-conversation-column>header>nav button{min-width:56px;min-height:29px;padding:4px 10px;border:0;border-radius:999px;background:#f6f2f3;color:#6d6265;font-size:12px;white-space:nowrap;cursor:pointer}
.omni-conversation-column>header>nav button.active{background:var(--brand);color:#fff}
.omni-conversation-list{min-height:0;overflow:auto}
.omni-conversation{position:relative;min-height:106px;border-bottom:1px solid #eee6e8;background:#fff}.omni-conversation:hover{background:#fff9fa}.omni-conversation.active{border-left:3px solid var(--brand);background:#fff3f6}.omni-conversation-main{width:100%;min-height:105px;display:grid;grid-template-columns:38px minmax(0,1fr) 48px;align-items:start;gap:9px;padding:12px 42px 12px 9px;border:0;background:transparent;color:#30282a;text-align:left;cursor:pointer}.omni-conversation-main>i{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:12px;font-style:normal;font-weight:800}
.omni-conversation-main>span{min-width:0}.omni-conversation b{font-size:14px}.omni-conversation small{display:block;margin:2px 0;color:#6e6266;font-size:12px}.omni-conversation p{overflow:hidden;margin:4px 0;color:#665b5e;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.omni-conversation span>em{display:inline-block;margin:2px 4px 0 0;padding:2px 6px;border-radius:4px;background:#fff0f4;color:#a42a4b;font-size:12px;font-style:normal}.omni-conversation span>em.important{background:#fff4dc;color:#9a6418}
.omni-conversation-main>time{display:grid;justify-items:end;gap:8px;color:#807478;font-size:12px}.omni-conversation-main>time b{min-width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#b31f43;color:#fff;font-size:12px}.omni-conversation-more{position:absolute;top:10px;right:7px;width:29px;height:29px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:#8a777c;font-size:16px;letter-spacing:1px;line-height:1;cursor:pointer}.omni-conversation-more:hover,.omni-conversation-more:focus-visible{border-color:#dfc9ce;background:#fff;color:var(--brand);outline:0}

.omni-detail{min-height:0;display:grid;grid-template-rows:auto auto minmax(210px,1fr) auto auto;background:#fff}
.omni-detail-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;border-bottom:1px solid #e8dfe1}
.omni-contact{min-width:0;display:flex;align-items:center;gap:10px}.omni-contact>i{width:40px;height:40px;display:grid;flex:0 0 auto;place-items:center;border-radius:50%;color:#fff;font-size:13px;font-style:normal;font-weight:850}
.omni-contact h2{overflow:hidden;margin:0;font-size:20px;text-overflow:ellipsis;white-space:nowrap}.omni-contact h2 small{color:#76696d;font-size:13px;font-weight:500}.omni-contact p{display:flex;gap:5px;margin:5px 0 0}.omni-contact p em{padding:2px 6px;border-radius:4px;background:#fff1de;color:#8a5e1b;font-size:12px;font-style:normal}
.omni-detail-head>nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.omni-detail-head>nav button{min-height:34px;padding:6px 9px;border:1px solid #ded3d6;border-radius:7px;background:#fff;color:#55474b;font-size:12px;cursor:pointer}.omni-detail-head>nav button:disabled{cursor:not-allowed;opacity:.45}
.omni-language-row{display:flex;align-items:center;gap:8px;padding:9px 14px;color:#65595d;font-size:13px}.omni-language-row nav{display:flex;overflow:hidden;border:1px solid #ddd2d5;border-radius:7px}.omni-language-row button{min-width:78px;min-height:31px;padding:4px 10px;border:0;border-right:1px solid #e7dfe1;background:#fff;color:#62575a;font-size:12px;cursor:pointer}.omni-language-row button:last-child{border-right:0}.omni-language-row button.active{background:var(--brand);color:#fff}
.omni-message-thread{min-height:0;display:grid;align-content:start;gap:9px;padding:0 14px 10px;overflow:auto}
.omni-message-thread>article{max-width:92%;display:grid;gap:8px;padding:12px 13px;border:1px solid #e5dbde;border-radius:9px;background:#fff}
.omni-message-thread>article.outbound{justify-self:end;background:#fff7f9}.omni-message-thread article>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.omni-message-thread header b{font-size:13px}.omni-message-thread time{color:#83767a;font-size:12px}
.omni-message-thread article>div{display:grid;gap:3px}.omni-message-thread article>div.translated{padding-top:8px;border-top:1px dashed #e2d7da}.omni-message-thread small{color:#75696c;font-size:12px}.omni-message-thread p{margin:0;color:#342b2e;font-size:14px;line-height:1.65;white-space:pre-wrap}
.omni-deal-card{display:flex;align-items:center;gap:14px;margin:0 14px 10px;padding:10px 12px;border:1px solid #ead9bf;border-radius:8px;background:#fffaf1;color:#69563d;font-size:12px}.omni-deal-card>i{font-size:18px;font-style:normal}.omni-deal-card>span:first-of-type{margin-right:auto}.omni-deal-card b{color:#3d3127;font-size:13px}.omni-deal-card.empty{justify-content:center;color:#766b6e}
.omni-reply{display:grid;gap:9px;margin:0 14px 12px;padding:11px;border:1px solid #e5dbde;border-radius:9px;background:#fff}
.omni-reply>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.omni-reply>header>b{font-size:15px}.omni-reply .reply-language-picker{display:flex;align-items:center;gap:7px;font-size:12px}.omni-reply .reply-language-picker select{height:32px;padding:4px 28px 4px 8px;border:1px solid #ded3d6;border-radius:6px;background:#fff;font-size:12px}
.omni-reply-grid{display:grid;grid-template-columns:1fr .9fr;gap:10px}.omni-reply-grid>label,.omni-reply-grid>section{min-width:0;display:grid;grid-template-rows:minmax(100px,1fr) auto;border:1px solid #e4dade;border-radius:7px;background:#fff}
.omni-reply-grid textarea{width:100%;min-height:100px;padding:9px;border:0;resize:vertical;font-size:13px;line-height:1.55}.omni-reply-grid label>span{display:flex;gap:6px;padding:6px;border-top:1px solid #eee6e8}.omni-reply-grid label button{min-height:29px;padding:4px 8px;border:1px solid #ded4d7;border-radius:6px;background:#fff;color:#65595d;font-size:12px}
.omni-reply-grid>section{display:block;padding:9px;background:#fbf8f9}.omni-reply-grid section>b{font-size:12px}.omni-reply-grid section>p{max-height:115px;overflow:auto;margin:8px 0 0;padding:9px;border-radius:6px;background:#fff;color:#4d4346;font-size:12px;line-height:1.55;white-space:pre-wrap}
.omni-reply>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#74686b;font-size:12px}.omni-reply>footer nav{display:flex;gap:8px}.omni-reply>footer button{min-height:36px;padding:6px 13px;border:1px solid var(--brand);border-radius:7px;background:#fff;color:var(--brand);font-size:13px}.omni-reply>footer .primary-button{background:var(--brand);color:#fff}
.omni-record-note{margin:0 14px 14px;padding:13px;border:1px dashed #dcd1d4;border-radius:8px;background:#faf8f9;color:#74686b;font-size:13px;text-align:center}
.communication-compose-modal>header span{color:var(--brand);font-size:12px;font-weight:850;letter-spacing:.08em}.communication-compose-modal>header h2{margin:4px 0 0}.communication-send-note{margin:0;padding:0 18px 15px;color:#806f74;font-size:12px;line-height:1.5}

@media(max-width:1280px){
  .omni-page-head{grid-template-columns:minmax(230px,.65fr) minmax(540px,1.35fr)}
  .omni-workbench{grid-template-columns:190px 300px minmax(420px,1fr)}
  .omni-detail-head{align-items:flex-start;flex-direction:column}.omni-detail-head>nav{justify-content:flex-start}
}
@media(max-width:1050px){
  .omni-page-head{grid-template-columns:minmax(0,1fr)}.omni-kpis{grid-template-columns:repeat(4,minmax(130px,1fr));overflow-x:auto}
  .omni-channel-tabs{display:flex;overflow-x:auto}.omni-channel-tabs button{min-width:150px;border-bottom:0}
  .omni-workbench{grid-template-columns:210px minmax(320px,1fr)}.omni-detail{grid-column:1/-1;min-height:620px;border-top:1px solid #e8dfe1}.omni-conversation-column{border-right:0}
}
@media(max-width:700px){
  .omni-kpis{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.omni-kpis>div{min-height:64px}.omni-page-head h1{font-size:24px}
  .omni-workbench{grid-template-columns:minmax(0,1fr)}.omni-sidebar{border-right:0;border-bottom:1px solid #e8dfe1}.omni-quick-views{grid-template-columns:repeat(2,minmax(0,1fr))}.omni-account-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .omni-conversation-column{min-height:520px}.omni-detail{grid-column:auto;min-height:640px}.omni-detail-head>nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.omni-detail-head>nav button{padding-inline:4px}
  .omni-language-row{align-items:flex-start;flex-direction:column}.omni-language-row nav{width:100%}.omni-language-row button{min-width:0;flex:1}
  .omni-reply-grid{grid-template-columns:minmax(0,1fr)}.omni-deal-card{align-items:flex-start;flex-direction:column;gap:6px}.omni-deal-card>span:first-of-type{margin-right:0}.omni-reply>footer{align-items:flex-start;flex-direction:column}.omni-reply>footer nav{width:100%}.omni-reply>footer button{flex:1}
}

/* 管理后台 / 账号管理：账号、凭据与授权集中在单屏工作区。 */
.managed-account-page{
  display:grid;
  gap:10px;
}
.managed-account-page>.system-settings-page-head{margin-bottom:0}
.managed-account-page>.system-settings-page-head nav{display:flex;align-items:center;gap:8px}
.managed-account-page>.system-settings-page-head nav button{min-width:92px}
html body .management-admin-page .managed-account-kpis{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
.managed-account-workspace{
  display:grid;
  grid-template-columns:minmax(520px,1.48fr) minmax(290px,.86fr) minmax(270px,.8fr);
  align-items:start;
  gap:10px;
}
.managed-account-workspace>.system-settings-card{
  min-width:0;
  min-height:414px;
  margin:0;
}
.managed-account-page .system-settings-card>header p{
  display:block;
  margin-top:2px;
  color:#918589;
  font-size:11px;
  line-height:1.35;
}
.managed-account-list-card{display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden}
.managed-account-toolbar{
  display:grid;
  grid-template-columns:minmax(180px,1fr) 116px 116px;
  gap:7px;
  padding:8px 10px;
  border-bottom:1px solid #f0e9e6;
}
.managed-account-toolbar label,
.managed-grant-search{
  display:flex;
  align-items:center;
  gap:6px;
  min-width:0;
  min-height:32px;
  padding:0 9px;
  border:1px solid #e3d9d6;
  border-radius:5px;
  background:#fff;
}
.managed-account-toolbar label>span,
.managed-grant-search>svg{display:grid;width:16px;height:16px;flex:0 0 16px;color:#96898c;place-items:center}
.managed-account-toolbar svg{width:15px;height:15px}
.managed-account-toolbar input,
.managed-grant-search input{
  min-width:0;
  width:100%;
  min-height:0;
  height:28px;
  padding:0;
  border:0;
  border-radius:0;
  outline:0;
  box-shadow:none;
  background:transparent;
  color:#3c3034;
  font:inherit;
  font-size:12px;
}
.managed-account-toolbar select{
  min-width:0;
  height:32px;
  padding:0 8px;
  border:1px solid #e3d9d6;
  border-radius:5px;
  background:#fff;
  color:#4d4145;
  font:inherit;
  font-size:12px;
}
.managed-account-table-wrap{position:relative;min-height:0;overflow:auto}
.managed-account-table-wrap table,
.managed-compact-table table{width:100%;min-width:0;border-collapse:collapse;table-layout:fixed;font-size:12px}
.managed-account-table-wrap th,
.managed-account-table-wrap td,
.managed-compact-table th,
.managed-compact-table td{
  height:42px;
  box-sizing:border-box;
  padding:6px 8px;
  overflow:hidden;
  border-bottom:1px solid #eee7e4;
  color:#4d4245;
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.managed-account-table-wrap th,
.managed-compact-table th{height:34px;background:#fbf8f6;color:#6d6265;font-weight:650;text-align:left}
.managed-account-table-wrap th:nth-child(1){width:18%}
.managed-account-table-wrap th:nth-child(2){width:19%}
.managed-account-table-wrap th:nth-child(3){width:20%}
.managed-account-table-wrap th:nth-child(4){width:16%}
.managed-account-table-wrap th:nth-child(5){width:12%}
.managed-account-table-wrap th:nth-child(6){width:15%}
.managed-account-table-wrap tbody tr{transition:background-color .16s ease}
.managed-account-table-wrap tbody tr:hover{background:#fff9fa}
.managed-account-table-wrap tbody tr.selected{background:#fff2f5;box-shadow:inset 3px 0 0 #a42e50}
.managed-account-platform-mark{display:inline-grid;width:20px;height:20px;margin-right:5px;border-radius:5px;background:#f8ecef;color:#a02f50;vertical-align:middle;place-items:center}
.managed-account-platform-mark svg{width:13px;height:13px}
.managed-account-row-actions{display:flex;gap:4px}
.managed-account-row-actions button,
.managed-compact-table td button{
  min-height:25px;
  padding:0 7px;
  border:1px solid #e2d5d7;
  border-radius:5px;
  background:#fff;
  color:#7d3348;
  font:inherit;
  font-size:11px;
  cursor:pointer;
}
.managed-account-editor,
.managed-account-grants{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:8px;padding-bottom:10px}
.managed-account-editor-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-content:start;
  gap:8px;
  padding:2px 10px 0;
}
.managed-account-editor-grid .field{min-width:0}
.managed-account-editor-grid .field.wide{grid-column:1/-1}
.managed-account-editor-grid .field>span{font-size:11px}
.managed-account-editor-grid input,
.managed-account-editor-grid select{min-height:34px;padding:6px 8px;font-size:12px}
.managed-password-control{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:5px;align-items:center}
.managed-password-control button{min-height:34px;padding:0 10px;border:1px solid #e2d5d7;border-radius:6px;background:#fff;color:#7d3348;font-size:11px;cursor:pointer;white-space:nowrap}
.managed-password-control button:hover{border-color:#b9788b;background:#fff7f9}
.managed-password-control input[readonly]{background:#faf8f7;color:#54494c;letter-spacing:.08em}
.managed-account-editor>footer,
.managed-account-grants>footer{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:7px;
  margin:0 10px;
  padding:0;
  border:0;
}
.managed-account-grants>footer{grid-template-columns:minmax(0,1fr)}
.managed-account-editor>footer button,
.managed-account-grants>footer button{min-height:34px;font-size:12px}
.managed-account-security-note{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin:0 10px;
  color:#887c80;
  font-size:10px;
  text-align:center;
}
.managed-account-security-note svg{width:14px;height:14px;flex:0 0 14px;color:#8c7c80}
.managed-grant-tabs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin:0 10px;
  overflow:hidden;
  border:1px solid #e4d9d7;
  border-radius:5px;
}
.managed-grant-tabs button{min-height:32px;border:0;background:#fff;color:#594c50;font:inherit;font-size:12px;cursor:pointer}
.managed-grant-tabs button.active{background:#a42f50;color:#fff;font-weight:700}
.managed-grant-search{margin:0 10px}
.managed-grant-search:focus-within{border-color:#a42f50;box-shadow:0 0 0 3px rgba(164,47,80,.1)}
.managed-grant-option-list{display:none;max-height:202px;margin:0 10px;padding:6px 0;overflow:auto;border-top:1px solid #f0e9e6}
.managed-grant-option-list.active{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:6px}
.managed-grant-option-list>label{
  display:grid;
  grid-template-columns:16px 25px minmax(0,1fr);
  align-items:center;
  gap:7px;
  min-width:0;
  min-height:48px;
  padding:5px 7px;
  border:1px solid #f0e2e6;
  border-radius:6px;
  background:#fff;
  cursor:pointer;
}
.managed-grant-option-list>label:hover{border-color:#d9aebb;background:#fff8fa}
.managed-grant-option-list>.empty-state{grid-column:1/-1}
.managed-grant-option-list input{width:14px;height:14px;accent-color:#a42f50}
.managed-grant-option-list i{display:grid;width:25px;height:25px;border-radius:50%;background:#faf3f4;color:#8d5968;place-items:center}
.managed-grant-option-list i svg{width:14px;height:14px}
.managed-grant-option-list span{display:grid;min-width:0;gap:1px}
.managed-grant-option-list b{overflow:hidden;color:#44383c;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.managed-grant-option-list small{overflow:hidden;color:#8f8387;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.managed-grant-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0 10px}
.managed-grant-summary span{display:flex;min-height:30px;align-items:center;justify-content:center;border-radius:5px;background:#fbecf0;color:#6e5360;font-size:11px}
.managed-grant-summary b{margin-right:3px;color:#982d4c;font-size:13px}
.managed-account-bottom-grid{display:grid;grid-template-columns:minmax(380px,.88fr) minmax(520px,1.32fr);align-items:stretch;gap:10px}
.managed-account-bottom-grid>.system-settings-card{min-width:0;margin:0;overflow:hidden}
.managed-platform-card header button,
.managed-launch-audit-card header button{min-height:28px;padding:0 10px;font-size:11px}
.managed-compact-table{max-height:222px;overflow:auto}
.managed-compact-table th:nth-child(1){width:24%}
.managed-compact-table th:nth-child(2){width:48%}
.managed-compact-table th:nth-child(3){width:14%}
.managed-compact-table th:nth-child(4){width:14%}
.managed-launch-audit-card .table-wrap{max-height:222px;overflow:auto}
.managed-launch-audit-card table{min-width:620px}
.managed-account-boundary-note{
  display:flex;
  min-height:38px;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:0 12px;
  border:1px solid #ead8d3;
  border-radius:5px;
  background:#fffaf6;
  color:#766a6d;
  font-size:11px;
}
.managed-account-boundary-note>svg{width:15px!important;min-width:15px!important;max-width:15px!important;height:15px!important;min-height:15px!important;max-height:15px!important;flex:0 0 15px!important;color:#8e5967;overflow:hidden}
.managed-credential-readiness{justify-content:flex-start}
.managed-credential-readiness>span:first-of-type{flex:1;min-width:0}
.managed-credential-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.managed-credential-actions>button{min-height:28px;padding:0 10px;border:1px solid #d9c4c9;border-radius:6px;background:#fff;color:#7d3348;font-size:11px;cursor:pointer;white-space:nowrap}
.managed-credential-actions>button:disabled{cursor:not-allowed;opacity:.45}
.managed-vault-backup-readiness{justify-content:flex-start;margin-top:8px;background:#fffdf8;border-color:#ead9c5}.managed-vault-backup-readiness>span:first-of-type{flex:1;min-width:0}.managed-vault-backup-readiness .ghost-button{min-height:28px;padding:6px 10px;border:1px solid #d9c4c9;border-radius:6px;background:#fff;color:#7d3348;font-size:11px;cursor:pointer;white-space:nowrap}.managed-vault-backup-readiness .ghost-button.disabled{cursor:not-allowed;opacity:.45}
.managed-reconciliation-card{margin:0}
.managed-reconciliation-card .table-wrap{max-height:170px;overflow:auto}
.managed-platform-modal{position:fixed;z-index:1200;inset:0;display:grid;padding:24px;place-items:center}
.managed-platform-modal-scrim{position:absolute;inset:0;border:0;background:rgba(38,24,29,.38);cursor:pointer}
.managed-platform-modal>form{position:relative;width:min(620px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;background:#fff;box-shadow:0 20px 55px rgba(51,30,37,.2)}
.managed-platform-modal .system-admin-form>footer{display:flex;justify-content:flex-end;gap:8px;margin:0 18px;padding:0;border:0}
.managed-platform-modal .system-admin-form>footer button{min-width:110px}
@media(max-width:1380px){
  .managed-account-workspace{grid-template-columns:minmax(500px,1.32fr) minmax(300px,.88fr)}
  .managed-account-grants{grid-column:1/-1;min-height:330px}
  .managed-grant-option-list{max-height:145px}
}
@media(max-width:1020px){
  .managed-account-workspace,
  .managed-account-bottom-grid{grid-template-columns:minmax(0,1fr)}
  .managed-account-workspace>.system-settings-card{min-height:auto}
  .managed-account-grants{grid-column:auto}
  .managed-account-table-wrap{max-height:380px}
}
@media(max-width:620px){.managed-grant-option-list.active{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  html body .management-admin-page .managed-account-kpis{grid-template-columns:none !important;grid-auto-flow:column !important;grid-auto-columns:minmax(150px,1fr) !important}
  .managed-account-toolbar{grid-template-columns:minmax(0,1fr) repeat(2,104px);overflow:auto}
  .managed-account-table-wrap table{min-width:720px}
  .managed-account-editor-grid{grid-template-columns:minmax(0,1fr)}
  .managed-account-editor-grid .field.wide{grid-column:auto}
}

/* AI/知识 V2：按确认的六张效果图统一页面、图标与信息密度。 */
.app-shell.ai-knowledge-active{
  --software-submenu-safe-right:min(455px,max(0px,calc(100vw - var(--sidebar) - 405px)));
}
.app-shell.ai-knowledge-active:not(.right-collapsed) .right-search-wrap{grid-template-columns:24px minmax(110px,150px)}
.app-shell.ai-knowledge-active:not(.right-collapsed) .right-menu-label{display:none}
.ai-ui-shell{gap:14px!important}
.ai-ui-shell>.ai-center-tabs{gap:clamp(12px,1.1vw,18px)!important}
.ai-ui-shell>.ai-center-tabs>.data-tab{font-size:15px!important}
.ai-ui-shell>.ai-center-tabs>.management-entry{gap:7px!important;margin-left:auto!important;padding:0 14px!important;border:1px solid #c88999!important;border-radius:6px!important;height:40px!important;min-height:40px!important;align-self:center!important;color:var(--brand)!important}
.ai-ui-shell>.ai-center-tabs>.management-entry.active{background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important}
.ai-ui-shell>.ai-center-tabs>.management-entry .ai-ui-icon{width:17px;height:17px}
.ai-ui-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.ai-ui-page{display:grid;gap:14px;min-width:0;color:#30272a;font-family:"Microsoft YaHei","PingFang SC","Segoe UI",Arial,sans-serif}
.ai-ui-page button,.ai-ui-page input,.ai-ui-page select,.ai-ui-page textarea,.ai-management-page button,.ai-management-page input,.ai-management-page select,.ai-management-page textarea{font:inherit}
.ai-ui-page button,.ai-management-page button{cursor:pointer}
.ai-ui-surface{min-width:0;border:1px solid #e7dcdf;border-radius:8px;background:#fff;box-shadow:0 4px 15px rgba(74,35,46,.045)}
.ai-ui-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:3px 2px 0}
.ai-ui-page-head h1{margin:0;font-size:26px;line-height:1.2}
.ai-ui-page-head p{margin:7px 0 0;color:#85777b;font-size:13px}
.ai-ui-page-head>button{min-height:40px;padding:0 16px;border:1px solid #dba7b4;border-radius:6px;background:#fff;color:var(--brand)}
.ai-ui-page-head>.primary-button{border-color:var(--brand);background:var(--brand);color:#fff}
.ai-ui-section-head{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #eee5e7}
.ai-ui-section-head h2{margin:0;font-size:18px}.ai-ui-section-head h2 em{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:5px;border-radius:50%;background:var(--brand);color:#fff;font-size:12px;font-style:normal}
.ai-ui-section-head p{margin:3px 0 0;color:#948589;font-size:12px}.ai-ui-section-head>button{border:0;background:transparent;color:var(--brand)}
.ai-ui-two-column{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-width:0}

/* AI工作台 */
.ai-command-studio{padding:18px 20px 16px}
.ai-command-studio>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.ai-command-studio>header span{color:var(--brand);font-size:12px;font-weight:800}.ai-command-studio>header h1{margin:4px 0 0;color:#9e183e;font-size:24px}.ai-command-studio>header small{color:#8c7c80}
.ai-command-layout{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:24px}.ai-command-main{position:relative}.ai-command-main textarea{width:100%;min-height:105px;padding:14px;border:1px solid #dfd4d7;border-radius:7px;resize:vertical;font-size:14px}.ai-command-tools{position:absolute;left:13px;bottom:10px;display:flex;gap:5px}.ai-command-tools button{width:28px;height:28px;border:0;background:transparent;color:#8b7c80;font-size:18px}.ai-command-layout>aside{display:grid;align-content:start;gap:7px}.ai-command-layout>aside>b{margin-bottom:2px;color:#65585c;font-size:12px}.ai-command-layout>aside button{height:35px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid #d7a3b0;border-radius:20px;background:#fff;color:#4f4246;text-align:left}.ai-command-layout>aside .ai-ui-icon{color:var(--brand)}
.ai-command-studio>footer{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(220px,.7fr) auto;gap:24px;align-items:end;margin-top:12px}.ai-command-studio>footer label{display:grid;gap:5px;color:#65585c;font-size:12px}.ai-command-studio>footer select{height:40px;border:1px solid #ddd2d5;border-radius:6px;background:#fff;padding:0 12px}.ai-command-submit{height:44px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 28px!important}.ai-command-submit .ai-ui-icon{width:18px}
.ai-workspace-middle{grid-template-columns:1.08fr 1fr}.ai-approval-list{padding:0 12px 10px}.ai-approval-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:58px;padding:8px;border-bottom:1px solid #eee7e8}.ai-line-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:6px;background:#fbe9ed;color:var(--brand)}.ai-line-icon.tone-1{background:#fff0df;color:#d17a14}.ai-line-icon.tone-2{background:#eaf7ed;color:#278542}.ai-approval-list strong,.ai-approval-list small{display:block}.ai-approval-list small{margin-top:3px;color:#948589;font-size:11px}.ai-approval-list article>button{border:1px solid #d69aa9;border-radius:5px;background:#fff;color:var(--brand);padding:6px 11px}
.ai-recommended-agents{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}.ai-recommended-agents button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;min-height:70px;padding:9px;border:1px solid #eee4e6;border-radius:7px;background:#fff;text-align:left}.ai-agent-avatar,.ai-mini-avatar,.global-ai-agent-icon,.ai-agent-selector-icon{--agent-color:#9f2949;--agent-bg:#f9e6eb;display:grid;place-items:center;border-radius:50%;background:var(--agent-bg);color:var(--agent-color)}.role-ceo{--agent-color:#b32d50;--agent-bg:#fde9ee}.role-ops{--agent-color:#2874c7;--agent-bg:#eaf2fd}.role-trade{--agent-color:#d87518;--agent-bg:#fff0df}.role-production{--agent-color:#168d8b;--agent-bg:#e3f5f3}.role-finance{--agent-color:#7053bd;--agent-bg:#eeeafd}.role-purchase{--agent-color:#2f934b;--agent-bg:#e8f5e8}.role-generic{--agent-color:#8c5163;--agent-bg:#f5e9ed}.ai-agent-avatar{width:44px;height:44px}.ai-agent-avatar .ai-ui-icon{width:25px;height:25px}.ai-agent-avatar.tone-1{background:#e9effd;color:#526fb0}.ai-agent-avatar.tone-2{background:#fae8d8;color:#bf722a}.ai-agent-avatar.tone-3{background:#dcf3f1;color:#138b82}.ai-recommended-agents strong,.ai-recommended-agents small{display:block}.ai-recommended-agents small{margin-top:4px;color:#908185;font-size:11px}.ai-recommended-agents em{color:var(--brand);font-size:12px;font-style:normal}
.ai-running-list,.ai-related-knowledge{padding:0 12px 10px}.ai-running-list article{display:grid;grid-template-columns:190px minmax(0,1fr) 44px;align-items:center;gap:10px;min-height:58px;border-bottom:1px solid #eee7e8}.ai-running-list strong,.ai-running-list small{display:block}.ai-running-list small{margin-top:3px;color:#938488;font-size:11px}.ai-progress-track{position:relative;height:24px;display:flex;align-items:flex-end;justify-content:space-between;padding-top:7px;color:#a19497;font-size:9px}.ai-progress-track:before{content:"";position:absolute;top:2px;left:0;right:0;height:4px;border-radius:4px;background:#ece8e9}.ai-progress-track i{position:absolute;top:2px;left:0;height:4px;border-radius:4px;background:#2f9a4a}.ai-running-list article>b{color:#2d9448;text-align:right}.ai-related-knowledge button{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:8px;border:0;border-bottom:1px solid #eee7e8;background:#fff;text-align:left}.ai-related-knowledge button>span{width:34px;height:34px;display:grid;place-items:center;border-radius:5px;background:var(--brand);color:#fff}.ai-related-knowledge strong,.ai-related-knowledge small{display:block}.ai-related-knowledge small{margin-top:3px;color:#928387;font-size:11px}.ai-related-knowledge em{color:var(--brand);font-style:normal}

/* AI员工 */
.ai-agent-filters{display:grid;grid-template-columns:repeat(3,minmax(130px,180px)) minmax(180px,1fr) auto;gap:12px;align-items:end}.ai-agent-filters label{display:grid;gap:5px;color:#675a5e;font-size:12px}.ai-agent-filters select,.ai-agent-filters input{height:38px;border:1px solid #ded3d6;border-radius:6px;background:#fff;padding:0 10px}.ai-agent-filters>div{position:relative}.ai-agent-filters>div .ai-ui-icon{position:absolute;left:10px;top:9px;width:18px;color:#9d8e92}.ai-agent-filters>div input{width:100%;padding-left:36px}.ai-agent-filters>button{height:38px;border:1px solid #ded3d6;border-radius:6px;background:#fff}
.ai-agent-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:14px;align-items:start}.ai-agent-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ai-agent-card{display:grid;gap:12px;min-width:0;padding:16px;border:1px solid #e7dcdf;border-radius:8px;background:#fff}.ai-agent-card.active{border-color:var(--brand);box-shadow:0 0 0 1px rgba(141,49,72,.15)}.ai-agent-card>header{display:flex;align-items:center;gap:11px}.ai-agent-card>header h2{margin:0;font-size:17px}.ai-agent-card>header small{color:#2f9149}.ai-agent-card>p{min-height:38px;margin:0;color:#77696d;font-size:12px;line-height:1.55}.ai-agent-capabilities,.ai-agent-detail-chips{display:flex;gap:6px;flex-wrap:wrap}.ai-agent-capabilities span,.ai-agent-detail-chips span{padding:5px 9px;border-radius:12px;background:#fae8ec;color:#9e354f;font-size:11px}.ai-agent-card dl{display:grid;gap:8px;margin:0;padding-top:9px;border-top:1px solid #eee7e8}.ai-agent-card dl div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:6px;font-size:11px}.ai-agent-card dt{display:flex;align-items:center;gap:5px;color:#827478}.ai-agent-card dt .ai-ui-icon{width:14px}.ai-agent-card dd{margin:0;color:#55484c}.ai-agent-card>footer{display:grid;grid-template-columns:1fr auto;gap:8px}.ai-agent-card>footer button{min-height:38px;border:1px solid #d69aa9;border-radius:5px;background:#fff;color:var(--brand)}.ai-agent-card>footer .primary-button{background:var(--brand);color:#fff}
.ai-agent-detail{position:sticky;top:74px;display:grid;gap:0;border:1px solid #e6dade;border-radius:8px;background:#fff;box-shadow:0 8px 24px rgba(74,35,46,.07)}.ai-agent-detail>header{display:flex;align-items:center;justify-content:space-between;padding:15px}.ai-agent-detail>header>div{display:flex;align-items:center;gap:10px}.ai-agent-detail h2{margin:0;font-size:18px}.ai-agent-detail>header small{color:#2d9148}.ai-agent-detail>header>button{border:0;background:transparent;font-size:22px}.ai-agent-config{position:absolute;top:17px;right:46px;border:1px solid #ddd2d5;border-radius:5px;background:#fff;padding:6px 10px}.ai-agent-detail>section{padding:13px 15px;border-top:1px solid #eee6e8}.ai-agent-detail h3{display:flex;align-items:center;gap:7px;margin:0 0 9px;font-size:14px}.ai-agent-detail h3 .ai-ui-icon{width:16px;color:var(--brand)}.ai-agent-detail h3 button{margin-left:auto;border:0;background:transparent;color:var(--brand);font-size:11px}.ai-agent-detail p,.ai-agent-detail li{color:#6d6064;font-size:12px;line-height:1.55}.ai-agent-detail ul{margin:0;padding-left:18px}.ai-agent-recent{list-style:none!important;padding:0!important}.ai-agent-recent li{display:flex;justify-content:space-between;padding:5px 0}.ai-agent-recent em{color:#378f4d;font-style:normal}

/* AI任务 */
.ai-status-tabs{display:flex;gap:9px;overflow:auto}.ai-status-tabs button{min-height:38px;padding:0 15px;border:1px solid #ded4d7;border-radius:6px;background:#fff;color:#65585c}.ai-status-tabs button.active{border-color:var(--brand);background:#fff7f9;color:var(--brand)}.ai-status-tabs b{margin-left:5px}.ai-task-layout{display:grid;grid-template-columns:minmax(620px,1fr) 390px;gap:14px;align-items:start}.ai-task-master{overflow:hidden}.ai-filter-bar{display:grid;grid-template-columns:repeat(4,minmax(105px,1fr)) minmax(170px,1.3fr);gap:8px;padding:12px;border-bottom:1px solid #e9dfe1}.ai-filter-bar label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px;color:#6f6266;font-size:11px}.ai-filter-bar select,.ai-filter-search input{width:100%;height:34px;border:1px solid #ddd2d5;border-radius:5px;background:#fff;padding:0 8px}.ai-filter-search{position:relative}.ai-filter-search .ai-ui-icon{position:absolute;left:9px;top:8px;width:17px;color:#998b8f}.ai-filter-search input{padding-left:32px}.ai-task-table{min-width:860px}.ai-task-table>.head,.ai-task-table>.row{display:grid;grid-template-columns:minmax(185px,1.7fr) minmax(125px,1.1fr) 105px 70px 65px 82px 92px 82px 36px;align-items:center;gap:8px;padding:0 12px}.ai-task-table>.head{height:40px;background:#faf7f7;color:#6e6165;font-size:11px}.ai-task-table>.row{width:100%;min-height:62px;border:0;border-bottom:1px solid #eee7e8;background:#fff;color:#403438;text-align:left;font-size:11px}.ai-task-table>.row:hover,.ai-task-table>.row.active{background:#fff7f9}.ai-task-table>.row strong,.ai-task-table>.row small{display:block}.ai-task-table>.row small{margin-top:3px;color:#9b8c90}.ai-task-table>.row>span:nth-child(2){display:flex;align-items:center;gap:6px}.ai-mini-avatar{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#f7e3e8;color:var(--brand)}.ai-mini-avatar .ai-ui-icon{width:15px}.ai-table-progress{display:block;width:52px;height:5px;margin-bottom:4px;border-radius:5px;background:#e8e5e6}.ai-table-progress em{display:block;height:100%;border-radius:5px;background:#397fd5}.link-count{color:#2473ca;font-weight:700}.ai-task-detail{position:sticky;top:74px;padding:0 14px 14px}.ai-task-detail>header{display:flex;justify-content:space-between;gap:10px;padding:16px 0;border-bottom:1px solid #ebe2e4}.ai-task-detail>header>div{display:flex;align-items:center;gap:8px}.ai-task-detail h2{margin:0;font-size:18px}.ai-task-detail>header>button{border:0;background:transparent;font-size:22px}.ai-task-detail dl{display:flex;gap:18px;margin:11px 0}.ai-task-detail dl div{font-size:11px}.ai-task-detail dt{color:#96878b}.ai-task-detail dd{margin:3px 0 0}.ai-task-detail h3{margin:14px 0 8px;font-size:14px}.ai-execution-timeline{list-style:none;margin:0;padding:0}.ai-execution-timeline li{position:relative;display:grid;grid-template-columns:25px minmax(0,1fr) auto;gap:9px;min-height:63px;padding:6px 0}.ai-execution-timeline li:after{content:"";position:absolute;left:12px;top:31px;bottom:-5px;border-left:1px solid #ddd}.ai-execution-timeline li:last-child:after{display:none}.ai-execution-timeline li>i{z-index:1;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#fff;border:1px solid #d5cbce;color:#938489;font-style:normal}.ai-execution-timeline li.done>i{background:#347fd3;border-color:#347fd3;color:#fff}.ai-execution-timeline li.active>i{background:#347fd3;border-color:#347fd3;color:#fff}.ai-execution-timeline b,.ai-execution-timeline small{display:block}.ai-execution-timeline small{margin-top:4px;color:#918287;font-size:11px}.ai-execution-timeline em{color:#378e4b;font-size:11px;font-style:normal}.ai-execution-timeline li.active em{color:#327bd0}.ai-detail-tabs{display:flex;gap:18px;border-bottom:1px solid #e9dfe1}.ai-detail-tabs button{height:36px;border:0;border-bottom:2px solid transparent;background:transparent}.ai-detail-tabs button.active{border-color:var(--brand);color:var(--brand)}.ai-task-citations p{display:flex;gap:8px;margin:0;padding:8px 0;border-bottom:1px solid #eee7e8}.ai-task-citations .ai-ui-icon{width:16px;color:#387fd3}.ai-task-citations b,.ai-task-citations small{display:block;font-size:11px}.ai-task-citations small{color:#938489}.ai-task-detail>footer{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.ai-task-detail>footer button{height:42px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #c78596;border-radius:5px;background:#fff;color:var(--brand)}.ai-task-detail>footer .primary-button{background:var(--brand);color:#fff}

/* 企业知识：Obsidian式四区工作台 */
.ai-knowledge-toolbar{display:grid;grid-template-columns:auto minmax(260px,1fr) auto auto auto;gap:10px;align-items:center}.ai-knowledge-toolbar h1{margin:0;font-size:25px}.ai-knowledge-toolbar>label{position:relative}.ai-knowledge-toolbar>label .ai-ui-icon{position:absolute;left:11px;top:10px;width:17px;color:#94868a}.ai-knowledge-toolbar input{width:100%;height:40px;padding:0 12px 0 36px;border:1px solid #ddd2d5;border-radius:5px;background:#fff}.ai-knowledge-toolbar>button{height:40px;padding:0 15px;border:1px solid #d99fac;border-radius:5px;background:#fff;color:var(--brand)}.ai-knowledge-toolbar>.primary-button{background:var(--brand);color:#fff}.ai-knowledge-toolbar>.obsidian-button{border-color:#69aa79;color:#2f8d47}
.ai-knowledge-studio{height:calc(100vh - 132px);min-height:680px;display:grid;grid-template-columns:220px 245px minmax(430px,1fr) 285px;border:1px solid #e1d7da;border-radius:4px;background:#fff;overflow:hidden}.ai-knowledge-studio>aside,.ai-knowledge-document{min-width:0;border-right:1px solid #e8dfe1}.ai-knowledge-studio>aside:last-child{border-right:0}.ai-knowledge-tree-pane>header,.ai-knowledge-list-pane>header{height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #e7dfe1}.ai-knowledge-tree-pane h2,.ai-knowledge-list-pane h2{margin:0;font-size:14px}.ai-knowledge-tree-pane header button,.ai-knowledge-list-pane header button{border:0;background:transparent}.ai-knowledge-tree-pane nav{padding:7px}.ai-knowledge-tree-pane nav>button{width:100%;height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;border:0;border-radius:4px;background:transparent;text-align:left}.ai-knowledge-tree-pane nav>button.active{background:#fae8ec;color:var(--brand)}.ai-knowledge-tree-pane nav button span{display:flex;align-items:center;gap:5px}.ai-knowledge-tree-pane .ai-ui-icon{width:16px}.ai-knowledge-tree-pane em{color:#918287;font-size:11px;font-style:normal}.ai-tree-children{display:grid;margin:2px 0 5px;padding:4px 0 4px 24px;background:#fff8f9}.ai-tree-children button{min-height:32px;display:flex;align-items:center;gap:6px;border:0;background:transparent;text-align:left;font-size:11px}.ai-tree-children button.active{color:var(--brand);font-weight:700}.ai-tree-children .ai-ui-icon{width:14px}
.ai-knowledge-list-pane{display:grid;grid-template-rows:auto 1fr auto}.ai-knowledge-list-pane>div{overflow:auto}.ai-knowledge-list-pane>div>button{width:100%;min-height:68px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:8px;padding:11px 12px;border:0;border-bottom:1px solid #eee7e8;background:#fff;text-align:left}.ai-knowledge-list-pane>div>button.active{background:#fae8ec}.ai-knowledge-list-pane>div .ai-ui-icon{width:16px;margin-top:2px}.ai-knowledge-list-pane strong,.ai-knowledge-list-pane small{display:block}.ai-knowledge-list-pane strong{font-size:12px}.ai-knowledge-list-pane small{margin-top:7px;color:#95868a;font-size:10px}.ai-knowledge-list-pane em{color:#2d9148;font-style:normal}.ai-knowledge-list-pane>footer{padding:12px;border-top:1px solid #e8dfe1;color:#887a7e;font-size:11px}
.ai-knowledge-document{display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.ai-knowledge-document>header{padding:13px 18px;border-bottom:1px solid #e8dfe1}.ai-knowledge-document>header>div{display:flex;justify-content:space-between;gap:10px}.ai-knowledge-document>header small{color:#8e7f83}.ai-knowledge-document>header nav{display:flex}.ai-knowledge-document>header nav button{border:0;background:transparent}.ai-knowledge-document>header h2{margin:20px 0 10px;font-size:25px}.ai-knowledge-document>header p{display:flex;gap:18px;flex-wrap:wrap;margin:0;color:#807276;font-size:11px}.ai-knowledge-document>section{overflow:auto;padding:12px 20px 30px}.ai-knowledge-document>section h3{margin:18px 0 10px;font-size:15px}.ai-knowledge-document>section p,.ai-knowledge-document>section li{color:#5f5256;font-size:12px;line-height:1.7}.ai-knowledge-document table{width:100%;border-collapse:collapse;font-size:11px}.ai-knowledge-document th,.ai-knowledge-document td{padding:7px;border:1px solid #ddd3d6;text-align:left}.ai-knowledge-document>footer{display:flex;justify-content:center;gap:0;border-top:1px solid #e8dfe1}.ai-knowledge-document>footer button{height:42px;padding:0 18px;border:0;border-right:1px solid #e8dfe1;background:#fff}.ai-knowledge-document>footer .danger-button{display:flex;align-items:center;gap:5px}.ai-knowledge-document>footer .ai-ui-icon{width:15px}
.ai-knowledge-inspector{overflow:auto;background:#fff}.ai-knowledge-inspector>section{padding:11px 12px;border-bottom:1px solid #e8dfe1}.ai-knowledge-inspector h3{margin:0 0 9px;font-size:13px}.ai-knowledge-inspector dl{display:grid;gap:6px;margin:0}.ai-knowledge-inspector dl div{display:grid;grid-template-columns:90px 1fr;font-size:11px}.ai-knowledge-inspector dt{color:#897b7f}.ai-knowledge-inspector dd{margin:0}.ai-knowledge-inspector a{display:block;margin:6px 0;color:#486bb1;font-size:11px;text-decoration:none}.ai-knowledge-inspector section>p{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:6px 0;font-size:11px}.ai-knowledge-inspector section>p span{display:flex;align-items:center;gap:5px}.ai-knowledge-inspector section>p .ai-ui-icon{width:14px;color:#5c6fb4}.ai-knowledge-inspector section>p em{font-style:normal}.obsidian-sync-state{display:grid!important;grid-template-columns:auto 1fr!important;margin-top:10px!important;padding:8px!important;border:1px solid #83bf90!important;border-radius:4px;color:#2f8d47}.obsidian-sync-state small{grid-column:2;color:#679071}

/* 我的经验 */
.ai-experience-status{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ai-experience-status button{min-height:68px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 14px;border:1px solid #e5dadd;border-radius:7px;background:#fff;text-align:left}.ai-experience-status button.active{border-color:#df9faf;background:#fff7f9}.ai-experience-status i{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#fae8ec;color:var(--brand);font-style:normal}.ai-experience-status button:nth-child(2) i{background:#e9f0fd;color:#397fd3}.ai-experience-status button:nth-child(3) i{background:#e6f6e9;color:#2f9149}.ai-experience-status button:nth-child(4) i{background:#fff1df;color:#c27a20}.ai-experience-status b,.ai-experience-status small{display:block}.ai-experience-status small{margin-top:4px;color:#95868a;font-size:10px}.ai-experience-status em{font-size:22px;font-style:normal}.ai-experience-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:14px;align-items:start}.ai-experience-layout>main{display:grid;gap:10px}.ai-experience-layout>main>.ai-ui-section-head{padding:0;border:0}.ai-experience-layout>main>.ai-ui-section-head select{height:34px;border:1px solid #ddd2d5;border-radius:5px;background:#fff}.ai-experience-cards{display:grid;gap:12px}.ai-experience-card{padding:14px 16px}.ai-experience-card>header{display:flex;justify-content:space-between;gap:12px}.ai-experience-card>header>div:first-child{display:flex;align-items:center;gap:10px}.ai-experience-card h3{margin:0;font-size:16px}.ai-discovered{padding:5px 8px;border-radius:4px;background:#eaf1ff;color:#397fd3;font-size:10px}.ai-experience-card>header>div:last-child{text-align:right;font-size:11px}.ai-experience-card>header>div:last-child b{color:#2f9149}.ai-experience-card>header small{display:block;margin-top:4px;color:#95868a}.ai-experience-card>section{display:grid;grid-template-columns:1fr 1.1fr .8fr;gap:10px;margin:13px 0;padding:10px 12px;border:1px solid #eee5e7;border-radius:5px;background:#fcfafa}.ai-experience-card>section>div+div{padding-left:10px;border-left:1px solid #e7dddf}.ai-experience-card>section b,.ai-experience-card>section p{display:block;margin:0;font-size:11px}.ai-experience-card>section p{margin-top:5px;color:#6f6266}.ai-experience-summary{padding:0 2px}.ai-experience-summary b{font-size:11px}.ai-experience-summary p{margin:5px 0;color:#5f5256;font-size:11px;line-height:1.55}.ai-experience-card>footer{display:flex;align-items:center;gap:8px;margin-top:10px}.ai-experience-card>footer button{height:34px;padding:0 16px;border:1px solid #d69ba9;border-radius:5px;background:#fff;color:var(--brand)}.ai-experience-card>footer .primary-button{background:var(--brand);color:#fff}.ai-experience-card>footer a{margin-left:auto;color:#397fd3;font-size:11px;text-decoration:none}.ai-contribution-panel{position:sticky;top:74px;padding:17px}.ai-contribution-panel>header h2{margin:0;font-size:18px}.ai-contribution-panel>header p{color:#8e8084;font-size:11px;line-height:1.5}.ai-contribution-panel>div{display:grid;gap:12px;margin:18px 0}.ai-contribution-panel>div article{display:flex;align-items:center;gap:11px}.ai-contribution-panel article>i{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#e7f7ea;color:#2f9149}.ai-contribution-panel article>i.blue{background:#eaf1ff;color:#397fd3}.ai-contribution-panel article>i.purple{background:#f0ebff;color:#7051c5}.ai-contribution-panel article>i.rose{background:#fae8ec;color:var(--brand)}.ai-contribution-panel article>span{flex:1;color:#73666a;font-size:11px}.ai-contribution-panel article strong{display:block;margin-top:2px;color:#30272a;font-size:23px}.ai-contribution-panel article strong small{font-size:10px}.ai-contribution-panel>section{padding-top:13px;border-top:1px solid #e9e0e2}.ai-contribution-panel>section h3{display:flex;justify-content:space-between;font-size:12px}.ai-contribution-panel progress{width:100%;accent-color:var(--brand)}.ai-contribution-panel>section>small{display:block;margin-top:5px;color:#918287;font-size:10px}.ai-contribution-panel>footer{margin-top:14px;padding:12px;border-radius:6px;background:#fff2f5;color:var(--brand)}.ai-contribution-panel>footer p{margin:5px 0 0;font-size:11px}

/* AI运营管理 */
.ai-management-page{display:grid;gap:12px}.ai-management-page>header h1{margin:0;font-size:25px}.ai-management-page>header p{margin:5px 0 0;color:#8b7d81;font-size:12px}.ai-management-shell{display:grid;grid-template-columns:155px minmax(0,1fr);min-height:720px;border:1px solid #e2d7da;border-radius:6px;background:#fff;overflow:hidden}.ai-management-nav{display:grid;align-content:start;gap:3px;padding:10px;border-right:1px solid #e6dcdf;background:#fff}.ai-management-nav button{height:42px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:0 10px;border:0;border-radius:5px;background:transparent;text-align:left}.ai-management-nav button.active{background:#fae7eb;color:var(--brand);font-weight:700}.ai-management-nav .ai-ui-icon{width:17px}.ai-management-nav em{min-width:19px;height:19px;display:grid;place-items:center;border-radius:10px;background:var(--brand);color:#fff;font-size:10px;font-style:normal}.ai-management-content{min-width:0;padding:12px}.ai-management-summary{display:grid;grid-template-columns:repeat(3,145px) repeat(3,minmax(120px,1fr)) auto;gap:10px;align-items:end}.ai-management-summary>article{height:62px;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #eadfe1;border-radius:6px}.ai-management-summary>article i{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#fae8ec;color:var(--brand)}.ai-management-summary>article span{color:#73666a;font-size:11px}.ai-management-summary>article strong{display:block;color:#30272a;font-size:22px}.ai-management-summary label{display:grid;gap:5px;color:#75686c;font-size:10px}.ai-management-summary select{height:36px;border:1px solid #ddd2d5;border-radius:5px;background:#fff}.ai-management-summary>button{height:36px;border:1px solid #d89ba9;border-radius:5px;background:#fff;color:var(--brand)}.ai-review-master-detail{display:grid;grid-template-columns:250px minmax(0,1fr);margin-top:12px;border:1px solid #e5dade;border-radius:5px;overflow:hidden}.ai-review-queue{border-right:1px solid #e6dcdf}.ai-review-queue>header{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid #e7dddf}.ai-review-queue h2{font-size:13px}.ai-review-queue select{height:29px;border:1px solid #ddd2d5;border-radius:4px}.ai-review-queue>button{position:relative;width:100%;min-height:78px;display:grid;gap:4px;padding:10px;border:0;border-bottom:1px solid #eee7e8;background:#fff;text-align:left}.ai-review-queue>button.active{background:#fff3f6;box-shadow:inset 3px 0 var(--brand)}.ai-review-queue>button>span{width:max-content;padding:3px 6px;border-radius:3px;background:#fae8ec;color:var(--brand);font-size:9px}.ai-review-queue>button>span.blue{background:#eaf1ff;color:#397fd3}.ai-review-queue>button>span.green{background:#e8f6eb;color:#2f9149}.ai-review-queue>button>span.amber{background:#fff1df;color:#bf7620}.ai-review-queue>button strong{font-size:11px}.ai-review-queue>button small{color:#948589;font-size:9px}.ai-review-queue>button em{position:absolute;top:10px;right:8px;color:#c44951;font-size:9px;font-style:normal}.ai-review-queue>footer{padding:10px;text-align:center;color:var(--brand);font-size:11px}.ai-review-detail>header{display:flex;justify-content:space-between;gap:10px;padding:12px 15px;border-bottom:1px solid #e7dddf}.ai-review-detail>header h2{margin:5px 0;font-size:17px}.ai-review-detail>header p{margin:0;color:#8f8084;font-size:9px}.ai-review-tag{padding:3px 6px;border-radius:3px;background:#fae8ec;color:var(--brand);font-size:9px}.ai-review-detail>header>button{align-self:start;border:1px solid #ddd2d5;border-radius:4px;background:#fff;padding:6px 9px}.ai-review-detail>nav{display:flex;gap:20px;padding:0 15px;border-bottom:1px solid #e7dddf}.ai-review-detail>nav button{height:38px;border:0;border-bottom:2px solid transparent;background:transparent}.ai-review-detail>nav button.active{border-color:var(--brand);color:var(--brand)}.ai-review-evidence-grid{display:grid;grid-template-columns:.8fr 1.25fr .95fr;gap:10px;padding:12px}.ai-review-evidence-grid>article{min-width:0;padding:11px;border:1px solid #e8dee0;border-radius:5px}.ai-review-evidence-grid h3{margin:0 0 9px;font-size:12px}.ai-review-evidence-grid article>p{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:0;padding:7px 0;border-bottom:1px solid #eee7e8;font-size:10px}.ai-review-evidence-grid article>p>i{width:27px;height:27px;display:grid;place-items:center;border-radius:5px;background:#eef4ff;color:#397fd3}.ai-review-evidence-grid article>p>span{flex:1}.ai-review-evidence-grid article>p b,.ai-review-evidence-grid article>p small{display:block}.ai-review-evidence-grid article>p small{margin-top:3px;color:#948589}.ai-review-evidence-grid ul{padding-left:16px;color:#6c5f63;font-size:10px;line-height:1.7}.ai-change-compare{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ai-change-compare section{padding:7px;background:#faf8f8;font-size:9px}.ai-change-compare .removed{background:#fff0f1;color:#b64048}.ai-change-compare .added{background:#eef9f0;color:#2b8943}.ai-review-warning{padding:9px;border:1px solid #e7c890;border-radius:5px;background:#fff7e8;color:#9b651a;font-size:10px;line-height:1.5}.ai-review-evidence-grid label{display:grid;gap:5px;margin-top:9px;color:#716468;font-size:10px}.ai-review-evidence-grid textarea{min-height:55px;border:1px solid #ddd2d5;border-radius:5px;resize:vertical}.ai-review-evidence-grid footer{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:6px;margin-top:10px}.ai-review-evidence-grid footer button{min-height:34px;border:1px solid #d39aaa;border-radius:4px;background:#fff;color:var(--brand);font-size:10px}.ai-review-evidence-grid footer .primary-button{background:var(--brand);color:#fff}.ai-deletion-flow{margin-top:12px;padding:10px;border:1px solid #eadfe1;border-radius:5px;background:#fff8f9}.ai-deletion-flow h3{margin:0 0 8px;color:var(--brand);font-size:12px}.ai-deletion-flow>div{display:flex;align-items:center;gap:12px}.ai-deletion-flow article{flex:1;display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #e7dcdf;border-radius:5px;background:#fff}.ai-deletion-flow article .ai-ui-icon{color:var(--brand)}.ai-deletion-flow article span{font-size:10px}.ai-deletion-flow article small{display:block;margin-top:3px;color:#948589}.ai-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ai-stats-grid article{display:flex;align-items:center;gap:12px;padding:16px}.ai-stats-grid article>i{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fae8ec;color:var(--brand)}.ai-stats-grid span{color:#74676b;font-size:11px}.ai-stats-grid strong,.ai-stats-grid small{display:block}.ai-stats-grid strong{color:#30272a;font-size:23px}.ai-stats-grid small{color:#2e9149}.ai-bar-chart{height:240px;display:flex;align-items:end;gap:12px;padding:24px}.ai-bar-chart i{flex:1;min-height:12px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#bd5c76,#8d3148)}.ai-stat-rank{display:flex;align-items:center;gap:10px;margin:0;padding:10px 14px;border-bottom:1px solid #eee7e8}.ai-stat-rank>b{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#fae8ec;color:var(--brand)}.ai-stat-rank span{flex:1}.ai-stat-rank small{display:block;color:#948589}.ai-stat-rank em{color:var(--brand);font-style:normal;font-weight:700}

/* AI运营管理：单页运营工作台，不承载系统级配置。 */
.ai-operations-page{gap:11px}.ai-ops-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.ai-ops-head>div>span{color:var(--brand);font-size:11px;font-weight:800;letter-spacing:.1em}.ai-ops-head h1{margin:3px 0 0!important;font-size:25px!important}.ai-ops-head p{margin:4px 0 0!important}.ai-ops-head nav{display:flex;gap:8px}.ai-ops-head nav button,.ai-ops-card>header>button{min-height:36px;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border:1px solid #d9cdd0;border-radius:6px;background:#fff;color:#67595d;font-size:12px;font-weight:700;cursor:pointer}.ai-ops-head nav button:first-child{border-color:#c98d9c;color:var(--brand)}.ai-ops-head nav .ai-ui-icon,.ai-ops-card>header>button .ai-ui-icon{width:16px;height:16px}
.ai-ops-icon{--ops-color:#a62e4f;--ops-bg:#fbe8ed;width:36px;height:36px;display:grid;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--ops-bg);color:var(--ops-color)}.ai-ops-icon .ai-ui-icon{width:20px;height:20px}.ai-ops-icon.tone-blue{--ops-color:#2874c7;--ops-bg:#eaf2fd}.ai-ops-icon.tone-orange{--ops-color:#d87518;--ops-bg:#fff0df}.ai-ops-icon.tone-teal{--ops-color:#168d8b;--ops-bg:#e3f5f3}.ai-ops-icon.tone-purple{--ops-color:#7053bd;--ops-bg:#eeeafd}.ai-ops-icon.tone-green{--ops-color:#2f934b;--ops-bg:#e8f5e8}
.ai-ops-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid #e1d7da;border-radius:8px;background:#fff;box-shadow:0 5px 16px rgba(89,43,56,.05);overflow:hidden}.ai-ops-metrics>article{position:relative;min-width:0;height:82px;display:flex;align-items:center;gap:11px;padding:11px 14px;border-right:1px solid #e8dfe1}.ai-ops-metrics>article:last-child{border-right:0}.ai-ops-metrics>article:after{content:"";position:absolute;right:6px;bottom:0;left:6px;height:3px;border-radius:3px;background:var(--ops-color,#9f2949)}.ai-ops-metrics>article:nth-child(1){--ops-color:#a62e4f}.ai-ops-metrics>article:nth-child(2){--ops-color:#d87518}.ai-ops-metrics>article:nth-child(3){--ops-color:#2874c7}.ai-ops-metrics>article:nth-child(4){--ops-color:#7053bd}.ai-ops-metrics>article:nth-child(5){--ops-color:#168d8b}.ai-ops-metrics>article:nth-child(6){--ops-color:#2f934b}.ai-ops-metrics>article>span{min-width:0;color:#6f6266;font-size:12px}.ai-ops-metrics strong,.ai-ops-metrics small{display:block}.ai-ops-metrics strong{margin-top:1px;color:#2f272a;font-size:23px;line-height:1.1}.ai-ops-metrics small{margin-top:3px;overflow:hidden;color:#95878b;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.ai-ops-workspace{display:grid;grid-template-columns:minmax(620px,1.55fr) minmax(310px,.7fr);gap:11px;align-items:start}.ai-ops-card{min-width:0;border:1px solid #e2d8db;border-radius:8px;background:#fff;box-shadow:0 4px 14px rgba(83,43,54,.035);overflow:hidden}.ai-ops-card>header{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 13px;border-bottom:1px solid #e9e1e3}.ai-ops-card>header>div,.ai-ops-card>header>div>span{min-width:0;display:flex;align-items:center;gap:10px}.ai-ops-card>header>div>span{display:block}.ai-ops-card h2{margin:0;font-size:15px}.ai-ops-card>header p{margin:3px 0 0;color:#8c7f83;font-size:11px}.ai-ops-card>header>em{padding:4px 7px;border-radius:999px;background:#f7f1f3;color:#8d5364;font-size:11px;font-style:normal;white-space:nowrap}.ai-ops-side-stack{display:grid;gap:11px}.ai-ops-empty{min-height:72px;display:grid;place-items:center;padding:16px;color:#918489;font-size:12px}
.ai-ops-review-layout{display:grid;grid-template-columns:285px minmax(0,1fr);min-height:286px}.ai-ops-review-list{border-right:1px solid #e9e1e3}.ai-ops-review-list>button{position:relative;width:100%;min-height:70px;display:grid;gap:3px;padding:9px 70px 9px 12px;border:0;border-bottom:1px solid #eee8e9;background:#fff;text-align:left;cursor:pointer}.ai-ops-review-list>button:last-child{border-bottom:0}.ai-ops-review-list>button:hover,.ai-ops-review-list>button.active{background:#fff6f8;box-shadow:inset 3px 0 var(--brand)}.ai-ops-review-list>button>span{width:max-content;padding:2px 5px;border-radius:3px;background:#fbe8ed;color:#a22e4d;font-size:10px}.ai-ops-review-list>button strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.ai-ops-review-list>button small{overflow:hidden;color:#95878b;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.ai-ops-review-list>button em{position:absolute;top:10px;right:10px;color:#a26d28;font-size:10px;font-style:normal}.ai-ops-review-list>button em.high{color:#c33440}.ai-ops-review-detail{display:grid;grid-template-rows:auto auto 1fr auto;padding:13px 14px}.ai-ops-review-detail>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ai-ops-review-detail>header span{color:var(--brand);font-size:10px;font-weight:800}.ai-ops-review-detail h3{margin:4px 0;font-size:17px}.ai-ops-review-detail>header p{max-width:680px;margin:0;color:#716469;font-size:11px;line-height:1.5}.ai-ops-review-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:11px 0}.ai-ops-review-facts>span{padding:8px;border-radius:6px;background:#faf7f8}.ai-ops-review-facts small,.ai-ops-review-facts b{display:block}.ai-ops-review-facts small{color:#918489;font-size:10px}.ai-ops-review-facts b{margin-top:3px;font-size:12px}.ai-ops-evidence{padding:9px 10px;border:1px solid #ebe1e3;border-radius:6px;background:#fffdfd;font-size:11px}.ai-ops-evidence>p{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0}.ai-ops-evidence>p span{padding:3px 6px;border-radius:4px;background:#edf3fb;color:#316da8}.ai-ops-evidence>small{color:#827579}.ai-ops-review-detail>footer,.ai-ops-agent>footer,.ai-ops-lifecycle-grid>section>footer{display:flex;justify-content:flex-end;gap:7px;margin-top:11px}.ai-ops-review-detail>footer button,.ai-ops-agent>footer button,.ai-ops-lifecycle-grid>section>footer button{min-height:32px;padding:5px 10px;border:1px solid #d8a5b1;border-radius:5px;background:#fff;color:var(--brand);font-size:11px;font-weight:700}.ai-ops-review-detail>footer .primary-button,.ai-ops-agent>footer .primary-button,.ai-ops-lifecycle-grid>section>footer .primary-button{border-color:var(--brand);background:var(--brand);color:#fff}
.ai-ops-agent,.ai-ops-skills{min-height:0}.ai-ops-agent-main{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 13px}.ai-ops-agent-main .ai-agent-avatar{width:40px;height:40px}.ai-ops-agent-main strong,.ai-ops-agent-main small{display:block}.ai-ops-agent-main strong{font-size:13px}.ai-ops-agent-main small{margin-top:3px;color:#8d8084;font-size:10px}.ai-ops-agent-main>b{color:#2e8b49;font-size:18px}.ai-ops-agent-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:0 13px;padding:8px 0;border-block:1px solid #eee6e8}.ai-ops-agent-stats span{text-align:center;color:#8b7d81;font-size:10px}.ai-ops-agent-stats span+span{border-left:1px solid #eee6e8}.ai-ops-agent-stats b{display:block;margin-top:3px;color:#42373b;font-size:12px}.ai-ops-agent>footer{padding:0 13px 11px}.ai-ops-skill-list{padding:0 12px}.ai-ops-skill-list>article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:50px;border-bottom:1px solid #eee7e9}.ai-ops-skill-list>article:last-child{border-bottom:0}.ai-ops-skill-list strong,.ai-ops-skill-list small{display:block}.ai-ops-skill-list strong{font-size:12px}.ai-ops-skill-list small{margin-top:3px;color:#918489;font-size:10px}.ai-ops-skill-list>article>b{color:#2f8f4a;font-size:12px}.ai-ops-skill-list button{min-height:28px;padding:4px 8px;border:1px solid #d5a0ae;border-radius:5px;background:#fff;color:var(--brand);font-size:10px}.ai-ops-skills>footer{display:flex;justify-content:space-between;gap:7px;padding:9px 12px;border-top:1px solid #eee6e8;background:#fbf9f9;color:#716469;font-size:10px}
.ai-ops-lifecycle,.ai-ops-insights{grid-column:1/-1}.ai-ops-lifecycle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.ai-ops-lifecycle-grid>section{min-height:214px;padding:11px 13px;border-right:1px solid #e9e1e3}.ai-ops-lifecycle-grid>section:last-child{border-right:0}.ai-ops-lifecycle-grid>section>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.ai-ops-lifecycle-grid>section>header>span{display:flex;align-items:center;gap:8px}.ai-ops-lifecycle-grid>section>header .ai-ops-icon{width:31px;height:31px}.ai-ops-lifecycle-grid>section>header .ai-ui-icon{width:17px;height:17px}.ai-ops-lifecycle-grid>section>header em{min-width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#f6eff1;color:var(--brand);font-size:10px;font-style:normal}.ai-ops-lifecycle-grid h3{margin:11px 0 5px;overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.ai-ops-lifecycle-grid p{min-height:32px;margin:0;color:#7f7276;font-size:10px;line-height:1.5}.ai-ops-lifecycle-grid dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0 0}.ai-ops-lifecycle-grid dl span{padding:7px;border-radius:5px;background:#faf7f8;color:#877a7e;font-size:10px}.ai-ops-lifecycle-grid dl b{float:right;color:#44383c}.ai-ops-retention,.ai-ops-handover-progress>span{height:6px;margin:11px 0 7px;border-radius:999px;background:#eee9ea;overflow:hidden}.ai-ops-retention i,.ai-ops-handover-progress i{display:block;height:100%;border-radius:999px;background:#39a05a}.ai-ops-lifecycle-grid>section>small{color:#8d8084;font-size:10px}.ai-ops-lifecycle-grid .danger-button{border-color:#dfb2ba;color:#b62c43}.ai-ops-handover-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px}.ai-ops-handover-progress>span{margin:11px 0}.ai-ops-handover-progress>b{color:#168d8b;font-size:12px}
.ai-ops-insight-grid{display:grid;grid-template-columns:1.05fr .9fr 1.05fr;gap:14px;align-items:stretch;padding:12px 13px}.ai-ops-insight-grid>section{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ai-ops-insight-grid>section>span{padding:9px;border-radius:6px;background:#faf7f8;color:#7a6d71;font-size:10px}.ai-ops-insight-grid>section strong,.ai-ops-insight-grid>section small{display:block}.ai-ops-insight-grid>section strong{margin:2px 0;color:#32292c;font-size:19px}.ai-ops-insight-grid>section small{color:#95878b}.ai-ops-trend{min-height:142px;display:flex;align-items:end;gap:7px;padding:16px 10px 8px;border:1px solid #eee5e7;border-radius:6px;background:linear-gradient(180deg,#fff,#fff9fa)}.ai-ops-trend i{flex:1;min-width:4px;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#c55f79,#96324f)}.ai-ops-top-knowledge>b{display:block;margin-bottom:3px;font-size:12px}.ai-ops-top-knowledge p{display:grid;grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:8px;margin:0;padding:6px 0;border-bottom:1px solid #eee7e9}.ai-ops-top-knowledge p:last-child{border-bottom:0}.ai-ops-top-knowledge p>em{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#f8e8ec;color:var(--brand);font-size:9px;font-style:normal}.ai-ops-top-knowledge p>span{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.ai-ops-top-knowledge small{display:block;margin-top:2px;color:#95878b;font-size:9px}.ai-ops-top-knowledge p>strong{color:var(--brand);font-size:11px}

@media(max-width:1350px){.ai-ops-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.ai-ops-metrics>article:nth-child(3){border-right:0}.ai-ops-metrics>article:nth-child(-n+3){border-bottom:1px solid #e8dfe1}.ai-ops-workspace{grid-template-columns:minmax(560px,1.35fr) minmax(290px,.75fr)}.ai-ops-review-layout{grid-template-columns:245px minmax(0,1fr)}}
@media(max-width:1050px){.ai-ops-workspace{grid-template-columns:1fr}.ai-ops-side-stack{grid-template-columns:1fr 1fr}.ai-ops-lifecycle,.ai-ops-insights{grid-column:auto}.ai-ops-lifecycle-grid{grid-template-columns:1fr}.ai-ops-lifecycle-grid>section{border-right:0;border-bottom:1px solid #e9e1e3}.ai-ops-insight-grid{grid-template-columns:1fr 1fr}.ai-ops-top-knowledge{grid-column:1/-1}}
@media(max-width:760px){.ai-ops-head{align-items:flex-start;flex-direction:column}.ai-ops-head nav{width:100%}.ai-ops-head nav button{flex:1}.ai-ops-metrics{grid-template-columns:1fr 1fr}.ai-ops-metrics>article{height:76px;border-right:1px solid #e8dfe1!important;border-bottom:1px solid #e8dfe1}.ai-ops-metrics>article:nth-child(even){border-right:0!important}.ai-ops-review-layout,.ai-ops-side-stack,.ai-ops-insight-grid{grid-template-columns:1fr}.ai-ops-review-list{border-right:0;border-bottom:1px solid #e9e1e3}.ai-ops-review-facts{grid-template-columns:1fr 1fr}.ai-ops-top-knowledge{grid-column:auto}.ai-ops-card>header{align-items:flex-start}.ai-ops-lifecycle-grid>section{min-height:0}}

@media(max-width:1500px){
  .ai-agent-layout{grid-template-columns:minmax(0,1fr) 330px}.ai-agent-card-grid{grid-template-columns:1fr 1fr}
  .ai-task-layout{grid-template-columns:minmax(560px,1fr) 340px}
  .ai-knowledge-studio{grid-template-columns:190px 220px minmax(390px,1fr) 250px}
  .ai-management-summary{grid-template-columns:repeat(3,120px) repeat(3,minmax(100px,1fr)) auto}.ai-review-evidence-grid{grid-template-columns:1fr 1fr}.ai-review-evidence-grid>article:last-child{grid-column:1/3}
}
@media(max-width:1200px){
  .app-shell.ai-knowledge-active{--software-submenu-safe-right:0px}
  .ai-ui-shell>.ai-center-tabs{width:100%!important;max-width:100%!important}
  .ai-command-layout{grid-template-columns:1fr}.ai-command-layout>aside{grid-template-columns:repeat(3,1fr)}.ai-command-layout>aside>b{grid-column:1/4}.ai-command-studio>footer{grid-template-columns:1fr 1fr auto}
  .ai-ui-two-column,.ai-experience-layout{grid-template-columns:1fr}.ai-contribution-panel{position:static}.ai-contribution-panel>div{grid-template-columns:repeat(4,1fr)}
  .ai-agent-layout,.ai-task-layout{grid-template-columns:1fr}.ai-agent-detail,.ai-task-detail{position:static}.ai-task-master{overflow:auto}
  .ai-knowledge-studio{height:auto;grid-template-columns:190px 220px minmax(420px,1fr);overflow:auto}.ai-knowledge-inspector{grid-column:1/4;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e8dfe1}
  .ai-management-summary{grid-template-columns:repeat(3,1fr)}.ai-review-master-detail{grid-template-columns:220px minmax(650px,1fr);overflow:auto}
}
@media(max-width:760px){
  .ai-ui-shell>.ai-center-tabs>.management-entry{margin-left:0!important}.ai-command-studio>footer,.ai-command-layout>aside,.ai-agent-filters,.ai-agent-card-grid,.ai-experience-status,.ai-stats-grid{grid-template-columns:1fr}.ai-command-layout>aside>b{grid-column:auto}.ai-recommended-agents{grid-template-columns:1fr}.ai-approval-list article{grid-template-columns:auto 1fr auto}.ai-approval-list article>.ai-risk-chip{display:none}.ai-experience-card>section{grid-template-columns:1fr}.ai-experience-card>section>div+div{padding-left:0;border-left:0;border-top:1px solid #e7dddf;padding-top:8px}.ai-experience-card>footer{flex-wrap:wrap}.ai-experience-card>footer a{margin-left:0}.ai-contribution-panel>div{grid-template-columns:1fr 1fr}.ai-knowledge-toolbar{grid-template-columns:1fr 1fr}.ai-knowledge-toolbar h1,.ai-knowledge-toolbar label{grid-column:1/3}.ai-management-shell{grid-template-columns:1fr}.ai-management-nav{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #e6dcdf}.ai-management-nav button{flex:0 0 auto}.ai-review-master-detail{grid-template-columns:1fr}.ai-review-queue{border-right:0}.ai-review-evidence-grid{grid-template-columns:1fr}.ai-review-evidence-grid>article:last-child{grid-column:auto}.ai-deletion-flow>div{overflow:auto}.ai-deletion-flow article{min-width:190px}
}

/* AI/知识 V1：角色化工作台、经验沉淀、知识治理与岗位传承。 */
.ai-knowledge-shell{display:grid;grid-template-columns:190px minmax(0,1fr);gap:16px;align-items:start}.ai-knowledge-nav{position:sticky;top:78px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:var(--shadow);max-height:calc(100vh - 100px);overflow:auto}.ai-knowledge-nav header{display:grid;gap:3px;padding:4px 8px 14px;border-bottom:1px solid var(--line)}.ai-knowledge-nav header span{font-size:10px;letter-spacing:.12em;color:var(--brand);font-weight:800}.ai-knowledge-nav header strong{font-size:20px}.ai-knowledge-nav header small{color:var(--muted)}.ai-knowledge-nav section{display:grid;gap:4px;margin-top:14px}.ai-knowledge-nav section>b{padding:0 8px 4px;color:var(--muted);font-size:11px}.ai-knowledge-nav button{border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:8px;color:var(--text);cursor:pointer}.ai-knowledge-nav button:hover,.ai-knowledge-nav button.active{background:#fbecef;color:var(--brand);font-weight:700}.ai-knowledge-content{min-width:0}.ai-kb-page{display:grid;gap:14px}.ai-kb-title{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ai-kb-title h1{margin:0;font-size:26px}.ai-kb-title p{margin:5px 0 0;color:var(--muted)}.ai-kb-title>div:last-child{display:flex;gap:8px}.ai-kb-title button,.ai-kb-title select{min-height:38px}.ai-kb-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ai-kb-metric{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 18px;display:grid;grid-template-columns:1fr auto;gap:3px 12px;box-shadow:0 8px 22px rgba(100,54,61,.05)}.ai-kb-metric span{color:#6f6065}.ai-kb-metric strong{grid-row:1/3;grid-column:2;font-size:25px;color:var(--text)}.ai-kb-metric small{color:var(--muted)}.ai-kb-metric.warn strong{color:#d86228}.ai-kb-metric.good strong{color:#258544}.ai-kb-grid{display:grid;gap:14px}.ai-kb-workspace-grid{grid-template-columns:1.4fr .9fr .9fr}.ai-kb-command{grid-column:span 2}.ai-kb-command-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ai-kb-command-controls label,.review-decision>label,.governance-grid aside>label{display:grid;gap:6px;color:var(--muted);font-size:12px}.ai-kb-command textarea{width:100%;min-height:115px;margin:12px 0;resize:vertical}.ai-kb-command footer{display:flex;justify-content:space-between;gap:12px}.ai-kb-command footer>div{display:flex;gap:7px;flex-wrap:wrap}.ai-kb-command footer>div button{border:1px solid #edcbd3;background:#fff6f8;color:var(--brand);border-radius:18px;padding:7px 12px}.ai-kb-todo-list,.ai-kb-agent-mini,.ai-kb-reminders{display:grid;gap:8px}.ai-kb-todo-list article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:9px}.ai-kb-todo-list small,.ai-kb-agent-mini small{display:block;color:var(--muted);margin-top:3px}.ai-risk-chip{font-size:10px;font-weight:800;color:#b46e1d;background:#fff1de;padding:3px 5px;border-radius:4px}.ai-risk-chip.high{color:#c02d35;background:#ffe9ea}.ai-kb-agent-mini button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff;text-align:left}.ai-kb-agent-mini i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#f9e5ea;color:var(--brand);font-style:normal;font-weight:800}.ai-kb-agent-mini em{font-style:normal;color:var(--muted);font-size:11px}.ai-kb-runtime-steps{list-style:none;margin:0;padding:0;display:grid;gap:0}.ai-kb-runtime-steps li{position:relative;padding:9px 8px 9px 28px;border-left:2px solid #ddd;margin-left:8px}.ai-kb-runtime-steps li:before{content:"";position:absolute;left:-6px;top:14px;width:10px;height:10px;background:#ddd;border-radius:50%}.ai-kb-runtime-steps li.done{border-color:#48a75d}.ai-kb-runtime-steps li.done:before{background:#48a75d}.ai-kb-runtime-steps li.active{border-color:#3a7bd5;color:#205caa}.ai-kb-runtime-steps li.active:before{background:#3a7bd5}.ai-kb-runtime-steps small{float:right;color:var(--muted)}.ai-kb-reminders article{display:flex;gap:12px;padding:11px;border:1px solid var(--line);border-radius:9px}.ai-kb-reminders b{font-size:22px;color:var(--brand)}.ai-kb-reminders small{display:block;color:var(--muted);margin-top:3px}.ai-experience-grid{grid-template-columns:1.5fr .8fr}.ai-experience-grid>aside{display:grid;gap:14px;align-content:start}.experience-candidate-list{display:grid;gap:10px}.experience-candidate{border:1px solid var(--line);border-radius:10px;padding:13px}.experience-candidate header,.experience-candidate footer,.candidate-meta{display:flex;align-items:center;justify-content:space-between;gap:9px}.experience-candidate header>div{display:flex;align-items:center;gap:8px}.candidate-index{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;background:#fbecef;color:var(--brand);font-weight:800}.candidate-meta{justify-content:flex-start;color:var(--muted);font-size:12px;margin:9px 0}.candidate-meta b{color:var(--brand)}.candidate-evidence{display:flex;gap:6px;flex-wrap:wrap}.candidate-evidence span{font-size:11px;border:1px solid var(--line);background:#fafafa;border-radius:5px;padding:4px 7px}.experience-candidate>p{color:var(--muted);font-size:12px}.experience-impact{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.experience-impact article{text-align:center;border:1px solid var(--line);border-radius:9px;padding:14px 8px}.experience-impact b{display:block;font-size:23px;color:var(--brand)}.experience-impact span{color:var(--muted);font-size:11px}.knowledge-workspace{display:grid;grid-template-columns:210px minmax(380px,1fr) 340px;gap:12px}.knowledge-tree{display:grid;align-content:start;gap:7px}.knowledge-tree>button{display:flex;justify-content:space-between;padding:9px;border:0;background:transparent;text-align:left}.knowledge-tree>button:hover{background:#fff5f7}.knowledge-tree em{font-style:normal;color:var(--muted)}.obsidian-connection{display:grid;grid-template-columns:1fr auto;gap:5px;margin-top:16px;border:1px solid #dfd2f5;background:#faf7ff;padding:11px;border-radius:9px}.obsidian-connection span{color:#36864c}.obsidian-connection small{grid-column:1/3;color:var(--muted)}.enterprise-knowledge-list{display:grid;gap:7px}.enterprise-knowledge-list>button{display:grid;grid-template-columns:1fr auto;gap:4px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:9px;padding:11px}.enterprise-knowledge-list>button.active{border-color:var(--brand);background:#fff8fa}.enterprise-knowledge-list small{display:block;color:var(--muted);margin-top:4px}.enterprise-knowledge-list em{grid-column:2;font-size:11px;font-style:normal;color:var(--muted)}.knowledge-graph-mini{min-height:190px;margin-top:12px;border:1px dashed #e3d3d7;border-radius:10px;background:radial-gradient(circle,#fff 0,#fff8fa 100%);display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:28px}.knowledge-graph-mini span,.knowledge-graph-mini strong{border:1px solid #cfd9eb;border-radius:8px;padding:8px;background:#fff}.knowledge-graph-mini strong{border-color:var(--brand);color:var(--brand)}.knowledge-detail header,.knowledge-detail header>div{display:flex;justify-content:space-between;align-items:center;gap:8px}.knowledge-detail dl,.review-evidence dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.knowledge-detail dl div,.review-evidence dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:7px 0}.knowledge-detail dt,.review-evidence dt{color:var(--muted)}.knowledge-detail section{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.knowledge-detail footer{display:flex;gap:6px;flex-wrap:wrap}.knowledge-review-grid{display:grid;grid-template-columns:260px minmax(420px,1fr) 330px;gap:12px}.review-queue{display:grid;align-content:start;gap:7px}.review-queue>button{border:1px solid var(--line);background:#fff;text-align:left;padding:11px;border-radius:8px}.review-queue>button.active{border-color:var(--brand);background:#fff7f9}.review-queue span{display:block;color:var(--muted);font-size:11px;margin-top:5px}.review-evidence>section{background:#fffafa;border:1px solid var(--line);border-radius:9px;padding:14px}.review-evidence-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.review-evidence-metrics article{text-align:center;border:1px solid var(--line);border-radius:8px;padding:10px}.review-evidence-metrics b{display:block;font-size:21px}.evidence-timeline p{display:grid;grid-template-columns:auto 1fr auto;gap:10px;border-bottom:1px solid var(--line);padding:8px 0}.evidence-timeline time{color:var(--muted)}.review-decision{display:grid;align-content:start;gap:12px}.review-decision section{border:1px solid var(--line);border-radius:9px;padding:12px}.review-decision>footer{display:grid;grid-template-columns:1fr 1fr;gap:7px}.agent-growth-grid{display:grid;grid-template-columns:1fr 1.1fr .8fr;gap:12px}.agent-selector{grid-column:span 2}.agent-selector>div:last-child{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.agent-selector button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:10px;text-align:left}.agent-selector button.active{border-color:var(--brand)}.agent-selector i{font-style:normal;color:var(--brand)}.agent-selector small{display:block;color:var(--muted);margin-top:5px}.agent-version-card{grid-column:3;grid-row:1}.agent-version-card header,.agent-version-card footer{display:flex;justify-content:space-between;align-items:center;gap:8px}.agent-capability-map{grid-column:span 2}.agent-capability-map>div{display:flex;align-items:center;gap:9px}.agent-capability-map article{flex:1;text-align:center;border:1px solid var(--line);border-radius:9px;padding:12px}.agent-capability-map b,.agent-rollout>strong{display:block;font-size:24px}.agent-capability-map span,.agent-capability-map em{display:block;color:var(--muted);font-style:normal}.agent-capability-map>p{color:var(--brand)}.agent-evaluation{grid-column:3}.agent-feedback .experience-impact{grid-template-columns:repeat(4,1fr)}.agent-rollout input{width:100%}.agent-safety p{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:7px}.ai-kb-sticky-actions{position:sticky;bottom:0;z-index:3;display:flex;justify-content:flex-end;gap:10px;padding:12px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:10px}.handover-grid{display:grid;grid-template-columns:260px minmax(420px,1fr) 360px;gap:12px}.handover-list{display:grid;align-content:start;gap:9px}.handover-list>button{display:grid;gap:7px;border:1px solid var(--line);background:#fff;text-align:left;border-radius:9px;padding:11px}.handover-list>button.active{border-color:var(--brand);background:#fff8fa}.handover-list progress,.onboarding-coach progress{width:100%;accent-color:var(--brand)}.handover-checklist details{border:1px solid var(--line);border-radius:8px;margin-top:8px;padding:10px}.handover-checklist summary{display:flex;gap:10px;cursor:pointer}.handover-checklist summary small{margin-left:auto;color:var(--muted)}.handover-checklist details label{display:grid;grid-template-columns:auto 1fr auto;gap:8px;padding:8px 2px;border-top:1px solid var(--line)}.handover-grid>aside:last-child{display:grid;gap:12px;align-content:start}.handover-risks article{border-left:3px solid #ee9741;padding:9px;margin:7px 0;background:#fffaf4}.handover-risks article:first-of-type{border-color:#d93640}.handover-risks strong{display:block;margin:5px 0}.onboarding-coach label{display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:7px;margin:9px 0}.todo-center-grid{display:grid;grid-template-columns:220px minmax(520px,1fr) 320px;gap:12px}.todo-filters{display:grid;align-content:start}.todo-filters button{display:flex;justify-content:space-between;border:0;background:transparent;padding:9px;border-radius:7px}.todo-filters button:hover{background:#fff3f6}.todo-filters em{font-style:normal;color:var(--brand)}.todo-queue .table-wrap{max-height:440px}.todo-center-grid>aside:last-child{display:grid;gap:12px;align-content:start}.todo-suggestions p,.todo-deadline p{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;padding:8px;border-bottom:1px solid var(--line)}.todo-suggestions p>b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:#fff}.todo-suggestions em{font-size:10px;color:var(--muted);font-style:normal}.todo-donut{width:108px;height:108px;margin:8px auto;border-radius:50%;background:conic-gradient(#2b8f4a 0 44%,#3d7dd8 44% 100%);display:grid;place-items:center;position:relative}.todo-donut:after{content:"";position:absolute;inset:14px;border-radius:50%;background:#fff}.todo-donut strong,.todo-donut span{z-index:1;position:absolute}.todo-donut strong{font-size:24px;transform:translateY(-8px)}.todo-donut span{font-size:10px;transform:translateY(12px)}.role-view-switch,.role-preview-controls{display:flex;align-items:center;gap:8px}.governance-grid{display:grid;grid-template-columns:1.1fr 1fr 320px;gap:12px}.deletion-request,.recycle-item{border:1px solid var(--line);border-radius:9px;padding:12px;margin-top:9px}.deletion-request header,.deletion-request header>div,.deletion-request footer{display:flex;justify-content:space-between;align-items:center;gap:8px}.deletion-request dl{display:flex;gap:16px}.deletion-request dl div{display:flex;gap:6px}.recycle-item{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:8px}.recycle-item small{display:block;color:var(--muted)}.governance-grid aside{display:grid;align-content:start;gap:10px}.system-health-banner{display:flex;justify-content:space-between;padding:12px 16px;border:1px solid #bfe1c7;background:#f3fbf5;border-radius:9px;color:#287b3d}.health-grid{display:grid;grid-template-columns:1.4fr 1fr .8fr;gap:12px}.health-services{grid-column:span 2}.health-grid>aside{display:grid;gap:12px}.fallback-rule{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;padding:8px;border-bottom:1px solid var(--line)}.retry-row{display:flex;justify-content:space-between}.backup-items{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.backup-items article{border:1px solid var(--line);border-radius:8px;padding:10px}.backup-items small{display:block;color:var(--muted);margin-top:5px}.backup-card footer{display:flex;gap:8px;margin-top:10px}.recovery-timeline{display:flex;align-items:start}.recovery-timeline article{flex:1;text-align:center}.recovery-timeline article>b{display:grid;place-items:center;width:24px;height:24px;margin:auto;border-radius:50%;background:#2f9a4a;color:#fff}.recovery-timeline small{display:block;color:var(--muted)}.health-alert{display:flex;justify-content:space-between;border-left:3px solid #64a2db;padding:9px;background:#f7fbff}.health-alert.warn{border-color:#eb9d3b}.health-alert.high{border-color:#d93640}.role-validation-grid{display:grid;grid-template-columns:240px minmax(520px,1fr) 330px;gap:12px}.read-only-banner{justify-self:end;border:1px solid #f3c28f;background:#fff8ef;color:#c56b18;border-radius:8px;padding:9px 13px}.role-list{display:grid;align-content:start}.role-list>button{display:flex;justify-content:space-between;border:0;background:transparent;padding:9px;border-radius:7px}.role-list>button.active{background:#fbecef;color:var(--brand)}.employee-preview-banner{padding:9px;text-align:center;color:#2d8646;background:#f2faf4;border:1px solid #c8e6cf;border-radius:7px}.employee-preview-shell{display:grid;grid-template-columns:120px 1fr;border:1px solid var(--line);border-radius:9px;min-height:390px;overflow:hidden;margin-top:10px}.employee-preview-shell nav{display:grid;align-content:start;background:#fffafa;border-right:1px solid var(--line);padding:12px;gap:6px}.employee-preview-shell nav span{padding:7px;border-radius:6px;font-size:11px}.employee-preview-shell nav span.active{background:#fbecef;color:var(--brand)}.employee-preview-shell main{padding:14px}.employee-preview-shell main header{display:flex;gap:7px}.employee-preview-shell main input{flex:1}.employee-preview-shell main article{display:grid;grid-template-columns:1fr auto;gap:5px;border:1px solid var(--line);padding:11px;margin-top:8px;border-radius:7px}.employee-preview-shell main small{grid-column:1/3;color:var(--muted)}.employee-preview-shell main footer{margin-top:10px;padding:9px;background:#f7f7f7;color:var(--muted)}.role-validation-grid>aside:last-child{display:grid;gap:12px;align-content:start}.validation-results p{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:8px}.validation-risk{border-color:#efb4b8}.validation-risk strong{color:#bd2731}.validation-risk button{margin-right:6px}.danger-button{border:1px solid #d9434d!important;background:#fff!important;color:#bd2731!important}.role-preview-controls select{min-width:130px}
@media(max-width:1200px){.ai-knowledge-shell{grid-template-columns:1fr}.ai-knowledge-nav{position:static;display:flex;gap:8px;overflow:auto;max-height:none}.ai-knowledge-nav header{min-width:170px}.ai-knowledge-nav section{display:flex;min-width:max-content}.ai-knowledge-nav section>b{display:none}.ai-kb-workspace-grid,.knowledge-workspace,.knowledge-review-grid,.handover-grid,.todo-center-grid,.governance-grid,.role-validation-grid{grid-template-columns:1fr}.ai-kb-command{grid-column:auto}.agent-growth-grid{grid-template-columns:1fr 1fr}.agent-selector,.agent-version-card,.agent-capability-map,.agent-evaluation{grid-column:auto;grid-row:auto}.health-grid{grid-template-columns:1fr 1fr}.health-services{grid-column:span 2}}
@media(max-width:760px){.ai-kb-metrics{grid-template-columns:1fr 1fr}.ai-kb-workspace-grid,.ai-experience-grid,.agent-growth-grid,.health-grid{grid-template-columns:1fr}.ai-kb-command,.health-services{grid-column:auto}.agent-selector>div:last-child{grid-template-columns:1fr 1fr}.ai-kb-title{display:grid}.ai-kb-sticky-actions{overflow:auto;justify-content:start}.knowledge-workspace,.knowledge-review-grid,.handover-grid,.todo-center-grid,.governance-grid,.role-validation-grid{display:block}.knowledge-workspace>*,.knowledge-review-grid>*,.handover-grid>*,.todo-center-grid>*,.governance-grid>*,.role-validation-grid>*{margin-bottom:12px}}

/* 外贸 CRM：沟通账号管理 */
.comm-account-page{min-width:0;display:grid;gap:14px;color:#30272a}
.comm-account-page button,.comm-account-page input,.comm-account-page select{font-family:inherit}
.comm-account-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:4px 3px 0}
.comm-account-head>div>span{color:var(--brand);font-size:12px;font-weight:850;letter-spacing:.08em}
.comm-account-head h1{margin:5px 0 3px;font-size:28px;line-height:1.15}
.comm-account-head p{margin:0;color:#75696c;font-size:14px}
.comm-account-head nav{display:flex;gap:9px}.comm-account-head nav button{min-height:40px;padding:7px 14px;border:1px solid #dfd4d7;border-radius:8px;background:#fff;color:#5f5054;font-size:13px;font-weight:750;cursor:pointer}.comm-account-head nav .primary-button{border-color:var(--brand);background:var(--brand);color:#fff}.comm-account-head nav button:disabled{cursor:not-allowed;opacity:.45}
.comm-account-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.comm-account-kpis button{min-height:84px;display:grid;align-content:center;gap:3px;padding:12px 14px;border:1px solid #e4dade;border-radius:9px;background:#fff;color:#453a3d;text-align:left;box-shadow:0 5px 18px rgba(69,35,44,.04);cursor:pointer}
.comm-account-kpis button:hover{border-color:#ca94a3;background:#fff8fa}.comm-account-kpis span{color:#75696c;font-size:13px}.comm-account-kpis strong{font-size:24px;line-height:1.05}.comm-account-kpis small{color:#9a8c90;font-size:12px}
.comm-account-toolbar{display:grid;grid-template-columns:minmax(260px,1.4fr) repeat(4,minmax(125px,.55fr)) auto;gap:9px;padding:12px}
.comm-account-toolbar input,.comm-account-toolbar select,.comm-account-toolbar>button{width:100%;height:38px;border:1px solid #ded3d6;border-radius:7px;background:#fff;color:#51464a;font-size:13px}
.comm-account-toolbar select{padding:0 28px 0 9px}.comm-account-toolbar>button{padding:0 12px;color:var(--brand);font-weight:750;cursor:pointer}
.comm-account-search{position:relative}.comm-account-search input{padding:0 10px 0 34px}.comm-account-search>span{position:absolute;top:9px;left:12px;color:#95868b;font-size:15px}
.comm-account-list{overflow:hidden}.comm-account-list .table-wrap{overflow:auto}
.comm-account-list table{width:100%;min-width:1180px;border-collapse:collapse}
.comm-account-list th{padding:11px 10px;border-bottom:1px solid #dfd5d8;background:#faf7f8;color:#786c70;font-size:12px;font-weight:800;text-align:left;white-space:nowrap}
.comm-account-list td{padding:12px 10px;border-bottom:1px solid #eee6e8;color:#54494c;font-size:13px;vertical-align:middle}
.comm-account-list td>b{display:block;font-size:13px}.comm-account-list td>span{display:block}.comm-account-name{min-width:180px;display:flex;align-items:center;gap:9px}.comm-account-name>i{width:34px;height:34px;display:grid;flex:0 0 auto;place-items:center;border-radius:8px;background:linear-gradient(140deg,#81253f,#b32750);color:#fff;font-size:13px;font-style:normal;font-weight:850}.comm-account-name b{display:block;font-size:14px}.comm-account-name small{display:block;max-width:190px;overflow:hidden;margin-top:2px;color:#827579;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.comm-method{max-width:180px;line-height:1.45}.comm-member-count,.comm-sync{display:block;margin-top:3px;color:#8e8084;font-size:12px}
.comm-account-status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:12px;font-style:normal;font-weight:750;white-space:nowrap}.comm-account-status.ok{background:#eaf8f1;color:#17764f}.comm-account-status.partial,.comm-account-status.review{background:#fff4dd;color:#966312}.comm-account-status.pending{background:#f2eef8;color:#665099}.comm-account-status.local{background:#eaf4fb;color:#26709d}.comm-account-status.error{background:#fff0f1;color:#b3263f}.comm-account-status.disabled{background:#f1eeee;color:#756a6d}
.comm-row-actions{display:flex;gap:6px}.comm-row-actions button{min-height:31px;padding:4px 9px;border:1px solid #ded3d6;border-radius:6px;background:#fff;color:var(--brand);font-size:12px;font-weight:700;cursor:pointer}
.comm-account-list>footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;color:#817478;font-size:12px}

.comm-account-modal-layer{z-index:72}.comm-account-wizard{position:relative;z-index:1;width:min(900px,calc(100vw - 28px));max-height:calc(100vh - 32px);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;border:1px solid #dcd0d4;border-radius:12px;background:#fff;box-shadow:0 24px 70px rgba(35,19,24,.24)}
.comm-account-wizard>header{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #e9e0e2}.comm-account-wizard>header span{color:var(--brand);font-size:12px;font-weight:850;letter-spacing:.08em}.comm-account-wizard>header h2{margin:4px 0 0;font-size:20px}.comm-account-wizard>header button{width:34px;height:34px;border:1px solid #dfd5d8;border-radius:7px;background:#fff;color:#65595d;font-size:18px;cursor:pointer}
.comm-wizard-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:13px 20px;border-bottom:1px solid #eee6e8;background:#fcfafb}.comm-wizard-steps span{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;color:#96888c;font-size:12px}.comm-wizard-steps span:not(:last-child)::after{content:"";position:absolute;left:70%;width:60%;height:1px;background:#ded4d7}.comm-wizard-steps i{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#ece7e8;color:#796e71;font-size:12px;font-style:normal;font-weight:800}.comm-wizard-steps .active{color:var(--brand);font-weight:800}.comm-wizard-steps .active i,.comm-wizard-steps .done i{background:var(--brand);color:#fff}.comm-wizard-steps .done{color:#6d5960}
.comm-account-wizard>main{min-height:320px;overflow:auto;padding:18px 20px}.comm-account-wizard>footer{display:flex;justify-content:flex-end;gap:8px;padding:13px 20px;border-top:1px solid #e9e0e2}.comm-account-wizard>footer button{min-height:37px;padding:6px 15px;border:1px solid #ded3d6;border-radius:7px;background:#fff;color:#67595e;font-size:13px;font-weight:750;cursor:pointer}.comm-account-wizard>footer .primary-button{border-color:var(--brand);background:var(--brand);color:#fff}.comm-account-wizard>footer button:disabled{cursor:not-allowed;opacity:.45}
.comm-platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.comm-platform-grid>button{min-height:108px;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:start;gap:10px;padding:13px;border:1px solid #e2d8db;border-radius:9px;background:#fff;color:#4c4145;text-align:left;cursor:pointer}.comm-platform-grid>button:hover,.comm-platform-grid>button.active{border-color:var(--brand);background:#fff7f9;box-shadow:0 0 0 2px rgba(156,41,72,.08)}.comm-platform-grid i{width:40px;height:40px;display:grid;place-items:center;border-radius:9px;background:var(--brand);color:#fff;font-size:14px;font-style:normal;font-weight:850}.comm-platform-grid b{display:block;font-size:14px}.comm-platform-grid small{display:block;margin:4px 0;color:#776a6e;font-size:12px;line-height:1.45}.comm-platform-grid em{display:inline-flex;padding:3px 7px;border-radius:999px;background:#edf7f1;color:#267550;font-size:12px;font-style:normal}.comm-platform-grid em.restricted{background:#fff2da;color:#946118}.comm-platform-grid em.local{background:#eaf3f8;color:#246b95}
.comm-wizard-notice{margin-bottom:14px;padding:12px 14px;border-left:3px solid var(--brand);border-radius:7px;background:#fff7f9}.comm-wizard-notice b{font-size:15px}.comm-wizard-notice p{margin:4px 0 0;color:#706368;font-size:13px;line-height:1.55}.comm-wizard-notice.restricted{border-color:#d59823;background:#fff9eb}.comm-wizard-notice.local{border-color:#3a87b2;background:#f2f8fc}
.comm-account-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.comm-account-form label{display:grid;gap:5px}.comm-account-form label.wide{grid-column:1/-1}.comm-account-form label>span,.comm-permission-layout label{font-size:13px;font-weight:700}.comm-account-form input,.comm-permission-layout input,.comm-permission-layout select{width:100%;height:38px;padding:6px 9px;border:1px solid #ded3d6;border-radius:7px;background:#fff;font-size:13px}.comm-secret-note{margin:13px 0 0;color:#837579;font-size:12px}
.comm-permission-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:14px}.comm-permission-layout>section{display:grid;align-content:start;gap:10px;padding:14px;border:1px solid #e4dade;border-radius:9px;background:#fcfafb}.comm-permission-layout h3{margin:0 0 3px;font-size:16px}.comm-permission-layout label{display:grid;gap:5px}.comm-permission-layout label:has(input[type="checkbox"]){grid-template-columns:18px minmax(0,1fr);align-items:center;font-weight:600}.comm-permission-layout input[type="checkbox"]{width:16px;height:16px}
.comm-test-head,.comm-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.comm-test-head h3{margin:0;font-size:18px}.comm-test-head p{margin:4px 0 0;color:#7b6e72;font-size:13px}.comm-test-head button{min-height:36px;padding:6px 13px;border:0;border-radius:7px;background:var(--brand);color:#fff;font-size:13px;font-weight:750;cursor:pointer}.comm-test-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.comm-test-grid>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:1px solid #e5dcde;border-radius:7px;background:#fff;font-size:13px}.comm-test-grid em,.comm-drawer-tests em{font-size:12px;font-style:normal}.comm-test-grid em.pass,.comm-drawer-tests em.pass{color:#1b8058}.comm-test-grid em.fail,.comm-drawer-tests em.fail{color:#b42442}.comm-test-grid em.blocked{color:#9a681d}.comm-test-grid em.na,.comm-drawer-tests em.na{color:#7d7275}.comm-test-result{margin-top:12px;padding:12px;border-radius:7px;background:#f7f3f4;color:#665a5e;font-size:13px;line-height:1.55}
.comm-confirm-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px;border:1px solid #e1d6d9;border-radius:9px;background:#fff8fa}.comm-confirm-card>i{width:48px;height:48px;display:grid;place-items:center;border-radius:10px;background:var(--brand);color:#fff;font-size:16px;font-style:normal;font-weight:850}.comm-confirm-card span{font-size:12px;color:#837579}.comm-confirm-card h3{margin:3px 0;font-size:18px}.comm-confirm-card p{margin:0;color:#75686c;font-size:13px}.comm-confirm-card>em{padding:5px 9px;border-radius:999px;background:#fff0d9;color:#91601b;font-size:12px;font-style:normal}.comm-confirm-list{display:grid;gap:8px;margin:14px 0 0;padding:13px 13px 13px 34px;border:1px solid #e7dfe1;border-radius:8px;color:#62565a;font-size:13px;line-height:1.45}

.comm-account-drawer-layer{position:fixed;inset:0;z-index:70}.comm-account-drawer-scrim{position:absolute;inset:0;border:0;background:rgba(36,25,29,.42);cursor:pointer}.comm-account-drawer{position:absolute;z-index:1;top:0;right:0;width:min(620px,100vw);height:100%;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto;overflow:hidden;background:#fff;box-shadow:-18px 0 45px rgba(42,24,29,.18)}
.comm-account-drawer>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid #e8dfe1}.comm-account-drawer>header span{color:var(--brand);font-size:12px;font-weight:800;letter-spacing:.06em}.comm-account-drawer>header h2{margin:4px 0;font-size:24px}.comm-account-drawer>header p{margin:0;color:#7d7074;font-size:13px}.comm-account-drawer>header button{width:34px;height:34px;border:1px solid #ded3d6;border-radius:7px;background:#fff;font-size:18px;cursor:pointer}
.comm-account-identity{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 20px}.comm-account-identity>i{width:42px;height:42px;display:grid;place-items:center;border-radius:9px;background:var(--brand);color:#fff;font-size:14px;font-style:normal;font-weight:850}.comm-account-identity b{display:block;font-size:14px}.comm-account-identity span{display:block;margin-top:3px;color:#807377;font-size:12px}.comm-account-identity>em{padding:5px 9px;border-radius:999px;background:#f2eef8;color:#665099;font-size:12px;font-style:normal}.comm-account-identity>em.ok{background:#eaf8f1;color:#17764f}.comm-account-identity>em.local{background:#eaf4fb;color:#26709d}.comm-account-identity>em.error{background:#fff0f1;color:#b3263f}.comm-account-identity>em.disabled{background:#f1eeee;color:#756a6d}
.comm-account-drawer>nav{display:flex;padding:0 20px;border-bottom:1px solid #e7dfe1;overflow-x:auto}.comm-account-drawer>nav button{min-height:40px;padding:7px 11px;border:0;border-bottom:2px solid transparent;background:#fff;color:#796c70;font-size:13px;white-space:nowrap}.comm-account-drawer>nav button.active{border-color:var(--brand);color:var(--brand);font-weight:800}
.comm-account-drawer>main{display:grid;align-content:start;gap:12px;overflow:auto;padding:14px 20px}.comm-account-drawer>main>section{padding:13px;border:1px solid #e6dde0;border-radius:9px;background:#fff}.comm-account-drawer h3{margin:0 0 10px;font-size:16px}.comm-account-drawer dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.comm-account-drawer dl>div{padding:9px;border-radius:7px;background:#faf7f8}.comm-account-drawer dt{color:#877a7e;font-size:12px}.comm-account-drawer dd{margin:4px 0 0;color:#4f4448;font-size:13px;font-weight:700}.comm-section-head button{padding:5px 9px;border:1px solid #ded3d6;border-radius:6px;background:#fff;color:var(--brand);font-size:12px;cursor:pointer}.comm-drawer-tests{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.comm-drawer-tests>span{display:flex;justify-content:space-between;gap:6px;padding:8px;border-radius:6px;background:#faf7f8;font-size:12px}.comm-account-drawer section>p{color:#71656a;font-size:13px;line-height:1.55}.comm-scope-list{display:flex;flex-wrap:wrap;gap:6px}.comm-scope-list span{padding:4px 7px;border-radius:999px;background:#fff1f4;color:#963451;font-size:12px}.comm-account-logs{display:grid;gap:7px}.comm-account-logs article{padding:9px;border-left:2px solid #c58b9b;background:#faf7f8}.comm-account-logs b{font-size:13px}.comm-account-logs span{display:block;margin:2px 0;color:#8a7d81;font-size:12px}.comm-account-logs p{margin:0;font-size:12px}
.comm-account-drawer>footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid #e5dcde}.comm-account-drawer>footer button{min-height:36px;padding:6px 12px;border:1px solid #ded3d6;border-radius:7px;background:#fff;color:#65585d;font-size:13px;font-weight:700;cursor:pointer}.comm-account-drawer>footer button.danger{border-color:#e6b9c3;color:#b02443}.comm-account-drawer>footer button:disabled{cursor:not-allowed;opacity:.4}.comm-account-drawer>footer>span{color:#75696d;font-size:13px}

@media(max-width:1200px){
  .comm-account-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.comm-account-toolbar{grid-template-columns:minmax(240px,1fr) repeat(2,minmax(130px,.6fr))}.comm-account-search{grid-column:1/-1}
}
@media(max-width:760px){
  .comm-account-head{align-items:flex-start;flex-direction:column}.comm-account-head nav{width:100%}.comm-account-head nav button{flex:1}.comm-account-head h1{font-size:24px}
  .comm-account-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.comm-account-toolbar{grid-template-columns:minmax(0,1fr)}.comm-account-search{grid-column:auto}.comm-account-list>footer{align-items:flex-start;flex-direction:column}
  .comm-wizard-steps{grid-template-columns:repeat(5,32px);justify-content:space-between}.comm-wizard-steps span{font-size:0}.comm-wizard-steps span:not(:last-child)::after{display:none}.comm-platform-grid{grid-template-columns:minmax(0,1fr)}.comm-account-form,.comm-permission-layout{grid-template-columns:minmax(0,1fr)}.comm-account-form label.wide{grid-column:auto}.comm-test-grid{grid-template-columns:minmax(0,1fr)}.comm-account-wizard>main{padding:14px}.comm-account-drawer dl,.comm-drawer-tests{grid-template-columns:minmax(0,1fr)}
}

/* 沟通中心：原地业务弹窗、会话整理与逐会话 AI 建议 */
.trade-customer-modal.trade-deal-modal{width:min(680px,calc(100vw - 48px));overflow:hidden}
.trade-deal-modal>header{padding:13px 16px}.trade-deal-modal>header h2{font-size:18px}
.trade-deal-modal>.trade-form-grid{gap:10px 12px;padding:14px 16px}
.trade-deal-modal label{gap:5px;font-size:12px}
.trade-deal-modal input,.trade-deal-modal select,.trade-deal-modal textarea{min-height:36px;padding:7px 9px;font-size:13px}
.trade-deal-modal>footer{padding:12px 16px 14px}
.trade-deal-modal>footer button{min-height:36px;padding:7px 13px;font-size:13px}

.omni-conversation-labels{display:flex;flex-wrap:wrap;gap:4px}
.omni-conversation span>.omni-conversation-labels>em{display:inline-flex;margin:2px 0 0;padding:2px 6px;border-radius:4px;background:#fff0f4;color:#a42a4b;font-size:12px;font-style:normal}
.omni-conversation-labels>em.category{background:#edf3fb!important;color:#315f94!important}
.omni-conversation-labels>em.tag{background:#f4f1f8!important;color:#66528c!important}
.omni-detail-head>nav button.ai-advice{border-color:#cda0ad;background:#fff5f7;color:var(--brand);font-weight:800}

.comm-inline-modal-layer{position:fixed;inset:0;z-index:126}
.comm-inline-scrim{position:absolute;inset:0;border:0;background:rgba(38,25,29,.46);backdrop-filter:blur(2px);cursor:pointer}
.comm-inline-drawer,.comm-ai-dialog{position:absolute;z-index:1;top:0;right:0;width:min(620px,100vw);height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:#fff;box-shadow:-22px 0 58px rgba(43,24,30,.24)}
.comm-inline-drawer>header,.comm-ai-dialog>header,.comm-organizer-dialog>header,.comm-account-manager-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:17px 20px;border-bottom:1px solid #e9e0e2}
.comm-inline-drawer>header span,.comm-ai-dialog>header span,.comm-organizer-dialog>header span,.comm-account-manager-dialog>header span{color:var(--brand);font-size:12px;font-weight:850;letter-spacing:.08em}
.comm-inline-drawer>header h2,.comm-ai-dialog>header h2,.comm-organizer-dialog>header h2,.comm-account-manager-dialog>header h2{margin:4px 0;font-size:20px}
.comm-inline-drawer>header p,.comm-ai-dialog>header p,.comm-organizer-dialog>header p,.comm-account-manager-dialog>header p{margin:0;color:#7b6e72;font-size:13px}
.comm-inline-drawer>header>button,.comm-ai-dialog>header>button,.comm-organizer-dialog>header>button,.comm-account-manager-dialog>header>button,.comm-account-manager-dialog>header>nav>button{width:34px;height:34px;border:1px solid #ded3d6;border-radius:7px;background:#fff;color:#62565a;font-size:18px;cursor:pointer}
.comm-inline-drawer>main,.comm-ai-dialog>main{display:grid;align-content:start;gap:12px;overflow:auto;padding:14px 20px}
.comm-inline-drawer>main>section,.comm-ai-dialog>main>section{padding:13px;border:1px solid #e6dde0;border-radius:9px;background:#fff}
.comm-inline-drawer h3,.comm-ai-dialog h3{margin:0 0 10px;font-size:16px}
.comm-inline-drawer>footer,.comm-ai-dialog>footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid #e7dfe1}
.comm-inline-drawer>footer button,.comm-ai-dialog>footer button{min-height:37px;padding:7px 14px;border:1px solid #ded3d6;border-radius:7px;background:#fff;color:var(--brand);font-size:13px;font-weight:750}
.comm-inline-drawer>footer .primary-button,.comm-ai-dialog>footer .primary-button{border-color:var(--brand);background:var(--brand);color:#fff}
.comm-customer-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.comm-customer-summary>div{display:grid;gap:4px;padding:10px;border-radius:7px;background:#faf7f8}.comm-customer-summary span{color:#817478;font-size:12px}.comm-customer-summary strong{font-size:16px}
.comm-customer-dialog dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0}.comm-customer-dialog dl>div{padding:9px 0;border-top:1px solid #eee7e9}.comm-customer-dialog dt{color:#85787c;font-size:12px}.comm-customer-dialog dd{margin:3px 0 0;overflow-wrap:anywhere;font-size:13px;font-weight:700}
.comm-customer-deal{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid #eee7e9}.comm-customer-deal b{font-size:13px}.comm-customer-deal span{display:block;margin-top:3px;color:#817579;font-size:12px}.comm-customer-deal strong{color:var(--brand);font-size:13px;white-space:nowrap}
.comm-customer-follow{display:grid;grid-template-columns:125px minmax(0,1fr);gap:9px;padding:9px 0;border-top:1px solid #eee7e9}.comm-customer-follow time{color:#877a7e;font-size:12px}.comm-customer-follow b{font-size:13px}.comm-customer-follow p{margin:4px 0 0;color:#665b5e;font-size:13px;line-height:1.55}

.comm-organizer-dialog{position:absolute;z-index:1;top:50%;left:50%;width:min(620px,calc(100vw - 40px));max-height:calc(100vh - 40px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid #ded3d6;border-radius:12px;background:#fff;box-shadow:0 24px 70px rgba(35,19,24,.28);transform:translate(-50%,-50%)}
.comm-organizer-dialog>main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:16px 20px;overflow:auto}.comm-organizer-dialog label{display:grid;gap:5px;color:#62565a;font-size:13px;font-weight:700}.comm-organizer-dialog label.wide{grid-column:1/-1}.comm-organizer-dialog input,.comm-organizer-dialog select,.comm-organizer-dialog textarea{width:100%;min-height:38px;padding:7px 9px;border:1px solid #ded3d6;border-radius:7px;background:#fff;font:inherit;font-size:13px}.comm-organizer-dialog textarea{resize:vertical}.comm-organizer-context{display:grid;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px;border:1px solid #eadde0;border-radius:8px;background:#fff8f9}.comm-organizer-context div{display:grid;gap:4px;min-width:0}.comm-organizer-context span{color:#876f76;font-size:12px}.comm-organizer-context b{overflow:hidden;color:#4c3c40;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.comm-organizer-dialog>footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid #e7dfe1}.comm-organizer-dialog>footer button{min-height:37px;padding:7px 14px;border:1px solid #ded3d6;border-radius:7px;background:#fff;color:#675a5e;font-size:13px;font-weight:750}.comm-organizer-dialog>footer .primary-button{border-color:var(--brand);background:var(--brand);color:#fff}

.comm-ai-dialog{width:min(660px,100vw)}
.comm-ai-verdict{display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(135deg,#fff5f8,#fff)!important}.comm-ai-verdict>div{display:grid;gap:4px}.comm-ai-verdict span{color:#806f74;font-size:12px}.comm-ai-verdict strong{font-size:18px}.comm-ai-verdict small{color:#8b7d81;font-size:12px}.comm-ai-verdict button,.comm-ai-dialog .comm-section-head button{min-height:34px;padding:6px 10px;border:1px solid #d7b5bf;border-radius:7px;background:#fff;color:var(--brand);font-size:12px;font-weight:750}
.comm-ai-dialog section>p,.comm-ai-dialog li{color:#55494d;font-size:13px;line-height:1.65}.comm-ai-dialog ul,.comm-ai-dialog ol{display:grid;gap:5px;margin:0;padding-left:20px}.comm-ai-reply{padding:11px;border-radius:7px;background:#faf7f8;white-space:pre-wrap}.comm-ai-evidence{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.comm-ai-evidence span{padding:4px 7px;border-radius:999px;background:#f3eef0;color:#685a5f;font-size:12px}.comm-ai-dialog section>small{color:#887b7f;font-size:12px;line-height:1.55}

.comm-account-manager-layer{position:fixed;inset:0;z-index:125;padding:18px}
.comm-account-manager-scrim{position:absolute;inset:0;border:0;background:rgba(38,25,29,.48);backdrop-filter:blur(2px);cursor:pointer}
.comm-account-manager-dialog{position:relative;z-index:1;width:min(1480px,100%);height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);margin:auto;overflow:hidden;border:1px solid #ded3d6;border-radius:12px;background:#f8f5f6;box-shadow:0 26px 74px rgba(35,19,24,.3)}
.comm-account-manager-dialog>header>nav{display:flex;align-items:center;gap:8px}.comm-account-manager-dialog>header>nav>button.primary-button{width:auto;padding:6px 13px;border-color:var(--brand);background:var(--brand);color:#fff;font-size:13px;font-weight:800}
.comm-account-manager-dialog>main{overflow:auto;padding:15px}.comm-account-manager-dialog .comm-account-page.embedded{gap:11px}.comm-account-manager-dialog .comm-account-page.embedded .comm-account-head{display:none}
.comm-account-manager-dialog .comm-account-kpis button{min-height:72px}
.comm-account-manager-layer .comm-account-drawer-layer,.comm-account-manager-layer .comm-account-modal-layer{z-index:132}

@media(max-width:760px){
  .trade-customer-modal.trade-deal-modal{width:calc(100vw - 24px)}
  .comm-inline-drawer,.comm-ai-dialog{width:100vw}.comm-customer-summary,.comm-customer-dialog dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .comm-organizer-dialog>main{grid-template-columns:minmax(0,1fr)}.comm-organizer-dialog label.wide{grid-column:auto}.comm-organizer-context{grid-column:auto;grid-template-columns:minmax(0,1fr)}
  .comm-account-manager-layer{padding:0}.comm-account-manager-dialog{width:100%;height:100%;border:0;border-radius:0}.comm-account-manager-dialog>main{padding:10px}
  .omni-detail-head>nav{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* 外贸 CRM：标题与一级菜单统一居中、桌面端固定显示 */
.foreign-trade-workspace{grid-template-columns:158px minmax(0,1fr)}
.foreign-trade-menu{width:158px;box-sizing:border-box;justify-self:center;scrollbar-gutter:auto;scrollbar-width:thin;scrollbar-color:#d7c5ca transparent}
.foreign-trade-menu::-webkit-scrollbar{width:5px}
.foreign-trade-menu::-webkit-scrollbar-track{background:transparent}
.foreign-trade-menu::-webkit-scrollbar-thumb{border-radius:999px;background:#d7c5ca}
.foreign-trade-menu-groups{justify-items:stretch}
.foreign-trade-group-button{position:relative;grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
.foreign-trade-group-copy{width:100%;text-align:center}
.foreign-trade-group-copy strong,.foreign-trade-group-copy>span{text-align:center}
.foreign-trade-group-meta{position:absolute;top:50%;right:7px;transform:translateY(-50%)}
.foreign-trade-group-button.expanded .foreign-trade-group-meta i{transform:rotate(180deg)}
.foreign-trade-menu-accordion{margin-inline:4px;padding-left:0;border-left:0}
.foreign-trade-menu-button{position:relative;grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
.foreign-trade-menu-button span{width:100%;text-align:center}
.foreign-trade-menu-button em{position:absolute;top:50%;right:7px;transform:translateY(-50%)}

.app-shell.foreign-trade-active .topbar{position:sticky;top:0;z-index:14;min-height:72px;align-items:flex-start;margin-bottom:22px;padding:10px 0 8px;background:linear-gradient(180deg,rgba(255,250,247,.98) 0%,rgba(255,250,247,.94) 78%,rgba(255,250,247,0) 100%);backdrop-filter:blur(12px)}
.app-shell.foreign-trade-active .topbar>div:first-child{width:158px;min-width:158px;text-align:center}
.app-shell.foreign-trade-active .topbar h1,.app-shell.foreign-trade-active .topbar .page-subtitle{width:100%;text-align:center}
.app-shell.foreign-trade-active .topbar .page-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-shell.foreign-trade-active .foreign-trade-menu{position:sticky;top:94px;max-height:calc(100vh - 110px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:auto}
@media(max-width:980px){
  .app-shell.foreign-trade-active .topbar{top:80px}
  .app-shell.foreign-trade-active .foreign-trade-menu{top:166px;max-height:calc(100vh - 182px)}
}

/* 外贸 CRM：业务表单统一为右侧全高抽屉（对齐 Customer 360 详情样式） */
.trade-customer-modal:is(
  .trade-right-drawer,
  :has(#tradeDealTitle),
  :has(#tradeSampleDeal),
  :has(#tradeQuoteDeal),
  :has(#tradeContractQuote),
  :has(#tradeCommissionProductName),
  :has(#tradeKnowledgeTitle)
){
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:auto;
  width:min(620px,100vw);
  height:100vh;
  max-height:100vh;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  margin:0;
  overflow:hidden;
  border-top:0;
  border-right:0;
  border-bottom:0;
  border-radius:0;
  background:#fff;
  box-shadow:-22px 0 58px rgba(43,24,30,.24);
}
.trade-customer-modal:is(
  .trade-right-drawer,
  :has(#tradeDealTitle),
  :has(#tradeSampleDeal),
  :has(#tradeQuoteDeal),
  :has(#tradeContractQuote),
  :has(#tradeCommissionProductName),
  :has(#tradeKnowledgeTitle)
) > header{
  position:relative;
  z-index:4;
  flex:0 0 auto;
  padding:17px 20px;
  background:#fff;
  border-bottom:1px solid #e9e0e2;
}
.trade-customer-modal:is(
  .trade-right-drawer,
  :has(#tradeDealTitle),
  :has(#tradeSampleDeal),
  :has(#tradeQuoteDeal),
  :has(#tradeContractQuote),
  :has(#tradeCommissionProductName),
  :has(#tradeKnowledgeTitle)
) > header h2{
  font-size:20px;
}
.trade-customer-modal:is(
  .trade-right-drawer,
  :has(#tradeDealTitle),
  :has(#tradeSampleDeal),
  :has(#tradeQuoteDeal),
  :has(#tradeContractQuote),
  :has(#tradeCommissionProductName),
  :has(#tradeKnowledgeTitle)
) > header button{
  width:34px;
  height:34px;
  font-size:18px;
}
.trade-customer-modal:is(
  .trade-right-drawer,
  :has(#tradeDealTitle),
  :has(#tradeSampleDeal),
  :has(#tradeQuoteDeal),
  :has(#tradeContractQuote),
  :has(#tradeCommissionProductName),
  :has(#tradeKnowledgeTitle)
) > .trade-form-grid{
  flex:1 1 auto;
  min-height:0;
  align-content:start;
  overflow-y:auto;
  padding:16px 20px;
}
.trade-customer-modal:is(
  .trade-right-drawer,
  :has(#tradeDealTitle),
  :has(#tradeSampleDeal),
  :has(#tradeQuoteDeal),
  :has(#tradeContractQuote),
  :has(#tradeCommissionProductName),
  :has(#tradeKnowledgeTitle)
) > form{
  display:flex;
  flex-direction:column;
  min-height:0;
  flex:1 1 auto;
  overflow-y:auto;
  padding:16px 20px 0;
}
.trade-customer-modal:is(
  .trade-right-drawer,
  :has(#tradeDealTitle),
  :has(#tradeSampleDeal),
  :has(#tradeQuoteDeal),
  :has(#tradeContractQuote),
  :has(#tradeCommissionProductName),
  :has(#tradeKnowledgeTitle)
) > .trade-form-note{
  flex:0 0 auto;
  margin:0 20px 12px;
}
.trade-customer-modal:is(
  .trade-right-drawer,
  :has(#tradeDealTitle),
  :has(#tradeSampleDeal),
  :has(#tradeQuoteDeal),
  :has(#tradeContractQuote),
  :has(#tradeCommissionProductName),
  :has(#tradeKnowledgeTitle)
) > footer,
.trade-customer-modal.trade-right-drawer > form > footer{
  position:relative;
  z-index:4;
  flex:0 0 auto;
  min-height:64px;
  align-items:center;
  margin:0;
  padding:12px 20px;
  background:#fff;
  border-top:1px solid #e7dfe1;
}
.trade-customer-modal.trade-right-drawer > form > footer{
  position:sticky;
  bottom:0;
  margin:auto -20px 0;
}
.trade-customer-modal:is(
  .trade-right-drawer,
  :has(#tradeDealTitle),
  :has(#tradeSampleDeal),
  :has(#tradeQuoteDeal),
  :has(#tradeContractQuote),
  :has(#tradeCommissionProductName),
  :has(#tradeKnowledgeTitle)
) > footer button{
  min-height:38px;
  padding:7px 14px;
  font-size:13px;
}

.comm-organizer-dialog.comm-right-drawer{
  top:0;
  right:0;
  bottom:0;
  left:auto;
  width:min(620px,100vw);
  height:100%;
  max-height:none;
  box-sizing:border-box;
  border-top:0;
  border-right:0;
  border-bottom:0;
  border-radius:0;
  box-shadow:-22px 0 58px rgba(43,24,30,.24);
  transform:none;
}
.comm-organizer-dialog.comm-right-drawer > main{
  align-content:start;
}
.comm-governance-note{grid-column:1/-1;margin:0;padding:12px;border:1px solid #f0d7a1;border-radius:8px;background:#fff8e8;color:#6f5735;font-size:13px;line-height:1.6}
.comm-governance-dialog>footer{flex-wrap:wrap}
.comm-organizer-dialog .comm-sender-rule{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:9px;border:1px solid #eadde0;border-radius:8px;background:#fff8f9}.comm-organizer-dialog .comm-sender-rule input{width:16px;min-height:16px;height:16px;padding:0;accent-color:var(--brand)}.comm-organizer-dialog .comm-sender-rule small{width:100%;color:#857277;font-size:12px;font-weight:500}
.omni-conversation-column:has(.omni-batch-toolbar){grid-template-rows:auto auto minmax(0,1fr)}.omni-batch-toolbar{display:flex;align-items:center;flex-wrap:nowrap;gap:6px;min-width:0;padding:8px 10px;overflow-x:auto;border-bottom:1px solid #ecdfe2;background:#fff7f8;color:#7f263f;font-size:13px;font-weight:750;scrollbar-width:thin}.omni-batch-toolbar span{flex:0 0 auto;margin-right:2px;white-space:nowrap}.omni-batch-toolbar button{flex:0 0 auto;min-height:30px;padding:5px 8px;border:1px solid #dfc8ce;border-radius:6px;background:#fff;color:#7d2740;font-size:12px;font-weight:750;white-space:nowrap}.omni-conversation{position:relative}.omni-conversation-check{display:grid;position:absolute;z-index:3;right:11px;bottom:11px;width:16px;height:16px;place-items:center;cursor:pointer}.omni-conversation-check input{width:15px;height:15px;margin:0;accent-color:var(--brand);cursor:pointer}.omni-conversation:has(.omni-conversation-check) .omni-conversation-main>time{padding-top:0}

@media(max-width:760px){
  .trade-customer-modal:is(
    .trade-right-drawer,
    :has(#tradeDealTitle),
    :has(#tradeSampleDeal),
    :has(#tradeQuoteDeal),
    :has(#tradeContractQuote),
    :has(#tradeCommissionProductName),
    :has(#tradeKnowledgeTitle)
  ),
  .comm-organizer-dialog.comm-right-drawer{
    width:100vw;
    border-left:0;
  }
  .trade-customer-modal:is(
    .trade-right-drawer,
    :has(#tradeDealTitle),
    :has(#tradeSampleDeal),
    :has(#tradeQuoteDeal),
    :has(#tradeContractQuote),
    :has(#tradeCommissionProductName),
    :has(#tradeKnowledgeTitle)
  ) > .trade-form-grid{
    grid-template-columns:minmax(0,1fr);
  }
  .trade-customer-modal:is(
    .trade-right-drawer,
    :has(#tradeDealTitle),
    :has(#tradeSampleDeal),
    :has(#tradeQuoteDeal),
    :has(#tradeContractQuote),
    :has(#tradeCommissionProductName),
    :has(#tradeKnowledgeTitle)
  ) .trade-form-grid .wide{
    grid-column:auto;
  }
}

/* Foreign Trade CRM / Business documents layout refinement.
   Layout only: existing fields, values, actions and preview data stay unchanged. */
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-page-head{
  position:relative;
  z-index:3;
  min-width:0;
  padding-bottom:10px!important;
  border-bottom:1px solid #eadde1!important;
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-page-head .toolbar-group{
  margin-left:auto;
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-studio{
  min-width:0;
  display:grid;
  grid-template-columns:180px minmax(340px,.78fr) minmax(460px,1.22fr);
  gap:12px;
  align-items:start;
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-recentbar{display:flex;align-items:center;gap:7px;min-width:0;margin:0 0 12px;padding:8px 11px;overflow-x:auto;border:1px solid #eadde1;border-radius:9px;background:#fff;scrollbar-width:thin}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-recentbar>span,.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-recentbar small{flex:0 0 auto;color:#75636a;font-size:12px;white-space:nowrap}.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-recentbar>span{color:#523e45;font-weight:750}.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-recentbar>button{flex:0 0 auto;min-height:29px;padding:4px 8px;border:1px solid transparent;border-radius:6px;background:transparent;color:#6e5960;font-size:12px;font-weight:700;white-space:nowrap}.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-recentbar>button:hover,.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-recentbar>button.active{border-color:#e3cbd1;background:#fff6f7;color:var(--brand,#8d3148)}.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-recentbar label{display:flex;align-items:center;gap:6px;min-width:250px;margin-left:auto;color:#75636a;font-size:12px;white-space:nowrap}.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-recentbar label select{min-width:198px;min-height:30px;padding:4px 25px 4px 8px;border:1px solid #decdd1;border-radius:6px;background:#fff;color:#4d3b41;font-size:12px}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-section-nav{display:grid;gap:5px;align-content:start;min-width:0;max-height:calc(100vh - 132px);padding:8px;overflow:auto;overscroll-behavior:contain;position:sticky;top:10px}.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-section-nav button{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:57px;padding:8px;border:1px solid transparent;border-radius:7px;background:#fff;color:#4b383e;text-align:left}.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-section-nav button:hover,.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-section-nav button.active{border-color:#d8a3b0;background:#fff7f8;color:var(--brand,#8d3148)}.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-section-nav button b{display:grid;width:28px;height:28px;place-items:center;border-radius:6px;background:#f5ecee;color:inherit;font-size:11px}.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-section-nav button span{display:grid;gap:2px;min-width:0}.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-section-nav button strong,.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-section-nav button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-section-nav button strong{font-size:13px}.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-section-nav button small{color:#88767b;font-size:11px;font-weight:500}.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-section-nav button em{font-style:normal;color:#2e8b57;font-size:12px;font-weight:800}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-list{
  grid-column:auto;
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
  max-height:calc(100vh - 132px);
  padding:0 8px 10px;
  overflow:auto;
  overscroll-behavior:contain;
  position:sticky;
  top:10px;
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-list-title{
  position:sticky;
  top:0;
  z-index:2;
  display:grid;
  grid-template-columns:1fr;
  gap:3px;
  align-items:start;
  padding:13px 5px 10px;
  border-bottom:1px solid #eadfe2;
  background:#fff;
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-list-title h2{
  font-size:15px;
  line-height:1.35;
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-list-title span{
  text-align:left;
  line-height:1.55;
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-list>button{
  position:relative;
  flex:0 0 auto;
  gap:3px;
  min-height:66px;
  padding:10px 10px 10px 12px;
  border-radius:7px;
  background:#fff;
  box-shadow:none;
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-list>button:hover,
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-list>button.active{
  transform:none;
  border-color:#d8a3b0;
  background:#fff7f8;
  box-shadow:none;
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-list>button.active::before{
  content:"";
  position:absolute;
  inset:8px auto 8px 0;
  width:3px;
  border-radius:0 3px 3px 0;
  background:var(--brand,#8d3148);
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-list>button b{
  overflow:hidden;
  color:#34272b;
  font-size:13px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-list>button span,
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-list>button small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-editor,
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-preview{
  min-width:0;
  max-height:calc(100vh - 132px);
  padding:14px;
  overflow:auto;
  overscroll-behavior:contain;
  position:sticky;
  top:10px;
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-editor{
  background:#fff;
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-editor-head{
  position:sticky;
  top:-14px;
  z-index:4;
  margin:-14px -14px 12px;
  padding:13px 14px 11px;
  border-bottom:1px solid #eadfe2;
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(8px);
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-editor-head>div:first-child{
  min-width:0;
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-editor-head>div:first-child>span{
  display:none;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-editor-head h2{
  white-space:nowrap;
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-template-select{
  grid-template-columns:auto minmax(0,1fr);
  flex:1 1 0;
  min-width:0;
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-workflow-bar{
  padding:10px;
  border-radius:8px;
  background:#fbf7f8;
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-workflow{
  display:grid;
  grid-template-columns:minmax(170px,1fr) minmax(170px,1fr) auto;
  align-items:end;
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-workflow label{
  min-width:0;
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-workflow-actions{
  gap:6px;
  padding-top:9px;
  border-top:1px solid #eadfe2;
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-form{
  gap:9px 10px;
  padding:12px;
  border:1px solid #eadfe2;
  border-radius:9px;
  background:#fffdfd;
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-form input,
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-form select,
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-form textarea{
  border-radius:7px;
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-items-head{
  margin:14px 0 9px;
  padding:0 2px 8px;
  border-bottom:1px solid #eadfe2;
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-item-grid{
  gap:7px;
  padding:10px;
  border-radius:8px;
  background:#fbf8f8;
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-preview{
  padding:0;
  border-color:#e3d7da;
  background:#eee8e5;
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-preview-toolbar{
  position:sticky;
  top:0;
  z-index:4;
  min-height:49px;
  margin:0;
  padding:10px 12px;
  border-bottom:1px solid #e2d4d8;
  background:rgba(255,250,251,.97);
  backdrop-filter:blur(8px);
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-preview-toolbar span{
  overflow:hidden;
  color:#49383e;
  font-weight:700;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-preview-paper-host{
  padding:18px 14px 30px;
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-paper{
  padding:46px 42px 50px;
  border-radius:3px;
  box-shadow:0 12px 32px rgba(50,33,39,.13);
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-paper.compact{
  padding:32px 34px;
}
.app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-preview-paper-stage>.trade-doc-paper.trade-doc-reference-paper{
  padding:0;
}

@media(max-width:1099px){
  .app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-studio{
    grid-template-columns:minmax(0,1fr);
  }
  .app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-recentbar small{display:none;}
  .app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-section-nav{grid-column:1;display:flex;gap:7px;max-height:none;padding:8px;overflow-x:auto;overflow-y:hidden;position:relative;top:auto;}
  .app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-section-nav button{flex:0 0 172px;}
  .app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-editor,
  .app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-preview{
    grid-column:1;
    position:relative;
    top:auto;
    max-height:none;
  }
  .app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-preview{
    min-height:720px;
  }
}
@media(max-width:680px){
  .app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-page-head{
    align-items:stretch!important;
  }
  .app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-page-head .toolbar-group{
    width:100%;
    margin-left:0;
  }
  .app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-page-head .toolbar-group>button{
    flex:1 1 auto;
  }
  .app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-recentbar label{min-width:220px;}
  .app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-recentbar label>span{display:none;}
  .app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-recentbar label select{min-width:210px;}
  .app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-section-nav button{flex-basis:156px;}
  .app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-editor-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-template-select{
    grid-template-columns:minmax(0,1fr);
    width:100%;
    min-width:0;
  }
  .app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-template-controls{
    width:100%;
    flex-direction:column;
    align-items:stretch;
  }
  .app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-language-select{
    width:100%;
    grid-template-columns:minmax(0,1fr);
  }
  .app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-editor-head>div:first-child>span{
    white-space:normal;
  }
  .app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-workflow{
    grid-template-columns:minmax(0,1fr);
  }
  .app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-status-badge{
    justify-self:start;
  }
  .app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-paper,
  .app-shell.foreign-trade-active .ftg-two-level-workspace .trade-doc-paper.compact{
    padding:28px 24px 34px;
  }
}

/* 管理后台：严格采用效果图的顶部六项导航、六指标轨道与首屏三栏工作台。 */
.app-shell.system-settings-active .content-area{
  background:#fbfaf8;
}
.app-shell.system-settings-active .system-admin-nav{
  margin:0 0 10px;
  border:1px solid #eee8e3;
  border-radius:5px;
  background:#fff;
  box-shadow:0 2px 10px rgba(84,61,52,.045);
}
.app-shell.system-settings-active .system-admin-nav>.data-tabs{
  min-height:54px;
  justify-content:flex-start;
  gap:clamp(28px,4vw,70px) !important;
  padding:0 20px !important;
  border:0 !important;
  border-radius:5px !important;
  background:#fff !important;
}
.app-shell.system-settings-active .system-admin-nav>.data-tabs>.data-tab{
  position:relative;
  min-height:54px;
  padding:0 8px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#393334;
  font-size:13px !important;
  font-weight:650 !important;
}
.app-shell.system-settings-active .system-admin-nav>.data-tabs>.data-tab::after{
  position:absolute;
  right:3px;
  bottom:0;
  left:3px;
  height:3px;
  border-radius:3px 3px 0 0;
  background:transparent;
  content:"";
}
.app-shell.system-settings-active .system-admin-nav>.data-tabs>.data-tab.active{
  color:#a02d4c !important;
}
.app-shell.system-settings-active .system-admin-nav>.data-tabs>.data-tab.active::after{
  background:#a02d4c;
}
.app-shell.system-settings-active .system-settings-nav-icon{
  width:19px;
  height:19px;
}
.management-admin-page{
  gap:9px;
  color:#302b2c;
  font-size:13px;
}
.management-admin-page>.system-settings-feedback{
  min-height:28px;
  margin:0;
}
html body .management-admin-page .system-settings-kpis{
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  grid-auto-flow:row !important;
  grid-auto-columns:auto !important;
  height:74px !important;
  min-height:74px !important;
  max-height:74px !important;
  overflow:hidden !important;
  border-color:#eee8e3 !important;
  border-radius:5px !important;
  box-shadow:0 2px 10px rgba(84,61,52,.045) !important;
}
html body .management-admin-page .system-settings-kpis>.system-settings-kpi{
  display:flex !important;
  min-width:0 !important;
  width:auto !important;
  height:72px !important;
  min-height:72px !important;
  max-height:72px !important;
  align-items:center !important;
  gap:10px !important;
  padding:8px 12px !important;
  border-right:1px solid #f0ece8 !important;
}
html body .management-admin-page .system-settings-kpis>.system-settings-kpi::after{display:none !important}
html body .management-admin-page .system-settings-kpi>i{
  flex:0 0 34px !important;
  width:34px !important;
  height:34px !important;
  border-radius:8px !important;
  box-shadow:none !important;
}
html body .management-admin-page .system-settings-kpi>i svg{width:19px !important;height:19px !important}
html body .management-admin-page .system-settings-kpi>span{gap:0 !important}
html body .management-admin-page .system-settings-kpi small{
  color:#4f4849 !important;
  font-size:12px !important;
  font-weight:600 !important;
}
html body .management-admin-page .system-settings-kpi strong{
  margin-top:1px;
  color:#241f20 !important;
  font-size:19px !important;
  line-height:1.05 !important;
}
html body .management-admin-page .system-settings-kpi em{
  display:block !important;
  color:#999091 !important;
  font-size:12px !important;
}
html body .management-admin-page .system-settings-kpi em::before{display:none !important}
.management-reference-grid{
  display:grid;
  min-width:0;
  align-items:stretch;
  gap:8px;
}
.management-admin-page .system-settings-card{
  border:1px solid #eee8e3 !important;
  border-radius:5px !important;
  box-shadow:0 2px 10px rgba(84,61,52,.035) !important;
}
.management-admin-page .system-settings-card>header{
  min-height:40px;
  padding:8px 10px;
  border-bottom:1px solid #f0ece8;
}
.management-admin-page .system-settings-card>header h2{
  font-size:13px;
  font-weight:700;
}
.management-admin-page .system-settings-card>header p{
  display:none;
}
.management-admin-page .badge,
.management-admin-page .status{
  font-size:12px;
}
.management-admin-page .data-table{font-size:13px}
.management-admin-page .data-table th{
  padding:8px 7px;
  color:#696264;
  font-size:12px;
  white-space:nowrap;
}
.management-admin-page .data-table td{
  padding:8px 7px;
  font-size:12px;
}
.management-detail-card,
.management-detail-grid,
.management-detail-stack{
  margin-top:5px;
}
.management-detail-card>header p,
.management-detail-grid .system-settings-card>header p,
.management-detail-stack .panel-header p{
  display:block;
}

/* 系统概览：四个工作卡片统一为等宽两列，保证上下边线与中轴严格对齐。 */
html body .management-admin-page.system-settings-overview>.system-settings-main-grid,
html body .management-admin-page.system-settings-overview>.system-settings-main-grid.compact{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  align-items:stretch;
  gap:9px;
}
html body .management-admin-page.system-settings-overview>.system-settings-main-grid>.system-settings-card{
  width:100%;
  height:100%;
}

/* 组织与权限 */
.management-organization-page>.system-settings-kpis{order:1}
.management-organization-page>.management-reference-grid{order:2}
.management-organization-page>.management-detail-card{order:3}
.management-organization-page>.management-detail-grid{order:4}
.management-organization-page>.system-settings-card:not(.management-detail-card){order:5}
.management-organization-page>.system-organization-bottom-row{
  order:99;
  display:grid;
  grid-template-columns:minmax(430px,.8fr) minmax(0,1.7fr);
  align-items:start;
  gap:8px;
  min-width:0;
}
.system-organization-bottom-row>.system-settings-card{
  min-width:0;
  width:100%;
  margin:0;
}
.system-organization-bottom-row>.system-data-scope-card{
  overflow:hidden;
}
.system-organization-bottom-row>.system-data-scope-card>.table-wrap{
  overflow-x:auto;
}
.system-organization-bottom-row>.system-data-scope-card .data-table{
  min-width:980px;
}
.system-organization-bottom-row>.system-company-onboarding-form{
  align-content:start;
}
.system-personnel-three-column{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  align-items:stretch;
}
.system-personnel-three-column>.system-settings-card{min-width:0;height:100%}
.system-staff-compact-list{display:grid;max-height:334px;overflow:auto;padding:0 10px 10px}
.system-staff-compact-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.9fr) auto;
  min-height:67px;
  align-items:center;
  gap:8px;
  border-bottom:1px solid #eee8e5;
}
.system-staff-compact-item>span,.system-staff-compact-item>div{display:grid;min-width:0;gap:3px}
.system-staff-compact-item strong,.system-staff-compact-item b{overflow:hidden;color:#3f3336;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.system-staff-compact-item b{font-weight:600}
.system-staff-compact-item small{overflow:hidden;color:#918689;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.system-staff-compact-item em{color:#9f3150;font-size:12px;font-style:normal}
.system-staff-compact-item .ghost-button{min-height:30px;padding:0 9px;font-size:12px}
.system-personnel-three-column .system-admin-form{gap:10px}
.system-personnel-three-column .system-permission-controls{grid-template-columns:minmax(0,1fr) auto}
.system-personnel-three-column .system-permission-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
.organization-reference-grid{
  grid-template-columns:minmax(128px,.39fr) minmax(410px,1.08fr) minmax(350px,1.12fr) !important;
  align-items:stretch;
}
.organization-reference-grid>.system-org-tree{grid-column:1;grid-row:1}
.organization-reference-grid>.system-role-matrix{grid-column:2;grid-row:1}
.organization-reference-grid>.system-role-permission-form{grid-column:3;grid-row:1}
.organization-reference-grid>.system-org-tree,
.organization-reference-grid>.system-role-matrix,
.organization-reference-grid>.system-role-permission-form{min-width:0;height:100%}
.system-org-search{
  display:flex;
  height:34px;
  align-items:center;
  gap:7px;
  margin:8px 10px 4px;
  padding:0 8px;
  border:1px solid #e8e1dd;
  border-radius:4px;
  background:#fff;
  color:#978c8d;
}
.system-org-search svg{width:15px;height:15px}
.system-org-search input{
  min-width:0;
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  font:inherit;
  font-size:12px;
}
.system-org-tree-list{
  display:grid;
  max-height:382px;
  overflow:auto;
  padding:2px 8px 10px;
}
.system-org-tree-row{
  position:relative;
  display:grid;
  grid-template-columns:18px 18px minmax(0,1fr) auto;
  min-height:34px;
  align-items:center;
  gap:6px;
  padding:0 5px 0 calc(5px + var(--tree-depth,0) * 15px);
  border-radius:4px;
  color:#4b4445;
  font-size:12px;
  text-align:left;
}
.system-org-tree-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.system-org-tree-row:hover,.system-org-tree-row.active{background:#fff5f6;color:#9d304d}
.system-org-tree-list i{display:grid;width:15px;height:15px;place-items:center}
.system-org-tree-list em{color:#9b9293;font-size:12px;font-style:normal}
.system-org-toggle,.system-org-tree-row nav button{
  display:grid;
  width:24px;
  height:24px;
  padding:0;
  border:0;
  border-radius:4px;
  background:transparent;
  color:#8f8587;
  font-size:15px;
  place-items:center;
}
.system-org-toggle.empty{opacity:.24}
.system-org-tree-row nav{
  position:absolute;
  top:5px;
  right:3px;
  display:flex;
  gap:1px;
  padding-left:5px;
  background:linear-gradient(90deg,rgba(255,245,246,0),#fff5f6 24%);
  opacity:0;
  transition:opacity .16s ease;
}
.system-org-tree-row:hover nav,.system-org-tree-row:focus-within nav{opacity:1}
.system-org-tree-row nav button:hover{background:#f3dfe4;color:#9f3150}
.system-org-tree-children.collapsed{display:none}
.system-org-tree-branch.search-hidden{display:none}
.organization-reference-grid .system-role-permission-form{
  max-height:none;
  gap:7px;
  padding-bottom:9px;
}
.organization-reference-grid .system-role-permission-toolbar{
  grid-template-columns:minmax(160px,1fr) auto;
  align-items:end;
  gap:8px;
  padding:0 10px;
}
.organization-reference-grid .system-role-permission-toolbar>div{display:none}
.organization-reference-grid .system-role-permission-toolbar .field>span{font-size:12px}
.organization-reference-grid .system-role-permission-toolbar select{min-height:30px;font-size:12px}
.organization-reference-grid .system-role-module-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  max-height:310px;
  gap:3px;
  margin:0 10px;
  padding:5px;
  overflow:auto;
  border-radius:4px;
  background:#fff;
}
.organization-reference-grid .system-role-module-grid>label{
  position:relative;
  grid-template-columns:minmax(0,1fr);
  min-height:70px;
  align-content:center;
  justify-items:center;
  gap:4px;
  padding:6px 3px 20px;
  border:1px solid #e8dfdc;
  border-radius:5px;
  background:#fff;
  text-align:center;
}
.organization-reference-grid .system-role-module-grid>label.selected{border-color:#c7788e;background:#fff7f7}
.organization-reference-grid .system-role-module-grid input{position:absolute;width:1px;height:1px;opacity:0}
.organization-reference-grid .system-role-module-grid i{width:29px;height:29px;border-radius:6px}
.organization-reference-grid .system-role-module-grid i svg{width:16px;height:16px}
.organization-reference-grid .system-role-module-grid span{width:100%;gap:0;text-align:center}
.organization-reference-grid .system-role-module-grid b{font-size:12px}
.organization-reference-grid .system-role-module-grid small{display:none}
.organization-reference-grid .system-role-module-grid u{
  position:absolute;
  right:5px;
  bottom:5px;
  display:grid;
  width:16px;
  height:16px;
  border:1px solid #d8ccce;
  border-radius:50%;
  background:#fff;
  color:#fff;
  font-size:12px;
  place-items:center;
}
.organization-reference-grid .system-role-module-grid label.selected u{border-color:#a73050;background:#a73050}
.organization-reference-grid .system-role-module-grid label.selected u::after{content:"✓"}
.organization-reference-grid .system-role-permission-form>footer{
  grid-template-columns:minmax(0,1fr) auto;
  gap:7px;
  padding:0 10px;
}
.organization-reference-grid .system-role-permission-form textarea{min-height:42px;padding:6px;font-size:12px}
.organization-reference-grid .system-role-permission-form>footer button{min-height:32px;font-size:12px}
.organization-reference-grid .compact-button{min-height:28px;padding:0 10px;font-size:12px}
.organization-reference-grid .system-role-matrix .table-wrap{
  max-height:470px;
  overflow:auto;
}
.organization-reference-grid .system-role-matrix table{min-width:900px;table-layout:fixed}
.organization-reference-grid .system-role-matrix th:first-child,
.organization-reference-grid .system-role-matrix td:first-child{width:100px;min-width:100px}
.organization-reference-grid .system-role-matrix th:not(:first-child),
.organization-reference-grid .system-role-matrix td:not(:first-child){width:60px;min-width:60px}
.organization-reference-grid .system-role-matrix th:not(:first-child),
.organization-reference-grid .system-role-matrix td:not(:first-child){padding:7px 3px;text-align:center}
.organization-reference-grid .system-role-matrix th{
  height:38px;
  padding:5px 3px;
  overflow:hidden;
  font-size:12px;
  line-height:1.2;
  text-align:center;
  vertical-align:middle;
  white-space:normal;
  word-break:keep-all;
}
.organization-reference-grid .system-role-matrix th:first-child{text-align:left}
.organization-reference-grid .system-role-matrix td:first-child strong{display:grid;gap:2px;line-height:1.25;white-space:normal}
.organization-reference-grid .system-role-matrix td:first-child strong small{color:#968b8d;font-size:10px;font-weight:500}
.matrix-permission{color:#cf6b72;font-size:12px}
.matrix-permission.on{color:#30975a}
.system-matrix-note{
  margin:6px 9px 9px;
  padding:8px 10px;
  border:1px solid #eee8e3;
  border-radius:4px;
  background:#fffdfa;
  color:#746c6d;
  font-size:12px;
}
.system-matrix-note b{color:#4b4445;font-size:12px}
.system-matrix-note p{margin:4px 0 0}

/* 企业规则 */
.rules-reference-grid{
  grid-template-columns:minmax(330px,1.08fr) minmax(280px,.82fr) minmax(300px,.92fr) !important;
}
.rules-reference-grid .system-rule-list{padding:0 10px}
.rules-reference-grid .system-rule-list>label{
  grid-template-columns:32px minmax(0,1fr) 36px;
  min-height:54px;
  gap:8px;
}
.rules-reference-grid .system-rule-list>label>i{width:27px;height:27px;border-radius:5px}
.rules-reference-grid .system-rule-list>label>i svg{width:15px;height:15px}
.rules-reference-grid .system-rule-list b{font-size:12px}
.rules-reference-grid .system-rule-list small{font-size:12px}
.rules-reference-grid .system-rule-list u{width:34px;height:19px}
.rules-reference-grid .system-rule-list u::after{top:2px;left:2px;width:15px;height:15px}
.rules-reference-grid .system-rule-list input:checked+u::after{transform:translateX(15px)}
.rules-reference-grid .system-rules-form>footer{padding:8px 10px 10px}
.rules-reference-grid .system-rules-form>footer label{font-size:12px}
.rules-reference-grid .system-rules-form>footer input{min-height:30px;font-size:12px}
.rules-reference-grid .system-rules-form>footer button{display:none}
.system-approval-flow-card .system-approval-summary{padding:2px 10px 8px}
.system-approval-flow-card .system-approval-summary>article{
  position:relative;
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  min-height:62px;
  justify-content:start;
  gap:7px;
  padding:4px 0;
}
.system-approval-flow-card .system-approval-summary>article>i{
  display:grid;
  width:26px;
  height:26px;
  border-radius:50%;
  background:#fff4f5;
  color:#aa405a;
  place-items:center;
}
.system-approval-flow-card .system-approval-summary>article>i svg{width:14px;height:14px}
.system-approval-flow-card .system-approval-summary>article>span{align-self:start;padding-top:3px}
.system-approval-flow-card .system-approval-summary b{font-size:12px}
.system-approval-flow-card .system-approval-summary small{font-size:12px}
.system-approval-flow-card .system-approval-summary .inline-actions{
  grid-column:2;
  justify-content:flex-start;
}
.system-rule-history-list{display:grid;padding:2px 10px 7px}
.system-rule-history-list>article{
  display:grid;
  grid-template-columns:27px minmax(0,1fr) auto;
  min-height:48px;
  align-items:center;
  gap:7px;
  border-bottom:1px solid #f2eeeb;
}
.system-rule-history-list>article>i{display:grid;width:23px;height:23px;color:#ad3d58;place-items:center}
.system-rule-history-list>article>i svg{width:14px;height:14px}
.system-rule-history-list>article>span{display:grid;gap:2px}
.system-rule-history-list b{font-size:12px}
.system-rule-history-list small{color:#968d8e;font-size:12px}
.system-rule-history-card>header select{min-height:27px;border:1px solid #e8e1dd;border-radius:4px;font-size:12px}
.system-rule-history-card>footer,
.management-compact-card>footer,
.security-reference-grid .system-settings-card>footer{
  display:flex;
  padding:7px 10px;
  border-top:1px solid #f1ece9;
}
.system-rule-history-card>footer button{
  width:100%;
  min-height:32px;
  font-size:12px;
}

/* 连接与同步 */
.connections-reference-grid{
  grid-template-columns:minmax(190px,.56fr) minmax(240px,.74fr) minmax(380px,1.25fr);
  grid-template-areas:"connections health flow" "connections obsidian obsidian" "governance governance tasks";
  align-items:stretch;
}
.system-connection-list{grid-area:connections}
.system-connection-health{grid-area:health}
.system-data-flow{grid-area:flow}
.system-obsidian-config-card{grid-area:obsidian}
.system-sync-governance{grid-area:governance}
.system-sync-table{grid-area:tasks}
.system-connection-list>div{display:grid;padding:2px 9px}
.system-connection-list>div>article{
  display:grid;
  grid-template-columns:28px minmax(0,1fr) auto;
  min-height:53px;
  align-items:center;
  gap:7px;
  border-bottom:1px solid #f2eeeb;
}
.system-connection-list>div>article>i{display:grid;width:24px;height:24px;color:#9f3550;place-items:center}
.system-connection-list>div>article>i svg{width:16px;height:16px}
.system-connection-list>div>article>span{display:grid;min-width:0;gap:2px}
.system-connection-list b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.system-connection-list small{overflow:hidden;color:#958c8d;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.management-compact-card>footer button,
.security-reference-grid .system-settings-card>footer button{
  width:100%;
  min-height:28px;
  border:0;
  background:transparent;
  color:#a23752;
  font-size:12px;
}
.system-connection-health{display:grid;grid-template-columns:1fr 90px;align-content:start}
.system-connection-health>header{grid-column:1/-1}
.system-health-donut{
  --health-rate:100;
  display:grid;
  width:112px;
  height:112px;
  align-self:center;
  justify-self:center;
  margin:14px;
  border-radius:50%;
  background:conic-gradient(#39a45f calc(var(--health-rate) * 1%),#e2b540 0 94%,#cf5a62 0);
  place-items:center;
}
.system-health-donut::before{grid-area:1/1;width:78px;height:78px;border-radius:50%;background:#fff;content:""}
.system-health-donut>span{z-index:1;grid-area:1/1;display:grid;text-align:center}
.system-health-donut b{font-size:18px}.system-health-donut small{color:#82797a;font-size:12px}
.system-connection-health ul{display:grid;align-content:center;gap:12px;margin:0;padding:10px 12px 10px 0;list-style:none;font-size:12px}
.system-connection-health li{display:grid;grid-template-columns:7px 1fr auto;align-items:center;gap:6px}
.system-connection-health li i{width:7px;height:7px;border-radius:50%;background:#39a45f}.system-connection-health li i.warn{background:#e2b540}.system-connection-health li i.risk{background:#cf5a62}
.system-flow-map{display:grid;grid-template-columns:1fr 86px 1fr;align-items:center;gap:14px;padding:16px 18px}
.system-flow-map>div{display:grid;gap:9px}
.system-flow-map span{position:relative;display:grid;min-height:31px;place-items:center;border:1px solid #e6e0dc;border-radius:4px;background:#fff;font-size:12px}
.system-flow-map .sources span::after,.system-flow-map .targets span::before{position:absolute;top:50%;width:14px;border-top:1px solid #91aed8;content:""}
.system-flow-map .sources span::after{right:-15px}.system-flow-map .targets span::before{left:-15px}
.system-flow-map>b{display:grid;min-height:70px;align-content:center;justify-items:center;gap:5px;border:1px solid #e9e1dc;border-radius:6px;background:#fff9f7;color:#9e3650}
.system-flow-map>b svg{width:22px;height:22px}.system-flow-map>b em{font-size:12px;font-style:normal}
.system-sync-governance{display:flex;min-width:0;flex-direction:column}
.management-connections-page .system-sync-governance>header p{display:block;margin:3px 0 0;color:#8d8284;font-size:12px}
.system-sync-governance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 10px 10px}
.system-sync-governance-grid>button{
  display:grid;
  grid-template-columns:26px minmax(0,1fr) auto;
  min-width:0;
  min-height:62px;
  align-items:center;
  gap:6px;
  padding:7px;
  border:1px solid #eadfe0;
  border-radius:7px;
  background:#fffdfc;
  color:#4c4345;
  text-align:left;
  cursor:pointer;
}
.system-sync-governance-grid>button:hover{border-color:#d7aeba;background:#fff8f9}
.system-sync-governance-grid>button>i{display:grid;width:25px;height:25px;border-radius:6px;background:#fff0f4;color:#a23752;font-size:12px;font-style:normal;place-items:center}
.system-sync-governance-grid>button>span{display:grid;min-width:0;gap:2px}
.system-sync-governance-grid>button b,.system-sync-governance-grid>button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.system-sync-governance-grid>button b{font-size:12px}.system-sync-governance-grid>button small{color:#958c8d;font-size:12px;font-weight:400}
.system-sync-governance-grid>button>em{color:#9f3550;font-size:12px;font-style:normal;font-weight:700;white-space:nowrap}
.system-sync-table .table-wrap{max-height:225px;overflow:auto}
.system-obsidian-config-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start}
.system-obsidian-config-card>header{grid-column:1/-1}
.system-obsidian-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 12px}
.system-obsidian-form-grid .field{margin:0}
.system-obsidian-checks{display:grid;align-content:center;gap:8px;padding:10px 12px;border-left:1px solid #f0e8e6}
.system-obsidian-checks label{display:flex;align-items:center;gap:7px;color:#655b5d;font-size:12px}
.system-obsidian-config-card>footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-top:1px solid #f0e8e6}
.system-obsidian-config-card>footer span{color:#8e8385;font-size:12px}
.system-obsidian-config-card>footer button{width:auto;min-width:126px!important;border:1px solid var(--brand)!important;background:var(--brand)!important;color:#fff!important}

/* 安全与运维：四个核心版块同排、同宽、同高。 */
.security-reference-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.security-reference-grid>.system-settings-card{display:flex;width:100%;height:100%;min-width:0;flex-direction:column}
.security-reference-grid>.system-settings-card>footer{margin-top:auto}
.backup-evidence-card{margin-bottom:14px}.backup-evidence-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.backup-evidence-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:2px 18px 14px}.backup-evidence-grid>section{display:grid;gap:5px;min-width:0;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fffafa}.backup-evidence-grid span,.backup-evidence-grid small,.backup-evidence-grid em{color:var(--muted);font-size:12px}.backup-evidence-grid strong{font-size:16px}.backup-evidence-grid em{font-style:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.backup-evidence-card>footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;border-top:1px solid var(--line)}.backup-evidence-card>footer p{margin:0;color:var(--muted);font-size:12px}.backup-target-status{display:flex;gap:8px;flex-wrap:wrap}.backup-target-status>span{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid var(--line);border-radius:8px}.backup-target-status small{color:var(--muted)}
.dr-alert-delivery-card{margin-bottom:14px}.dr-alert-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:2px 18px 14px}.dr-alert-channel-grid>section{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fffafa}.dr-alert-channel-grid>section>i{display:grid;width:30px;height:30px;place-items:center;border-radius:8px;background:#f9e8ed;color:var(--primary)}.dr-alert-channel-grid>section>i svg{width:17px;height:17px}.dr-alert-channel-grid span{display:grid;gap:2px}.dr-alert-channel-grid small,.dr-alert-channel-grid p{color:var(--muted);font-size:12px}.dr-alert-channel-grid p{grid-column:1/-1;margin:0;overflow-wrap:anywhere}.dr-alert-channel-grid>section.blocked{background:#fcf9f8}.dr-alert-delivery-workspace{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;padding:0 18px 16px}.dr-alert-preview-form{display:grid;align-content:start;gap:10px;padding:13px;border:1px solid var(--line);border-radius:10px;background:#fff}.dr-alert-preview-form>label{display:grid;gap:5px;color:var(--muted);font-size:12px}.dr-alert-preview-form select{min-width:0;width:100%;height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 10px}.dr-alert-preview-form .inline-actions{display:flex;flex-wrap:wrap;gap:8px}.dr-alert-preview{display:grid;gap:7px;padding:12px;border-radius:9px;background:#fff7f8}.dr-alert-preview pre{max-height:180px;margin:0;overflow:auto;color:#655d5e;font:12px/1.65 inherit;white-space:pre-wrap}.dr-alert-preview small{color:var(--muted)}.dr-alert-delivery-log{min-width:0}.dr-alert-delivery-log h3{margin:0 0 8px;font-size:14px}.dr-alert-delivery-log .table-wrap{max-height:310px;overflow:auto}.dr-alert-delivery-card>footer{padding:11px 18px;border-top:1px solid var(--line)}.dr-alert-delivery-card>footer p{margin:0;color:var(--muted);font-size:12px}.empty-state.compact{padding:14px}
.dr-alert-configuration-guide{margin:0 18px 16px;border:1px solid var(--line);border-radius:11px;background:#fff}.dr-alert-configuration-guide>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;cursor:pointer;list-style:none}.dr-alert-configuration-guide>summary::-webkit-details-marker{display:none}.dr-alert-configuration-guide>summary span{display:grid;gap:3px}.dr-alert-configuration-guide>summary b{font-size:14px}.dr-alert-configuration-guide>summary small,.dr-alert-configuration-guide>summary em{color:var(--muted);font-size:12px;font-style:normal}.dr-alert-guide-tabs{display:flex;gap:7px;padding:0 14px 12px;overflow-x:auto}.dr-alert-guide-tabs button{display:flex;flex:0 0 auto;align-items:center;gap:7px;min-height:36px;padding:5px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--text)}.dr-alert-guide-tabs button.active{border-color:var(--primary);background:#fff4f6;color:var(--primary)}.dr-alert-guide-tabs .status{font-size:11px}.dr-alert-guide-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;padding:0 14px 12px}.dr-alert-setup-card,.dr-alert-template-card{min-width:0;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fcfafa}.dr-alert-setup-card h3,.dr-alert-template-card h3,.dr-alert-acceptance h3{margin:0;font-size:14px}.dr-alert-setup-card ol{display:grid;gap:6px;margin:10px 0;padding-left:20px;color:#5f5658;font-size:12px;line-height:1.55}.dr-alert-setup-card p,.dr-alert-template-card p{margin:7px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.dr-alert-setup-card code,.dr-alert-template-card code{overflow-wrap:anywhere;color:var(--primary);font-family:Consolas,monospace}.dr-alert-template-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.dr-alert-template-card>header>div{display:grid;gap:3px}.dr-alert-template-card>header small,.dr-alert-template-card p small{display:block;color:var(--muted);font-size:11px}.dr-alert-template-card pre{max-height:190px;margin:10px 0 0;padding:10px;overflow:auto;border-radius:8px;background:#272426;color:#fbeff2;font:11px/1.65 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.dr-alert-acceptance{margin:0 14px 14px;border-top:1px solid var(--line);padding-top:12px}.dr-alert-acceptance>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.dr-alert-acceptance>header>div{display:grid;gap:3px}.dr-alert-acceptance>header p,.dr-alert-acceptance>footer p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.dr-alert-acceptance>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-top:10px}.dr-alert-acceptance article{display:grid;grid-template-columns:28px minmax(0,1fr);gap:7px;align-items:start;padding:9px;border:1px solid var(--line);border-radius:9px;background:#fcfafa}.dr-alert-acceptance article>i{display:grid;width:27px;height:27px;place-items:center;border-radius:7px;background:#f7e7eb;color:var(--primary)}.dr-alert-acceptance article>i svg{width:15px;height:15px}.dr-alert-acceptance article>span{display:grid;gap:3px}.dr-alert-acceptance article b{font-size:12px}.dr-alert-acceptance article small{color:var(--muted);font-size:11px;line-height:1.4}.dr-alert-acceptance article>.status{grid-column:1/-1;justify-self:start;font-size:11px}.dr-alert-acceptance article.passed{background:#f7fbf5}.dr-alert-acceptance>footer{padding-top:10px}
.system-security-policy-card .system-security-policy-list{padding:2px 10px 7px}
.system-security-policy-card .system-security-policy-list>p{min-height:55px;font-size:12px}
.system-security-policy-card .system-security-policy-list>p>span{display:grid;gap:2px}
.system-security-policy-card .system-security-policy-list small{color:#968d8e;font-size:12px}
.system-audit-preview .system-rule-history-list>article{min-height:43px}
.system-audit-alert-summary{margin-top:auto;border-top:1px solid #f1ece9}
.system-audit-alert-summary>h3{min-height:35px;margin:0;padding:9px 10px 7px;color:#4b4445;font-size:12px;border-bottom:1px solid #f1ece9}
.system-audit-alert-summary .system-alert-list{padding:0 10px}
.system-audit-alert-summary .system-alert-list>article{min-height:46px;grid-template-columns:24px minmax(0,1fr) auto;gap:6px}
.system-audit-alert-summary .system-alert-list>article>i{width:21px;height:21px}
.system-audit-alert-summary .system-alert-list b,.system-audit-alert-summary .system-alert-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.system-audit-alert-summary .empty-state{min-height:46px;padding:14px 4px;text-align:left}
.system-alert-preview .system-alert-list{padding:1px 10px 6px}
.system-alert-preview .system-alert-list>article{min-height:48px;grid-template-columns:25px minmax(0,1fr) auto}
.system-alert-preview .system-alert-list>article>i{width:22px;height:22px}
.system-alert-preview .system-alert-list b{font-size:12px}
.system-alert-preview .system-alert-list small{font-size:12px}
.system-service-monitor .table-wrap{overflow-x:hidden}
.system-service-monitor .data-table{width:100%;min-width:0;table-layout:fixed}
.system-service-monitor .data-table th,.system-service-monitor .data-table td{height:48px;padding:6px 5px;font-size:12px}
.system-service-monitor .data-table th:first-child{width:28%}
.system-info-card dl{display:grid;gap:0;margin:0;padding:2px 12px 8px}
.system-info-card dl>div{display:grid;min-height:50px;grid-template-columns:80px minmax(0,1fr);align-items:center;gap:8px;border-bottom:1px solid #f2eeeb}
.system-info-card dl>div:last-child{border-bottom:0}
.system-info-card dt{color:#8e8586;font-size:12px}.system-info-card dd{margin:0;color:#4d4647;font-size:12px}
.security-reference-grid>.system-mfa-rotation-card{grid-column:2/-1}
.system-mfa-rotation-card>.grid.cols-3{gap:8px;padding:8px 12px}
.system-mfa-rotation-card>.grid.cols-3>.metric-card{min-height:88px;padding:10px 12px}
.system-mfa-rotation-card>.runtime-config-form{margin-top:auto}
.security-operations-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:8px}
.security-operations-grid>.system-settings-card{display:flex;width:100%;height:360px;min-width:0;flex-direction:column}
.security-operations-grid .system-settings-status-list{padding:2px 10px 8px}
.security-operations-grid .system-settings-status-row{grid-template-columns:20px minmax(0,1fr) auto;min-height:55px;gap:4px 7px}
.security-operations-grid .system-settings-status-row>i{width:18px;height:18px}
.security-operations-grid .system-settings-status-row>b{font-size:12px}
.security-operations-grid .system-settings-status-row>span{font-size:12px}
.security-operations-grid .system-settings-status-row>em{grid-column:2/-1;overflow:hidden;color:#968d8e;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.system-readiness-card .table-wrap{flex:1;overflow:auto}
.system-readiness-card .data-table{width:100%;min-width:0;table-layout:fixed}
.system-readiness-card .data-table th,.system-readiness-card .data-table td{height:40px;padding:5px 4px;font-size:12px}
.system-readiness-card .data-table th:nth-child(1){width:31%}
.system-readiness-card .data-table th:nth-child(2){width:18%}
.system-readiness-card .data-table th:nth-child(3){width:15%}
.system-readiness-card .data-table th:nth-child(4){width:36%}
.system-readiness-card .data-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.security-operations-grid .system-mfa-form{gap:8px;padding-bottom:10px}
.security-operations-grid .system-mfa-stats{gap:5px;padding:10px 10px 4px}
.security-operations-grid .system-mfa-stats>span{gap:3px;padding:8px}
.security-operations-grid .system-mfa-stats b{font-size:17px}
.security-operations-grid .system-mfa-form>label,.security-operations-grid .system-mfa-form>button{margin-inline:10px}
.security-operations-grid .system-mfa-form>button{margin-top:auto;min-height:34px}
.system-risk-approval-card .system-security-policy-list{padding:2px 10px 5px}
.system-risk-approval-card .system-security-policy-list>p{min-height:46px;font-size:12px}
.system-risk-approval-card .system-security-policy-list small{font-size:12px}
.system-risk-approval-card>footer{margin-top:auto}
.system-risk-alert-card .system-alert-list{flex:1;overflow:auto;padding:2px 10px 8px}
.system-risk-alert-card .system-alert-list>article{min-height:52px;grid-template-columns:26px minmax(0,1fr) auto;gap:7px}
.system-risk-alert-card .system-alert-list>article>i{width:23px;height:23px}
.system-risk-alert-card .system-alert-list b,.system-risk-alert-card .system-alert-list small{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.system-risk-alert-card .empty-state{margin:8px 0;padding:14px 10px}

@media(max-width:1180px){
  .rules-reference-grid,
  .security-reference-grid,
  .security-operations-grid{grid-template-columns:minmax(0,1fr) !important}
  .security-reference-grid>.system-mfa-rotation-card{grid-column:1}
  .connections-reference-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:"connections health" "connections obsidian" "flow flow" "governance tasks";
  }
}
@media(max-width:900px){
  .backup-evidence-grid{grid-template-columns:minmax(0,1fr)}
  .backup-evidence-card>header{align-items:stretch;flex-direction:column}
  .backup-evidence-card>header>.inline-actions{justify-content:flex-start;flex-wrap:wrap;width:100%}
  .backup-evidence-card>footer{align-items:flex-start;flex-direction:column}
  .dr-alert-channel-grid,.dr-alert-delivery-workspace{grid-template-columns:minmax(0,1fr)}
  .dr-alert-guide-body{grid-template-columns:minmax(0,1fr)}
  .dr-alert-acceptance>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  html body .management-admin-page.system-settings-overview>.system-settings-main-grid,
  html body .management-admin-page.system-settings-overview>.system-settings-main-grid.compact{grid-template-columns:minmax(0,1fr) !important}
  .system-personnel-three-column{grid-template-columns:minmax(0,1fr)}
  .organization-reference-grid{grid-template-columns:minmax(0,1fr) !important}
  .organization-reference-grid>.system-org-tree,
  .organization-reference-grid>.system-role-matrix,
  .organization-reference-grid>.system-role-permission-form{grid-column:1;grid-row:auto}
  .organization-reference-grid .system-role-matrix .table-wrap{max-height:570px}
  .organization-reference-grid .system-role-permission-form{max-height:none}
  .organization-reference-grid .system-role-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .dr-alert-configuration-guide{margin-inline:10px}
  .dr-alert-configuration-guide>summary{align-items:flex-start;flex-direction:column}
  .dr-alert-acceptance>div{grid-template-columns:minmax(0,1fr)}
  html body .management-admin-page .system-settings-kpis{
    grid-template-columns:none !important;
    grid-auto-flow:column !important;
    grid-auto-columns:minmax(150px,1fr) !important;
    overflow-x:auto !important;
  }
  .connections-reference-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"connections" "health" "flow" "obsidian" "governance" "tasks"}
  .system-obsidian-config-card{grid-template-columns:minmax(0,1fr)}
  .system-obsidian-config-card>header,.system-obsidian-config-card>footer{grid-column:1}
  .system-obsidian-checks{border-top:1px solid #f0e8e6;border-left:0}
  .system-staff-compact-item{grid-template-columns:minmax(0,1fr) auto}
  .system-staff-compact-item>div{grid-column:1}
}

/* 外贸 CRM 顶部有 9 个一级入口：释放快捷工具条安全区，避免末端菜单被裁成只剩图标。 */
.app-shell.foreign-trade-active{
  --software-submenu-safe-right:0px;
}
.app-shell.foreign-trade-active.right-collapsed{
  --software-submenu-safe-right:56px;
}
.app-shell.foreign-trade-active:not(.right-collapsed) .right-sidebar{
  display:none;
}
.app-shell.foreign-trade-active .foreign-trade-menu,
.app-shell.foreign-trade-active .foreign-trade-menu-groups{
  width:100% !important;
  max-width:100% !important;
}
.app-shell.foreign-trade-active .foreign-trade-menu-groups{
  justify-content:flex-start !important;
  gap:clamp(14px,1.8vw,28px) !important;
}
.app-shell.foreign-trade-active .foreign-trade-group-button,
.app-shell.foreign-trade-active .foreign-trade-group-button.direct{
  min-width:max-content !important;
  gap:8px !important;
  padding-inline:0 !important;
  font-size:14px !important;
}
.app-shell.foreign-trade-active .foreign-trade-group-copy{
  width:auto !important;
  min-width:max-content !important;
  flex:0 0 auto;
}
.app-shell.foreign-trade-active .foreign-trade-group-copy strong{
  overflow:visible !important;
  text-overflow:clip !important;
}

/* AI / Knowledge: keep cards readable inside the application's dual sidebars. */
.ai-kb-page{padding-top:56px}
.ai-knowledge-shell.ai-knowledge-horizontal{
  grid-template-columns:minmax(0,1fr);
  gap:14px;
}
.ai-knowledge-horizontal>.ai-center-tabs{
  margin-bottom:0 !important;
}

/* 企业知识关系图谱 */
.ai-knowledge-toolbar{
  grid-template-columns:auto minmax(220px,1fr) auto auto auto auto;
}
.ai-knowledge-view-toggle{
  display:inline-flex;
  align-items:center;
  padding:3px;
  border:1px solid #e4dadd;
  border-radius:7px;
  background:#faf7f8;
}
.ai-knowledge-view-toggle button{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:0 13px;
  border:0;
  border-radius:5px;
  background:transparent;
  color:#74656a;
  font-size:12px;
  font-weight:700;
}
.ai-knowledge-view-toggle button.active{
  background:var(--brand);
  color:#fff;
  box-shadow:0 3px 8px rgba(142,40,67,.18);
}
.ai-knowledge-view-toggle .ai-ui-icon{width:15px;height:15px}
.ai-knowledge-view-toggle.compact{white-space:nowrap}
.ai-knowledge-graph-panel{
  min-height:calc(100vh - 132px);
  display:grid;
  grid-template-rows:auto minmax(480px,1fr) auto;
  overflow:hidden;
  border-color:#e1d7da;
  border-radius:5px;
  background:#fff;
}
.ai-knowledge-graph-head{
  min-height:70px;
  display:flex;
  align-items:center;
  gap:16px;
  padding:13px 18px;
  border-bottom:1px solid #ebe3e5;
}
.ai-knowledge-graph-head>div:first-child{min-width:245px}
.ai-knowledge-graph-head h2{margin:0;font-size:18px}
.ai-knowledge-graph-head p{margin:4px 0 0;color:#918287;font-size:11px}
.ai-knowledge-graph-head>.ai-knowledge-view-toggle{margin-left:auto}
.ai-knowledge-graph-filters{display:flex;align-items:center;gap:8px}
.ai-knowledge-graph-filters label{font-size:0}
.ai-knowledge-graph-filters select{
  min-width:104px;
  height:36px;
  padding:0 30px 0 12px;
  border:1px solid #e2d9dc;
  border-radius:6px;
  background:#fff;
  color:#62555a;
  font-size:12px;
}
.ai-knowledge-graph-viewport{
  position:relative;
  min-height:480px;
  overflow:auto;
  background-color:#fff;
  background-image:radial-gradient(circle,#eadfe2 1px,transparent 1px);
  background-size:22px 22px;
}
.ai-knowledge-graph-scene{
  position:relative;
  width:100%;
  min-width:880px;
  height:480px;
  transform:scale(var(--graph-scale,1));
  transform-origin:center center;
  transition:transform .18s ease;
}
.ai-knowledge-graph-links{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
}
.ai-knowledge-graph-links path{
  fill:none;
  stroke:#aeb5bf;
  stroke-width:1.5;
  vector-effect:non-scaling-stroke;
  marker-end:url(#knowledgeGraphArrow);
}
.ai-knowledge-graph-links path.two-way{marker-start:url(#knowledgeGraphArrowBack)}
.ai-knowledge-graph-links marker path{fill:#9ba3ae;stroke:none}
.ai-knowledge-graph-links .labels text{
  fill:#71676a;
  stroke:#fff;
  stroke-width:6px;
  paint-order:stroke;
  font-size:13px;
  font-weight:650;
  text-anchor:middle;
}
.knowledge-graph-node,.knowledge-graph-center{
  position:absolute;
  z-index:2;
  display:flex;
  align-items:center;
  gap:11px;
  padding:12px 17px;
  border:1px solid currentColor;
  border-radius:8px;
  background:#fff;
  box-shadow:0 4px 12px rgba(42,32,35,.05);
  color:#64748b;
  text-align:left;
  transition:box-shadow .15s ease,transform .15s ease,border-width .15s ease;
}
.knowledge-graph-node{
  left:var(--node-x);
  top:var(--node-y);
  min-width:160px;
  transform:translate(-50%,-50%);
}
.knowledge-graph-center{
  left:50%;
  top:49.5%;
  min-width:250px;
  justify-content:center;
  transform:translate(-50%,-50%);
  border:2px solid var(--brand);
  color:var(--brand);
  box-shadow:0 8px 22px rgba(142,40,67,.11);
}
.knowledge-graph-node:hover,.knowledge-graph-node.focused,.knowledge-graph-center:hover{
  z-index:4;
  border-width:2px;
  box-shadow:0 10px 24px rgba(42,32,35,.14);
}
.knowledge-graph-node:hover,.knowledge-graph-node.focused{transform:translate(-50%,-50%) scale(1.035)}
.knowledge-graph-center:hover{transform:translate(-50%,-50%) scale(1.025)}
.knowledge-graph-node>.ai-ui-icon,.knowledge-graph-center>.ai-ui-icon{flex:0 0 auto;width:24px;height:24px}
.knowledge-graph-node span,.knowledge-graph-center span{display:grid;gap:5px}
.knowledge-graph-node strong,.knowledge-graph-center strong{color:#2f292b;font-size:14px;white-space:nowrap}
.knowledge-graph-node small,.knowledge-graph-center small{
  width:max-content;
  padding:2px 7px;
  border-radius:3px;
  background:color-mix(in srgb,currentColor 11%,#fff);
  color:currentColor;
  font-size:10px;
  font-weight:700;
}
.knowledge-graph-center strong{font-size:16px}
.knowledge-graph-node.market{color:#3fa05c}.knowledge-graph-node.product{color:#397bc5}.knowledge-graph-node.sop{color:#7655ba}.knowledge-graph-node.skill{color:#da7d24}.knowledge-graph-node.agent{color:#269b93}.knowledge-graph-node.customer{color:#3879c8}
.ai-knowledge-graph-tools{
  position:absolute;
  z-index:8;
  right:14px;
  bottom:14px;
  display:flex;
  gap:5px;
}
.ai-knowledge-graph-tools button{
  position:relative;
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid #ddd6d8;
  border-radius:5px;
  background:#fff;
  color:#5d646d;
  box-shadow:0 2px 5px rgba(42,32,35,.05);
}
.ai-knowledge-graph-tools .ai-ui-icon{width:16px;height:16px}
.ai-knowledge-graph-tools button b{position:absolute;right:5px;bottom:3px;font-size:11px}
.ai-knowledge-graph-legend{
  position:absolute;
  z-index:7;
  left:16px;
  bottom:15px;
  display:flex;
  gap:13px;
  padding:7px 10px;
  border:1px solid #eee6e8;
  border-radius:6px;
  background:rgba(255,255,255,.92);
}
.ai-knowledge-graph-legend span{display:flex;align-items:center;gap:5px;color:#776a6e;font-size:10px}
.ai-knowledge-graph-legend span:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--legend-color)}
.ai-knowledge-graph-legend .knowledge{--legend-color:#9b3151}.ai-knowledge-graph-legend .business{--legend-color:#3e80c8}.ai-knowledge-graph-legend .agent{--legend-color:#269b93}.ai-knowledge-graph-legend .skill{--legend-color:#da7d24}
.ai-knowledge-graph-panel>footer{
  min-height:44px;
  display:flex;
  align-items:center;
  gap:18px;
  padding:9px 16px;
  border-top:1px solid #ebe3e5;
  color:#76696d;
  font-size:11px;
}
.ai-knowledge-graph-panel>footer span{display:flex;align-items:center;gap:7px;color:var(--brand);font-weight:700}
.ai-knowledge-graph-panel>footer .ai-ui-icon{width:15px}
.ai-knowledge-graph-panel>footer small{margin-left:auto;color:#978a8e}
@media(max-width:1280px){
  .ai-knowledge-toolbar{grid-template-columns:auto minmax(180px,1fr) auto auto auto}
  .ai-knowledge-toolbar>.obsidian-button{display:none}
  .ai-knowledge-graph-head{flex-wrap:wrap}
  .ai-knowledge-graph-head>.ai-knowledge-view-toggle{margin-left:auto}
  .ai-knowledge-graph-filters{justify-content:flex-end}
}
@media(max-width:760px){
  .ai-knowledge-toolbar{display:flex;flex-wrap:wrap}
  .ai-knowledge-toolbar>label{order:6;width:100%}
  .ai-knowledge-view-toggle.compact{margin-left:auto}
  .ai-knowledge-graph-head>div:first-child{min-width:0}
  .ai-knowledge-graph-filters{justify-content:flex-start;overflow-x:auto}
  .ai-knowledge-graph-panel>footer{align-items:flex-start;flex-direction:column;gap:4px}
  .ai-knowledge-graph-panel>footer small{margin-left:0}
}
.ai-knowledge-secondary-tabs{
  width:100%;
  min-width:0;
  min-height:var(--software-secondary-submenu-height,40px);
  display:flex;
  align-items:stretch;
  justify-content:flex-start;
  gap:clamp(16px,1.6vw,26px);
  box-sizing:border-box;
  margin-top:-14px;
  overflow-x:auto;
  overflow-y:hidden;
  border-bottom:1px solid #efe4e6;
  scrollbar-width:none;
}
.ai-knowledge-secondary-tabs::-webkit-scrollbar{display:none}
.ai-knowledge-secondary-tabs>button{
  position:relative;
  flex:0 0 auto;
  min-height:var(--software-secondary-submenu-height,40px);
  padding:0 2px;
  border:0;
  border-bottom:2px solid transparent;
  border-radius:0;
  background:transparent;
  color:#6e6064;
  font-size:var(--software-secondary-submenu-font-size,14px);
  font-weight:var(--software-secondary-submenu-font-weight,600);
  white-space:nowrap;
}
.ai-knowledge-secondary-tabs>button:hover,
.ai-knowledge-secondary-tabs>button.active{
  border-bottom-color:var(--brand,#8d3148);
  color:var(--brand,#8d3148);
}
.ai-knowledge-horizontal>.ai-knowledge-content>.ai-kb-page{
  padding-top:0;
}
.system-admin-nav{margin-top:88px!important}
.system-admin-nav + .ai-kb-page{padding-top:12px}
.ai-kb-todo-list article{
  grid-template-columns:auto minmax(0,1fr) auto;
}
.ai-kb-todo-list article>div{min-width:0}
.ai-kb-todo-list article strong{
  display:block;
  line-height:1.45;
  overflow-wrap:anywhere;
  word-break:normal;
}
.ai-kb-todo-list article>button{white-space:nowrap}

@media(max-width:1500px){
  .ai-kb-workspace-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.8fr)}
  .ai-kb-command{grid-column:auto}
  .knowledge-workspace,.knowledge-review-grid,.handover-grid,.todo-center-grid,.governance-grid,.role-validation-grid{grid-template-columns:1fr}
  .agent-growth-grid{grid-template-columns:1fr 1fr}
  .agent-selector,.agent-version-card,.agent-capability-map,.agent-evaluation{grid-column:auto;grid-row:auto}
}

@media(max-width:1200px){
  .ai-kb-workspace-grid{grid-template-columns:1fr}
}

@media(max-width:1350px){
  .ai-kb-workspace-grid{grid-template-columns:1fr}
}

/* 经营看板：总览、分析和风险合并为效果图中的单页决策驾驶舱。 */
html body #content[data-combined-center="management-board"]{
  display:block !important;
  padding-top:68px !important;
}
.management-board{
  --mb-brand:#a51f46;
  --mb-deep:#5b071e;
  --mb-line:#eadde0;
  --mb-muted:#817378;
  display:grid;
  gap:10px;
  width:100%;
  min-width:0;
  color:#30262a;
  font-family:"Microsoft YaHei","PingFang SC","Segoe UI",Arial,sans-serif;
}
.management-board button,.management-board select{font:inherit}
.management-board-toolbar{
  min-height:38px;
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.management-board-periods{display:flex;align-items:center;gap:2px}
.management-board-periods button{
  min-width:54px;
  height:34px;
  padding:0 15px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#665a5e;
  font-size:13px;
  font-weight:750;
  cursor:pointer;
}
.management-board-periods button.active{background:var(--mb-brand);color:#fff;box-shadow:0 5px 13px rgba(131,28,59,.16)}
.management-board-toolbar-divider{width:1px;height:28px;margin:0 2px;background:#e7dcde}
.management-board-toolbar label{display:block;min-width:0}
.management-board-toolbar select{
  width:112px;
  height:36px;
  padding:0 30px 0 12px;
  border:1px solid #e4dadd;
  border-radius:7px;
  background:#fff;
  color:#675a5f;
  font-size:12px;
  font-weight:650;
}
.management-board-toolbar .management-board-currency select{width:80px}
.management-board-freshness{display:flex;align-items:center;gap:10px;margin-left:auto;color:#786c70;font-size:12px;white-space:nowrap}
.management-board-freshness>i{width:1px;height:18px;background:#e6dcdf}
.management-board-freshness b{color:#2f8d65}
.management-board-freshness button{min-height:32px;padding:0 8px;border:0;background:transparent;color:#65595d;font-size:12px;cursor:pointer}
.management-board button:disabled{cursor:not-allowed;opacity:.58}
.management-board-error{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border:1px solid #efc6cd;border-radius:7px;background:#fff4f5;color:#a02b46;font-size:12px}.management-board-error button{padding:4px 10px;border:1px solid #dbaab5;border-radius:5px;background:#fff;color:#a21d46;cursor:pointer}
.management-board-command{
  min-height:150px;
  padding:15px 18px 14px;
  overflow:hidden;
  border:1px solid #8f193b;
  border-radius:11px;
  background:
    radial-gradient(circle at 84% 16%,rgba(177,40,79,.46),transparent 32%),
    linear-gradient(112deg,#a91845 0%,#8c1135 48%,#58061d 100%);
  color:#fff;
  box-shadow:0 9px 24px rgba(91,7,30,.12);
}
.management-board-command-title{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px}
.management-board-command-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:rgba(255,255,255,.07)}
.management-board-command-icon svg{width:24px;height:24px}
.management-board-command-title>div>span{display:block;margin-bottom:4px;color:#fae5eb;font-size:13px;font-weight:750}
.management-board-command-title h2{margin:0;color:#fff;font-size:22px;font-weight:850;line-height:1.25;letter-spacing:.01em}
.management-board-command-title nav{display:flex;align-items:center;gap:16px}
.management-board-command-title nav button{min-width:120px;height:34px;padding:0 18px;border:1px solid rgba(255,255,255,.76);border-radius:5px;background:transparent;color:#fff;font-size:13px;font-weight:800;cursor:pointer}
.management-board-command-title nav button.primary{border-color:#fff;background:#fff;color:#a21d46}
.management-board-command-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:13px}
.management-board-command-grid section{min-width:0;padding:0 28px;border-left:1px dotted rgba(255,255,255,.3)}
.management-board-command-grid section:first-child{padding-left:12px;border-left:0}
.management-board-command-grid b{display:block;margin-bottom:6px;color:#ffe8ef;font-size:12px}
.management-board-command-grid p{margin:3px 0;color:#f3dce2;font-size:11px;line-height:1.5;white-space:nowrap}
.management-board-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.management-board-kpis article{min-width:0;min-height:88px;overflow:hidden;border:1px solid var(--mb-line);border-radius:9px;background:#fff;box-shadow:0 5px 16px rgba(79,43,54,.035)}
.management-board-kpis article>button{width:100%;min-height:88px;display:flex;align-items:center;gap:14px;padding:12px 15px;border:0;background:#fff;text-align:left;cursor:pointer}.management-board-kpis article>button:hover{background:#fffafb}.management-board-kpis article>button:focus-visible{outline:2px solid #b1204c;outline-offset:-2px}
.management-board-kpi-icon{width:52px;height:52px;display:grid;flex:0 0 52px;place-items:center;border:1px solid #f2dfe4;border-radius:50%;background:#fff9f8;color:#b4254f;box-shadow:inset 0 0 0 7px #fffdfc}
.management-board-kpi-icon svg{width:27px;height:27px}
.management-board-kpis article>button>div{min-width:0}
.management-board-kpis b{display:block;color:#4f4146;font-size:13px;font-weight:750;white-space:nowrap}
.management-board-kpis strong{display:block;margin:3px 0 2px;color:#252025;font-size:24px;font-weight:800;line-height:1.1;white-space:nowrap;font-variant-numeric:tabular-nums}
.management-board-kpis p{margin:0;color:#8e8286;font-size:11px;white-space:nowrap}.management-board-kpis em{font-style:normal;font-weight:800}.management-board-kpis em.good{color:#28a06b}.management-board-kpis em.risk{color:#d3404e}
.management-board-operating-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr);gap:12px}
.management-board-card{min-width:0;overflow:hidden;border:1px solid var(--mb-line);border-radius:8px;background:#fff;box-shadow:0 4px 14px rgba(70,40,49,.035)}
.management-board-card>header{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 14px;border-bottom:1px solid #eee5e7}
.management-board-card>header h2,.management-board-card>header h3{margin:0;color:#3d3035;font-size:14px;font-weight:850}
.management-board-card>header button{border:0;background:transparent;color:#8c3a51;font-size:11px;font-weight:750;cursor:pointer}
.management-board-action-table,.management-board-risk-table{display:grid;min-width:0}
.management-board-action-table>.head,.management-board-action-table>.row{display:grid;grid-template-columns:54px minmax(150px,1.3fr) minmax(130px,1fr) 72px 86px 72px 56px;align-items:center;min-height:34px;padding:0 12px;column-gap:8px;border-bottom:1px solid #f0e8ea}
.management-board-action-table>.head{min-height:30px;background:#fff;color:#84767b;font-size:10px;font-weight:750}
.management-board-action-table>.row{color:#5c5054;font-size:10.5px}
.management-board-action-table>.row strong{overflow:hidden;color:#4a3d42;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.management-board-action-table>.row>span,.management-board-action-table>.row>time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.management-board-action-table button,.management-board-risk-table button{padding:2px 0;border:0;background:transparent;color:#b0204b;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}
.management-board-level{min-width:24px;height:20px;display:inline-grid;place-items:center;border-radius:5px;font-size:10px;font-style:normal;font-weight:800}.management-board-level.high{background:#fff0f1;color:#d33d4b}.management-board-level.medium{background:#fff5e6;color:#c4761d}.management-board-level.low{background:#edf8f2;color:#39906a}
.management-board-status{min-width:45px;min-height:20px;display:inline-grid;place-items:center;padding:1px 7px;border:1px solid #e9dce0;border-radius:5px;background:#faf5f7;color:#8b6070;font-size:9.5px;font-style:normal;font-weight:750;white-space:nowrap}
.management-board-status.doing,.management-board-status.processing,.management-board-status.medium{border-color:#f4d7b9;background:#fff7ec;color:#d17620}.management-board-status.pending,.management-board-status.warn,.management-board-status.verify{border-color:#d7dfef;background:#f3f6fc;color:#5871a6}.management-board-status.high{border-color:#f2c9cf;background:#fff0f2;color:#ce3b4d}.management-board-status.low,.management-board-status.ok{border-color:#cee8dc;background:#eff8f4;color:#378964}
.management-board-action-table .urgent,.management-board-risk-table .urgent{color:#df3547;font-weight:800}
.management-board-action-center>footer{min-height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#7d7075;font-size:10px}.management-board-action-center>footer button{border:0;background:transparent;color:#b0204b;font-size:10px;font-weight:800}
.management-board-empty{min-height:43px;display:flex!important;align-items:center;justify-content:center;padding:10px!important;color:#9a8b90!important;font-size:11px!important;text-align:center}
.management-board-risk-approval>div{display:grid}
.management-board-risk-row{width:100%;min-height:43px;display:grid;grid-template-columns:24px minmax(0,1fr) 64px 58px;align-items:center;gap:8px;padding:5px 12px;border:0;border-bottom:1px solid #f0e8ea;background:#fff;text-align:left;cursor:pointer}.management-board-risk-row:last-child{border-bottom:0}.management-board-risk-row:hover{background:#fffafb}
.management-board-risk-row>i{width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#fff0f2;color:#d62d42;font-size:10px;font-style:normal;font-weight:900}.management-board-risk-row>i.medium{background:#fff1e6;color:#ee7625}.management-board-risk-row>i.warn{background:#fff7e5;color:#e8a415}
.management-board-risk-row p{min-width:0;margin:0}.management-board-risk-row p b,.management-board-risk-row p small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.management-board-risk-row p b{color:#45383d;font-size:11px}.management-board-risk-row p small{margin-top:2px;color:#8a7c81;font-size:9.5px}.management-board-risk-row>span{overflow:hidden;color:#66595e;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.management-board-analysis,.management-board-risk-section{display:grid;gap:7px;scroll-margin-top:16px}
.management-board-analysis>header,.management-board-risk-section>header{display:flex;align-items:center;gap:14px;min-height:24px}.management-board-analysis>header h2,.management-board-risk-section>header h2{margin:0;color:#352a2e;font-size:16px}.management-board-analysis>header span{color:#8c7e83;font-size:11px}.management-board-analysis>header i{color:#75686c;font-size:11px;font-style:normal}
.management-board-analysis-grid{display:grid;grid-template-columns:1.05fr .95fr .9fr 1.15fr;gap:10px}
.management-board-chart-card{height:222px;display:grid;grid-template-rows:38px minmax(0,1fr)}
.management-board-chart-card>header h3{font-size:12px}.management-board-chart-card>header select{height:26px;padding:0 24px 0 8px;border:1px solid #e7dfe1;border-radius:5px;background:#fff;color:#6f6267;font-size:9.5px}
.management-board-legend{display:flex;align-items:center;gap:15px;padding:6px 12px 1px;color:#75686c;font-size:9px}.management-board-legend span::before{content:"";display:inline-block;width:9px;height:5px;margin-right:5px;border-radius:1px;background:#b21e4c}.management-board-legend span.profit::before{background:#f0a049}.management-board-legend span.target::before{background:#f1bac8}.management-board-legend span.actual::before{background:#b21e4c}
.management-board-line-chart{width:100%;height:166px;padding:0 6px 6px;overflow:visible}.management-board-line-chart .grid path{fill:none;stroke:#eee6e8;stroke-width:.7;stroke-dasharray:2 3}.management-board-line-chart .area{stroke:none}.management-board-line-chart .area.sales{fill:url(#mbSalesArea)}.management-board-line-chart .area.profit{fill:url(#mbProfitArea)}.management-board-line-chart .line{fill:none;stroke-width:2}.management-board-line-chart .line.sales{stroke:#b21e4c}.management-board-line-chart .line.profit{stroke:#ef9e42}.management-board-line-chart .point{fill:#fff;stroke-width:1.5}.management-board-line-chart .point.sales{stroke:#b21e4c}.management-board-line-chart .point.profit{stroke:#ef9e42}.management-board-line-chart .axis text{fill:#8e8185;font-size:7px}
.management-board-bar-chart{height:170px;display:flex;align-items:flex-end;justify-content:space-around;gap:8px;padding:14px 12px 22px;border-bottom:0}.management-board-bar-chart>div{position:relative;width:42px;height:128px;display:flex;align-items:flex-end;justify-content:center;gap:4px;border-bottom:1px solid #e9e0e2}.management-board-bar-chart span{width:14px;display:block}.management-board-bar-chart span.target{background:#f4c2cf}.management-board-bar-chart span.actual{background:#b21e4c}.management-board-bar-chart b{position:absolute;top:-4px;color:#67595e;font-size:9px}.management-board-bar-chart em{position:absolute;bottom:-17px;color:#706267;font-size:9px;font-style:normal;white-space:nowrap}
.management-board-contribution-head{display:grid;grid-template-columns:1fr 54px 34px;gap:5px;padding:8px 10px 5px;color:#84767b;font-size:8.5px}.management-board-contribution{display:grid;gap:10px;padding:3px 10px}.management-board-contribution>div{display:grid;grid-template-columns:64px minmax(45px,1fr) 48px 32px;align-items:center;gap:5px;font-size:8.5px}.management-board-contribution>div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.management-board-contribution>div>i{height:7px;overflow:hidden;border-radius:0 4px 4px 0;background:#f4e9ec}.management-board-contribution>div>i em{height:100%;display:block;border-radius:inherit;background:#b21e4c}.management-board-contribution>div>b{font-size:8.5px;font-weight:650;text-align:right}.management-board-contribution>div>small{color:#66595d;font-size:8px;text-align:right}
.management-board-inventory-layout{display:grid;grid-template-columns:112px minmax(0,1fr);gap:9px;padding:10px}.management-board-inventory-layout>div:first-child{min-width:0;display:grid;grid-template-columns:1fr;align-content:start;justify-items:center}.management-board-donut{width:82px;height:82px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#2f996a 0 calc(var(--health,82) * 1%),#f2a321 calc(var(--health,82) * 1%) 95%,#c8384a 95% 100%)}.management-board-donut::before{content:"";grid-area:1/1;width:57px;height:57px;border-radius:50%;background:#fff}.management-board-donut span{z-index:1;grid-area:1/1;display:grid;text-align:center}.management-board-donut b{font-size:20px}.management-board-donut small{color:#887b80;font-size:8px}.management-board-inventory-layout>div:first-child p{width:100%;display:flex;align-items:center;gap:4px;margin:2px 0;color:#75686c;font-size:8.5px;white-space:nowrap}.management-board-inventory-layout>div:first-child p i{width:7px;height:7px;border-radius:1px}.management-board-inventory-layout p i.good{background:#2f996a}.management-board-inventory-layout p i.warn{background:#f2a321}.management-board-inventory-layout p i.risk{background:#c8384a}.management-board-inventory-layout>div:last-child{min-width:0}.management-board-inventory-layout>div:last-child>b{display:block;overflow:hidden;margin-bottom:4px;color:#6a5d62;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.management-board-inventory-layout>div:last-child p{min-height:28px;display:grid;grid-template-columns:minmax(0,1fr) 38px 45px;align-items:center;gap:4px;margin:0;padding:0;border-bottom:1px solid #f1e9eb;color:#62565a;font-size:8.5px;white-space:nowrap}.management-board-inventory-layout>div:last-child p>span{overflow:hidden;text-overflow:ellipsis}.management-board-inventory-layout>div:last-child p em{font-style:normal;text-align:right}
.management-board-risk-table>.head,.management-board-risk-table>.row{display:grid;grid-template-columns:75px minmax(150px,1.1fr) minmax(170px,1.2fr) 95px 80px 95px 72px 105px;align-items:center;min-height:31px;padding:0 12px;column-gap:9px;border-bottom:1px solid #f0e8ea}.management-board-risk-table>.head{background:#fff;color:#807277;font-size:10px;font-weight:750}.management-board-risk-table>.row{color:#55484d;font-size:10px}.management-board-risk-table>.row:last-child{border-bottom:0}.management-board-risk-table>.row strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.management-board-risk-table>.row>span,.management-board-risk-table>.row>time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.management-board-risk-table>.row>span:first-child{display:flex;align-items:center;gap:7px}.management-board-risk-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#33a16d}.management-board-risk-dot.high{background:#d63246}.management-board-risk-dot.medium{background:#ef7926}.management-board-risk-dot.warn{background:#eaa91c}.management-board-risk-table .actions{display:flex;align-items:center;gap:8px}.management-board-risk-table .actions button+button{padding-left:8px;border-left:1px solid #e7dadd}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1400px){
  html body #content[data-combined-center="management-board"]{padding-top:82px!important}
  .management-board-toolbar{flex-wrap:wrap}.management-board-freshness{width:100%;justify-content:flex-end}
  .management-board-command-title h2{font-size:19px}.management-board-command-title nav button{min-width:96px}
  .management-board-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.management-board-kpis article:nth-last-child(-n+2){grid-column:span 1}
  .management-board-operating-grid{grid-template-columns:1fr}.management-board-analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .management-board-risk-table{overflow-x:auto}.management-board-risk-table>.head,.management-board-risk-table>.row{min-width:900px}
}
@media(max-width:760px){
  html body #content[data-combined-center="management-board"]{padding-top:0!important}
  .management-board-toolbar{align-items:stretch}.management-board-toolbar-divider{display:none}.management-board-periods{width:100%}.management-board-periods button{flex:1}.management-board-toolbar label{flex:1 1 calc(50% - 5px)}.management-board-toolbar select,.management-board-toolbar .management-board-currency select{width:100%}.management-board-freshness{justify-content:flex-start;overflow-x:auto}
  .management-board-command{padding:14px}.management-board-command-title{grid-template-columns:38px minmax(0,1fr)}.management-board-command-title nav{grid-column:1/-1}.management-board-command-title nav button{flex:1}.management-board-command-grid{grid-template-columns:1fr}.management-board-command-grid section{padding:8px 0;border-top:1px dotted rgba(255,255,255,.25);border-left:0}.management-board-command-grid section:first-child{padding:8px 0}.management-board-command-grid p{white-space:normal}
  .management-board-kpis,.management-board-analysis-grid{grid-template-columns:1fr}.management-board-operating-grid{grid-template-columns:1fr}.management-board-action-table{overflow-x:auto}.management-board-action-table>.head,.management-board-action-table>.row{min-width:760px}.management-board-chart-card{height:236px}.management-board-inventory-layout{grid-template-columns:1fr}
}

/* 模块样式后加载时，直属子菜单仍必须服从一级导航令牌。 */
body .whl-top>.whl-tabs>button,
body .dc-shell>.dc-tabs>button,
body .mfg-page-head>.mfg-nav>button,
body .aibos-tool-center>.bd-center-tabs>button,
body .finance-center-subnav>.finance-center-subnav-scroll>button{
  height:var(--software-primary-submenu-height) !important;
  min-height:var(--software-primary-submenu-height) !important;
  font-size:var(--software-primary-submenu-font-size) !important;
  font-weight:var(--software-primary-submenu-font-weight) !important;
}

/* 设计/制造动态挂载点作为 Grid 子项时不可按内容固有宽度撑开整页。 */
#designManufacturingMount,
#designManufacturingMount>.dc-shell,
#designManufacturingMount>.mfg-center{
  width:100%;
  max-width:100%;
  min-width:0;
}
#designManufacturingMount>.dc-shell,
#designManufacturingMount>.mfg-center{
  grid-template-columns:minmax(0,1fr);
}
#designManufacturingMount .dc-tabs,
#designManufacturingMount .dc-page,
#designManufacturingMount .mfg-page-head,
#designManufacturingMount .mfg-nav{
  width:100%;
  max-width:100%;
  min-width:0;
}
#designManufacturingMount .dc-page{
  grid-template-columns:minmax(0,1fr);
}
@media(max-width:800px){
  #designManufacturingMount .dc-focus-metrics,
  #designManufacturingMount .dc-metrics,
  #designManufacturingMount .dc-workload,
  #designManufacturingMount .mfg-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

/* 全软件中心页头精简：移除业务组名、页面标题与说明，保留操作、状态和筛选。 */
.app-shell>.main>.topbar{
  display:none !important;
}

.ai-center-shell>.ai-center-header{
  display:none !important;
}

.formal-product-center>.formal-product-head-compact>div:first-child{
  display:block !important;
}
.formal-product-center>.formal-product-head-compact{
  min-height:62px;
  justify-content:space-between;
  padding:12px 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

#content>.business-sync-strip+.panel>.panel-header>div:first-child{
  display:none !important;
}
#content>.business-sync-strip+.panel>.panel-header{
  min-height:46px;
  justify-content:flex-end;
  padding-top:8px;
  padding-bottom:8px;
}

#designManufacturingMount .dc-page-title>div:first-child{
  display:none !important;
}
#designManufacturingMount .dc-page-title{
  min-height:38px;
  justify-content:flex-end;
  gap:0;
}
#designManufacturingMount .dc-page{
  padding-top:10px;
}

.bd-reference-ui>.bd-page-header>.bd-page-heading,
.bd-redesign>.bd-page-header>.bd-page-heading,
.bd-overview-title{
  display:none !important;
}
.bd-reference-ui>.bd-page-header,
.bd-redesign>.bd-page-header{
  min-height:0 !important;
  justify-content:flex-end !important;
  padding:10px 0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.finance-center-shell .finance-reference-toolbar>h1{
  display:none !important;
}
.finance-center-shell .finance-reference-toolbar{
  min-height:0;
}

.data-control-panel>.panel-header>div:first-child,
.system-admin-nav>.panel-header>div:first-child{
  display:none !important;
}
.data-control-panel>.panel-header,
.system-admin-nav>.panel-header{
  min-height:0;
  justify-content:flex-end;
  padding:0 0 8px;
  border-bottom:0;
}

#content>.panel:has(>.risk-list)>.panel-header>div:first-child{
  display:none !important;
}
#content>.panel:has(>.risk-list)>.panel-header{
  min-height:46px;
  justify-content:flex-end;
  padding-top:8px;
  padding-bottom:8px;
}

#content .panel:has(>.knowledge-list)>.panel-header{
  display:none !important;
}

@media(max-width:1450px){
  .finance-center-shell:has(.finance-reference-page) .finance-reference-toolbar{
    grid-template-columns:minmax(0,1fr) auto;
  }
  .finance-center-shell:has(.finance-reference-page) .finance-reference-filters{
    grid-row:1;
    grid-column:1;
  }
  .finance-center-shell:has(.finance-reference-page) .finance-reference-meta,
  .finance-center-shell:has(.finance-reference-page) .finance-reference-actions{
    grid-column:2;
  }
}

/* 外贸CRM：单页设置中心 */
.crm-settings-page{display:grid;gap:14px;min-width:0;padding:4px 0 22px;color:#2d2024}.crm-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:8px 2px 0}.crm-settings-head>div{min-width:0}.crm-settings-head span{display:block;margin-bottom:4px;color:#8d3148;font-size:12px;font-weight:900;letter-spacing:.08em}.crm-settings-head h1{margin:0;color:#352126;font-size:28px;line-height:1.2}.crm-settings-head p{margin:6px 0 0;color:#74666a;font-size:14px;line-height:1.55}.crm-settings-head nav{display:flex;flex:0 0 auto;gap:10px}.crm-settings-head button,.crm-settings-panel>header>button,.crm-settings-form footer button{min-height:38px;padding:8px 14px;border:1px solid #e3cbd1;border-radius:9px;background:#fffdfc;color:#8d3148;font-size:14px;font-weight:800;cursor:pointer}.crm-settings-head .primary-button,.crm-settings-form footer .primary-button{border-color:#8d3148;background:linear-gradient(135deg,#a8294d,#821e39);color:#fff;box-shadow:0 10px 20px rgba(126,31,57,.18)}
.crm-settings-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.crm-settings-kpis>article,.crm-settings-kpis>button{display:flex;align-items:center;gap:15px;min-width:0;min-height:108px;padding:16px;border:1px solid #f0dde0;border-radius:12px;background:linear-gradient(135deg,#fffefc,#fff9f8);box-shadow:0 10px 24px rgba(100,41,56,.06);color:#352126;text-align:left}.crm-settings-kpis>button{cursor:pointer}.crm-settings-kpis i{display:grid;flex:0 0 54px;width:54px;height:54px;place-items:center;border-radius:50%;background:#fae8eb;color:#a7284b;font-size:24px;font-style:normal;font-weight:900}.crm-settings-kpis i.progress{position:relative;border:0;background:conic-gradient(#a7284b var(--crm-progress),#f6e3e6 0)}.crm-settings-kpis i.progress::after{position:absolute;inset:7px;border-radius:50%;background:#fffdfc;content:""}.crm-settings-kpis i.progress b{position:relative;z-index:1;color:#9b2848;font-size:13px}.crm-settings-kpis i.account{background:#f7e6e8}.crm-settings-kpis i.risk{background:#fbe8e8;color:#b7223e}.crm-settings-kpis span{display:grid;min-width:0;gap:2px;color:#716268;font-size:14px}.crm-settings-kpis strong{color:#2d2024;font-size:24px;line-height:1.1}.crm-settings-kpis small{color:#908086;font-size:12px;font-weight:700}.crm-settings-kpis small.success{color:#2e8a61}.crm-settings-kpis small.warn{color:#a96c1c}.crm-settings-kpis small.danger{color:#b7223e}
.crm-settings-nav{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;border-bottom:1px solid #ead9dc}.crm-settings-nav button{position:relative;min-height:48px;padding:9px 8px;border:0;background:transparent;color:#796a6f;font-size:15px;font-weight:800;cursor:pointer}.crm-settings-nav button::after{position:absolute;right:14px;bottom:-1px;left:14px;height:3px;border-radius:999px;background:transparent;content:""}.crm-settings-nav button.active{color:#8d3148}.crm-settings-nav button.active::after{background:#8d3148}
.crm-settings-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.crm-settings-panel{min-width:0;padding:18px;border:1px solid #eedee0;border-radius:12px;background:#fffefd;box-shadow:0 10px 24px rgba(100,41,56,.055);scroll-margin-top:22px}.crm-settings-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.crm-settings-panel>header>div{min-width:0}.crm-settings-panel>header span{display:inline-block;margin-bottom:3px;color:#9d2b49;font-size:12px;font-weight:900;letter-spacing:.06em}.crm-settings-panel>header h2{margin:0;color:#342025;font-size:20px}.crm-settings-panel>header p{margin:4px 0 0;color:#7e7075;font-size:13px;line-height:1.5}.crm-settings-panel>header h2 em{display:inline-flex;margin-left:8px;padding:3px 7px;border-radius:999px;background:#fbeded;color:#a82f4b;font-size:12px;font-style:normal;font-weight:800;vertical-align:middle}
.crm-settings-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.crm-settings-form.four{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-settings-form label{display:grid;gap:5px;min-width:0;color:#6e6065;font-size:13px;font-weight:800}.crm-settings-form label.wide{grid-column:1/-1}.crm-settings-form input,.crm-settings-form select{width:100%;min-width:0;height:38px;padding:0 10px;border:1px solid #ead9dc;border-radius:8px;background:#fff;color:#342025;font-size:14px;box-sizing:border-box}.crm-settings-form footer{display:flex;grid-column:1/-1;justify-content:flex-end;gap:8px;margin-top:2px}.crm-settings-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.crm-settings-rule-grid>label:not(.crm-settings-switch){display:grid;gap:5px;min-width:0;color:#6e6065;font-size:13px;font-weight:800}.crm-settings-rule-grid>label:not(.crm-settings-switch) input{height:38px;padding:0 10px;border:1px solid #ead9dc;border-radius:8px;background:#fff;color:#342025;font-size:14px}.crm-settings-rule-grid>label:not(.crm-settings-switch) small{color:#928287;font-size:12px;font-weight:600}
.crm-settings-switch{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:66px;padding:10px 12px;border:1px solid #f0e0e3;border-radius:9px;background:#fffafa;cursor:pointer}.crm-settings-switch input{position:absolute;opacity:0}.crm-settings-switch span{display:grid;gap:3px;min-width:0}.crm-settings-switch b{color:#39252a;font-size:14px}.crm-settings-switch small{color:#89797e;font-size:12px;line-height:1.45}.crm-settings-switch i,.crm-settings-ai-toggles i{position:relative;flex:0 0 38px;width:38px;height:22px;border-radius:999px;background:#d8d2d3;transition:.18s ease}.crm-settings-switch i::after,.crm-settings-ai-toggles i::after{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15);content:"";transition:.18s ease}.crm-settings-switch input:checked+span+i,.crm-settings-ai-toggles input:checked+i{background:#a8294d}.crm-settings-switch input:checked+span+i::after,.crm-settings-ai-toggles input:checked+i::after{transform:translateX(16px)}
.crm-settings-role-grid{display:grid;gap:9px}.crm-settings-role-grid>div{display:grid;grid-template-columns:minmax(150px,.85fr) minmax(0,1.5fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid #f1e2e4;border-radius:9px;background:#fffafa}.crm-settings-role-grid b{color:#3c252b;font-size:14px}.crm-settings-role-grid span{color:#827278;font-size:12px;line-height:1.45}.crm-settings-role-grid em{padding:4px 7px;border-radius:999px;background:#f6e8eb;color:#952b48;font-size:12px;font-style:normal;font-weight:800;white-space:nowrap}
.crm-settings-workflow-list{display:grid;gap:0;border:1px solid #f1e2e4;border-radius:10px;overflow:hidden}.crm-settings-workflow-list button{display:grid;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:9px;padding:12px;border:0;border-bottom:1px solid #f2e6e7;background:#fff;color:#372329;text-align:left;cursor:pointer}.crm-settings-workflow-list button:last-child{border-bottom:0}.crm-settings-workflow-list i{display:grid;width:24px;height:24px;place-items:center;border-radius:7px;background:#f8e5e8;color:#a22849;font-size:12px;font-style:normal}.crm-settings-workflow-list span{display:grid;gap:2px}.crm-settings-workflow-list b{font-size:14px}.crm-settings-workflow-list small{color:#8a7a80;font-size:12px}.crm-settings-workflow-list em{color:#35865f;font-size:12px;font-style:normal;font-weight:800}
.crm-settings-account-list{display:grid;gap:0;overflow:hidden;border:1px solid #f1e2e4;border-radius:10px}.crm-settings-account-list button{display:grid;grid-template-columns:28px 105px auto minmax(0,1fr) 18px;align-items:center;gap:8px;padding:10px 12px;border:0;border-bottom:1px solid #f2e6e7;background:#fff;color:#39252b;text-align:left;cursor:pointer}.crm-settings-account-list button:last-child{border-bottom:0}.crm-settings-account-list i{display:grid;width:24px;height:24px;place-items:center;color:#a22849;font-size:16px;font-style:normal}.crm-settings-account-list b{font-size:14px}.crm-settings-account-list em{padding:3px 6px;border-radius:999px;font-size:12px;font-style:normal;font-weight:800}.crm-settings-account-list em.ok{background:#e7f5eb;color:#237856}.crm-settings-account-list em.pending{background:#fff4df;color:#9d6b20}.crm-settings-account-list span{overflow:hidden;color:#817176;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.crm-settings-account-list strong{color:#a22a49;font-size:16px}
.crm-settings-ai{grid-column:1/-1;border-color:#ead3d8}.crm-settings-ai-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(380px,1.1fr);gap:14px}.crm-settings-ai-grid>section{min-width:0;padding:14px;border:1px solid #f0dfe2;border-radius:10px;background:linear-gradient(135deg,#fffdfd,#fff9f8)}.crm-settings-ai-grid h3{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px;padding-left:10px;border-left:3px solid #9d2a49;color:#3a242a;font-size:16px}.crm-settings-ai-grid h3 small{color:#9b2a49;font-size:12px}.crm-settings-key{display:grid;grid-template-columns:1fr auto;gap:8px}.crm-settings-key button{min-width:56px;border:1px solid #ead9dc;border-radius:8px;background:#fff;color:#8d3148;font-size:12px;font-weight:800;cursor:pointer}.crm-settings-ai-note{margin:10px 0 0;padding:8px 10px;border-radius:7px;background:#fff4d9;color:#986620;font-size:12px;font-weight:800}.crm-settings-ai-toggles{display:grid;gap:0;overflow:hidden;border:1px solid #f0dfe2;border-radius:9px;background:#fff}.crm-settings-ai-toggles label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid #f2e6e7;cursor:pointer}.crm-settings-ai-toggles label:last-child{border-bottom:0}.crm-settings-ai-toggles span{display:grid;gap:2px;min-width:0}.crm-settings-ai-toggles b{color:#3a252a;font-size:14px}.crm-settings-ai-toggles small{color:#87777c;font-size:12px;line-height:1.35}.crm-settings-ai-toggles input{position:absolute;opacity:0}.crm-settings-audit{display:grid;gap:3px;min-height:66px;padding:11px 12px;border:1px solid #f0e0e3;border-radius:9px;background:#fffafa}.crm-settings-audit b{color:#39252a;font-size:14px}.crm-settings-audit span{color:#88787d;font-size:12px;line-height:1.45}.crm-settings-audit em{color:#2e855d;font-size:12px;font-style:normal;font-weight:800}
@media(max-width:1180px){.crm-settings-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-settings-body{grid-template-columns:1fr}.crm-settings-ai{grid-column:auto}.crm-settings-nav{overflow-x:auto;grid-template-columns:repeat(7,130px)}.crm-settings-nav button{white-space:nowrap}.crm-settings-ai-grid{grid-template-columns:1fr}}@media(max-width:720px){.crm-settings-head{flex-direction:column}.crm-settings-head nav{width:100%}.crm-settings-head nav button{flex:1}.crm-settings-kpis{grid-template-columns:1fr}.crm-settings-panel{padding:14px}.crm-settings-panel>header{flex-direction:column}.crm-settings-form,.crm-settings-form.four,.crm-settings-rule-grid{grid-template-columns:1fr}.crm-settings-role-grid>div{grid-template-columns:1fr;gap:5px}.crm-settings-account-list button{grid-template-columns:26px minmax(0,1fr) auto 14px}.crm-settings-account-list span{display:none}.crm-settings-account-list b{font-size:13px}.crm-settings-ai-grid{grid-template-columns:1fr}.crm-settings-ai-grid>section{padding:11px}}

/* 电商中心：一级菜单提升到页面顶部，与右上快捷工具栏同排 */
.ecommerce-workspace{
  grid-template-columns:minmax(0,1fr);
  gap:14px;
  align-items:start;
  color:#2d2024;
  font-family:"Microsoft YaHei","PingFang SC","Segoe UI",Arial,sans-serif;
  font-size:13px;
}
.ecommerce-menu{
  position:relative;
  top:0;
  width:100%;
  max-width:calc(100% - 680px);
  min-height:66px;
  display:flex;
  align-items:stretch;
  padding:0;
  overflow:hidden;
  border:0;
  border-bottom:1px solid #ead9dc;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  z-index:8;
}
.ecommerce-menu::-webkit-scrollbar{height:4px}
.ecommerce-menu::-webkit-scrollbar-track{background:transparent}
.ecommerce-menu::-webkit-scrollbar-thumb{border-radius:999px;background:#d7c5ca}
.ecommerce-menu-groups{
  width:min(100%,820px);
  min-width:0;
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  gap:22px;
  padding:0;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
}
.ecommerce-menu-groups::-webkit-scrollbar{display:none}
.ecommerce-group-button{
  position:relative;
  flex:0 0 auto;
  min-width:auto;
  min-height:66px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 4px;
  border:0;
  border-bottom:3px solid transparent;
  border-radius:0;
  background:transparent;
  color:#2d2024;
  text-align:center;
}
.ecommerce-group-copy{width:auto;min-width:0;text-align:center}
.ecommerce-group-copy strong,.ecommerce-group-copy>span{display:block;text-align:center}
.ecommerce-group-copy strong{overflow:hidden;font-size:15px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}
.ecommerce-group-copy>span{display:none}
.ecommerce-group-meta{position:absolute;top:50%;right:6px;display:inline-flex;align-items:center;gap:2px;transform:translateY(-50%)}
.ecommerce-group-meta em{min-width:21px;height:20px;padding:0 5px}
.ecommerce-group-meta i{color:var(--muted);font-size:13px;font-style:normal;transition:transform 160ms ease}
.ecommerce-group-button.expanded .ecommerce-group-meta i{transform:rotate(180deg)}
.ecommerce-group-button:hover{border-bottom-color:#d9a9b5;background:transparent;color:var(--brand)}
.ecommerce-group-button.active{border-bottom-color:var(--brand);background:transparent;color:var(--brand);box-shadow:none}
.ecommerce-group-button.active .ecommerce-group-meta i{color:#fff}
.ecommerce-main{display:grid;gap:14px;min-width:0}
.ecommerce-tabbed-hub>.growth-hub-header{display:block;min-height:58px;margin:0;padding:6px 18px 0;border:0;border-radius:0;background:transparent}
.ecommerce-tabbed-hub .growth-hub-tabs{display:flex;width:100%;align-items:flex-end;justify-content:flex-start;gap:12px}
.ecommerce-tabbed-hub .growth-hub-tabs.dense-tabs{display:grid;grid-template-columns:repeat(var(--trade-tab-count),minmax(0,192px));justify-content:start}
.ecommerce-tabbed-hub .growth-hub-tabs button{width:192px;min-width:192px;font-family:"Microsoft YaHei","PingFang SC","Segoe UI",Arial,sans-serif}
.ecommerce-tabbed-hub .growth-hub-tabs.dense-tabs button{width:100%;min-width:0}
.ecommerce-submenu-tabs button{min-height:49px;gap:10px;padding:10px 18px;border:1px solid #eadfe2;border-bottom:0;border-radius:8px 8px 0 0;background:#fffafa;color:#65585c;font-size:14px;font-weight:800;box-shadow:none}
.ecommerce-submenu-tabs button:hover{border-color:#e4cbd2;background:#fff4f6;color:#952b48}
.ecommerce-submenu-tabs button.active{border-color:#a73352;background:#9f2949;color:#fff;box-shadow:0 -4px 14px rgba(159,41,73,.12)}
.ecommerce-submenu-tabs button.active::after{display:block;right:16px;bottom:-1px;left:16px;height:3px;background:#fff}
.ecommerce-submenu-tabs button:focus-visible{outline:3px solid rgba(159,41,73,.22);outline-offset:2px}
.ecommerce-submenu-tabs em{min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#f3e5e9;color:#9d2b4a;font-size:12px;font-style:normal}
.ecommerce-submenu-tabs button.active em{background:rgba(255,255,255,.2);color:#fff}
.ecommerce-tabbed-hub .growth-hub-content{gap:14px}
.app-shell.ecommerce-active .topbar{
  display:none;
}
.app-shell.right-collapsed.ecommerce-active .ecommerce-menu{max-width:100%}

.ecx-dashboard,.ecx-source-shell{display:grid;gap:14px;min-width:0;color:#2d2024}
.ecx-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;min-width:0;padding:3px 4px 0}
.ecx-page-head>div{min-width:0}
.ecx-page-head>div>span{display:block;margin-bottom:3px;color:#9d2b49;font-size:12px;font-weight:900;letter-spacing:.08em}
.ecx-page-head h1{margin:0;color:#2d2024;font-size:28px;line-height:1.2}
.ecx-page-head p{margin:5px 0 0;color:#74666a;font-size:13px;line-height:1.55}
.ecx-page-head nav{display:flex;flex:0 0 auto;align-items:center;gap:8px}
.ecx-page-head button,.ecx-page-head select,.ecx-card button,.ecx-store-detail footer button{
  min-height:36px;
  padding:7px 12px;
  border:1px solid #ead9dc;
  border-radius:8px;
  background:#fff;
  color:#6f4f58;
  font-size:13px;
  font-weight:800;
}
.ecx-page-head button.primary,.ecx-card button.primary,.ecx-store-detail footer button.primary{border-color:var(--brand);background:var(--brand);color:#fff}
.ecx-segment{display:flex;overflow:hidden;border:1px solid #ead9dc;border-radius:8px;background:#fff}
.ecx-segment button{min-width:54px;border:0;border-right:1px solid #ead9dc;border-radius:0}
.ecx-segment button:last-child{border-right:0}
.ecx-segment button.active{background:var(--brand);color:#fff}
.ecx-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.ecx-kpis article{min-width:0;padding:14px 15px;border:1px solid #ecdde0;border-radius:11px;background:linear-gradient(135deg,#fff,#fffafa);box-shadow:0 7px 20px rgba(94,39,54,.05)}
.ecx-kpis span{display:block;color:#74666a;font-size:12px}
.ecx-kpis strong{display:block;margin:7px 0 4px;color:#2d2024;font-size:24px;line-height:1.1;font-variant-numeric:tabular-nums}
.ecx-kpis small{display:block;color:#8d7c81;font-size:12px;font-weight:700}
.ecx-kpis small.good{color:#2d8b60}.ecx-kpis small.warn{color:#ae711e}.ecx-kpis small.risk{color:#bb3447}
.ecx-judgement{padding:20px;border-radius:11px;background:linear-gradient(115deg,#77152f 0%,#4c0a1d 56%,#21040c 100%);color:#fff;box-shadow:0 14px 30px rgba(80,14,35,.17)}
.ecx-judgement>span{display:block;margin-bottom:8px;color:#f3cbd5;font-size:13px}
.ecx-judgement>h2{margin:0 0 14px;color:#fff;font-size:24px;line-height:1.35}
.ecx-judgement-reasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:15px}
.ecx-judgement-reasons p{margin:0;color:#ead8de;font-size:12px;line-height:1.7}
.ecx-judgement-reasons b{display:block;margin-bottom:3px;color:#fff;font-size:12px}
.ecx-hero-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.ecx-hero-metrics>div{padding:12px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:rgba(255,255,255,.045);text-align:center}
.ecx-hero-metrics span,.ecx-hero-metrics small{display:block;color:#ead9df;font-size:12px}
.ecx-hero-metrics strong{display:block;margin:5px 0;color:#fff;font-size:24px;font-variant-numeric:tabular-nums}
.ecx-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:14px}
.ecx-card{min-width:0;overflow:hidden;border:1px solid #eadcdf;border-radius:11px;background:#fff;box-shadow:0 7px 22px rgba(85,35,50,.055)}
.ecx-card>header{min-height:58px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid #f0e5e7}
.ecx-card>header>div{min-width:0}
.ecx-card>header h2{margin:0;color:#2d2024;font-size:18px;line-height:1.25}
.ecx-card>header p{margin:4px 0 0;color:#796b70;font-size:12px;line-height:1.5}
.ecx-card>header nav{display:flex;flex:0 0 auto;gap:7px}
.ecx-card>header>button{border:0;background:transparent;color:var(--brand)}
.ecx-card>footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:11px 14px;border-top:1px solid #f0e5e7;background:#fffafa;color:#827278;font-size:12px}
.ecx-action-card>footer{justify-content:flex-start}
.ecx-tabs{display:flex;gap:18px;overflow-x:auto;padding:0 15px;border-bottom:1px solid #eadcdf}
.ecx-tabs button{min-height:42px;padding:9px 0;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#75666b;white-space:nowrap}
.ecx-tabs button.active{border-color:var(--brand);color:var(--brand)}

/* 经营财务中心 2.0 */
.finance-center-shell{
  display:grid;
  gap:14px;
  min-width:0;
  color:var(--text);
}
.finance-center-shell button,
.finance-center-shell input,
.finance-center-shell select,
.finance-center-shell textarea{font:inherit}
.finance-center-subnav{
  position:sticky;
  top:-18px;
  z-index:18;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-width:0;
  margin:-2px -2px 0;
  padding:0 4px;
  border-bottom:1px solid var(--line);
  background:rgba(251,247,244,.96);
  backdrop-filter:blur(12px);
}
.finance-center-subnav-scroll{
  display:flex;
  align-items:center;
  gap:24px;
  min-width:0;
  overflow-x:auto;
  scrollbar-width:none;
}
.finance-center-subnav-scroll::-webkit-scrollbar{display:none}
.finance-center-subnav button{
  min-height:44px;
  padding:10px 2px 9px;
  border:0;
  border-bottom:3px solid transparent;
  border-radius:0;
  background:transparent;
  color:#75666b;
  font-size:13px;
  font-weight:750;
  white-space:nowrap;
}
.finance-center-subnav button:hover,
.finance-center-subnav button.active{color:var(--brand)}
.finance-center-subnav button.active{border-bottom-color:var(--brand)}
.finance-center-subnav .finance-settings-entry{
  display:flex;
  align-items:center;
  gap:7px;
  flex:0 0 auto;
}
.finance-settings-entry svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.finance-page{display:grid;gap:14px;min-width:0}
.finance-page-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding:4px 2px 0;
}
.finance-page-head>div:first-child>span{
  display:block;
  margin-bottom:4px;
  color:var(--brand);
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
}
.finance-page-head h1{
  margin:0;
  color:#261d20;
  font-size:26px;
  line-height:1.18;
}
.finance-page-head p{
  margin:6px 0 0;
  color:var(--muted);
  font-size:13px;
  line-height:1.55;
}
.finance-page-head-meta{
  display:grid;
  justify-items:end;
  gap:4px;
  color:#6f6065;
  font-size:12px;
  text-align:right;
}
.finance-page-head-meta small{color:var(--muted)}
.finance-head-actions,
.finance-governance-badges{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
}
.finance-filterbar{
  display:flex;
  align-items:end;
  gap:9px;
  min-width:0;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  background:rgba(255,255,255,.9);
}
.finance-filterbar label{
  display:grid;
  gap:4px;
  min-width:112px;
  color:#6e5f64;
  font-size:12px;
  font-weight:700;
}
.finance-filterbar label span{padding-left:2px}
.finance-filterbar select,
.finance-filterbar input{
  width:100%;
  min-height:34px;
  padding:6px 9px;
  border:1px solid #ead9dc;
  border-radius:7px;
  background:#fff;
  color:#3a2d31;
  font-size:12px;
}
.finance-filter-actions{
  display:flex;
  align-items:center;
  gap:8px;
  margin-left:auto;
}
.finance-kpi-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
}
.finance-kpi{
  position:relative;
  display:flex;
  justify-content:space-between;
  gap:12px;
  min-width:0;
  padding:15px 16px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#fff;
  box-shadow:0 8px 22px rgba(100,54,61,.045);
}
.finance-kpi>div{display:grid;gap:6px;min-width:0}
.finance-kpi span{color:#6e5e63;font-size:12px;font-weight:750}
.finance-kpi strong{
  color:#22191c;
  font-size:21px;
  line-height:1.15;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.finance-data-pending{
  color:#8b7f83;
  font-size:.78em;
  font-weight:750;
  letter-spacing:0;
}
.finance-kpi small{
  color:var(--muted);
  font-size:12px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.finance-kpi>i{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:36px;
  height:36px;
  border-radius:50%;
  background:#fae9ed;
  color:var(--brand);
  font-style:normal;
}
.finance-kpi>i svg,
.finance-risk-list i svg,
.finance-account-list i svg,
.finance-document-types i svg,
.finance-adapter-grid i svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.finance-kpi.positive>i{background:#e9f6ee;color:#278759}
.finance-kpi.warn>i{background:#fff0df;color:#dc7b14}
.finance-kpi.danger>i{background:#fff0ef;color:#d94b4f}
.finance-card,
.finance-settings-card{
  min-width:0;
  padding:15px;
  border:1px solid var(--line);
  border-radius:11px;
  background:#fff;
  box-shadow:0 8px 22px rgba(100,54,61,.04);
}
.finance-card>header,
.finance-settings-card>header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:12px;
}
.finance-card h2,
.finance-settings-card h2{
  margin:0;
  color:#33262a;
  font-size:16px;
}
.finance-card header p,
.finance-settings-card header p{
  margin:4px 0 0;
  color:var(--muted);
  font-size:12px;
  line-height:1.45;
}
.finance-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:22px;
  padding:3px 8px;
  border:1px solid #eadce0;
  border-radius:999px;
  background:#f6f1f3;
  color:#715e65;
  font-size:12px;
  font-weight:750;
  white-space:nowrap;
}
.finance-status.brand{border-color:#e4b8c2;background:#fff4f6;color:var(--brand)}
.finance-status.good{border-color:#bfe0cd;background:#edf8f1;color:#24764c}
.finance-status.warn{border-color:#f2d3a8;background:#fff8e9;color:#b56c14}
.finance-status.danger{border-color:#f2bfc0;background:#fff2f1;color:#c54044}
.finance-count{
  display:grid;
  place-items:center;
  min-width:25px;
  height:25px;
  padding:0 7px;
  border-radius:999px;
  background:var(--brand);
  color:#fff;
  font-size:12px;
  font-weight:850;
}
.finance-dashboard-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:12px}
.finance-dashboard-bottom{display:grid;grid-template-columns:.9fr 1.1fr 1fr;gap:12px}
.finance-chart-summary,
.finance-cash-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-bottom:10px;
}
.finance-chart-summary{grid-template-columns:repeat(3,minmax(0,1fr))}
.finance-chart-summary span,
.finance-cash-summary span{
  display:grid;
  gap:4px;
  padding:8px 9px;
  border-radius:7px;
  background:#fcf8f7;
  color:var(--muted);
  font-size:12px;
}
.finance-chart-summary strong,
.finance-cash-summary strong{color:#33262a;font-size:14px}
.finance-cash-summary strong.positive,
.finance-report-table .positive{color:#278759}
.finance-cash-summary strong.negative,
.finance-reconciliation-rows .negative,
.finance-reconciliation-detail .negative,
.finance-report-table .negative,
.finance-report-chart .negative+*{color:#d84449}
.finance-trend-bars{
  display:flex;
  align-items:flex-end;
  gap:3px;
  height:118px;
  padding:12px 8px 0;
  border-bottom:1px solid #eadde0;
  background:repeating-linear-gradient(to bottom,#fff 0,#fff 28px,#f4ebed 29px);
}
.finance-trend-bars span{
  flex:1 1 0;
  min-width:3px;
  height:var(--bar-height);
  border-radius:3px 3px 0 0;
  background:#9f3450;
  opacity:.76;
}
.finance-trend-bars span:nth-child(3n){background:#d06a7e}
.finance-trend-bars span.negative{background:#e46b50}
.finance-chart-axis{
  display:flex;
  justify-content:space-between;
  padding:6px 8px 0;
  color:var(--muted);
  font-size:12px;
}
.finance-link-button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  width:100%;
  min-height:34px;
  margin-top:10px;
  border:0;
  border-radius:7px;
  background:#fff6f8;
  color:var(--brand);
  font-size:12px;
  font-weight:800;
}
.finance-link-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.finance-task-list{display:grid;gap:7px}
.finance-task-list button{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  padding:8px 9px;
  border:1px solid #f0e5e6;
  border-radius:8px;
  background:#fff;
  color:inherit;
  text-align:left;
}
.finance-task-list button:hover{border-color:#d9a8b4;background:#fff9fa}
.finance-task-list i{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:8px;
  background:#f8edf0;
  color:var(--brand);
  font-style:normal;
}
.finance-task-list i.warn{background:#fff4e7;color:#d57a17}
.finance-task-list i.danger{background:#fff0ef;color:#d74549}
.finance-task-list svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.finance-task-list span{display:grid;gap:2px}
.finance-task-list b{font-size:13px}
.finance-task-list small{color:var(--muted);font-size:12px}
.finance-task-list strong{color:var(--brand);font-size:16px}
.finance-risk-list{display:grid;gap:7px}
.finance-risk-list>div{
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  padding:8px;
  border:1px solid #f0e4e6;
  border-radius:8px;
}
.finance-risk-list i{
  display:grid;
  place-items:center;
  width:30px;height:30px;
  border-radius:50%;
  background:#fff0ef;
  color:#d94b4f;
  font-style:normal;
}
.finance-risk-list span{display:grid;gap:2px;min-width:0}
.finance-risk-list b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.finance-risk-list small{color:var(--muted);font-size:12px}
.finance-risk-list button{
  padding:5px 8px;
  border:1px solid #e4b8c2;
  border-radius:6px;
  background:#fff;
  color:var(--brand);
  font-size:12px;
}
.finance-account-list{display:grid;gap:7px}
.finance-account-list>div{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  padding:8px;
  border-bottom:1px solid #f2e8e9;
}
.finance-account-list>div:last-child{border-bottom:0}
.finance-account-list i{
  display:grid;
  place-items:center;
  width:32px;height:32px;
  border-radius:8px;
  background:#f7eef0;
  color:var(--brand);
  font-style:normal;
}
.finance-account-list span{display:grid;gap:2px}
.finance-account-list b{font-size:13px}
.finance-account-list small{color:var(--muted);font-size:12px}
.finance-account-list strong{font-size:13px}
.finance-profit-layout{display:grid;grid-template-columns:1.55fr .85fr;gap:12px}
.finance-waterfall{
  display:flex;
  align-items:flex-end;
  gap:14px;
  height:240px;
  padding:18px 12px 0;
  border-bottom:1px solid #eadddf;
  background:repeating-linear-gradient(to bottom,#fff 0,#fff 47px,#f4ebed 48px);
}
.finance-waterfall>div{
  display:grid;
  grid-template-rows:1fr auto auto;
  align-items:end;
  gap:5px;
  flex:1;
  height:100%;
  min-width:0;
  text-align:center;
}
.finance-waterfall>div>span{
  width:70%;
  min-height:10px;
  height:var(--finance-waterfall-height);
  margin:auto auto 0;
  border-radius:4px 4px 0 0;
  background:var(--brand);
}
.finance-waterfall .down>span{background:#ef8e4c}
.finance-waterfall .result>span{background:#9f3450}
.finance-waterfall strong{font-size:12px;white-space:nowrap}
.finance-waterfall small{color:var(--muted);font-size:12px;white-space:nowrap}
.finance-table-head{align-items:flex-end!important}
.finance-table-head nav{
  display:flex;
  align-items:center;
  gap:4px;
  flex-wrap:wrap;
}
.finance-table-head nav button{
  min-height:30px;
  padding:5px 10px;
  border:1px solid transparent;
  border-radius:6px;
  background:transparent;
  color:#75656a;
  font-size:12px;
}
.finance-table-head nav button.active{
  border-color:#e3b7c1;
  background:#fff1f4;
  color:var(--brand);
  font-weight:800;
}
.finance-page .table-wrap{
  overflow:auto;
  border:1px solid #f0e4e6;
  border-radius:8px;
}
.finance-page table{min-width:760px;font-size:12px}
.finance-page th{background:#fbf7f7;color:#6f6065}
.finance-page td,.finance-page th{padding:9px 10px}
.finance-table-action{
  padding:4px 7px;
  border:0;
  background:transparent;
  color:var(--brand);
  font-size:12px;
  font-weight:800;
}
.finance-table-action.danger{color:#d84449}
.finance-receivable-insights{display:grid;grid-template-columns:.85fr 1.15fr;gap:12px}
.finance-aging-chart{
  display:flex;
  align-items:flex-end;
  justify-content:space-around;
  gap:12px;
  height:180px;
  padding:10px 8px 0;
  border-bottom:1px solid #e8dcde;
}
.finance-aging-chart>div{
  display:grid;
  grid-template-rows:auto 1fr auto;
  align-items:end;
  gap:5px;
  flex:1;
  height:100%;
  text-align:center;
}
.finance-aging-chart strong{font-size:12px}
.finance-aging-chart span{
  width:56%;
  min-height:7px;
  height:var(--aging-height);
  margin:auto auto 0;
  border-radius:4px 4px 0 0;
  background:color-mix(in srgb,var(--brand) calc(55% + var(--aging-index) * 10%),#f8ced8);
}
.finance-aging-chart small{color:var(--muted);font-size:12px;white-space:nowrap}
.finance-master-detail{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px}
.finance-focus-list>div{
  display:grid;
  gap:5px;
  padding:10px 0;
  border-bottom:1px solid #f0e4e6;
}
.finance-focus-list>div:last-child{border-bottom:0}
.finance-focus-list b{font-size:13px}
.finance-focus-list span,.finance-focus-list small{color:var(--muted);font-size:12px}
.finance-focus-list button{
  justify-self:start;
  padding:5px 9px;
  border:1px solid #e4b5c0;
  border-radius:6px;
  background:#fff;
  color:var(--brand);
  font-size:12px;
}
.finance-funds-overview{display:grid;grid-template-columns:.85fr 1.15fr;gap:12px}
.finance-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.finance-form-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px;
}
.finance-form-grid label,
.finance-rule-form label,
.finance-settings-form label{
  display:grid;
  gap:5px;
  color:#65565b;
  font-size:12px;
  font-weight:750;
}
.finance-form-grid input,
.finance-form-grid select,
.finance-rule-form input,
.finance-rule-form select,
.finance-settings-form input,
.finance-settings-form select{
  width:100%;
  min-height:36px;
  padding:7px 9px;
  border:1px solid #e8d9dc;
  border-radius:7px;
  background:#fff;
  color:#33272a;
}
.finance-form-grid button{align-self:end;min-height:36px}
.finance-import-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:7px;
  margin-bottom:10px;
  padding:9px;
  border:1px dashed #ddb8c0;
  border-radius:8px;
  background:#fffafb;
}
.finance-import-form small{grid-column:1/-1;color:var(--muted);font-size:12px}
.finance-import-batch{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto auto;
  align-items:center;
  gap:8px;
  padding:7px 0;
  border-bottom:1px solid #f0e4e6;
}
.finance-import-batch span:first-child{display:grid;gap:2px;min-width:0}
.finance-import-batch b{font-size:12px}
.finance-import-batch small{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.finance-import-batch strong{font-size:12px}
.finance-import-batch button{border:0;background:transparent;color:var(--brand);font-size:12px}
.finance-import-errors{display:grid;gap:4px;margin-top:8px;padding:8px;border-radius:7px;background:#fff1ef;color:#c33e43;font-size:12px}
.finance-reconciliation-flow{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
}
.finance-reconciliation-flow>div{
  display:grid;
  grid-template-columns:28px minmax(0,1fr) 18px;
  align-items:center;
  gap:7px;
  min-width:0;
  padding:7px 8px;
  border:1px solid #f0e3e5;
  border-radius:8px;
}
.finance-reconciliation-flow>div>i{
  display:grid;place-items:center;
  width:25px;height:25px;
  border-radius:50%;
  background:var(--brand);
  color:#fff;
  font-size:12px;
  font-style:normal;
  font-weight:800;
}
.finance-reconciliation-flow span{display:grid;gap:2px;min-width:0}
.finance-reconciliation-flow b{font-size:12px;white-space:nowrap}
.finance-reconciliation-flow small{color:var(--muted);font-size:12px}
.finance-reconciliation-flow svg{width:17px;height:17px;fill:none;stroke:#bca9ae;stroke-width:1.8}
.finance-reconciliation-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(400px,.85fr);gap:12px}
.finance-reconciliation-rows{display:grid;gap:6px}
.finance-reconciliation-rows>button{
  display:grid;
  grid-template-columns:minmax(150px,1.35fr) repeat(3,minmax(100px,.8fr)) auto;
  align-items:center;
  gap:8px;
  min-width:0;
  padding:9px;
  border:1px solid #eee1e4;
  border-radius:8px;
  background:#fff;
  color:inherit;
  text-align:left;
}
.finance-reconciliation-rows>button:hover,
.finance-reconciliation-rows>button.active{border-color:#d6a4b0;background:#fff8f9}
.finance-reconciliation-rows span{display:grid;gap:3px;min-width:0}
.finance-reconciliation-rows b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.finance-reconciliation-rows small{color:var(--muted);font-size:12px}
.finance-detail-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}
.finance-detail-metrics span{
  display:grid;
  gap:4px;
  padding:9px;
  border-radius:7px;
  background:#fbf7f7;
  color:var(--muted);
  font-size:12px;
}
.finance-detail-metrics strong{color:#34272b;font-size:14px}
.finance-match-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:10px}
.finance-match-columns>div{
  display:grid;
  gap:5px;
  min-height:110px;
  padding:9px;
  border:1px solid #eadde0;
  border-radius:8px;
  background:#fff;
}
.finance-match-columns b{color:var(--brand);font-size:12px}
.finance-match-columns span{font-size:12px}
.finance-match-columns small{color:var(--muted);font-size:12px}
.finance-detail-notes{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}
.finance-detail-notes label{display:grid;gap:5px;color:#66575c;font-size:12px;font-weight:750}
.finance-detail-notes select,.finance-detail-notes textarea{
  width:100%;
  min-height:36px;
  padding:7px 8px;
  border:1px solid #e8d9dc;
  border-radius:7px;
  background:#fff;
  color:#3c3034;
  resize:none;
}
.finance-evidence-list{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px;font-size:12px}
.finance-evidence-list button{
  display:flex;
  align-items:center;
  gap:5px;
  padding:6px 8px;
  border:1px solid #e8d9dc;
  border-radius:6px;
  background:#fff;
  color:var(--brand);
}
.finance-evidence-list svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.finance-reconciliation-detail footer,
.finance-document-detail footer{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.finance-document-types{
  display:grid;
  grid-template-columns:repeat(9,minmax(100px,1fr));
  gap:8px;
}
.finance-document-types button{
  display:grid;
  grid-template-columns:30px minmax(0,1fr) auto;
  align-items:center;
  gap:7px;
  min-width:0;
  padding:9px;
  border:1px solid #eadde0;
  border-radius:8px;
  background:#fff;
  color:#44363a;
  text-align:left;
}
.finance-document-types button:hover{border-color:#d5a2ae;background:#fff8fa}
.finance-document-types i{
  display:grid;place-items:center;
  width:29px;height:29px;
  border-radius:7px;
  background:#f8edf0;
  color:var(--brand);
  font-style:normal;
}
.finance-document-types span{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.finance-document-types strong{
  display:grid;place-items:center;
  min-width:20px;height:20px;padding:0 5px;
  border-radius:999px;
  background:var(--brand);
  color:#fff;
  font-size:12px;
}
.finance-document-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);gap:12px}
.finance-document-rows{display:grid;gap:5px}
.finance-document-rows>button{
  display:grid;
  grid-template-columns:1.1fr 1.3fr .9fr auto;
  align-items:center;
  gap:9px;
  padding:9px;
  border:1px solid #eee1e4;
  border-radius:8px;
  background:#fff;
  color:inherit;
  text-align:left;
}
.finance-document-rows>button:hover,
.finance-document-rows>button.active{border-color:#d6a4b0;background:#fff7f9}
.finance-document-rows span{display:grid;gap:3px;min-width:0}
.finance-document-rows b{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.finance-document-rows small{color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.finance-source-chain{
  display:flex;
  align-items:center;
  gap:6px;
  overflow-x:auto;
  padding:8px;
  border-radius:8px;
  background:#fbf7f8;
}
.finance-source-chain>span{
  display:grid;
  grid-template-columns:26px minmax(100px,1fr);
  gap:2px 6px;
  flex:0 0 auto;
  padding:7px;
  border:1px solid #e9dce0;
  border-radius:7px;
  background:#fff;
}
.finance-source-chain>span.current{border-color:#d5a2ae;background:#fff3f6}
.finance-source-chain i{grid-row:1/3;display:grid;place-items:center;color:var(--brand);font-style:normal}
.finance-source-chain i svg,.finance-source-chain>svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.finance-source-chain b{font-size:12px}
.finance-source-chain small{color:var(--muted);font-size:12px}
.finance-document-meta{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:12px 0;border:1px solid #eddee1;border-radius:8px;overflow:hidden}
.finance-document-meta>div{display:grid;grid-template-columns:80px 1fr;gap:8px;padding:8px 9px;border-bottom:1px solid #f0e4e6}
.finance-document-meta>div:nth-child(odd){border-right:1px solid #f0e4e6}
.finance-document-meta>div:nth-last-child(-n+2){border-bottom:0}
.finance-document-meta dt{color:var(--muted);font-size:12px}
.finance-document-meta dd{margin:0;font-size:12px;font-weight:700}
.finance-detail-section{display:grid;gap:7px;margin-top:10px}
.finance-detail-section>b{font-size:13px}
.finance-detail-section>div{display:flex;flex-wrap:wrap;gap:6px}
.finance-detail-section span{
  display:flex;align-items:center;gap:5px;
  padding:6px 8px;
  border:1px solid #ebdfe1;
  border-radius:6px;
  color:#66575c;
  font-size:12px;
}
.finance-detail-section svg{width:15px;height:15px;fill:none;stroke:var(--brand);stroke-width:1.8}
.finance-single-source-note{
  display:flex;
  align-items:center;
  gap:6px;
  margin:10px 0 0;
  padding:8px;
  border-radius:7px;
  background:#fff8e9;
  color:#9b641d;
  font-size:12px;
}
.finance-single-source-note svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.finance-report-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:12px}
.finance-report-menu section{display:grid;gap:3px;padding:8px 0;border-top:1px solid #f0e4e6}
.finance-report-menu section:first-of-type{border-top:0}
.finance-report-menu section>b{padding:4px 7px;color:#55464b;font-size:12px}
.finance-report-menu button{
  padding:7px 9px;
  border:0;
  border-left:3px solid transparent;
  border-radius:0 6px 6px 0;
  background:transparent;
  color:#75666b;
  font-size:12px;
  text-align:left;
}
.finance-report-menu button.active{border-left-color:var(--brand);background:#fff0f3;color:var(--brand);font-weight:800}
.finance-report-main{display:grid;gap:12px;min-width:0}
.finance-report-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-bottom:12px}
.finance-report-kpis span{display:grid;gap:5px;padding:9px;border:1px solid #eee2e4;border-radius:8px;color:var(--muted);font-size:12px}
.finance-report-kpis strong{color:#322529;font-size:15px}
.finance-report-body{display:grid;grid-template-columns:1.15fr .85fr;gap:12px}
.finance-report-table{border:1px solid #eadde0;border-radius:8px;overflow:hidden}
.finance-report-table>div{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:8px;padding:8px 9px;border-bottom:1px solid #f0e4e6;font-size:12px}
.finance-report-table>div:last-child{border-bottom:0}
.finance-report-table .head{background:#fbf6f7;color:#6d5d62}
.finance-report-table strong{text-align:right}
.finance-report-chart{padding:10px;border:1px solid #eadde0;border-radius:8px}
.finance-report-chart h3{margin:0 0 12px;font-size:14px}
.finance-report-chart>div{display:grid;grid-template-columns:80px minmax(0,1fr) auto;align-items:center;gap:7px;margin:8px 0;font-size:12px}
.finance-report-chart i{display:block;width:var(--report-width);height:8px;border-radius:99px;background:var(--brand)}
.finance-report-chart i.negative{background:#e46b50}
.finance-report-footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.finance-source-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.finance-source-grid>div{display:grid;gap:5px;padding:8px;border:1px solid #eee2e4;border-radius:7px}
.finance-source-grid b{font-size:12px}
.finance-source-grid small{color:var(--muted);font-size:12px}
.finance-approval-list{display:grid;gap:6px}
.finance-approval-list>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px;border-bottom:1px solid #f0e5e6}
.finance-approval-list span:first-child{display:grid;gap:2px}
.finance-approval-list b{font-size:12px}.finance-approval-list small{color:var(--muted);font-size:12px}
.finance-settings-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px}
.finance-settings-menu{
  align-self:start;
  display:grid;
  gap:3px;
  padding:10px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#fff;
}
.finance-settings-menu button{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:36px;
  padding:7px 9px;
  border:0;
  border-left:3px solid transparent;
  border-radius:0 7px 7px 0;
  background:transparent;
  color:#67585d;
  font-size:12px;
  text-align:left;
}
.finance-settings-menu button.active{border-left-color:var(--brand);background:#fff0f3;color:var(--brand);font-weight:800}
.finance-settings-menu svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.finance-settings-content{display:grid;gap:12px;min-width:0}
.finance-settings-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:9px}
.finance-settings-form.compact{grid-template-columns:minmax(220px,360px) auto;justify-content:start}
.finance-settings-split{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:12px}
.finance-rule-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:end;gap:8px;margin-bottom:10px}
.finance-match-order{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.finance-match-order li{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid #eadde0;border-radius:7px}
.finance-match-order i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--brand);color:#fff;font-size:12px;font-style:normal;font-weight:800}
.finance-match-order span{font-size:12px;font-weight:750}
.finance-lock-note{
  display:flex;
  align-items:center;
  gap:7px;
  padding:9px 12px;
  border:1px solid #f3d3a8;
  border-radius:8px;
  background:#fff8e9;
  color:#9d651b;
  font-size:12px;
}
.finance-lock-note svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.finance-adapter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.finance-adapter-grid>div{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px;border:1px solid #eadde0;border-radius:8px}
.finance-adapter-grid i{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#f7eef0;color:var(--brand);font-style:normal}
.finance-adapter-grid span{display:grid;gap:3px}.finance-adapter-grid b{font-size:12px}.finance-adapter-grid small{color:var(--muted);font-size:12px}
.finance-readiness-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.finance-readiness-grid span{display:grid;gap:5px;padding:10px;border:1px solid #eadde0;border-radius:8px;color:var(--muted);font-size:12px}
.finance-readiness-grid strong{color:#34272b;font-size:17px}
.finance-requirement-list{margin:12px 0 0;padding-left:20px;color:#75666b;font-size:12px;line-height:1.8}
.finance-settings-placeholder{display:grid;justify-items:center;gap:9px;min-height:360px;align-content:center;text-align:center}
.finance-settings-placeholder>i{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#f7ecef;color:var(--brand);font-style:normal}
.finance-settings-placeholder>i svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8}
.finance-settings-placeholder p{max-width:520px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}
.finance-empty{display:grid;justify-items:center;gap:5px;min-height:100px;align-content:center;padding:16px;color:var(--muted);text-align:center}
.finance-empty i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f7eef0;color:var(--brand);font-style:normal}
.finance-empty svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}
.finance-empty strong{color:#594a4f;font-size:13px}.finance-empty span{font-size:12px}

@media(max-width:1450px){
  .finance-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .finance-document-types{grid-template-columns:repeat(5,minmax(110px,1fr))}
  .finance-dashboard-bottom{grid-template-columns:1fr 1fr}
  .finance-dashboard-bottom>article:last-child{grid-column:1/-1}
  .finance-source-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1180px){
  .finance-dashboard-grid,
  .finance-profit-layout,
  .finance-receivable-insights,
  .finance-funds-overview,
  .finance-entry-grid,
  .finance-report-body,
  .finance-report-footer-grid{grid-template-columns:1fr}
  .finance-master-detail,
  .finance-reconciliation-workspace,
  .finance-document-workspace{grid-template-columns:minmax(0,1fr)}
  .finance-settings-split{grid-template-columns:1fr}
  .finance-reconciliation-detail,.finance-document-detail{position:static}
  .finance-reconciliation-flow{grid-template-columns:repeat(3,minmax(0,1fr))}
  .finance-document-types{grid-template-columns:repeat(3,minmax(120px,1fr))}
  .finance-settings-form,.finance-rule-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .finance-settings-form button,.finance-rule-form button{align-self:end}
}
@media(max-width:820px){
  .finance-center-subnav{top:-14px}
  .finance-center-subnav-scroll{gap:16px}
  .finance-page-head{align-items:flex-start;flex-direction:column}
  .finance-page-head-meta{justify-items:start;text-align:left}
  .finance-head-actions,.finance-governance-badges{justify-content:flex-start}
  .finance-filterbar{align-items:stretch;overflow-x:auto}
  .finance-filterbar label{flex:0 0 132px}
  .finance-filter-actions{flex:0 0 auto;margin-left:0;align-self:end}
  .finance-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .finance-dashboard-bottom{grid-template-columns:1fr}
  .finance-dashboard-bottom>article:last-child{grid-column:auto}
  .finance-report-layout,.finance-settings-layout{grid-template-columns:1fr}
  .finance-report-menu,.finance-settings-menu{
    display:flex;
    overflow-x:auto;
    position:static;
  }
  .finance-report-menu section{display:flex;flex:0 0 auto;border-top:0}
  .finance-report-menu section>b{display:none}
  .finance-report-menu button,.finance-settings-menu button{flex:0 0 auto;border-left:0;border-bottom:2px solid transparent;border-radius:0}
  .finance-report-menu button.active,.finance-settings-menu button.active{border-left:0;border-bottom-color:var(--brand)}
  .finance-reconciliation-flow{grid-template-columns:1fr}
  .finance-reconciliation-rows>button{grid-template-columns:1fr 1fr}
  .finance-reconciliation-rows>button>span:first-child{grid-column:1/-1}
  .finance-document-types{grid-template-columns:repeat(2,minmax(130px,1fr))}
  .finance-report-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .finance-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .finance-center-subnav{align-items:stretch;gap:8px}
  .finance-settings-entry span{display:none}
  .finance-page-head h1{font-size:22px}
  .finance-kpi-grid{grid-template-columns:1fr 1fr}
  .finance-kpi{padding:12px}
  .finance-kpi strong{font-size:17px}
  .finance-kpi>i{width:32px;height:32px}
  .finance-chart-summary,.finance-cash-summary,.finance-detail-metrics,.finance-match-columns{grid-template-columns:1fr 1fr}
  .finance-form-grid,.finance-settings-form,.finance-rule-form{grid-template-columns:1fr}
  .finance-document-types{grid-template-columns:1fr}
  .finance-document-rows>button{grid-template-columns:1fr auto}
  .finance-document-rows>button>span:nth-child(2),.finance-document-rows>button>span:nth-child(3){grid-column:1/-1}
  .finance-document-meta{grid-template-columns:1fr}
  .finance-document-meta>div{border-right:0!important;border-bottom:1px solid #f0e4e6!important}
  .finance-document-meta>div:last-child{border-bottom:0!important}
  .finance-report-kpis,.finance-source-grid,.finance-readiness-grid{grid-template-columns:1fr}
  .finance-report-table{overflow-x:auto}
  .finance-report-table>div{min-width:620px}
  .finance-detail-notes{grid-template-columns:1fr}
  .finance-reconciliation-detail footer,.finance-document-detail footer{flex-direction:column}
  .finance-reconciliation-detail footer button,.finance-document-detail footer button{width:100%}
}
.ecx-table{width:100%;border-collapse:collapse;font-size:12px}
.ecx-table th{padding:10px 11px;border-bottom:1px solid #eadcdf;background:#fffafa;color:#77686d;font-size:12px;font-weight:800;text-align:left;white-space:nowrap}
.ecx-table td{padding:10px 11px;border-bottom:1px solid #f2e8ea;color:#3d2b30;font-size:12px;vertical-align:middle}
.ecx-table tr:last-child td{border-bottom:0}
.ecx-table tr.selected td{background:#fff8f8}
.ecx-table td>b{display:block;color:#2d2024;font-size:13px}
.ecx-table td>small{display:block;margin-top:2px;color:#8c7c81;font-size:12px}
.ecx-table td>em{display:inline-flex;padding:4px 7px;border-radius:999px;background:#f3edef;color:#70414f;font-size:12px;font-style:normal;white-space:nowrap}
.ecx-table td>button{min-height:30px;padding:4px 7px;border:0;background:transparent;color:var(--brand)}
.ecx-title-cell{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ecx-level{display:inline-grid;min-width:28px;height:24px;place-items:center;border-radius:999px;background:#fff0de;color:#a36a1d;font-size:12px;font-weight:850}
.ecx-level.high{background:#fde8e9;color:#b33742}.ecx-level.mid{background:#fff1df;color:#a46a1c}
.ecx-shop-list>div{padding:14px;border-bottom:1px solid #f0e5e7}.ecx-shop-list>div:last-child{border-bottom:0}
.ecx-shop-list p{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px}
.ecx-shop-list p>b{font-size:13px}
.ecx-shop-list dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}
.ecx-shop-list dl div{min-width:0}.ecx-shop-list dt{color:#88787d;font-size:12px}.ecx-shop-list dd{margin:3px 0 0;color:#2d2024;font-size:14px;font-weight:850}
.ecx-shop-list>div>i{height:7px;display:block;margin-top:10px;overflow:hidden;border-radius:999px;background:#f1e6e9}
.ecx-shop-list>div>i em{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--brand),#d26183)}
.ecx-command-center .ecx-page-head{align-items:center}
.ecx-command-center .ecx-page-head>div{min-width:230px;flex:0 0 230px}
.ecx-command-center .ecx-page-head nav{min-width:0;flex:1 1 0;flex-wrap:wrap;justify-content:flex-end}
.ecx-data-trust{display:inline-flex;min-height:34px;align-items:center;padding:6px 9px;border:1px solid #eadcdf;border-radius:8px;background:#fff;color:#806e74;font-size:12px;font-weight:750;white-space:nowrap}
.ecx-data-trust.good{border-color:#cbe7d6;background:#f1faf5;color:#2b8559}
.ecx-command-card{padding:18px 20px}
.ecx-command-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.ecx-command-label span{color:#f5d8df;font-size:13px;font-weight:850}
.ecx-command-label em{padding:5px 8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.08);color:#f1dce2;font-size:12px;font-style:normal}
.ecx-command-actions{display:flex;align-items:center;gap:8px}
.ecx-command-actions button{min-width:112px;min-height:36px;padding:7px 16px;border:1px solid #d95b7d;border-radius:7px;background:#bd3158;color:#fff;font-size:13px;font-weight:850}
.ecx-command-actions button.secondary{border-color:rgba(255,255,255,.36);background:#fff;color:#6f1732}
.ecx-command-actions span{margin-left:auto;color:#e4cbd2;font-size:12px}
.ecx-command-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ecx-command-kpis article{position:relative;min-width:0;padding:14px 16px;border:1px solid #ecdde0;border-radius:10px;background:#fff;box-shadow:0 6px 18px rgba(94,39,54,.045)}
.ecx-command-kpis article::before{content:"";position:absolute;top:0;right:16px;left:16px;height:2px;border-radius:0 0 3px 3px;background:#ead8de}
.ecx-command-kpis span{display:block;color:#77686d;font-size:12px;font-weight:750}
.ecx-command-kpis strong{display:block;margin:7px 0 4px;color:#2f2226;font-size:24px;line-height:1.15;font-variant-numeric:tabular-nums}
.ecx-command-kpis small{display:block;color:#8b7a80;font-size:12px;font-weight:700}
.ecx-command-kpis small.good{color:#278556}.ecx-command-kpis small.warn{color:#a5671b}.ecx-command-kpis small.risk{color:#b33742}.ecx-command-kpis small.verify{color:#4f68a8}
.ecx-command-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,.65fr)}
.ecx-command-table td:nth-child(2){min-width:170px}.ecx-command-table td:nth-child(3){min-width:170px}
.ecx-command-table td>small{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ecx-overdue{color:#bb3447!important;font-weight:850}
.ecx-level.low{background:#e7f5ed;color:#278556}
.ecx-chip.processing{background:#e7f0fb;color:#3a6fa8}.ecx-chip.verify{background:#ecebfd;color:#5a55a7}
.ecx-risk-list{display:grid}
.ecx-risk-list>button{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:62px;padding:10px 13px;border:0;border-bottom:1px solid #f0e5e7;border-radius:0;background:#fff;text-align:left}
.ecx-risk-list>button:last-child{border-bottom:0}
.ecx-risk-list>button:hover{background:#fffafa}
.ecx-risk-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:999px;background:#fde8e9;color:#b33742;font-size:14px;font-weight:900}
.ecx-risk-list p{min-width:0;margin:0}.ecx-risk-list b,.ecx-risk-list small{display:block}
.ecx-risk-list b{overflow:hidden;color:#302328;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.ecx-risk-list small{margin-top:3px;color:#88777d;font-size:12px;line-height:1.35}
.ecx-risk-list em{font-style:normal}
.ecx-health-matrix-card .ecx-table td{height:54px}
.ecx-health-table td>button{font-weight:850}
.ecx-mini-progress{width:92px;height:6px;display:block;margin-top:6px;overflow:hidden;border-radius:999px;background:#f0e4e7}
.ecx-mini-progress em{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,var(--brand),#d26183)}
.ecx-task-toolbar{display:flex;align-items:center;gap:12px;padding:10px 12px;overflow:visible}
.ecx-task-scope{display:flex;flex:0 0 auto;overflow:hidden;border:1px solid #ead9dc;border-radius:8px}
.ecx-task-scope button{min-height:34px;padding:6px 12px;border:0;border-right:1px solid #ead9dc;border-radius:0;background:#fff;color:#77666c;font-size:12px;font-weight:800}
.ecx-task-scope button:last-child{border-right:0}.ecx-task-scope button.active{background:var(--brand);color:#fff}
.ecx-task-filters{display:grid;grid-template-columns:repeat(4,minmax(118px,1fr)) minmax(190px,1.35fr);gap:8px;min-width:0;flex:1 1 auto}
.ecx-task-filters select,.ecx-task-filters input{width:100%;min-width:0;height:34px;padding:0 9px;border:1px solid #ead9dc;border-radius:7px;background:#fff;color:#3a292e;font-size:12px}
.ecx-task-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,24%);gap:12px;align-items:start;min-width:0}
.ecx-task-main-column{display:grid;gap:12px;min-width:0}
.ecx-task-list-card{min-width:0}
.ecx-status-tabs{gap:22px;padding-inline:13px}
.ecx-task-table th,.ecx-task-table td{padding:9px 8px}
.ecx-task-table td:nth-child(2){min-width:160px}.ecx-task-table td:nth-child(4){min-width:150px}
.ecx-task-table tr.selected td{background:#fff6f7}
.ecx-owner-cell{display:flex;align-items:center;gap:6px;white-space:nowrap}
.ecx-owner-badge{width:25px;height:25px;display:inline-grid;place-items:center;border-radius:999px;background:#f3e5e9;color:#8f2747;font-size:12px;font-weight:900}
.ecx-owner-badge.tone-1{background:#e5effa;color:#3e6f9e}.ecx-owner-badge.tone-2{background:#e7f4eb;color:#3f835e}.ecx-owner-badge.tone-3{background:#fff0dc;color:#9b681d}
.ecx-task-detail{position:sticky;top:92px;max-height:calc(100vh - 112px);display:flex;flex-direction:column;overflow:hidden}
.ecx-task-detail>header{align-items:flex-start}
.ecx-task-detail>header>div>span{float:left;margin:0 8px 4px 0}
.ecx-task-detail>header h2{font-size:16px}.ecx-task-detail>header p{clear:both}
.ecx-task-detail>main{display:grid;gap:12px;padding:12px 14px;overflow-y:auto}
.ecx-task-evidence,.ecx-task-recommendation{padding:11px;border:1px solid #eddcdf;border-radius:8px;background:#fffafa}
.ecx-task-evidence>span,.ecx-task-recommendation>span{display:block;color:var(--brand);font-size:12px;font-weight:900}
.ecx-task-evidence p,.ecx-task-recommendation p{margin:6px 0;color:#3d2c31;font-size:12px;line-height:1.65}
.ecx-task-evidence small,.ecx-task-recommendation small{color:#89787e;font-size:12px;line-height:1.5}
.ecx-task-meta{display:grid;gap:0;margin:0;padding:0 2px}
.ecx-task-meta div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;padding:7px 0;border-bottom:1px solid #f0e5e7}
.ecx-task-meta dt{color:#817177;font-size:12px}.ecx-task-meta dd{margin:0;color:#33262a;font-size:12px;font-weight:800;text-align:right}
.ecx-task-timeline h3,.ecx-task-people h3{margin:0 0 8px;color:#3b2b30;font-size:13px}
.ecx-task-timeline>div{display:grid;grid-template-columns:42px 10px minmax(0,1fr);gap:7px;align-items:start}
.ecx-task-timeline time{color:#88777d;font-size:12px}.ecx-task-timeline i{width:7px;height:7px;margin-top:5px;border-radius:999px;background:var(--brand)}
.ecx-task-timeline p{margin:0 0 8px;color:#5d4b51;font-size:12px;line-height:1.45}
.ecx-task-people>div{display:flex;flex-wrap:wrap;gap:7px}
.ecx-task-people>div>span{display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #eadcdf;border-radius:999px;color:#5f4d53;font-size:12px}
.ecx-task-detail>footer{justify-content:flex-start;flex-wrap:wrap}
.ecx-task-detail>footer button{min-height:32px;padding:6px 9px}
.ecx-task-detail>footer button.danger{margin-left:auto;border-color:#edc5cb;color:#aa3043}
.ecx-collaboration-strip{display:block;padding:13px 14px;border:1px solid #eadcdf;border-radius:10px;background:#fff}
.ecx-collaboration-strip header{display:flex;align-items:center;margin-bottom:10px}.ecx-collaboration-strip h2{margin:0;color:#33252a;font-size:17px}.ecx-collaboration-strip p{margin:4px 0 0;color:#7f6e74;font-size:12px;line-height:1.45}
.ecx-collaboration-strip>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ecx-collaboration-strip button{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;min-height:82px;padding:9px 10px;border:1px solid #eadcdf;border-radius:8px;background:#fffafa;text-align:left}
.ecx-collaboration-strip button span{color:#5d4b51;font-size:12px;font-weight:800}.ecx-collaboration-strip button strong{grid-row:1/3;grid-column:2;align-self:center;color:var(--brand);font-size:23px}.ecx-collaboration-strip button small{color:#8a7a7f;font-size:12px}
.ecx-collaboration-strip button em{grid-column:1;color:var(--brand);font-size:12px;font-style:normal;font-weight:850}
.ecx-task-drawer-layer{position:fixed;inset:0;z-index:1300;display:flex;justify-content:flex-end}
.ecx-task-drawer-scrim{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:rgba(38,21,27,.32)}
.ecx-task-create-drawer{position:relative;width:min(520px,100vw);height:100%;display:flex;flex-direction:column;background:#fff;box-shadow:-20px 0 48px rgba(58,25,36,.18)}
.ecx-task-create-drawer>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 24px;border-bottom:1px solid #eadcdf}
.ecx-task-create-drawer>header span{color:var(--brand);font-size:11px;font-weight:900;letter-spacing:.12em}.ecx-task-create-drawer>header h2{margin:5px 0 4px;font-size:22px}.ecx-task-create-drawer>header p{margin:0;color:#806f75;font-size:12px;line-height:1.55}
.ecx-task-create-drawer>header>button{width:34px;height:34px;padding:0;border-radius:999px;font-size:20px}
.ecx-task-create-drawer>main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding:22px 24px;overflow-y:auto}
.ecx-task-create-drawer label{display:grid;gap:7px}.ecx-task-create-drawer label.wide{grid-column:1/-1}.ecx-task-create-drawer label>span{color:#635158;font-size:12px;font-weight:850}
.ecx-task-create-drawer input,.ecx-task-create-drawer select,.ecx-task-create-drawer textarea{width:100%;min-width:0;padding:9px 10px;border:1px solid #dfcdd2;border-radius:8px;background:#fff;color:#34262b;font:inherit;font-size:13px}
.ecx-task-create-drawer input,.ecx-task-create-drawer select{height:40px}.ecx-task-create-drawer textarea{resize:vertical;line-height:1.55}
.ecx-task-create-drawer>footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding:16px 24px;border-top:1px solid #eadcdf;background:#fffafa}
.ecx-task-create-drawer>footer>span{max-width:280px;color:#806f75;font-size:12px;line-height:1.5}.ecx-task-create-drawer>footer>div{display:flex;gap:8px}
.ecx-chip{display:inline-flex;align-items:center;justify-content:center;padding:4px 7px;border-radius:999px;background:#f1ebed;color:#70414f;font-size:12px;font-style:normal;font-weight:800;white-space:nowrap}
.ecx-chip.ok{background:#e7f5ed;color:#278556}.ecx-chip.warn{background:#fff1df;color:#a5671b}.ecx-chip.risk{background:#fde8e9;color:#b33742}
.ecx-chip.processing{background:#e7f0fb;color:#3a6fa8}.ecx-chip.verify{background:#ecebfd;color:#5a55a7}
.ecx-platform-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,32%);gap:14px;align-items:stretch}
.ecx-filter-row{display:flex;align-items:center;gap:8px;padding:11px 13px;border-bottom:1px solid #eadcdf;background:#fffafa}
.ecx-filter-row input,.ecx-filter-row select{min-width:0;height:36px;padding:0 10px;border:1px solid #ead9dc;border-radius:8px;background:#fff;color:#3b292e;font-size:13px}
.ecx-filter-row input{flex:1 1 220px}.ecx-filter-row select{flex:0 1 150px}
.ecx-store-hero{display:flex;align-items:center;gap:11px;padding:17px;background:linear-gradient(135deg,#8d2949,#5b1028);color:#fff}
.ecx-store-hero>span{width:44px;height:44px;display:grid;flex:0 0 44px;place-items:center;border-radius:11px;background:#fff;color:#8b2647;font-size:18px;font-weight:900}
.ecx-store-hero h2{margin:0;color:#fff;font-size:18px}.ecx-store-hero p{margin:4px 0 0;color:#f5d9e2;font-size:12px}
.ecx-detail-list{margin:0;padding:5px 14px}.ecx-detail-list div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #f0e5e7}.ecx-detail-list div:last-child{border-bottom:0}
.ecx-detail-list dt{color:#796a6f;font-size:12px}.ecx-detail-list dd{margin:0;color:#2d2024;font-size:12px;font-weight:800;text-align:right}
.ecx-capabilities>div{padding:10px 14px;border-bottom:1px solid #f0e5e7}.ecx-capabilities>div:last-child{border-bottom:0}
.ecx-capabilities p{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 3px}.ecx-capabilities p>b{font-size:13px}.ecx-capabilities small{color:#88787d;font-size:12px}
.ecx-funnel-card{margin:0}.ecx-funnel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;padding:14px}
.ecx-funnel>div{padding:13px 10px;border:1px solid #eadcdf;border-radius:9px;background:#fffafa;text-align:center}
.ecx-funnel strong{display:block;margin-bottom:4px;color:var(--brand);font-size:20px}.ecx-funnel span{color:#796a6f;font-size:12px}
.ecx-review-head{padding:15px;background:linear-gradient(135deg,#a42f52,#6e1735);color:#fff}
.ecx-review-head>span{font-size:12px}.ecx-review-head h2{margin:5px 0;color:#fff;font-size:18px}.ecx-review-head p{margin:0;color:#f8dce5;font-size:12px}
.ecx-check-list,.ecx-quality-issues{padding:7px 14px}
.ecx-check-list>div,.ecx-quality-issues>div{display:flex;gap:9px;padding:9px 0;border-bottom:1px solid #f0e5e7}.ecx-check-list>div:last-child,.ecx-quality-issues>div:last-child{border-bottom:0}
.ecx-check-list i,.ecx-quality-issues i{width:20px;height:20px;display:grid;flex:0 0 20px;place-items:center;border-radius:50%;font-size:12px;font-style:normal}
.ecx-check-list i.ok,.ecx-quality-issues i.ok{background:#e7f5ed;color:#278556}.ecx-check-list i.warn,.ecx-quality-issues i.warn{background:#fff1df;color:#a5671b}
.ecx-check-list p,.ecx-quality-issues p{margin:0}.ecx-check-list b,.ecx-quality-issues b{display:block;margin-bottom:3px;font-size:13px}.ecx-check-list span,.ecx-quality-issues span{display:block;color:#796a6f;font-size:12px;line-height:1.5}
.ecx-listing-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(285px,30%);gap:14px;align-items:stretch}
.ecx-score{width:38px;height:38px;display:grid;place-items:center;border:4px solid #e8d7dc;border-radius:50%;color:var(--brand);font-size:12px;font-weight:900}
.ecx-score.good{border-color:#78c59a;color:#278556}
.ecx-quality-score{display:flex;align-items:center;gap:13px;padding:15px}
.ecx-quality-score>span{--score:86;width:66px;height:66px;display:grid;flex:0 0 66px;place-items:center;border-radius:50%;background:conic-gradient(var(--brand) calc(var(--score) * 1%),#f0e5e8 0)}
.ecx-quality-score>span::before{position:absolute}.ecx-quality-score>span b{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--brand);font-size:18px}
.ecx-quality-score p{margin:0}.ecx-quality-score strong{display:block;margin-bottom:5px;font-size:15px}.ecx-quality-score small{display:block;color:#796a6f;font-size:12px}
.ecx-publish-flow,.ecx-exchange-flow{padding:5px 14px}
.ecx-publish-flow>div,.ecx-exchange-flow>div{display:flex;gap:9px;padding:9px 0;border-bottom:1px solid #f0e5e7}.ecx-publish-flow>div:last-child,.ecx-exchange-flow>div:last-child{border-bottom:0}
.ecx-publish-flow i,.ecx-exchange-flow i{width:22px;height:22px;display:grid;flex:0 0 22px;place-items:center;border-radius:50%;background:#fff1df;color:#a5671b;font-size:12px;font-style:normal;font-weight:850}
.ecx-publish-flow .done i{background:#e7f5ed;color:#278556}.ecx-publish-flow p,.ecx-exchange-flow p{margin:0}.ecx-publish-flow b,.ecx-exchange-flow b{display:block;font-size:13px}.ecx-publish-flow span,.ecx-exchange-flow span{display:block;margin-top:2px;color:#796a6f;font-size:12px}
.ecx-sync-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);gap:14px}
.ecx-boundary-note{margin:12px 14px;padding:11px 12px;border:1px solid #ead9dc;border-radius:8px;background:#fff6f3;color:#76525e;font-size:13px;line-height:1.6}
.ecx-focus-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.ecx-focus-tags span{padding:4px 7px;border-radius:999px;background:#f6e8eb;color:#952b48;font-size:12px;font-weight:800}
.ecx-no-shop{display:grid;justify-items:center;gap:9px;padding:48px 24px;text-align:center}
.ecx-no-shop>span{padding:5px 9px;border-radius:999px;background:#f5eaed;color:var(--brand);font-size:12px;font-weight:850}
.ecx-no-shop h2{margin:0;font-size:20px}.ecx-no-shop p{max-width:620px;margin:0;color:#796a6f;font-size:13px;line-height:1.7}
.ecx-no-shop button{margin-top:5px}
.ecx-assignment-layout{display:grid;grid-template-columns:minmax(250px,.32fr) minmax(0,.68fr);gap:14px;align-items:start}
.ecx-employee-list>div{display:grid;padding:7px}
.ecx-employee-list>div>button{display:flex;align-items:center;justify-content:space-between;gap:9px;width:100%;padding:11px;border:1px solid transparent;border-radius:9px;background:transparent;text-align:left}
.ecx-employee-list>div>button:hover{background:#fff7f8}.ecx-employee-list>div>button.active{border-color:#d9aebb;background:#fff3f5}
.ecx-employee-list button span{min-width:0}.ecx-employee-list button b,.ecx-employee-list button small{display:block}.ecx-employee-list button b{color:#312226;font-size:13px}.ecx-employee-list button small{margin-top:3px;color:#827278;font-size:12px}
.ecx-employee-list button em{flex:0 0 auto;padding:4px 7px;border-radius:999px;background:#f2e7ea;color:#7a3e50;font-size:12px;font-style:normal;font-weight:800}
.ecx-assignment-shops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:14px}
.ecx-assignment-shops>label{display:flex;align-items:center;gap:9px;min-width:0;padding:12px;border:1px solid #eadcdf;border-radius:10px;background:#fff;cursor:pointer}
.ecx-assignment-shops>label.selected{border-color:#d69aab;background:#fff5f7}.ecx-assignment-shops input{width:17px;height:17px;accent-color:var(--brand)}
.ecx-assignment-shops label>span{min-width:0;flex:1}.ecx-assignment-shops b,.ecx-assignment-shops small{display:block}.ecx-assignment-shops b{overflow:hidden;color:#322327;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.ecx-assignment-shops small{margin-top:4px;color:#837378;font-size:12px}
.ecx-assignment-panel>footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.ecx-assignment-panel>footer>span{color:#7e6e73;font-size:12px}
.ecx-security-note{display:flex;align-items:flex-start;gap:10px;padding:13px 15px}.ecx-security-note b{flex:0 0 auto;color:var(--brand);font-size:13px}.ecx-security-note p{margin:0;color:#725f65;font-size:12px;line-height:1.7}
.ecx-ledger-card header,.ecx-today-issues header,.ecx-audit-card header{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ecx-ledger-card td>button{padding:0;color:inherit;text-align:left}.ecx-ledger-card td>button:hover b{color:var(--brand)}
.ecx-freshness{display:inline-flex;align-items:center;gap:5px;color:#aa7c2e;font-size:12px;white-space:nowrap}.ecx-freshness.fresh{color:#37925d}
.ecx-store-hero{position:relative}.ecx-store-hero>em{position:absolute;top:14px;right:14px}
.ecx-open-backend{width:calc(100% - 28px);min-height:38px;margin:10px 14px;border:0;border-radius:8px;background:var(--brand);color:#fff;font-size:13px;font-weight:850}
.ecx-capability-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:11px 14px}.ecx-capability-matrix>div{display:grid;gap:5px;min-height:72px;padding:10px;border:1px solid #eee0e4;border-radius:9px;background:#fffafa}.ecx-capability-matrix b{color:#413036;font-size:12px}.ecx-capability-matrix span{justify-self:start;padding:3px 6px;border-radius:999px;background:#edf6ef;color:#34805b;font-size:11px;font-weight:800}
.ecx-permission-workbench{margin-top:14px}.ecx-permission-workbench>.ecx-assignment-layout{padding:0 14px 14px}.ecx-permission-workbench .ecx-employee-list,.ecx-permission-workbench .ecx-assignment-panel{border:1px solid #efdfE4;border-radius:10px;background:#fffafa}.ecx-permission-workbench .ecx-assignment-panel>header,.ecx-permission-workbench .ecx-employee-list>div{padding-left:12px;padding-right:12px}
.ecx-today-issues{margin-top:14px}.ecx-today-issues header{padding:13px 15px;border-bottom:1px solid #efe2e5}.ecx-today-issues h2{margin:0;font-size:17px}.ecx-today-issues h2 em{display:inline-grid;min-width:23px;height:23px;place-items:center;border-radius:999px;background:var(--brand);color:#fff;font-size:12px;font-style:normal}.ecx-today-issues header>button{border:0;background:transparent;color:var(--brand);font-size:13px}.ecx-today-issues>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:13px}.ecx-today-issues article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:10px;border:1px solid #eee0e4;border-radius:9px;background:#fffafa}.ecx-today-issues article b{font-size:13px}.ecx-today-issues article span,.ecx-today-issues article small{color:#826f75;font-size:12px}.ecx-today-issues article button{grid-column:2;grid-row:1 / span 3;align-self:center;border:0;background:#fdecef;color:#9d3150;font-size:12px;font-weight:800}
.ecx-security-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(285px,.55fr);gap:14px}.ecx-account-security-card{display:flex;flex-direction:column}.ecx-security-checks{display:grid;gap:0;padding:5px 14px}.ecx-security-checks>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:10px 0;border-bottom:1px solid #f0e4e7}.ecx-security-checks>div:last-child{border-bottom:0}.ecx-security-checks b{font-size:13px}.ecx-security-checks span{color:#837278;font-size:12px}.ecx-security-checks em{grid-column:2;grid-row:1 / span 2;align-self:center;color:#33915a;font-size:18px;font-style:normal}.ecx-account-security-card footer{margin-top:auto;padding:12px 14px}.ecx-account-security-card footer button{width:100%}
.ecx-audit-card{margin-top:14px}

/* 平台店铺：接入与安全使用外贸 CRM 同款右侧详情抽屉 */
.ecx-security-drawer-layer{position:fixed;inset:0;z-index:126}
.ecx-security-drawer-scrim{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(38,25,29,.46);backdrop-filter:blur(2px);cursor:pointer}
.ecx-security-drawer{position:absolute;top:0;right:0;width:min(620px,100vw);height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border-left:1px solid #e4d8dc;background:#fff;box-shadow:-24px 0 70px rgba(44,24,30,.2)}
.ecx-security-drawer>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid #e9e0e2}.ecx-security-drawer>header span{color:var(--brand);font-size:12px;font-weight:850;letter-spacing:.08em}.ecx-security-drawer>header h2{margin:4px 0;font-size:24px}.ecx-security-drawer>header p{margin:0;color:#7b6e72;font-size:13px;line-height:1.55}.ecx-security-drawer>header>button{width:34px;height:34px;border:1px solid #ded3d6;border-radius:7px;background:#fff;color:#62565a;font-size:20px;cursor:pointer}
.ecx-security-drawer>main{display:grid;align-content:start;gap:12px;overflow:auto;padding:14px 20px}.ecx-security-drawer>main>section{overflow:hidden;border:1px solid #e6dde0;border-radius:9px;background:#fff}.ecx-security-drawer>main>section>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 13px;border-bottom:1px solid #eee4e6}.ecx-security-drawer h3{margin:0 0 3px;color:#2d2024;font-size:16px}.ecx-security-drawer section header p{margin:0;color:#7b6e72;font-size:12px;line-height:1.5}.ecx-security-drawer section header>button{min-height:31px;padding:5px 8px;border:1px solid #decfd3;border-radius:7px;background:#fff;color:var(--brand);font-size:12px;font-weight:750;white-space:nowrap}
.ecx-security-drawer-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0!important;padding:0}.ecx-security-drawer-summary>div{display:grid;gap:4px;min-width:0;padding:13px 10px;border-right:1px solid #eee4e6;background:#fbf8f9}.ecx-security-drawer-summary>div:last-child{border-right:0}.ecx-security-drawer-summary span{color:#827479;font-size:12px}.ecx-security-drawer-summary strong{color:#3e2c32;font-size:21px}
.ecx-security-drawer .ecx-table th,.ecx-security-drawer .ecx-table td{padding:9px 6px;font-size:12px}.ecx-security-drawer .ecx-table th{background:#fff8f7}.ecx-security-connection-table{width:100%;min-width:0!important;table-layout:fixed}.ecx-security-connection-table col.shop{width:45%}.ecx-security-connection-table col.mode{width:18%}.ecx-security-connection-table col.freshness{width:24%}.ecx-security-connection-table col.status{width:13%}.ecx-security-connection-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ecx-security-connection-table th:nth-child(n+2),.ecx-security-connection-table td:nth-child(n+2){text-align:left}.ecx-security-connection-table .ecx-chip{padding-inline:5px}.ecx-security-drawer .table-wrap:has(.ecx-security-connection-table){overflow-x:hidden}
.ecx-security-drawer-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ecx-security-drawer-split>section{min-width:0;overflow:hidden;border:1px solid #e6dde0;border-radius:9px;background:#fff}.ecx-security-drawer-split>section>header{min-height:72px;padding:12px 13px;border-bottom:1px solid #eee4e6}.ecx-security-drawer-protection>div{padding:4px 11px}.ecx-security-drawer-protection p{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 7px;margin:0;padding:8px 0;border-bottom:1px solid #eee5e7}.ecx-security-drawer-protection p:last-child{border-bottom:0}.ecx-security-drawer-protection b{font-size:12px}.ecx-security-drawer-protection span{overflow:hidden;color:#7f7176;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.ecx-security-drawer-protection em{grid-column:2;grid-row:1 / span 2;align-self:center;color:#29905b;font-size:17px;font-style:normal}
.ecx-security-drawer-audit{display:grid;padding:4px 13px}.ecx-security-drawer-audit article{display:grid;gap:3px;padding:9px 0;border-bottom:1px solid #eee5e7}.ecx-security-drawer-audit article:last-child{border-bottom:0}.ecx-security-drawer-audit b{font-size:13px}.ecx-security-drawer-audit span,.ecx-security-drawer-audit p{color:#817378;font-size:12px}.ecx-security-drawer-audit p{margin:0}.ecx-security-drawer>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px;border-top:1px solid #e7dfe1}.ecx-security-drawer>footer>span{color:#7c6d73;font-size:12px}.ecx-security-drawer>footer button{min-height:37px;padding:7px 14px;border:1px solid var(--brand);border-radius:7px;background:var(--brand);color:#fff;font-size:13px;font-weight:750}
.ecx-permission-drawer-layer{position:fixed;inset:0;z-index:126}.ecx-permission-drawer-scrim{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(38,25,29,.46);backdrop-filter:blur(2px);cursor:pointer}
.ecx-permission-drawer{position:absolute;top:0;right:0;width:min(620px,100vw);height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border-left:1px solid #e4d8dc;background:#fff;box-shadow:-24px 0 70px rgba(44,24,30,.2)}
.ecx-permission-drawer>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid #e9e0e2}.ecx-permission-drawer>header span{color:var(--brand);font-size:12px;font-weight:850;letter-spacing:.08em}.ecx-permission-drawer>header h2{margin:4px 0;font-size:24px}.ecx-permission-drawer>header p{margin:0;color:#7b6e72;font-size:13px;line-height:1.55}.ecx-permission-drawer>header>button{width:34px;height:34px;border:1px solid #ded3d6;border-radius:7px;background:#fff;color:#62565a;font-size:20px;cursor:pointer}
.ecx-permission-drawer>main{display:grid;align-content:start;gap:12px;overflow:auto;padding:14px 20px}.ecx-permission-drawer-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid #e6dde0;border-radius:9px}.ecx-permission-drawer-summary>div{display:grid;gap:4px;min-width:0;padding:13px 10px;border-right:1px solid #eee4e6;background:#fbf8f9}.ecx-permission-drawer-summary>div:last-child{border-right:0}.ecx-permission-drawer-summary span{color:#827479;font-size:12px}.ecx-permission-drawer-summary strong{color:#3e2c32;font-size:21px}.ecx-permission-drawer .ecx-permission-workbench{margin:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.ecx-permission-drawer .ecx-permission-workbench>header{display:none}.ecx-permission-drawer .ecx-permission-workbench>.ecx-assignment-layout{grid-template-columns:190px minmax(0,1fr);gap:12px;padding:0}.ecx-permission-drawer .ecx-employee-list,.ecx-permission-drawer .ecx-assignment-panel{background:#fff}.ecx-permission-drawer .ecx-assignment-panel>header{padding:12px}.ecx-permission-drawer .ecx-assignment-panel>footer{padding:12px}.ecx-permission-drawer>footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px;border-top:1px solid #e7dfe1}.ecx-permission-drawer>footer>span{color:#7c6d73;font-size:12px}.ecx-permission-drawer>footer button{min-height:37px;padding:7px 14px;border:1px solid var(--brand);border-radius:7px;background:var(--brand);color:#fff;font-size:13px;font-weight:750}
.ecx-employee-trial-readiness{overflow:hidden;border:1px solid #e5dadd;border-radius:10px;background:#fff}.ecx-employee-trial-readiness>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid #eee4e6}.ecx-employee-trial-readiness>header h3{margin:0 0 4px;color:#34262b;font-size:16px}.ecx-employee-trial-readiness>header p{margin:0;color:#7b6d72;font-size:12px;line-height:1.5}.ecx-employee-trial-readiness>header strong{color:#a63152;font-size:22px}.ecx-employee-trial-readiness>header>span,.ecx-employee-trial-readiness>header>button{min-height:30px;padding:5px 9px;border:1px solid #ddcfd3;border-radius:7px;background:#fff;color:#98304f;font-size:12px;font-weight:800;white-space:nowrap}.ecx-employee-trial-readiness.ready>header strong{color:#278556}.ecx-employee-trial-readiness.loading>header>span{border-color:#ecd9ad;background:#fff7e5;color:#986c13}.ecx-employee-trial-readiness.error>header{border-color:#efc8d1;background:#fff5f7}.ecx-employee-trial-progress{height:5px;background:#f1e8ea}.ecx-employee-trial-progress i{display:block;width:var(--trial-progress);height:100%;background:#a63152}.ecx-employee-trial-readiness.ready .ecx-employee-trial-progress i{background:#319262}.ecx-employee-trial-base{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:10px 13px}.ecx-employee-trial-base span,.ecx-employee-trial-checks span{padding:4px 7px;border-radius:999px;background:#f5f0f1;color:#75686d;font-size:11px;font-weight:750}.ecx-employee-trial-base span.ok,.ecx-employee-trial-checks span.ok{background:#e8f5ed;color:#278556}.ecx-employee-trial-base span.warn,.ecx-employee-trial-checks span.warn{background:#fff2df;color:#a56818}.ecx-employee-trial-base button{margin-left:auto;border:0;background:transparent;color:#9b3150;font-size:12px;font-weight:800}.ecx-employee-trial-shops{display:grid;gap:9px;padding:0 13px 13px}.ecx-employee-trial-shops>article{overflow:hidden;border:1px solid #eadfe2;border-radius:9px;background:#fffafa}.ecx-employee-trial-shops>article.ready{border-color:#cce7d7;background:#f7fcf9}.ecx-employee-trial-shops article>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px 11px}.ecx-employee-trial-shops article>header b,.ecx-employee-trial-shops article>header small{display:block}.ecx-employee-trial-shops article>header b{color:#3d2e33;font-size:13px}.ecx-employee-trial-shops article>header small{margin-top:3px;color:#84757a;font-size:11px}.ecx-employee-trial-shops article>header em{padding:3px 7px;border-radius:999px;background:#fff0dc;color:#a46718;font-size:10px;font-style:normal;font-weight:850}.ecx-employee-trial-shops article.ready>header em{background:#e6f5ec;color:#278556}.ecx-employee-trial-checks{display:flex;flex-wrap:wrap;gap:5px;padding:0 11px 8px}.ecx-employee-trial-shops article>p{display:flex;flex-wrap:wrap;gap:5px;margin:0;padding:8px 11px;border-top:1px solid #eee4e6}.ecx-employee-trial-shops article>p span{padding:3px 6px;border-radius:6px;background:#fff0df;color:#996314;font-size:10px}.ecx-employee-trial-shops article>p.success{color:#3c7958;font-size:11px;line-height:1.5}.ecx-employee-trial-shops article>footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 11px;border-top:1px solid #eee4e6}.ecx-employee-trial-shops article>footer small{color:#8a7c81;font-size:10px}.ecx-employee-trial-shops article>footer button{min-height:28px;padding:4px 8px;border:1px solid #a63152;border-radius:7px;background:#fff;color:#a63152;font-size:11px;font-weight:800}

.ecx-security-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.ecx-sync-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 15px;background:#fffafa;border-bottom:1px solid #f0e5e7}
.ecx-sync-summary>div{min-width:0;padding:10px 11px;border:1px solid #eadcdf;border-radius:9px;background:#fff}
.ecx-sync-summary span,.ecx-sync-summary small{display:block;color:#796b70;font-size:12px}
.ecx-sync-summary b{display:block;margin:5px 0;color:#2d2024;font-size:16px}
.ecx-sync-summary b.ok{color:#2d8b60}.ecx-sync-summary b.warn{color:#ae711e}
.ecx-shopify-sync-card .ecx-table{margin:0}
.ecx-security-actions button{min-height:31px;padding:5px 8px;border:1px solid #decfd3;border-radius:7px;background:#fff;color:var(--brand);font-size:12px;font-weight:750;white-space:nowrap}
.ecx-health-chip{min-height:26px!important;padding:3px 7px!important;border:0!important;border-radius:999px!important;background:#fff1df!important;color:#a5671b!important;font-size:11px!important;white-space:nowrap}.ecx-health-chip.ok{background:#e7f5ed!important;color:#278556!important}

/* 平台店铺：新增、授权与编辑沿用外贸 CRM 右侧抽屉交互 */
.ecx-store-drawer-layer{position:fixed;inset:0;z-index:128}
.ecx-store-drawer-scrim{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(38,25,29,.46);backdrop-filter:blur(2px);cursor:pointer}
.ecx-store-drawer{position:absolute;top:0;right:0;width:min(620px,100vw);height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border-left:1px solid #e4d8dc;background:#fff;box-shadow:-24px 0 70px rgba(44,24,30,.2)}
.ecx-store-drawer>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid #e9e0e2}.ecx-store-drawer>header span{color:var(--brand);font-size:12px;font-weight:850;letter-spacing:.08em}.ecx-store-drawer>header h2{margin:4px 0;font-size:24px}.ecx-store-drawer>header p{margin:0;color:#7b6e72;font-size:13px;line-height:1.55}.ecx-store-drawer>header>button{width:34px;height:34px;border:1px solid #ded3d6;border-radius:7px;background:#fff;color:#62565a;font-size:20px;cursor:pointer}
.ecx-store-drawer>form{min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto}.ecx-store-drawer>form>main{display:grid;align-content:start;gap:12px;overflow:auto;padding:14px 20px}
.ecx-store-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;padding:14px;border:1px solid #e6dde0;border-radius:9px;background:#fff}.ecx-store-form-grid label{display:grid;align-content:start;gap:6px;min-width:0;color:#67595e;font-size:12px;font-weight:800}.ecx-store-form-grid label[hidden]{display:none}.ecx-store-form-grid label.wide{grid-column:1/-1}.ecx-store-form-grid input,.ecx-store-form-grid select,.ecx-store-form-grid textarea{width:100%;min-width:0;min-height:39px;padding:8px 10px;border:1px solid #dfd2d6;border-radius:8px;background:#fff;color:#35272b;font:inherit;font-size:13px;box-sizing:border-box}.ecx-store-form-grid input[type=checkbox]{display:inline-block;width:15px;min-height:15px;height:15px;margin:0 7px 0 0;padding:0;vertical-align:middle}.ecx-store-form-grid textarea{resize:vertical}.ecx-store-form-grid input:focus,.ecx-store-form-grid select:focus,.ecx-store-form-grid textarea:focus{border-color:#a63152;outline:0;box-shadow:0 0 0 3px rgba(166,49,82,.1)}
.ecx-local-browser-step,.ecx-local-browser-network{display:grid;gap:11px;padding:13px 14px;border:1px solid #e6dde0;border-radius:9px;background:#fff}.ecx-local-browser-step[hidden],.ecx-local-browser-proxy[hidden]{display:none}.ecx-local-browser-step>header,.ecx-local-browser-network>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.ecx-local-browser-step h3,.ecx-local-browser-step b,.ecx-local-browser-network b{color:#35272b}.ecx-local-browser-step p,.ecx-local-browser-network p{margin:4px 0 0;color:#74686d;font-size:11px;line-height:1.55}.ecx-local-browser-step-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ecx-local-browser-step-actions label{display:flex;align-items:center;gap:7px;color:#67595e;font-size:11px}.ecx-local-browser-step-actions input{width:15px;height:15px}.ecx-local-browser-step-actions button{min-height:34px;padding:6px 11px;border:1px solid #d9cdd1;border-radius:7px;background:#fff;color:#5c4f54;font-weight:750}.ecx-local-browser-step-actions button:last-child{border-color:#9d3452;background:#9d3452;color:#fff}.ecx-local-browser-step-actions button:disabled{border-color:#ded7d9;background:#eee9ea;color:#a79ca0;cursor:not-allowed}.ecx-local-browser-step-actions span{color:#6f6267;font-size:11px}.ecx-local-browser-pending{padding:9px 10px;border-radius:7px;background:#fff7e8;color:#8f670e!important}.ecx-local-browser-network>label{display:grid;gap:6px;color:#67595e;font-size:12px;font-weight:800}.ecx-local-browser-network select,.ecx-local-browser-network input{box-sizing:border-box;width:100%;min-height:38px;padding:7px 9px;border:1px solid #dfd2d6;border-radius:8px;background:#fff;color:#35272b;font:inherit}.ecx-local-browser-proxy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ecx-local-browser-proxy label{display:grid;gap:5px;color:#67595e;font-size:11px;font-weight:750}.ecx-local-browser-network-note{padding:9px 10px;border-radius:7px;background:#faf6f5}.ecx-local-browser-network>small{color:#81747a;font-size:10px}
.ecx-device-setup-layer{position:fixed;inset:0;z-index:132}.ecx-device-setup-scrim{position:absolute;inset:0;border:0;background:rgba(42,30,35,.42)}.ecx-device-setup{position:absolute;top:0;right:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(660px,100vw);height:100%;background:#fbf8f7;box-shadow:-20px 0 56px rgba(62,36,44,.2)}.ecx-device-setup>header,.ecx-device-setup>footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 22px;border-bottom:1px solid #e9dfe1;background:#fff}.ecx-device-setup>header span{color:#ab3b5b;font-size:10px;font-weight:900;letter-spacing:.14em}.ecx-device-setup>header h2{margin:4px 0 3px;color:#35272c;font-size:22px}.ecx-device-setup>header p{margin:0;color:#7b6d72;font-size:12px;line-height:1.5}.ecx-device-setup>header>button{border:0;background:transparent;color:#826f76;font-size:24px}.ecx-device-setup>main{display:grid;align-content:start;gap:12px;overflow:auto;padding:18px 22px}.ecx-device-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid #ead8dd;border-radius:10px;background:#fff6f8}.ecx-device-summary.ready{border-color:#c9e5d5;background:#f3fbf6}.ecx-device-summary b{color:#3c2b31;font-size:16px}.ecx-device-summary p{margin:4px 0 0;color:#77686e;font-size:11px;line-height:1.55}.ecx-device-summary strong{color:#a63152;font-size:12px;letter-spacing:.12em}.ecx-device-summary.ready strong{color:#278556}.ecx-device-steps{display:grid;gap:8px;margin:0;padding:0;list-style:none}.ecx-device-steps li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid #e8dfe1;border-radius:9px;background:#fff}.ecx-device-steps i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f4ecee;color:#9f3453;font-size:12px;font-style:normal;font-weight:900}.ecx-device-steps b{color:#44343a;font-size:13px}.ecx-device-steps p{margin:3px 0 0;color:#807278;font-size:11px;line-height:1.5}.ecx-device-steps em{padding:3px 7px;border-radius:999px;background:#f3edef;color:#7c6d72;font-size:10px;font-style:normal;font-weight:800;white-space:nowrap}.ecx-device-steps li.ok i,.ecx-device-steps li.ok em{background:#e7f5ec;color:#278556}.ecx-device-steps li.warn i,.ecx-device-steps li.warn em{background:#fff0da;color:#9b6413}.ecx-device-steps li.checking i,.ecx-device-steps li.checking em{background:#eaf2ff;color:#2f6ca8}.ecx-device-limit{padding:12px 14px;border:1px solid #ead3a2;border-radius:9px;background:#fff8e8}.ecx-device-limit b{color:#805c13;font-size:12px}.ecx-device-limit p{margin:5px 0 0;color:#806d44;font-size:11px;line-height:1.6}.ecx-device-actions{display:flex;flex-wrap:wrap;gap:8px}.ecx-device-actions button,.ecx-device-actions .button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:36px;padding:7px 10px;border:1px solid #d9cbd0;border-radius:8px;background:#fff;color:#713047;font-size:12px;font-weight:800;text-decoration:none}.ecx-device-actions .button{border-color:#a63152;background:#a63152;color:#fff}.ecx-device-actions .button[aria-disabled="true"]{pointer-events:none;opacity:.5}.ecx-device-setup>footer{border-top:1px solid #e9dfe1;border-bottom:0}.ecx-device-setup>footer span{margin-right:auto;color:#776a6f;font-size:11px}.ecx-device-setup>footer button{min-height:36px;padding:7px 12px;border:1px solid #d7c9ce;border-radius:8px;background:#fff;color:#644f57;font-weight:800}.ecx-device-setup>footer button.primary{border-color:#9d3452;background:#9d3452;color:#fff}.ecx-device-setup>footer button:disabled{border-color:#ddd5d7;background:#ece8e9;color:#a69ca0;cursor:not-allowed}.ecx-employee-trial-shops article>footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}
.ecx-store-form-notice{padding:12px 14px;border:1px solid #efd6dc;border-radius:9px;background:#fff5f7}.ecx-store-form-notice b{display:block;margin-bottom:4px;color:var(--brand);font-size:13px}.ecx-store-form-notice p{margin:0;color:#765f66;font-size:12px;line-height:1.65}
.ecx-store-drawer>form>footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid #e7dfe1}.ecx-store-drawer>form>footer button{min-width:92px;min-height:38px;padding:7px 14px;border:1px solid #ded1d5;border-radius:7px;background:#fff;color:#66565b;font-size:13px;font-weight:800}.ecx-store-drawer>form>footer button.primary{border-color:var(--brand);background:var(--brand);color:#fff}.ecx-store-drawer>form>footer button:disabled{cursor:wait;opacity:.6}

/* 电商中心 · 营销增长 */
.ecx-marketing-shell{display:grid;gap:14px;min-width:0;color:#2d2024}
.ecx-marketing-shell .ecx-kpis{grid-template-columns:repeat(6,minmax(0,1fr))}
.ecx-marketing-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 12px;border:1px solid #eadcdf;border-radius:10px;background:#fffafa;box-shadow:0 6px 18px rgba(85,35,50,.035)}
.ecx-marketing-controls>label{display:flex;align-items:center;gap:6px;color:#7b6a70;font-size:12px;font-weight:800}
.ecx-marketing-controls select{height:34px;min-width:130px;padding:0 9px;border:1px solid #ead9dc;border-radius:8px;background:#fff;color:#3b292e;font:inherit}
.ecx-marketing-controls select:disabled{color:#77676d;opacity:1}
.ecx-marketing-scope{display:inline-flex;min-height:32px;align-items:center;padding:0 9px;border:1px solid #d89bab;border-radius:7px;background:#fff4f6;color:#9d2b49;font-size:12px;font-weight:850}
.ecx-marketing-controls .ecx-freshness{margin-left:auto}
.ecx-marketing-grid{display:grid;min-width:0;gap:14px}
.overview-top-grid{grid-template-columns:minmax(0,1.45fr) minmax(305px,.55fr)}
.overview-bottom-grid,.pricing-bottom-grid,.ads-bottom-grid,.keyword-bottom-grid,.competitor-bottom-grid,.competitor-list-grid{grid-template-columns:minmax(0,1.48fr) minmax(300px,.52fr)}
.pricing-top-grid,.ads-top-grid,.keyword-top-grid,.competitor-top-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}
.ads-middle-grid,.keyword-task-grid{grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr)}
.ecx-growth-funnel{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:15px}
.ecx-growth-funnel>div{position:relative;display:grid;min-height:118px;align-content:center;gap:6px;padding:12px 8px;border:1px solid #ecdde0;border-radius:10px;background:linear-gradient(180deg,#fffafa,#fff);text-align:center;overflow:hidden}
.ecx-growth-funnel>div::before{position:absolute;right:0;bottom:0;left:0;height:var(--funnel);content:"";background:linear-gradient(180deg,rgba(166,46,81,.03),rgba(166,46,81,.13));pointer-events:none}
.ecx-growth-funnel span,.ecx-growth-funnel strong,.ecx-growth-funnel small{position:relative;z-index:1}.ecx-growth-funnel span{color:#856f76;font-size:12px}.ecx-growth-funnel strong{color:var(--brand);font-size:18px;line-height:1.1;font-variant-numeric:tabular-nums}.ecx-growth-funnel small{color:#78656c;font-size:12px}
.ecx-growth-judgement>div,.ecx-marketing-issues,.ecx-ad-diagnosis{display:grid;padding:7px 14px}
.ecx-growth-judgement article,.ecx-marketing-issues>div,.ecx-ad-diagnosis>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #f0e5e7}.ecx-growth-judgement article:last-child,.ecx-marketing-issues>div:last-child,.ecx-ad-diagnosis>div:last-child{border-bottom:0}
.ecx-growth-judgement b,.ecx-marketing-issues b,.ecx-ad-diagnosis b{display:block;color:#35262b;font-size:13px}.ecx-growth-judgement small,.ecx-marketing-issues small,.ecx-ad-diagnosis small{display:block;margin-top:3px;color:#806f75;font-size:12px;line-height:1.45}.ecx-growth-judgement button,.ecx-marketing-issues button,.ecx-ad-diagnosis button{border:0;background:transparent;color:var(--brand);font-size:12px;font-weight:850;white-space:nowrap}
.ecx-contribution-chart{display:grid;gap:12px;padding:16px}.ecx-contribution-chart>div{display:grid;grid-template-columns:minmax(104px,.55fr) minmax(180px,1.45fr);gap:6px 13px;align-items:center}.ecx-contribution-chart>div>span{overflow:hidden;color:#453136;font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.ecx-contribution-chart i{display:grid;gap:4px}.ecx-contribution-chart i>em,.ecx-contribution-chart i>b{display:block;height:9px;border-radius:999px}.ecx-contribution-chart i>.sales{background:linear-gradient(90deg,var(--brand),#d76886)}.ecx-contribution-chart i>.profit{background:linear-gradient(90deg,#e99b2f,#f5c875)}.ecx-contribution-chart small{grid-column:2;color:#827077;font-size:12px}
.ecx-progress{width:104px;height:7px;overflow:hidden;border-radius:999px;background:#f0e3e6}.ecx-progress i{display:block;height:100%;border-radius:inherit;background:var(--brand)}.ecx-risk-text{color:#c23c4a!important;font-weight:850}
.ecx-activity-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;padding:12px;background:#f0e6e8}.ecx-activity-calendar>div{display:grid;align-content:start;gap:4px;min-height:67px;padding:7px;background:#fff;color:#89777d;font-size:12px}.ecx-activity-calendar>div>span{font-weight:800}.ecx-activity-calendar>div.tagged{background:#fff6f7}.ecx-activity-calendar b{padding:4px;border-radius:5px;background:#ffe6d5;color:#a45b18;font-size:12px;line-height:1.3}.ecx-activity-calendar small{overflow:hidden;color:#7d696f;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.ecx-price-guard{display:grid;padding:5px 14px}.ecx-price-guard>div{padding:10px 0;border-bottom:1px solid #f0e5e7}.ecx-price-guard>div:last-child{border-bottom:0}.ecx-price-guard p{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:0 0 7px}.ecx-price-guard p>b{font-size:13px}.ecx-price-guard dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 9px;margin:0}.ecx-price-guard dt{color:#8a787e;font-size:12px}.ecx-price-guard dd{margin:1px 0 0;color:#38272d;font-size:12px;font-weight:850}
.ecx-retrospective{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:14px}.ecx-retrospective>div{min-height:78px;padding:11px;border:1px solid #eee0e4;border-radius:9px;background:#fffafa}.ecx-retrospective span{display:block;color:#88757c;font-size:12px}.ecx-retrospective strong{display:block;margin-top:8px;color:#3b2a30;font-size:14px;line-height:1.45}.ecx-retrospective .good strong{color:#2d8b60}
.ecx-ad-trend{position:relative;display:flex;align-items:flex-end;gap:9px;height:220px;margin:16px;padding:16px 8px 25px;border-bottom:1px solid #eadcdf;background:repeating-linear-gradient(to bottom,transparent 0,transparent 43px,#f2e7e9 44px)}.ecx-ad-trend>i{position:relative;display:flex;flex:1;align-items:flex-end;gap:2px;height:100%;min-width:12px}.ecx-ad-trend b,.ecx-ad-trend em{display:block;flex:1;border-radius:4px 4px 0 0}.ecx-ad-trend b{background:var(--brand)}.ecx-ad-trend em{background:#e99a27}.ecx-ad-target{position:absolute;right:0;bottom:48%;left:0;border-top:2px dashed #ce596f;color:#af4359;font-size:12px;text-align:right}
.ecx-ad-matrix{position:relative;min-height:245px;margin:14px;border:1px solid #ecdde0;border-radius:10px;background:linear-gradient(90deg,rgba(85,166,122,.08) 0 50%,rgba(234,139,35,.08) 50%),linear-gradient(0deg,rgba(64,131,201,.07) 0 50%,transparent 50%)}.ecx-ad-matrix::before,.ecx-ad-matrix::after{position:absolute;content:"";background:#e1cfd4}.ecx-ad-matrix::before{top:0;bottom:0;left:50%;width:1px}.ecx-ad-matrix::after{right:0;bottom:50%;left:0;height:1px}.ecx-ad-matrix>span{position:absolute;color:#7b656d;font-size:12px;font-weight:850}.ecx-ad-matrix .q1{top:11px;left:12px;color:#318259}.ecx-ad-matrix .q2{top:11px;right:12px;color:#ad671d}.ecx-ad-matrix .q3{bottom:11px;left:12px;color:#4f77ad}.ecx-ad-matrix .q4{right:12px;bottom:11px;color:#bd3b48}.ecx-ad-matrix i{position:absolute;display:grid;width:46px;height:46px;place-items:center;border:3px solid rgba(255,255,255,.9);border-radius:50%;background:#d25b77;color:#fff;font-size:12px;font-style:normal;box-shadow:0 4px 12px rgba(87,27,46,.2)}.ecx-ad-matrix .p0{top:40px;left:28%}.ecx-ad-matrix .p1{top:74px;right:24%}.ecx-ad-matrix .p2{bottom:34px;left:20%;background:#4b87bd}.ecx-ad-matrix .p3{right:13%;bottom:46px;background:#d47c32}
.ecx-budget-list{display:grid;padding:7px 14px}.ecx-budget-list>div{padding:9px 0;border-bottom:1px solid #f0e5e7}.ecx-budget-list>div:last-child{border-bottom:0}.ecx-budget-list p{display:flex;justify-content:space-between;gap:8px;margin:0 0 7px}.ecx-budget-list b{font-size:13px}.ecx-budget-list p>span{color:#9d2b49;font-size:12px;font-weight:850}.ecx-budget-list i{display:block;height:7px;overflow:hidden;border-radius:999px;background:#f0e2e6}.ecx-budget-list i>em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),#d76582)}.ecx-budget-list small{display:block;margin-top:5px;color:#857278;font-size:12px}
.ecx-keyword-matrix{position:relative;min-height:260px;margin:14px;border:1px solid #ecdde0;border-radius:10px;background:linear-gradient(90deg,rgba(87,166,124,.08) 0 50%,rgba(231,139,38,.08) 50%),linear-gradient(0deg,rgba(80,119,173,.07) 0 50%,transparent 50%)}.ecx-keyword-matrix::before,.ecx-keyword-matrix::after{position:absolute;content:"";background:#e1cfd4}.ecx-keyword-matrix::before{top:0;bottom:0;left:50%;width:1px}.ecx-keyword-matrix::after{right:0;bottom:50%;left:0;height:1px}.ecx-keyword-matrix>span{position:absolute;color:#79656c;font-size:12px;font-weight:850}.ecx-keyword-matrix span small{font-weight:500}.ecx-keyword-matrix .a{top:10px;left:10px;color:#2f8358}.ecx-keyword-matrix .b{top:10px;right:10px;color:#ad651d}.ecx-keyword-matrix .c{bottom:10px;left:10px;color:#4b77aa}.ecx-keyword-matrix .d{right:10px;bottom:10px;color:#b33c48}.ecx-keyword-matrix i{position:absolute;max-width:128px;padding:4px 7px;border-radius:999px;background:#fff;color:#534047;font-size:12px;font-style:normal;box-shadow:0 2px 7px rgba(86,38,51,.12)}.ecx-keyword-matrix .k0{top:54px;left:20%}.ecx-keyword-matrix .k1{top:80px;right:18%}.ecx-keyword-matrix .k2{top:110px;left:12%}.ecx-keyword-matrix .k3{right:24%;bottom:76px}.ecx-keyword-matrix .k4{bottom:50px;left:24%}.ecx-keyword-matrix .k5{top:132px;right:9%}.ecx-keyword-matrix .k6{bottom:108px;left:43%}
.ecx-rank-trend{padding:18px}.ecx-rank-trend svg,.ecx-competitor-trend svg{width:100%;height:auto}.ecx-rank-trend p,.ecx-competitor-trend p{display:flex;flex-wrap:wrap;gap:12px;margin:6px 0 0;color:#79686e;font-size:12px}.ecx-rank-trend p span:first-child,.ecx-competitor-trend p span:first-child{color:var(--brand)}.ecx-rank-trend p span:nth-child(2),.ecx-competitor-trend p span:nth-child(2){color:#e48527}.ecx-competitor-trend p span:nth-child(3){color:#4083c9}.ecx-competitor-trend p span:nth-child(4){color:#55a67a}
.ecx-search-insights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:14px}.ecx-search-insights>div{display:grid;gap:4px;padding:10px;border:1px solid #eee0e4;border-radius:8px;background:#fffafa}.ecx-search-insights b{font-size:13px}.ecx-search-insights span,.ecx-search-insights em{color:#837177;font-size:12px;font-style:normal}.ecx-search-insights em{color:#9d2b49;font-weight:800}
.ecx-competitor-table td:first-child{background:#fffafa;font-weight:850}.ecx-change-timeline{display:grid;padding:6px 14px}.ecx-change-timeline>div{display:grid;grid-template-columns:38px 15px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #f0e5e7}.ecx-change-timeline>div:last-child{border-bottom:0}.ecx-change-timeline time{color:#817077;font-size:12px}.ecx-change-timeline i{width:12px;height:12px;border-radius:50%;background:#e6a231}.ecx-change-timeline i.risk{background:#c54250}.ecx-change-timeline p{margin:0}.ecx-change-timeline b{display:block;font-size:13px}.ecx-change-timeline small{display:block;margin-top:2px;color:#837177;font-size:12px}.ecx-change-timeline button{border:0;background:transparent;color:var(--brand);font-size:12px;font-weight:850}
.ecx-competitor-trend{padding:15px}

/* 营销增长：按经营驾驶舱效果图统一布局、密度与字号 */
.ecx-marketing-shell{
  gap:12px;
  container-type:inline-size;
  font-family:"Microsoft YaHei","PingFang SC","Segoe UI",Arial,sans-serif;
}
.ecx-marketing-page-head{align-items:flex-start;padding:0 2px}
.ecx-marketing-page-head>div>span{display:none}
.ecx-marketing-page-head h1{font-size:24px;line-height:1.2}
.ecx-marketing-page-head p{margin-top:4px;font-size:12px}
.ecx-marketing-controls{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  padding:0 2px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.ecx-marketing-scope{
  min-height:36px;
  padding:0 11px;
  border-color:#d88ba1;
  border-radius:6px;
  background:#fff;
  font-size:12px;
}
.ecx-marketing-filterset{display:flex;flex:1 1 520px;align-items:center;justify-content:center;gap:8px;min-width:0}
.ecx-marketing-filterset label{display:block;min-width:0}
.ecx-marketing-filterset select,.ecx-marketing-filterset input{
  width:100%;
  min-width:104px;
  height:36px;
  padding:0 28px 0 10px;
  border:1px solid #e5dade;
  border-radius:6px;
  background:#fff;
  color:#4a3a3f;
  font-family:inherit;
  font-size:14px;
  font-weight:600;
}
.ecx-marketing-filterset label:nth-child(3){flex:1 1 130px;max-width:188px}
.ecx-marketing-filterset label:nth-child(4){flex:1 1 118px;max-width:150px}
.ecx-marketing-filterset .ecx-marketing-search{position:relative;flex:1 1 150px;max-width:190px}
.ecx-marketing-filterset input{padding-right:30px}
.ecx-search-clear{position:absolute!important;z-index:2;top:50%;right:7px;width:21px!important;min-width:21px!important;height:21px!important;min-height:21px!important;display:grid!important;place-items:center;padding:0!important;border:0!important;border-radius:50%!important;background:#f3e9ec!important;color:#8d6d77!important;font-size:14px!important;line-height:1!important;transform:translateY(-50%);cursor:pointer}
.ecx-marketing-update{flex:0 0 auto;color:#86777c;font-size:12px;white-space:nowrap}
.ecx-marketing-refresh{
  width:28px;
  height:32px;
  padding:0;
  border:0;
  background:transparent;
  color:#74666b;
  font-size:18px;
  font-weight:800;
  cursor:pointer;
}
.ecx-marketing-actions{display:flex;align-items:center;gap:8px}
.ecx-marketing-actions button{
  min-height:38px;
  padding:7px 14px;
  border:1px solid #d9a9b6;
  border-radius:7px;
  background:#fff;
  color:#962947;
  font-family:inherit;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
}
.ecx-marketing-actions button.primary{border-color:#9d2849;background:#9d2849;color:#fff;box-shadow:0 7px 14px rgba(141,40,72,.14)}
.ecx-growth-funnel-card>header{min-height:46px;padding:11px 15px;border-bottom:0}
.ecx-growth-funnel-card>header h2{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0;color:#312429;font-size:18px}
.ecx-growth-funnel-card>header h2 span{white-space:nowrap}.ecx-growth-funnel-card>header h2 i{color:#7b6d72;font-style:normal;font-weight:500}
.ecx-growth-funnel-card .ecx-growth-funnel{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;padding:0 15px 12px}
.ecx-growth-funnel-card .ecx-growth-funnel>button{
  position:relative;
  min-width:0;
  min-height:130px;
  display:grid;
  align-content:center;
  justify-items:center;
  gap:6px;
  padding:12px 16px;
  overflow:hidden;
  border:0;
  background:linear-gradient(180deg,#fff7f9 0%,#f7dce4 100%);
  color:#9f2b4d;
  clip-path:polygon(0 0,89% 0,100% 50%,89% 100%,0 100%,10% 50%);
  cursor:pointer;
  transition:filter .16s ease,transform .16s ease;
}
.ecx-growth-funnel-card .ecx-growth-funnel>button:first-child{clip-path:polygon(0 0,89% 0,100% 50%,89% 100%,0 100%)}
.ecx-growth-funnel-card .ecx-growth-funnel>button:last-child{clip-path:polygon(0 0,100% 0,92% 50%,100% 100%,0 100%,10% 50%)}
.ecx-growth-funnel-card .ecx-growth-funnel>button:hover{filter:saturate(1.15);transform:translateY(-2px)}
.ecx-growth-funnel-card .ecx-growth-funnel>button:focus-visible{outline:3px solid rgba(159,43,77,.23);outline-offset:2px}
.ecx-growth-funnel-card .ecx-growth-funnel span{color:#a22d50;font-size:13px;font-weight:850}
.ecx-growth-funnel-card .ecx-growth-funnel svg{width:31px;height:31px;fill:none;stroke:#a22d50;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ecx-growth-funnel-card .ecx-growth-funnel strong{color:#3b2d32;font-size:16px;line-height:1.1}
.ecx-growth-funnel-card .ecx-growth-funnel small{color:#796b70;font-size:12px}
.ecx-growth-funnel-card>footer{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:8px 15px;border-top:0;color:#74666b;font-size:12px}
.ecx-growth-funnel-card>footer button{min-height:31px;padding:4px 0;border:0;background:transparent;color:#9d2849;font-size:12px;font-weight:850;white-space:nowrap}

.ecx-marketing-drawer-layer{position:fixed;inset:0;z-index:128}
.ecx-marketing-drawer-scrim{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(38,25,29,.46);backdrop-filter:blur(2px)}
.ecx-marketing-drawer{position:absolute;top:0;right:0;width:min(620px,100vw);height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border-left:1px solid #e4d8dc;background:#fff;box-shadow:-24px 0 70px rgba(44,24,30,.22)}
.ecx-marketing-drawer>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 20px;border-bottom:1px solid #e9e0e2}
.ecx-marketing-drawer>header span{color:#9d2849;font-size:12px;font-weight:850;letter-spacing:.08em}
.ecx-marketing-drawer>header h2{margin:4px 0;font-size:24px}
.ecx-marketing-drawer>header p{margin:0;color:#7b6e72;font-size:13px;line-height:1.55}
.ecx-marketing-drawer>header>button{width:34px;height:34px;display:grid;flex:0 0 34px;place-items:center;border:1px solid #ded3d6;border-radius:7px;background:#fff;color:#62565a;font-size:20px}
.ecx-marketing-drawer>main{display:grid;align-content:start;gap:12px;overflow:auto;padding:14px 20px}
.ecx-marketing-drawer>main>section,.ecx-marketing-panel-form{padding:13px;border:1px solid #e6dde0;border-radius:9px;background:#fff}
.ecx-marketing-panel-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ecx-marketing-panel-summary>div{min-width:0;padding:10px;border-radius:7px;background:#faf7f8}
.ecx-marketing-panel-summary span{display:block;color:#887a7e;font-size:12px}.ecx-marketing-panel-summary b{display:block;overflow:hidden;margin-top:4px;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.ecx-marketing-panel-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.ecx-marketing-panel-form label{display:grid;gap:6px;min-width:0}.ecx-marketing-panel-form label.wide{grid-column:1/-1}.ecx-marketing-panel-form label>span{color:#66585d;font-size:12px;font-weight:800}
.ecx-marketing-panel-form input,.ecx-marketing-panel-form select,.ecx-marketing-panel-form textarea{width:100%;min-width:0;min-height:39px;padding:8px 10px;border:1px solid #dfd2d6;border-radius:8px;background:#fff;color:#35272b;font-family:inherit;font-size:13px;box-sizing:border-box}
.ecx-marketing-panel-form textarea{resize:vertical}.ecx-marketing-panel-form input:focus,.ecx-marketing-panel-form select:focus,.ecx-marketing-panel-form textarea:focus{border-color:#a63152;outline:0;box-shadow:0 0 0 3px rgba(166,49,82,.1)}
.ecx-marketing-panel-detail h3,.ecx-marketing-panel-history h3{margin:0 0 10px;font-size:16px}
.ecx-marketing-panel-detail dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}.ecx-marketing-panel-detail dl>div{padding:9px;border-radius:7px;background:#faf7f8}.ecx-marketing-panel-detail dt{color:#887a7e;font-size:12px}.ecx-marketing-panel-detail dd{margin:4px 0 0;font-size:13px;font-weight:750}.ecx-marketing-panel-detail>p{margin:11px 0 0;color:#76686d;font-size:13px;line-height:1.65}
.ecx-marketing-panel-history article{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #eee5e7}.ecx-marketing-panel-history article:last-child{border-bottom:0}.ecx-marketing-panel-history article>i{display:grid;height:28px;place-items:center;border-radius:6px;background:#fff1f4;color:#963451;font-size:12px;font-style:normal}.ecx-marketing-panel-history p{margin:0}.ecx-marketing-panel-history b{display:block;font-size:13px}.ecx-marketing-panel-history span,.ecx-marketing-panel-history time{color:#83757a;font-size:12px}
.ecx-marketing-drawer>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-top:1px solid #e7dfe1;background:#fff}.ecx-marketing-drawer>footer>span{color:#7c6d73;font-size:12px}.ecx-marketing-drawer>footer nav{display:flex;gap:8px}.ecx-marketing-drawer>footer button{min-height:37px;padding:7px 14px;border:1px solid #ded1d5;border-radius:7px;background:#fff;color:#66565b;font-size:13px;font-weight:800}.ecx-marketing-drawer>footer button.primary{border-color:#9d2849;background:#9d2849;color:#fff}
.ecx-marketing-tabs{
  display:grid;
  grid-template-columns:repeat(var(--trade-tab-count),minmax(0,192px));
  min-height:58px;
  align-items:end;
  justify-content:center;
  gap:12px;
  overflow-x:auto;
  padding:6px 18px 0;
  border:0;
  border-radius:0;
  background:transparent;
}
.ecx-marketing-tabs button{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:0;
  min-height:49px;
  padding:10px 12px;
  border:1px solid #eadfe2;
  border-bottom:0;
  border-radius:8px 8px 0 0;
  background:#fffafa;
  color:#65585c;
  font-family:"Microsoft YaHei","PingFang SC","Segoe UI",Arial,sans-serif;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
}
.ecx-marketing-tabs button::after{position:absolute;right:16px;bottom:-1px;left:16px;height:3px;border-radius:3px 3px 0 0;background:transparent;content:""}
.ecx-marketing-tabs button:hover{border-color:#e4cbd2;background:#fff4f6;color:#952b48}
.ecx-marketing-tabs button.active{border-color:#a73352;background:#9f2949;color:#fff;box-shadow:0 -4px 14px rgba(159,41,73,.12)}
.ecx-marketing-tabs button.active::after{background:#fff}
.ecx-marketing-tabs button:focus-visible{outline:3px solid rgba(159,41,73,.22);outline-offset:2px}
.ecx-marketing-tabs em{min-width:24px;height:24px;display:inline-grid;place-items:center;padding:0 6px;border-radius:999px;background:#f3e5e9;color:#9d2b4a;font-size:12px;font-style:normal}
.ecx-marketing-tabs button.active em{background:rgba(255,255,255,.2);color:#fff}
.ecx-marketing-shell .ecx-kpis{gap:10px}
.ecx-marketing-shell .ecx-kpis article{
  position:relative;
  min-height:102px;
  padding:13px 14px;
  overflow:hidden;
  border-color:#eadfe2;
  border-radius:8px;
  background:#fff;
  box-shadow:0 5px 15px rgba(84,36,50,.04);
}
.ecx-marketing-shell .ecx-kpis article::after{
  position:absolute;
  top:12px;
  right:12px;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#faedf0;
  color:#a52c4d;
  font-size:16px;
  font-weight:800;
}
.ecx-marketing-shell .ecx-kpis article:nth-child(1)::after{content:"¥"}
.ecx-marketing-shell .ecx-kpis article:nth-child(2)::after{content:"♙";background:#eef4ff;color:#4777b8}
.ecx-marketing-shell .ecx-kpis article:nth-child(3)::after{content:"↗";background:#eaf7ef;color:#34855f}
.ecx-marketing-shell .ecx-kpis article:nth-child(4)::after{content:"AD"}
.ecx-marketing-shell .ecx-kpis article:nth-child(5)::after{content:"%";background:#fff3e7;color:#c87522}
.ecx-marketing-shell .ecx-kpis article:nth-child(6)::after{content:"△";background:#fff0e6;color:#d27a21}
.ecx-marketing-shell .ecx-kpis span{padding-right:32px;font-size:12px}
.ecx-marketing-shell .ecx-kpis strong{margin:9px 0 7px;font-size:24px}
.ecx-marketing-shell .ecx-kpis small{font-size:12px}
.ecx-marketing-shell .ecx-card{border-radius:8px;box-shadow:0 5px 16px rgba(84,36,50,.045)}
.ecx-marketing-shell .ecx-card>header{min-height:50px;padding:11px 13px}
.ecx-marketing-shell .ecx-card>header h2{font-size:16px}
.ecx-marketing-shell .ecx-card>header p{font-size:12px}
.ecx-marketing-grid{gap:12px}
.ecx-marketing-shell .ecx-table th{height:36px;padding:8px 10px;font-size:12px}
.ecx-marketing-shell .ecx-table td{height:41px;padding:8px 10px;font-size:13px}
.ecx-marketing-shell .ecx-table td small{font-size:12px}

.ecx-growth-funnel{gap:6px;padding:13px}
.ecx-growth-funnel>div{
  min-height:112px;
  border-radius:7px;
  background:linear-gradient(180deg,#fff8fa,#fff3f5);
  clip-path:polygon(0 0,91% 0,100% 50%,91% 100%,0 100%,8% 50%);
}
.ecx-growth-funnel>div:first-child{clip-path:polygon(0 0,91% 0,100% 50%,91% 100%,0 100%)}
.ecx-growth-funnel span{color:#a32e4f;font-size:13px;font-weight:800}
.ecx-growth-funnel strong{font-size:16px}
.ecx-growth-funnel small{font-size:12px}
.ecx-marketing-shell .overview-top-grid>.ecx-card>footer{padding:9px 13px;color:#75676b;font-size:12px}
.ecx-growth-judgement{
  border-color:#74132e!important;
  background:linear-gradient(135deg,#7d1533 0%,#5c0c24 58%,#2d0612 100%)!important;
  color:#fff;
  box-shadow:0 12px 24px rgba(89,12,35,.17)!important;
}
.ecx-growth-judgement>header{align-items:center;border-color:rgba(255,255,255,.12)!important}
.ecx-growth-judgement>header h2{color:#fff!important}
.ecx-growth-judgement>header h2 small{font-size:12px}
.ecx-growth-judgement>header>p{margin:0;color:#e8cbd4!important;font-size:12px;white-space:nowrap}
.ecx-growth-judgement>div{gap:5px;padding:8px 13px 12px}
.ecx-growth-judgement article{
  grid-template-columns:32px auto minmax(0,1fr) 18px;
  gap:8px;
  padding:9px 10px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:7px;
  background:rgba(255,255,255,.045);
}
.ecx-growth-judgement article>i{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#4b8e65;color:#dff4e7;font-size:18px;font-style:normal;font-weight:900}
.ecx-growth-judgement article:nth-child(n+2)>i{background:#c16732;color:#fff1dd}
.ecx-growth-judgement article>p{margin:0}
.ecx-growth-judgement article b{color:#fff;font-size:13px}
.ecx-growth-judgement article small{color:#e8d5db;font-size:12px}
.ecx-growth-judgement article .ecx-chip{border:0;background:#3e6f4c;color:#e2f5e8}
.ecx-growth-judgement article .ecx-chip.risk{background:#9d394b;color:#ffe6eb}
.ecx-growth-judgement article button{padding:0;color:#fff;font-size:20px}

.ecx-contribution-chart{
  grid-template-columns:repeat(auto-fit,minmax(110px,1fr));
  align-items:end;
  gap:12px;
  min-height:224px;
  padding:14px 16px 12px;
  background:repeating-linear-gradient(to bottom,transparent 0,transparent 42px,#f1e7e9 43px);
}
.ecx-contribution-chart>div{display:grid;grid-template-columns:1fr;grid-template-rows:130px auto auto auto;gap:4px;text-align:center}
.ecx-contribution-chart i{height:130px;display:flex;align-items:flex-end;justify-content:center;gap:7px}
.ecx-contribution-chart i>em,.ecx-contribution-chart i>b{width:24px;height:auto;border-radius:4px 4px 0 0}
.ecx-contribution-chart i>.sales{height:var(--sales);background:linear-gradient(180deg,#b52c52,#861f3e)}
.ecx-contribution-chart i>.profit{height:var(--profit);background:linear-gradient(180deg,#f0a32e,#d78113)}
.ecx-contribution-chart>div>strong{color:#4a343a;font-size:12px;font-variant-numeric:tabular-nums}
.ecx-contribution-chart>div>span{overflow:visible;color:#554247;font-size:12px;white-space:normal}
.ecx-contribution-chart>div>small{grid-column:auto;margin:0;color:#88777c;font-size:12px}

.ecx-activity-calendar b,.ecx-activity-calendar small,.ecx-price-guard dt,.ecx-ad-target,.ecx-ad-matrix i,.ecx-keyword-matrix i,.ecx-change-timeline small{font-size:12px}
.ecx-ad-trend{height:205px;margin:12px}
.ecx-ad-matrix{min-height:228px;margin:12px}
.ecx-keyword-matrix{min-height:242px;margin:12px}
.ecx-rank-trend{padding:14px}
.ecx-change-timeline>div{padding:7px 0}

/* 营销增长：活动日历、利润护栏与活动计划 */
.pricing-top-grid{grid-template-columns:minmax(500px,.94fr) minmax(560px,1.06fr);align-items:stretch}
.ecx-calendar-card,.ecx-price-guard-card{min-width:0;overflow:hidden}
.ecx-calendar-card>header,.ecx-price-guard-card>header,.ecx-activity-plan-card>header{min-height:48px}
.ecx-calendar-tools{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-width:0}
.ecx-calendar-tools select,.ecx-plan-controls select{
  height:33px;
  padding:0 28px 0 9px;
  border:1px solid #e5dade;
  border-radius:6px;
  background:#fff;
  color:#4d3c41;
  font-family:inherit;
  font-size:12px;
  font-weight:700;
}
.ecx-calendar-tools>span{display:flex;align-items:center;gap:4px;color:#75666b;font-size:12px;white-space:nowrap}
.ecx-calendar-tools i{width:7px;height:7px;display:block;border-radius:2px;background:#d8d0d3}
.ecx-calendar-tools i.live{background:#6aaf82}.ecx-calendar-tools i.upcoming{background:#8faed4}.ecx-calendar-tools i.signup{background:#e6a063}.ecx-calendar-tools i.ended{background:#c9c3c5}
.ecx-calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid #eee2e5;border-bottom:1px solid #eee2e5;background:#fffafa}
.ecx-calendar-weekdays b{padding:7px 8px;color:#786a6e;font-size:12px;text-align:center}
.ecx-calendar-card .ecx-activity-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:0;padding:0;background:#eee3e6}
.ecx-calendar-card .ecx-activity-calendar>div{position:relative;min-height:42px;gap:2px;padding:4px 6px;border-right:1px solid #eee3e6;border-bottom:1px solid #eee3e6;background:#fff}
.ecx-calendar-card .ecx-activity-calendar>div:nth-child(7n){border-right:0}
.ecx-calendar-card .ecx-activity-calendar>div.outside{background:#fcfafa;color:#b5aaad}
.ecx-calendar-card .ecx-activity-calendar>div>span{color:#75676b;font-size:12px}
.ecx-calendar-card .ecx-activity-calendar button{
  min-width:0;
  min-height:23px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:4px;
  padding:3px 5px;
  border:1px solid #cce4d5;
  border-radius:5px;
  background:#eaf6ee;
  color:#3d7653;
  text-align:left;
}
.ecx-calendar-card .ecx-activity-calendar button b{min-width:0;overflow:hidden;padding:0;background:transparent;color:inherit;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.ecx-calendar-card .ecx-activity-calendar button em{font-size:12px;font-style:normal;white-space:nowrap}
.ecx-calendar-card .ecx-activity-calendar button.upcoming{border-color:#cbd9eb;background:#edf3fa;color:#53759b}
.ecx-calendar-card .ecx-activity-calendar button.signup{border-color:#efd2b7;background:#fff2e6;color:#a8662b}
.ecx-calendar-card .ecx-activity-calendar button.ended{border-color:#ddd7d9;background:#f5f3f4;color:#807578}

.ecx-price-guard-card>header>button{border:0!important;background:transparent!important;color:#9e294b!important;font-size:12px!important}
.ecx-price-guard-wrap{overflow-x:auto;padding:0 12px 8px}
.ecx-price-guard-table{width:100%;min-width:680px;border-collapse:collapse;color:#43353a;font-variant-numeric:tabular-nums}
.ecx-price-guard-table th{height:32px;padding:6px 8px;border-top:1px solid #eee3e6;border-bottom:1px solid #eee3e6;background:#fffafa;color:#75666b;font-size:12px;text-align:left;white-space:nowrap}
.ecx-price-guard-table td{height:42px;padding:6px 8px;border-bottom:1px solid #eee5e7;font-size:12px;font-weight:700;white-space:nowrap}
.ecx-price-guard-table th:first-child{width:31%}.ecx-price-guard-table th:last-child{width:13%}
.ecx-guard-shop{display:grid;grid-template-columns:25px 20px minmax(0,1fr);align-items:center;gap:5px;min-width:0}
.ecx-guard-shop .ecx-platform-mark{width:24px;height:24px;flex-basis:24px;border-radius:6px;font-size:17px}
.ecx-guard-shop .ecx-platform-mark.amazon{font-size:25px}.ecx-guard-shop .ecx-platform-mark.tiktok{font-size:17px}.ecx-guard-shop .ecx-platform-mark.temu{font-size:12px}
.ecx-guard-shop>span{font-size:16px}.ecx-guard-shop>b{overflow:hidden;font-size:12px;text-overflow:ellipsis}
.ecx-price-guard-wrap>p{margin:8px 2px 1px;color:#82747a;font-size:12px}

.ecx-activity-plan-card{min-width:0;overflow:hidden}
.ecx-activity-plan-card>header{align-items:center}
.ecx-plan-controls{display:flex;align-items:center;gap:8px;margin-left:auto}
.ecx-plan-controls select{min-width:108px}
.ecx-plan-controls label{position:relative;display:block}
.ecx-plan-controls label>span{position:absolute;z-index:1;top:50%;left:9px;color:#897b80;font-size:18px;transform:translateY(-54%)}
.ecx-plan-controls input{width:190px;height:33px;padding:0 31px 0 29px;border:1px solid #e5dade;border-radius:6px;background:#fff;color:#46373c;font-family:inherit;font-size:12px}
.ecx-plan-table-wrap{overflow-x:auto}
.ecx-plan-table{width:100%;min-width:1030px;border-collapse:collapse;color:#42343a;font-variant-numeric:tabular-nums}
.ecx-plan-table th{height:32px;padding:6px 8px;border-top:1px solid #eee3e6;border-bottom:1px solid #eee3e6;background:#fffafa;color:#75666b;font-size:12px;text-align:left;white-space:nowrap}
.ecx-plan-table td{height:38px;padding:4px 8px;border-bottom:1px solid #eee5e7;font-size:12px;white-space:nowrap}
.ecx-plan-table th:first-child{width:25%}.ecx-plan-table th:nth-child(7){width:15%}.ecx-plan-table th:last-child{width:13%}
.ecx-plan-product{display:grid;grid-template-columns:25px 20px minmax(0,1fr);align-items:center;gap:5px;min-width:0}
.ecx-plan-product .ecx-platform-mark{width:24px;height:24px;flex-basis:24px;border-radius:6px;font-size:17px}
.ecx-plan-product .ecx-platform-mark.amazon{font-size:25px}.ecx-plan-product .ecx-platform-mark.tiktok{font-size:17px}.ecx-plan-product .ecx-platform-mark.temu{font-size:12px}
.ecx-market-flag{font-size:16px}.ecx-plan-product p{min-width:0;margin:0}.ecx-plan-product p b{display:block;overflow:hidden;font-size:12px;text-overflow:ellipsis}.ecx-plan-product p small{display:block;overflow:hidden;margin-top:2px;color:#81747a;font-size:12px;text-overflow:ellipsis}
.ecx-plan-table td>em{color:#a12b4c;font-size:12px;font-style:normal;font-weight:750}
.ecx-plan-owner{display:flex;align-items:center;gap:5px}.ecx-plan-owner>b{max-width:95px;overflow:hidden;font-size:12px;text-overflow:ellipsis}
.ecx-owner-badge{width:24px;height:24px;display:grid;flex:0 0 24px;place-items:center;border-radius:50%;background:#f2d8cc;color:#86442f;font-size:12px;font-weight:850}
.ecx-owner-badge.tone-1{background:#e2eaf7;color:#42658c}.ecx-owner-badge.tone-2{background:#e3f0e5;color:#48754f}.ecx-owner-badge.tone-3{background:#efe1f1;color:#73537b}
.ecx-plan-actions{display:flex;gap:7px}.ecx-plan-actions button{min-height:0!important;padding:0!important;border:0!important;background:transparent!important;color:#9f284a!important;font-size:12px!important}
.ecx-chip.info{background:#e7f1f9;color:#4c789d}.ecx-chip.draft{background:#f0eeee;color:#736a6d}
.ecx-plan-pagination{min-height:35px;display:flex;align-items:center;justify-content:flex-end;gap:11px;padding:4px 11px;color:#74666b;font-size:12px}
.ecx-plan-pagination nav{display:flex;align-items:center;gap:3px}.ecx-plan-pagination button{min-width:27px;min-height:27px;padding:3px 7px;border:0;background:transparent;color:#58494e;font-size:12px}
.ecx-plan-pagination button.active{border-radius:5px;background:#a32d4f;color:#fff}.ecx-plan-pagination button:disabled{opacity:.35}

/* 营销增长：关键词气泡机会矩阵 */
.ecx-keyword-matrix-card{min-width:0}
.ecx-keyword-matrix-head>div h2 small{color:#8b7d81;font-size:12px}
.ecx-keyword-matrix-head>p{margin:0;color:#6d5f64;font-size:12px;line-height:1.45;text-align:right}
.ecx-keyword-matrix-head>p span{color:#978a8e}
.ecx-keyword-matrix-wrap{position:relative;padding:5px 14px 29px 44px}
.ecx-keyword-matrix-wrap>.y-high,.ecx-keyword-matrix-wrap>.y-low{position:absolute;left:15px;color:#75686c;font-size:12px;font-weight:700}
.ecx-keyword-matrix-wrap>.y-high{top:14px}.ecx-keyword-matrix-wrap>.y-low{bottom:33px}
.ecx-keyword-matrix-wrap>.y-title{position:absolute;top:50%;left:14px;color:#584a4f;font-size:12px;letter-spacing:.08em;transform:translateY(-50%);writing-mode:vertical-rl}
.ecx-keyword-matrix-card .ecx-keyword-matrix{
  min-height:232px;
  margin:0;
  overflow:hidden;
  border:1px solid #e5dade;
  border-radius:7px;
  background:linear-gradient(90deg,rgba(63,157,109,.08) 0 50%,rgba(218,73,99,.07) 50% 100%),linear-gradient(180deg,transparent 0 50%,rgba(61,118,174,.07) 50% 100%);
}
.ecx-keyword-matrix-card .ecx-keyword-matrix>span{z-index:1;display:flex;align-items:baseline;gap:4px;font-size:12px}
.ecx-keyword-matrix-card .ecx-keyword-matrix>span b{font-size:13px}.ecx-keyword-matrix-card .ecx-keyword-matrix>span small{font-size:12px;font-weight:600}
.ecx-keyword-matrix-card .ecx-keyword-matrix .a{top:10px;left:12px;color:#2f8a5e}.ecx-keyword-matrix-card .ecx-keyword-matrix .b{top:10px;right:12px;color:#bd3f54}
.ecx-keyword-matrix-card .ecx-keyword-matrix .c{bottom:10px;left:12px;color:#4779aa}.ecx-keyword-matrix-card .ecx-keyword-matrix .d{right:12px;bottom:10px;color:#c2772e}
.ecx-keyword-point{
  position:absolute;
  z-index:2;
  top:var(--y);
  left:var(--x);
  min-height:0!important;
  display:flex;
  align-items:center;
  gap:6px;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#4a3b40!important;
  text-align:left;
  transform:translate(-50%,-50%);
}
.ecx-keyword-point>i{position:static!important;width:var(--bubble)!important;height:var(--bubble)!important;display:block!important;flex:0 0 var(--bubble);padding:0!important;border:0!important;border-radius:50%!important;background:#5aaa78!important;box-shadow:0 0 0 3px rgba(255,255,255,.94),0 3px 8px rgba(61,80,69,.16)!important}
.ecx-keyword-point.red>i{background:#d64d65!important}.ecx-keyword-point.blue>i{background:#4c86bd!important}.ecx-keyword-point.orange>i{background:#e98b36!important}
.ecx-keyword-point>span{max-width:120px;color:#43353a;font-size:12px;line-height:1.25;white-space:nowrap}
.ecx-keyword-x-axis{position:absolute;right:14px;bottom:5px;left:44px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#75686c;font-size:12px}
.ecx-keyword-x-axis span:last-child{text-align:right}.ecx-keyword-x-axis b{position:relative;padding:0 38px;color:#55464a;font-size:12px;white-space:nowrap}
.ecx-keyword-x-axis b::before,.ecx-keyword-x-axis b::after{position:absolute;top:50%;width:32px;border-top:1px solid #aa9da1;content:""}
.ecx-keyword-x-axis b::before{right:calc(100% - 31px)}.ecx-keyword-x-axis b::after{left:calc(100% - 31px)}

/* 营销增长：广告效率矩阵与预算表 */
.ads-middle-grid{grid-template-columns:minmax(460px,.84fr) minmax(540px,1.16fr);align-items:stretch}
.ecx-ad-efficiency-card,.ecx-budget-card{min-height:312px}
.ecx-ad-efficiency-card>header h2 small{color:#8a7a7f;font-size:12px}
.ecx-ad-efficiency-card>header p{margin-top:5px;color:#6f6266}
.ecx-ad-matrix-wrap{position:relative;padding:5px 14px 29px 46px}
.ecx-ad-matrix-wrap>.y-high,.ecx-ad-matrix-wrap>.y-low{position:absolute;left:16px;color:#726469;font-size:12px;font-weight:700}
.ecx-ad-matrix-wrap>.y-high{top:13px}.ecx-ad-matrix-wrap>.y-low{bottom:32px}
.ecx-ad-matrix-wrap>.y-title{position:absolute;top:50%;left:15px;color:#58484d;font-size:12px;letter-spacing:.08em;transform:translateY(-50%);writing-mode:vertical-rl}
.ecx-ad-matrix{
  min-height:220px;
  margin:0;
  overflow:hidden;
  border:1px solid #e7dce0;
  border-radius:8px;
  background:linear-gradient(90deg,rgba(72,158,113,.08) 0 50%,rgba(228,137,49,.08) 50% 100%),linear-gradient(180deg,rgba(255,255,255,.1) 0 50%,rgba(68,123,172,.07) 50% 100%);
}
.ecx-ad-matrix>span{z-index:1;display:flex;align-items:baseline;gap:4px;font-size:12px}
.ecx-ad-matrix>span b{font-size:13px}.ecx-ad-matrix>span small{font-size:12px;font-weight:600}
.ecx-ad-matrix .q1{top:10px;left:12px;color:#2f8b60}.ecx-ad-matrix .q2{top:10px;right:12px;color:#bd7421}
.ecx-ad-matrix .q3{bottom:10px;left:12px;color:#4779aa}.ecx-ad-matrix .q4{right:12px;bottom:10px;color:#bd3e4d}
.ecx-ad-point{
  position:absolute;
  z-index:2;
  top:var(--y);
  left:var(--x);
  min-height:0!important;
  display:flex;
  align-items:center;
  gap:6px;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#4a3a3f!important;
  text-align:left;
  transform:translate(-50%,-50%);
  cursor:pointer;
}
.ecx-ad-point.label-left{flex-direction:row-reverse;text-align:right}
.ecx-ad-point>i{position:static;width:var(--bubble);height:var(--bubble);display:block;flex:0 0 var(--bubble);border:0;border-radius:50%;background:#55a774;box-shadow:0 0 0 3px rgba(255,255,255,.92),0 3px 8px rgba(65,78,70,.18)}
.ecx-ad-point.orange>i{background:#ee921b}.ecx-ad-point.red>i{background:#d34a60}.ecx-ad-point.blue>i{background:#4c84bd}
.ecx-ad-point>span{display:grid;max-width:96px;gap:1px}
.ecx-ad-point>span b{font-size:12px;line-height:1.25}.ecx-ad-point>span small{color:#74666b;font-size:12px;line-height:1.2}
.ecx-ad-x-axis{position:absolute;right:14px;bottom:5px;left:46px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#73666a;font-size:12px}
.ecx-ad-x-axis span:last-child{text-align:right}.ecx-ad-x-axis b{position:relative;padding:0 38px;color:#55464a;font-size:12px}
.ecx-ad-x-axis b::before,.ecx-ad-x-axis b::after{position:absolute;top:50%;width:32px;border-top:1px solid #a99b9f;content:""}
.ecx-ad-x-axis b::before{right:calc(100% - 31px)}.ecx-ad-x-axis b::after{left:calc(100% - 31px)}
.ecx-budget-card>header{min-height:50px}.ecx-budget-table-wrap{padding:0 12px 8px}
.ecx-budget-table{width:100%;border-collapse:separate;border-spacing:0;color:#433338;font-variant-numeric:tabular-nums}
.ecx-budget-table th{height:36px;padding:7px 9px;border-top:1px solid #eee3e6;border-bottom:1px solid #eee3e6;background:#fffafa;color:#75666b;font-size:12px;text-align:left}
.ecx-budget-table th:first-child{border-left:1px solid #eee3e6;border-radius:7px 0 0 0}.ecx-budget-table th:last-child{border-right:1px solid #eee3e6;border-radius:0 7px 0 0}
.ecx-budget-table td{height:45px;padding:7px 9px;border-bottom:1px solid #eee5e7;font-size:13px;white-space:nowrap}
.ecx-budget-shop{display:flex;align-items:center;gap:8px;min-width:0}.ecx-budget-shop .ecx-platform-mark{width:26px;height:26px;flex-basis:26px;border-radius:6px;font-size:18px}
.ecx-budget-shop .ecx-platform-mark.amazon{font-size:27px}.ecx-budget-shop .ecx-platform-mark.tiktok{font-size:18px}.ecx-budget-shop .ecx-platform-mark.temu{font-size:12px}
.ecx-budget-shop>span{display:grid;min-width:0;gap:1px}.ecx-budget-shop b{font-size:13px}.ecx-budget-shop small{overflow:hidden;color:#7d6e73;font-size:12px;text-overflow:ellipsis}
.ecx-budget-progress{display:grid;min-width:104px;gap:4px}.ecx-budget-progress>b{color:#3e3035;font-size:12px;text-align:center}
.ecx-budget-progress>i{height:6px;overflow:hidden;border-radius:999px;background:#f0e2e6}.ecx-budget-progress>i>em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9d2849,#c74e71)}
.ecx-budget-table .ecx-chip{white-space:nowrap}
.ecx-budget-more{min-height:31px!important;margin-top:3px;padding:5px 2px!important;border:0!important;background:transparent!important;color:#9d2849!important;font-size:12px!important}

/* 营销增长：活动前后效果复盘 */
.ecx-review-card{overflow:hidden}
.ecx-review-head{min-height:48px!important;display:grid!important;grid-template-columns:auto minmax(260px,1fr) auto;align-items:center!important;justify-content:start!important;gap:10px!important;padding:8px 13px!important;border-bottom:1px solid #eee1e4;background:#fff!important;color:#33272b!important}
.ecx-review-head h2{color:#33272b!important}
.ecx-review-head label{max-width:330px}
.ecx-review-head select{width:100%;height:34px;padding:0 30px 0 10px;border:1px solid #e6dade;border-radius:6px;background:#fff;color:#48383d;font-family:inherit;font-size:14px}
.ecx-review-head>button{min-height:32px!important;padding:5px 8px!important;border:0!important;background:transparent!important;color:#9d2849!important;font-size:12px!important}
.ecx-review-layout{display:grid;grid-template-columns:minmax(540px,1.04fr) minmax(520px,.96fr);gap:8px;padding:0 12px 12px}
.ecx-review-periods{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1.28fr);align-items:stretch}
.ecx-review-periods>article{min-width:0;overflow:hidden;border:1px solid #eedfe2;border-radius:8px;background:#fffdfd}
.ecx-review-periods>article>header{display:flex;align-items:center;gap:6px;min-height:34px;padding:6px 9px;border-bottom:1px solid #f1e5e7;background:#fff9fa}
.ecx-review-periods>article>header b{color:#a52d4d;font-size:13px}.ecx-review-periods>article>header span{color:#7d6f73;font-size:12px}
.ecx-review-periods>article>div{display:grid;gap:0;padding:8px 7px}
.ecx-review-periods>.before>div{grid-template-columns:repeat(4,minmax(0,1fr))}.ecx-review-periods>.after>div{grid-template-columns:repeat(5,minmax(0,1fr))}
.ecx-review-periods section{min-width:0;padding:0 7px;border-right:1px solid #f1e5e7}.ecx-review-periods section:last-child{border-right:0}
.ecx-review-periods section>span{display:block;overflow:hidden;color:#6f6266;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.ecx-review-periods section>strong{display:block;margin-top:6px;overflow:hidden;color:#322529;font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap}
.ecx-review-periods section>small{display:block;margin-top:4px;color:#2e8a61;font-size:12px;font-weight:800;white-space:nowrap}
.ecx-review-arrow{display:grid;place-items:center;color:#c5b8bc;font-size:24px;font-style:normal;font-weight:800}
.ecx-review-spark{height:18px;display:flex;align-items:flex-end;gap:2px;margin-top:7px}
.ecx-review-spark span{width:2px;height:26%;display:block;background:#ddd4d7}
.ecx-review-spark span:nth-child(2),.ecx-review-spark span:nth-child(9){height:52%}.ecx-review-spark span:nth-child(3),.ecx-review-spark span:nth-child(7){height:34%}
.ecx-review-spark span:nth-child(4),.ecx-review-spark span:nth-child(10){height:78%}.ecx-review-spark span:nth-child(5),.ecx-review-spark span:nth-child(8){height:61%}.ecx-review-spark span:nth-child(6),.ecx-review-spark span:nth-child(12){height:91%}
.ecx-review-spark.spark-1 span{background:#cfe5d9}.ecx-review-spark.spark-2 span{background:#eed3da}
.ecx-review-summary{display:grid;grid-template-columns:repeat(4,minmax(88px,1fr)) minmax(170px,1.7fr);gap:8px}
.ecx-review-summary>article{min-width:0;display:grid;align-content:center;gap:6px;padding:10px 12px;border:1px solid #eedfe2;border-radius:8px;background:linear-gradient(180deg,#fffafa,#fff)}
.ecx-review-summary span{color:#76686d;font-size:12px}.ecx-review-summary strong{color:#3d3034;font-size:14px;font-variant-numeric:tabular-nums}.ecx-review-summary>article:nth-child(3) strong{color:#2e8a61}
.ecx-review-summary b{color:#3d3034;font-size:12px}.ecx-review-summary .conclusion{align-content:start}.ecx-review-summary .conclusion p{margin:0;color:#594b50;font-size:12px;line-height:1.55}

@container (max-width:1050px){
  .ecx-marketing-filterset{order:3;flex-basis:100%;justify-content:flex-start}
  .ecx-marketing-filterset label{flex:1 1 110px;max-width:none!important}
  .ecx-marketing-update{margin-left:auto}
  .ecx-marketing-shell .ecx-kpis strong{font-size:20px}
  .overview-top-grid,.overview-bottom-grid,.pricing-top-grid,.pricing-bottom-grid,.ads-top-grid,.ads-middle-grid,.ads-bottom-grid,.keyword-top-grid,.keyword-bottom-grid,.keyword-task-grid,.competitor-top-grid,.competitor-bottom-grid,.competitor-list-grid{grid-template-columns:1fr}
}
@container (max-width:1180px){
  .ecx-review-layout{grid-template-columns:1fr}
}
@container (max-width:720px){
  .ecx-calendar-card>header,.ecx-activity-plan-card>header{align-items:flex-start;flex-direction:column}
  .ecx-calendar-tools{justify-content:flex-start;flex-wrap:wrap}
  .ecx-plan-controls{width:100%;margin-left:0}.ecx-plan-controls select,.ecx-plan-controls label,.ecx-plan-controls input{width:100%}
  .ecx-plan-table{min-width:980px}.ecx-price-guard-table{min-width:660px}
  .ecx-keyword-matrix-head{align-items:flex-start}.ecx-keyword-matrix-head>p{text-align:left}
  .ecx-keyword-point>span{max-width:92px;overflow:hidden;text-overflow:ellipsis}
  .ecx-review-head{grid-template-columns:1fr!important}.ecx-review-head label{max-width:none}
  .ecx-review-periods{grid-template-columns:1fr}.ecx-review-arrow{min-height:22px;transform:rotate(90deg)}
  .ecx-review-periods>.before>div,.ecx-review-periods>.after>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ecx-review-periods section{padding:7px;border-right:0;border-bottom:1px solid #f1e5e7}.ecx-review-periods section:nth-last-child(-n+2){border-bottom:0}
  .ecx-review-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.ecx-review-summary .conclusion{grid-column:1/-1}
  .ecx-budget-table-wrap{overflow-x:auto}.ecx-budget-table{min-width:660px}
}
@container (max-width:640px){
  .ecx-marketing-filterset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .ecx-marketing-filterset label{max-width:none}
  .ecx-marketing-tabs{overflow-x:auto;grid-template-columns:repeat(5,150px);justify-content:start;padding-inline:0}
  .ecx-marketing-tabs button{font-size:14px}
  .ecx-growth-funnel-card .ecx-growth-funnel{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .ecx-growth-funnel-card .ecx-growth-funnel>button{min-height:116px;clip-path:none;border:1px solid #eddde1;border-radius:8px}
  .ecx-growth-funnel-card>footer{align-items:flex-start;flex-direction:column}
}

/* 平台与店铺：对齐外贸 CRM 的台账式经营总览 */
.ecx-source-shell:has(.ecx-store-kpis){gap:18px}
.ecx-source-shell:has(.ecx-store-kpis) .ecx-page-head{padding:2px 4px 4px}
.ecx-source-shell:has(.ecx-store-kpis) .ecx-page-head h1{font-size:30px}
.ecx-source-shell:has(.ecx-store-kpis) .ecx-page-head p{font-size:14px}
.ecx-source-shell:has(.ecx-store-kpis) .ecx-page-head nav button{min-width:138px;min-height:43px;border-radius:8px}
.ecx-store-kpis{gap:18px}
.ecx-store-kpis article{display:flex;align-items:center;gap:17px;min-height:116px;padding:19px 21px;background:rgba(255,255,255,.92);box-shadow:0 8px 22px rgba(95,40,55,.045)}
.ecx-store-kpis article>i{width:32px;height:38px;display:grid;flex:0 0 32px;place-items:center;color:#c95e35;font-size:34px;font-style:normal;font-weight:500}
.ecx-store-kpis article:nth-child(2)>i{color:#9b274a}.ecx-store-kpis article.good>i{color:#4ca65a}.ecx-store-kpis article.warn>i{color:#ee9a25}.ecx-store-kpis article.risk>i{color:#a92c52}
.ecx-store-kpis span{margin-bottom:7px;color:#68585d;font-size:14px;font-weight:700}.ecx-store-kpis strong{margin:0;color:#38282d;font-size:32px}.ecx-store-kpis strong small{display:inline;margin-left:4px;color:#6f5e63;font-size:14px;font-weight:700}
.ecx-store-overview-layout{grid-template-columns:minmax(0,1.16fr) minmax(410px,.84fr);gap:14px;align-items:start}
.ecx-store-overview-layout>.ecx-card{box-shadow:0 8px 22px rgba(95,40,55,.045)}
.ecx-ledger-card>header{min-height:63px;padding:14px 15px}.ecx-ledger-card>header h2{font-size:18px}.ecx-ledger-card .ecx-filter-row{padding:10px 14px;background:#fff}
.ecx-ledger-card .ecx-table thead{background:#fff7f5}.ecx-ledger-card .ecx-table td{height:47px}.ecx-ledger-card .ecx-table tr.selected td{background:#fffafa}
.ecx-shop-cell{display:flex;align-items:center;gap:9px}.ecx-shop-cell>span{display:grid;gap:2px;text-align:left}.ecx-shop-cell small{color:#806e74;font-size:11px}
.ecx-platform-mark{width:30px;height:30px;display:grid;flex:0 0 30px;place-items:center;border-radius:8px;background:#f3eaed;color:#922848;font-size:17px;font-style:normal;font-weight:900;line-height:1}
.ecx-platform-mark.amazon{background:#fff;color:#111;font-family:Georgia,serif;font-size:31px;font-style:italic}.ecx-platform-mark.tiktok{background:#101016;color:#fff;font-size:21px}.ecx-platform-mark.temu{background:#ff802e;color:#fff;font-size:8px;letter-spacing:-.3px}.ecx-platform-mark.shein{background:#111;color:#fff;font-family:Georgia,serif}
.ecx-store-detail{background:#fff}.ecx-store-detail .ecx-store-hero{min-height:70px;padding:14px 16px;border-bottom:1px solid #f0e5e7;background:#fff;color:#2d2024}.ecx-store-detail .ecx-store-hero .ecx-platform-mark{width:42px;height:42px;flex-basis:42px;font-size:38px}.ecx-store-detail .ecx-store-hero .ecx-platform-mark.tiktok{font-size:27px}.ecx-store-detail .ecx-store-hero .ecx-platform-mark.temu{font-size:10px}.ecx-store-detail .ecx-store-hero h2{color:#302328;font-size:19px}.ecx-store-detail .ecx-store-hero p{color:#806e74}.ecx-store-hero-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.ecx-store-hero-actions em{font-style:normal}.ecx-store-detail .ecx-store-hero-actions .ecx-open-backend{width:auto;min-width:128px;min-height:36px;margin:0;padding:7px 12px;border:0;border-radius:7px;background:var(--brand);color:#fff!important;font-size:12px;font-weight:850;white-space:nowrap}
.ecx-store-detail .ecx-detail-list{padding:6px 16px}.ecx-store-detail .ecx-detail-list div{padding:8px 0}.ecx-store-detail .ecx-detail-list dt{font-size:13px}.ecx-store-detail .ecx-detail-list dd{font-size:13px}
.ecx-store-detail>header{min-height:46px;padding:8px 16px;border-bottom:0}.ecx-store-detail>header h2{font-size:16px}.ecx-store-detail>header p{display:none}
.ecx-store-detail .ecx-capability-matrix{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:7px 16px 13px}.ecx-store-detail .ecx-capability-matrix>div{grid-template-columns:1fr;grid-template-rows:auto auto auto;justify-items:center;align-content:center;gap:4px;min-height:88px;padding:8px 4px;background:#fffdfc;text-align:center}.ecx-store-detail .ecx-capability-matrix i{grid-row:auto;display:grid;width:25px;height:25px;place-items:center;color:#769d42;font-size:21px;font-style:normal}.ecx-store-detail .ecx-capability-matrix>div:nth-child(2) i{color:#387bb8}.ecx-store-detail .ecx-capability-matrix>div:nth-child(3) i{color:#7957b8}.ecx-store-detail .ecx-capability-matrix>div:nth-child(4) i{color:#d79b28}.ecx-store-detail .ecx-capability-matrix b{align-self:auto;font-size:11px;white-space:nowrap}.ecx-store-detail .ecx-capability-matrix span{align-self:auto;justify-self:center;font-size:10px}
.ecx-credential-note{margin:0 16px 13px;padding:9px 10px;border-radius:7px;background:#fff0f2;color:#b34d65;font-size:12px;font-weight:750}.ecx-store-detail footer{padding:0 16px 14px}.ecx-store-detail footer button{min-height:34px}
.ecx-today-issues{margin-top:0}.ecx-today-issues>div{gap:12px}.ecx-today-issues article{min-height:58px;align-items:center;background:#fff}

@media(max-width:1400px){
  .ecx-task-toolbar{align-items:stretch;flex-direction:column}
  .ecx-task-filters{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1180px){
  .ecx-kpis,.ecx-marketing-shell .ecx-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ecx-platform-grid,.ecx-listing-grid,.ecx-sync-layout,.ecx-dashboard-grid,.ecx-assignment-layout,.ecx-security-grid,.ecx-marketing-grid{grid-template-columns:1fr}
  .ecx-task-layout{grid-template-columns:1fr}
  .ecx-task-detail{position:static;max-height:none}
  .ecx-store-overview-layout{grid-template-columns:1fr}
  .ecx-judgement-reasons{grid-template-columns:1fr}
  .ecx-listing-grid>aside,.ecx-platform-grid>aside{max-width:none}
}
@media(max-width:980px){
  .app-shell.ecommerce-active .topbar{top:80px}
  .ecommerce-workspace{grid-template-columns:1fr}
  .ecommerce-menu{position:static;width:100%;max-width:100%;max-height:none;overflow:hidden}
  .ecommerce-menu-groups{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ecommerce-tabbed-hub .growth-hub-tabs{grid-template-columns:repeat(var(--trade-tab-count),minmax(0,1fr))}
  .ecx-page-head{align-items:flex-start;flex-direction:column}
  .ecx-page-head nav{width:100%;flex-wrap:wrap}
  .ecx-command-center .ecx-page-head>div{width:100%;min-width:0;flex:auto}
  .ecx-command-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ecx-task-toolbar{align-items:stretch;flex-direction:column}
  .ecx-task-filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ecx-collaboration-strip{grid-template-columns:1fr}
}
@media(max-width:700px){
  .ecommerce-menu-groups{grid-template-columns:1fr}
  .ecommerce-tabbed-hub>.growth-hub-header{padding:7px 8px 0}
  .ecommerce-tabbed-hub .growth-hub-tabs{display:flex;overflow-x:auto;justify-content:flex-start}
  .ecommerce-tabbed-hub .growth-hub-tabs button{width:156px;min-width:156px}
  .ecx-kpis,.ecx-marketing-shell .ecx-kpis,.ecx-hero-metrics,.ecx-funnel,.ecx-growth-funnel,.ecx-retrospective,.ecx-search-insights{grid-template-columns:1fr}
  .ecx-store-kpis{gap:10px}.ecx-store-kpis article{min-height:86px;padding:14px}.ecx-source-shell:has(.ecx-store-kpis) .ecx-page-head nav button{min-width:0}
  .ecx-security-drawer{width:100vw}.ecx-security-drawer>header,.ecx-security-drawer>main,.ecx-security-drawer>footer{padding-inline:14px}.ecx-security-drawer-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.ecx-security-drawer-summary>div:nth-child(2){border-right:0}.ecx-security-drawer-summary>div:nth-child(-n+2){border-bottom:1px solid #eee4e6}
  .ecx-permission-drawer{width:100vw}.ecx-permission-drawer>header,.ecx-permission-drawer>main,.ecx-permission-drawer>footer{padding-inline:14px}
  .ecx-permission-drawer .ecx-permission-workbench>.ecx-assignment-layout{grid-template-columns:1fr}.ecx-permission-drawer .ecx-employee-list>div{max-height:170px}.ecx-employee-trial-base button{margin-left:0}
  .ecx-store-drawer,.ecx-device-setup{width:100vw}.ecx-store-drawer>header,.ecx-store-drawer>form>main,.ecx-store-drawer>form>footer,.ecx-device-setup>header,.ecx-device-setup>main,.ecx-device-setup>footer{padding-inline:14px}.ecx-store-form-grid,.ecx-local-browser-proxy{grid-template-columns:1fr}.ecx-store-form-grid label.wide{grid-column:auto}.ecx-local-browser-step>header,.ecx-local-browser-network>header{align-items:flex-start;flex-direction:column}.ecx-device-setup>footer{flex-wrap:wrap}.ecx-device-setup>footer span{flex-basis:100%}
  .ecx-marketing-drawer{width:100vw}.ecx-marketing-drawer>header,.ecx-marketing-drawer>main,.ecx-marketing-drawer>footer{padding-inline:14px}.ecx-marketing-panel-summary,.ecx-marketing-panel-form,.ecx-marketing-panel-detail dl{grid-template-columns:1fr}.ecx-marketing-panel-form label.wide{grid-column:auto}.ecx-marketing-drawer>footer{align-items:stretch;flex-direction:column}.ecx-marketing-drawer>footer nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .ecx-filter-row{align-items:stretch;flex-direction:column}
  .ecx-filter-row input,.ecx-filter-row select{width:100%;flex:auto}
  .ecx-assignment-shops{grid-template-columns:1fr}
  .ecx-today-issues>div{grid-template-columns:1fr}
  .ecx-page-head nav>*{flex:1 1 130px}
  .ecx-judgement{padding:16px}
  .ecx-judgement>h2{font-size:20px}
  .ecx-command-actions{align-items:stretch;flex-direction:column}.ecx-command-actions span{margin-left:0}
  .ecx-command-kpis,.ecx-task-filters,.ecx-collaboration-strip>div{grid-template-columns:1fr}
  .ecx-task-scope{width:100%}.ecx-task-scope button{flex:1 1 0}
  .ecx-task-create-drawer>main{grid-template-columns:1fr;padding:18px}.ecx-task-create-drawer label.wide{grid-column:auto}.ecx-task-create-drawer>header,.ecx-task-create-drawer>footer{padding:16px 18px}.ecx-task-create-drawer>footer{align-items:stretch;flex-direction:column}.ecx-task-create-drawer>footer>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .ecx-marketing-controls{align-items:stretch;flex-direction:column}.ecx-marketing-controls>label{display:grid;grid-template-columns:88px minmax(0,1fr)}.ecx-marketing-controls select{width:100%}.ecx-marketing-controls .ecx-freshness{margin-left:0}.ecx-contribution-chart>div{grid-template-columns:1fr}.ecx-contribution-chart small{grid-column:auto}.ecx-marketing-issues>div,.ecx-ad-diagnosis>div{grid-template-columns:auto minmax(0,1fr)}.ecx-marketing-issues button,.ecx-ad-diagnosis button{grid-column:2;justify-self:start}.ecx-activity-calendar>div{min-height:58px;padding:5px}.ecx-activity-calendar b{font-size:12px}.ecx-change-timeline>div{grid-template-columns:36px 14px minmax(0,1fr)}.ecx-change-timeline button{grid-column:3;justify-self:start}
}

/* AI-BOS 店铺数据采集助手 */
.capture-assistant-page{width:100%;max-width:100%;min-width:0;grid-template-columns:minmax(0,1fr);gap:16px;overflow:hidden}
.ecommerce-tabbed-hub{grid-template-columns:minmax(0,1fr)}
.ecommerce-tabbed-hub .growth-hub-content{width:100%;max-width:100%;min-width:0;grid-template-columns:minmax(0,1fr)}
.capture-service-error{display:grid;gap:4px;padding:13px 15px;border:1px solid #efb9bf;border-radius:10px;background:#fff0f1;color:#a5293a;font-size:13px}
.capture-service-error b{font-size:16px}.capture-service-error span,.capture-service-error em{font-size:12px;font-style:normal}
.capture-environment-ledger{min-width:0;overflow:hidden}.capture-environment-ledger>header{align-items:flex-start}.capture-runtime-state{padding:6px 9px;border-radius:999px;background:#f7eef0;color:#805260;font-size:11px;font-weight:800;white-space:nowrap}
.capture-environment-error{margin:0 14px 10px;padding:9px 11px;border:1px solid #efb9bf;border-radius:8px;background:#fff1f2;color:#a5293a;font-size:12px;font-weight:750}
.capture-environment-toolbar{display:flex;align-items:center;gap:7px;padding:0 14px 12px;border-bottom:1px solid #f0e5e7;overflow-x:auto}.capture-environment-toolbar button{min-height:32px;padding:6px 10px;border:1px solid #e4d5d9;border-radius:8px;background:#fff;color:#73565e;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}.capture-environment-toolbar button b{margin-left:4px;color:#9b2748}.capture-environment-toolbar button.active{border-color:var(--brand);background:#fff4f6;color:var(--brand)}.capture-environment-toolbar>span{margin-left:auto;color:#88787d;font-size:11px;white-space:nowrap}
.capture-environment-table{max-height:440px}.capture-environment-table .ecx-table{min-width:1040px}.capture-environment-table td{vertical-align:top}.capture-environment-table td>b,.capture-environment-table td>small{display:block}.capture-environment-table td>small{margin-top:4px;color:#88787d;font-size:11px}.capture-environment-table td:nth-child(1){min-width:230px}.capture-environment-table td:nth-child(2){min-width:175px}.capture-environment-table td:nth-child(5){min-width:160px}.capture-account-lines{margin-top:7px;color:#57464c;font-size:11px;line-height:1.65}.capture-primary-issue{color:#a5293a!important;font-weight:800}.capture-environment-table td>em{display:block;margin-top:3px;color:#9c7882;font-size:10px;font-style:normal}.capture-environment-table button{min-height:32px;padding:6px 9px;border:1px solid #dcbfc8;border-radius:7px;background:#fff;color:var(--brand);font-size:12px;font-weight:800;white-space:nowrap}.capture-environment-blocked td{background:#fffafa}.capture-environment-attention td{background:#fffdf8}
.capture-employee-access-ledger{min-width:0;overflow:hidden}.capture-employee-access-ledger>header{align-items:flex-start}.capture-employee-access-actions{display:flex;flex-wrap:wrap;gap:7px}.capture-employee-access-actions button{min-height:34px;padding:7px 10px;border:1px solid #dcbfc8;border-radius:8px;background:#fff;color:var(--brand);font-size:12px;font-weight:800}.capture-employee-access-actions button.primary{border-color:var(--brand);background:var(--brand);color:#fff}
.capture-access-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 14px 12px}.capture-access-summary span{padding:10px 11px;border:1px solid #eee2e5;border-radius:9px;background:#fbf8f8;color:#79656b;font-size:12px}.capture-access-summary b{display:block;margin-bottom:3px;color:#4b353c;font-size:19px}
.capture-access-change-form{display:grid;gap:12px;margin:0 14px 14px;padding:14px;border:1px solid #dcc6cd;border-radius:11px;background:linear-gradient(180deg,#fffafb,#fff)}.capture-access-change-form>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.capture-access-change-form>header>div{display:grid;gap:3px}.capture-access-change-form>header b{color:#3e292f;font-size:14px}.capture-access-change-form>header span,.capture-access-change-form>header em{color:#856f76;font-size:11px;line-height:1.5}.capture-access-change-form>header em{max-width:330px;padding:5px 8px;border-radius:7px;background:#f7eef0;color:#8d4058;font-style:normal;font-weight:750}.capture-change-basic-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.capture-access-change-form label{min-width:0}.capture-change-basic-fields label,.capture-change-identity label,.capture-change-reason{display:grid;gap:5px;color:#72565f;font-size:12px;font-weight:800}.capture-access-change-form select,.capture-access-change-form textarea{width:100%;min-width:0;padding:8px 9px;border:1px solid #ddcfd3;border-radius:8px;background:#fff;color:#2d2024;font:inherit;font-weight:500}.capture-access-change-form select{height:38px}.capture-access-change-form textarea{resize:vertical}.capture-access-change-form fieldset{min-width:0;margin:0;padding:11px;border:1px solid #eadfe2;border-radius:9px;background:#fff}.capture-access-change-form legend{padding:0 5px;color:#513b42;font-size:12px;font-weight:850}.capture-access-change-form fieldset>p{margin:0 0 8px;color:#907b81;font-size:10px;line-height:1.5}.capture-change-target-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.capture-change-check-list{display:grid;gap:5px;max-height:190px;overflow:auto}.capture-change-check-list>label,.capture-change-device-grid>label{display:grid;grid-template-columns:16px minmax(0,1fr);gap:8px;align-items:flex-start;padding:7px 8px;border:1px solid #f0e6e8;border-radius:7px;background:#fffdfd;cursor:pointer}.capture-change-check-list input,.capture-change-device-grid input{width:15px;height:15px;margin-top:2px;accent-color:var(--brand)}.capture-change-check-list b,.capture-change-check-list small,.capture-change-device-grid b,.capture-change-device-grid small{display:block}.capture-change-check-list b,.capture-change-device-grid b{color:#4b353c;font-size:11px}.capture-change-check-list small,.capture-change-device-grid small{margin-top:2px;color:#927e84;font-size:10px;font-weight:500}.capture-change-identity>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.capture-change-identity>small{display:block;margin-top:7px;color:#927e84;font-size:10px}.capture-change-device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.capture-change-no-device{color:#927e84;font-size:11px}.capture-access-change-form>footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.capture-access-change-form>footer span{color:#856f76;font-size:11px}.capture-access-change-form>footer button,.capture-change-preview-head button{min-height:36px;padding:7px 11px;border:1px solid #d9c3ca;border-radius:8px;background:#fff;color:var(--brand);font-size:12px;font-weight:850}.capture-access-change-form>footer button.primary,.capture-change-preview-head button.primary{border-color:var(--brand);background:var(--brand);color:#fff}
.capture-change-workbench{margin:0 14px 14px;border:1px solid #ead9de;border-radius:10px;background:#fff;overflow:hidden}.capture-change-workbench>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid #f0e5e7;background:#fffafa}.capture-change-workbench>header>div{display:grid;gap:2px}.capture-change-workbench>header b{color:#442f36;font-size:13px}.capture-change-workbench>header span{color:#8c777e;font-size:10px}.capture-change-workbench>header nav{display:flex;gap:5px;max-width:65%;overflow-x:auto}.capture-change-workbench>header nav button{min-height:29px;padding:5px 8px;border:1px solid #e4d5d9;border-radius:7px;background:#fff;color:#76545e;font-size:10px;font-weight:800;white-space:nowrap}.capture-change-workbench>header nav button.active{border-color:var(--brand);background:#fff2f5;color:var(--brand)}.capture-change-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px}.capture-change-preview-head>div:first-child{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 8px;align-items:center}.capture-change-preview-head b{font-size:13px}.capture-change-preview-head small{grid-column:2;color:#88777c;font-size:11px}.capture-change-preview-head>div:last-child{display:flex;gap:6px}.capture-change-impact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 12px 12px}.capture-change-impact-grid article{min-width:0;border:1px solid #eee3e6;border-radius:8px;background:#fffdfd;overflow:hidden}.capture-change-impact-grid article>header{display:grid;gap:2px;padding:8px 9px;border-bottom:1px solid #f1e8ea;background:#fbf8f8}.capture-change-impact-grid article>header b{font-size:11px}.capture-change-impact-grid article>header span{color:#8d7a80;font-size:9px}.capture-change-impact-grid ul{display:grid;gap:0;max-height:155px;margin:0;padding:0;overflow:auto;list-style:none}.capture-change-impact-grid li{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:7px 9px;border-bottom:1px solid #f4edef;color:#5a474d;font-size:10px}.capture-change-impact-grid li:last-child{border-bottom:0}.capture-change-impact-grid li span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capture-change-impact-grid li b{flex:0 0 auto;padding:2px 5px;border-radius:999px;background:#f3ecee;color:#76545e;font-size:9px}.capture-change-impact-grid li.capture-change-added b{background:#e9f7ef;color:#167143}.capture-change-impact-grid li.capture-change-removed b,.capture-change-impact-grid li.capture-change-revoked b{background:#fff0f1;color:#a5293a}.capture-change-impact-grid li.capture-change-empty{color:#9b898e}.capture-change-workbench>footer{display:flex;justify-content:space-between;gap:16px;padding:9px 12px;border-top:1px solid #f0e5e7;background:#fffafa;color:#846f75;font-size:10px;line-height:1.5}
.capture-temporary-grant-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 14px 14px;padding:13px;border:1px solid #ead7dc;border-radius:10px;background:#fffafb}.capture-temporary-grant-form label{display:grid;gap:5px;min-width:0;color:#72565f;font-size:12px;font-weight:800}.capture-temporary-grant-form select,.capture-temporary-grant-form input,.capture-temporary-grant-form textarea{width:100%;min-width:0;padding:8px 9px;border:1px solid #ddcfd3;border-radius:8px;background:#fff;color:#2d2024;font:inherit;font-weight:500}.capture-temporary-grant-form select,.capture-temporary-grant-form input{height:38px}.capture-temporary-grant-form textarea{resize:vertical}.capture-temporary-grant-form small{color:#927b82;font-size:10px;font-weight:500;line-height:1.45}.capture-temporary-reason{grid-column:span 3}.capture-temporary-grant-form footer{grid-column:span 3;display:flex;align-items:center;justify-content:space-between;gap:12px}.capture-temporary-grant-form footer span{color:#8a747b;font-size:11px}.capture-temporary-grant-form footer button{min-height:36px;padding:7px 12px;border:1px solid var(--brand);border-radius:8px;background:var(--brand);color:#fff;font-size:12px;font-weight:800}
.capture-employee-access-table{max-height:420px}.capture-employee-access-table .ecx-table{min-width:1030px}.capture-employee-access-table td{vertical-align:top}.capture-employee-access-table td>b,.capture-employee-access-table td>small{display:block}.capture-employee-access-table td>small{margin-top:4px;color:#8b777d;font-size:11px}.capture-employee-access-table td:nth-child(1),.capture-employee-access-table td:nth-child(2){min-width:170px}.capture-employee-access-table td:nth-child(3){min-width:175px}.capture-employee-access-table td:nth-child(5){max-width:260px}.capture-employee-access-table td:last-child{white-space:nowrap}.capture-employee-access-table td:last-child button{min-height:30px;margin:0 4px 4px 0;padding:5px 8px;border:1px solid #dcbfc8;border-radius:7px;background:#fff;color:var(--brand);font-size:11px;font-weight:800}.capture-access-boundary{display:flex;justify-content:space-between;gap:18px;padding:10px 14px;border-top:1px solid #f0e5e7;background:#fffdfd;color:#856f76;font-size:11px;line-height:1.5}
.capture-batch-layout,.capture-evidence-recommendation,.capture-operations-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);gap:14px;align-items:start;min-width:0}
.capture-batch-layout{align-items:stretch}.capture-batch-layout>.ecx-card{min-height:0}.capture-batch-header{align-items:flex-start!important}.capture-batch-summary{padding:6px 9px;border-radius:999px;background:#f7eef0;color:#8c5364;font-size:12px;font-weight:800;white-space:nowrap}
.capture-batch-toolbar{display:flex;gap:7px;padding:0 14px 12px;border-bottom:1px solid #f0e5e7}.capture-batch-toolbar button{min-height:32px;padding:6px 10px;border:1px solid #e4d5d9;border-radius:8px;background:#fff;color:#73565e;font-size:12px;font-weight:800;cursor:pointer}.capture-batch-toolbar button b{margin-left:5px;color:#9b2748}.capture-batch-toolbar button.active{border-color:var(--brand);background:#fff4f6;color:var(--brand)}.capture-batch-toolbar button.active b{color:inherit}
.capture-completeness{display:inline-flex;width:74px;height:6px;overflow:hidden;border-radius:999px;background:#eee5e7;vertical-align:middle}.capture-completeness i{display:block;height:100%;border-radius:inherit;background:#45a66b}.capture-completeness+small{display:block;margin-top:4px;color:#88787d;font-size:11px}
.capture-binding-list{display:grid;padding:4px 14px}
.capture-binding-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid #f0e5e7}
.capture-binding-list>div:last-child{border-bottom:0}.capture-binding-list span{min-width:0}.capture-binding-list b,.capture-binding-list small{display:block}
.capture-binding-list b{overflow:hidden;color:#2d2024;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.capture-binding-list small{margin-top:3px;color:#88787d;font-size:12px}
.capture-binding-list i{color:#ad8993;font-size:16px;font-style:normal}
.capture-batch-table{max-height:500px}.capture-detail{position:sticky;top:78px;max-height:calc(100vh - 98px);overflow:auto}.capture-review-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0 14px 12px}.capture-review-metrics>div{padding:9px;border:1px solid #f0e5e7;border-radius:8px;background:#fbf8f8}.capture-review-metrics span{display:block;color:#88787d;font-size:11px}.capture-review-metrics b{display:block;margin-top:3px;color:#3d2b30;font-size:16px}
.capture-detail-actions{display:flex;flex-wrap:wrap;gap:7px;padding:12px 14px;border-top:1px solid #f0e5e7}
.capture-detail-actions button{min-height:36px;padding:7px 10px;border:1px solid #ddc9cf;border-radius:8px;background:#fff;color:var(--brand);font-size:13px;font-weight:800}
.capture-detail-actions button.primary{border-color:var(--brand);background:var(--brand);color:#fff}
.capture-retry-input{display:grid;flex:1 1 100%;gap:5px;color:#76545e;font-size:12px;font-weight:750}
.capture-retry-input textarea{width:100%;min-height:86px;resize:vertical;padding:8px 9px;border:1px solid #ddcfd3;border-radius:8px;background:#fff;color:#2d2024;font-size:13px;line-height:1.5}
.capture-confirm-check{display:flex;align-items:center;gap:7px;max-width:440px;color:#76545e;font-size:12px;font-weight:750}
.capture-confirm-check input{width:16px;height:16px;flex:0 0 16px}
.capture-field-table input,.capture-field-table select{width:100%;min-width:110px;height:34px;padding:5px 7px;border:1px solid #ddcfd3;border-radius:7px;background:#fff;color:#2d2024;font-size:13px}
.capture-field-table input:disabled,.capture-field-table select:disabled{border-color:transparent;background:#f7f2f3;color:#6f6266}
.capture-field-warning td{background:#fff9eb}.capture-field-table td>small{display:block;margin-top:3px;color:#88787d;font-size:12px}
.capture-evidence-list{display:grid;padding:5px 14px}
.capture-evidence-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:9px;align-items:center;padding:10px 0;border-bottom:1px solid #f0e5e7}
.capture-evidence-list>div:last-child{border-bottom:0}.capture-evidence-list b,.capture-evidence-list small{display:block}
.capture-evidence-list b{font-size:13px}.capture-evidence-list small{margin-top:3px;color:#88787d;font-size:12px}
.capture-evidence-list code{color:#76545e;font-size:12px}.capture-evidence-list button{min-height:32px;border:0;background:transparent;color:var(--brand);font-size:12px;font-weight:800}
.capture-recommendation{display:grid;gap:10px;padding:15px}.capture-recommendation h3{margin:0;color:#2d2024;font-size:16px;line-height:1.6}
.capture-recommendation dl{display:grid;gap:8px;margin:0}.capture-recommendation dl>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;padding-bottom:8px;border-bottom:1px solid #f0e5e7}
.capture-recommendation dt{color:#88787d;font-size:12px}.capture-recommendation dd{margin:0;color:#3d2b30;font-size:13px;line-height:1.55}
.capture-recommendation button{min-height:38px;border:1px solid var(--brand);border-radius:8px;background:var(--brand);color:#fff;font-size:13px;font-weight:800}
.capture-operations-grid{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr)}.capture-operations-grid.capture-operations-manager{grid-template-columns:minmax(0,1fr)}.capture-device-card .capture-binding-list{border-top:1px solid #f0e5e7}.capture-adapter-card .table-wrap{max-height:390px}.capture-adapter-card .ecx-table td{vertical-align:top}.capture-adapter-card .ecx-table td>small{display:block;margin-top:3px;color:#88787d;font-size:11px}
.capture-adapter-sample-workspace{border-top:1px solid #f0e5e7;border-bottom:1px solid #f0e5e7;background:#fffdfd}.capture-adapter-sample-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 14px}.capture-adapter-sample-head>div:first-child{display:grid;gap:3px}.capture-adapter-sample-head>div:first-child b{font-size:13px}.capture-adapter-sample-head>div:first-child span{color:#88787d;font-size:11px;line-height:1.5}.capture-adapter-sample-summary{display:flex;gap:6px}.capture-adapter-sample-summary span{min-width:72px;padding:6px 8px;border:1px solid #eadde0;border-radius:8px;background:#fff;color:#80616a;font-size:10px;text-align:center;white-space:nowrap}.capture-adapter-sample-summary b{display:block;margin-bottom:1px;color:var(--brand);font-size:15px}.capture-adapter-sample-table{max-height:330px;border-top:1px solid #f0e5e7;border-bottom:1px solid #f0e5e7}.capture-adapter-sample-table .ecx-table{min-width:930px}.capture-adapter-sample-table td>b,.capture-adapter-sample-table td>small,.capture-adapter-sample-table td>code{display:block}.capture-adapter-sample-table td>small{margin-top:3px;color:#88787d;font-size:10px}.capture-adapter-sample-table td>code{margin-top:4px;color:#815464;font-size:10px}.capture-adapter-sample-table td:last-child{min-width:190px}.capture-adapter-sample-table button{min-height:29px;margin:0 4px 4px 0;padding:5px 7px;border:1px solid #ddc8ce;border-radius:7px;background:#fff;color:var(--brand);font-size:10px;font-weight:800}.capture-adapter-sample-detail{margin:10px 14px;border:1px solid #eadde0;border-radius:9px;background:#fff;overflow:hidden}.capture-adapter-sample-detail>summary{padding:9px 11px;background:#fbf7f8;color:#713348;font-size:11px;font-weight:850;cursor:pointer}.capture-adapter-sample-detail>div{display:grid;grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr);gap:10px;padding:10px}.capture-adapter-sample-detail dl{display:grid;gap:6px;margin:0}.capture-adapter-sample-detail dl>div{display:grid;grid-template-columns:82px minmax(0,1fr);gap:8px}.capture-adapter-sample-detail dt{color:#8b777d;font-size:10px}.capture-adapter-sample-detail dd{min-width:0;margin:0;overflow-wrap:anywhere;color:#433138;font-size:10px}.capture-adapter-sample-detail pre{max-height:250px;margin:0;padding:9px;overflow:auto;border-radius:7px;background:#271d21;color:#f7ebef;font:10px/1.45 Consolas,monospace;white-space:pre-wrap;word-break:break-word}.capture-adapter-sample-workspace>footer{display:flex;justify-content:space-between;gap:16px;padding:9px 14px;color:#876f77;font-size:10px;line-height:1.5}.capture-adapter-sample-workspace>footer b{flex:0 0 auto;color:#9a304f}

.capture-adapter-artifact-workbench{border-bottom:1px solid #f0e5e7;background:#fff}.capture-adapter-artifact-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:12px 14px}.capture-adapter-artifact-head>div:first-child{display:grid;gap:3px}.capture-adapter-artifact-head>div:first-child b{font-size:13px}.capture-adapter-artifact-head>div:first-child span{color:#88787d;font-size:11px;line-height:1.5}.capture-adapter-artifact-summary{display:flex;gap:6px}.capture-adapter-artifact-summary span{min-width:72px;padding:6px 8px;border:1px solid #eadde0;border-radius:8px;background:#fffafa;color:#80616a;font-size:10px;text-align:center;white-space:nowrap}.capture-adapter-artifact-summary b{display:block;margin-bottom:1px;color:var(--brand);font-size:15px}.capture-adapter-artifact-table{max-height:280px;border-top:1px solid #f0e5e7;border-bottom:1px solid #f0e5e7}.capture-adapter-artifact-table .ecx-table{min-width:930px}.capture-adapter-artifact-table td>b,.capture-adapter-artifact-table td>small,.capture-adapter-artifact-table td>code{display:block}.capture-adapter-artifact-table td>small{margin-top:3px;color:#88787d;font-size:10px}.capture-adapter-artifact-table td>code{margin-top:4px;color:#815464;font-size:10px}.capture-adapter-artifact-table td:last-child{min-width:170px}.capture-adapter-artifact-table button,.capture-selector-contract-actions button{min-height:29px;margin:0 4px 4px 0;padding:5px 7px;border:1px solid #ddc8ce;border-radius:7px;background:#fff;color:var(--brand);font-size:10px;font-weight:800}.capture-selector-contract-workbench{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(360px,1.28fr);gap:10px;margin:10px 14px;padding:10px;border:1px solid #eadde0;border-radius:9px;background:#fffdfd}.capture-selector-contract-meta{display:grid;align-content:start;gap:10px}.capture-selector-contract-meta dl{display:grid;gap:6px;margin:0}.capture-selector-contract-meta dl>div{display:grid;grid-template-columns:84px minmax(0,1fr);gap:8px}.capture-selector-contract-meta dt{color:#8b777d;font-size:10px}.capture-selector-contract-meta dd{min-width:0;margin:0;overflow-wrap:anywhere;color:#433138;font-size:10px}.capture-selector-contract-workbench>label{display:grid;gap:5px;color:#6f555e;font-size:10px;font-weight:850}.capture-selector-contract-workbench textarea{width:100%;min-height:240px;padding:9px;resize:vertical;border:1px solid #e2d2d6;border-radius:7px;background:#271d21;color:#f7ebef;font:10px/1.45 Consolas,monospace;box-sizing:border-box}.capture-selector-validation{grid-column:1/-1;display:flex;align-items:center;gap:8px;padding:8px;border-radius:7px;background:#fbf6f7}.capture-selector-validation button{min-height:32px;padding:6px 10px;border:1px solid var(--brand);border-radius:7px;background:var(--brand);color:#fff;font-size:10px;font-weight:850}.capture-selector-validation small{min-width:0;color:#806e74;font-size:10px;line-height:1.45}.capture-selector-contract-workbench>details{grid-column:1/-1;border-top:1px solid #eee3e5;padding-top:8px}.capture-selector-contract-workbench>details summary{color:#763a4c;font-size:10px;font-weight:850;cursor:pointer}.capture-selector-contract-workbench>details pre{max-height:220px;padding:8px;overflow:auto;border-radius:6px;background:#2a2024;color:#f7ebef;font:10px/1.4 Consolas,monospace;white-space:pre-wrap}.capture-selector-contract-workbench>details p{margin:6px 0 0;color:#8b777d;font-size:10px}.capture-adapter-artifact-workbench>footer{display:flex;justify-content:space-between;gap:16px;padding:9px 14px;color:#876f77;font-size:10px;line-height:1.5}.capture-adapter-artifact-workbench>footer b{flex:0 0 auto;color:#9a304f}

.capture-contract-evidence-ledger{grid-column:1/-1;overflow:hidden;border:1px solid #eadde0;border-radius:8px;background:#fff}.capture-contract-evidence-ledger>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:9px 10px;border-bottom:1px solid #eee3e5;background:#fffafa}.capture-contract-evidence-ledger>header>div:first-child{display:grid;gap:2px}.capture-contract-evidence-ledger>header b{color:#6f3446;font-size:11px}.capture-contract-evidence-ledger>header span{color:#88777c;font-size:9px;line-height:1.45}.capture-contract-evidence-ledger>header>div:last-child{display:flex;gap:5px}.capture-contract-evidence-ledger>header>div:last-child>span{min-width:62px;padding:4px 6px;border:1px solid #eadde0;border-radius:6px;background:#fff;text-align:center}.capture-contract-evidence-ledger>header>div:last-child b{display:block;font-size:13px}.capture-contract-ledger-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px}.capture-contract-ledger-grid>div{min-width:0;border:1px solid #f0e5e7;border-radius:7px;overflow:hidden}.capture-contract-ledger-grid>.capture-browser-execution-ledger,.capture-contract-ledger-grid>.capture-adapter-release-ledger{grid-column:1/-1}.capture-contract-ledger-grid h4{margin:0;padding:7px 8px;border-bottom:1px solid #f0e5e7;color:#70404e;font-size:10px}.capture-contract-ledger-grid .table-wrap{max-height:245px}.capture-contract-ledger-grid .ecx-table{min-width:680px}.capture-browser-execution-ledger .ecx-table{min-width:820px}.capture-adapter-release-ledger .ecx-table{min-width:1060px}.capture-adapter-release-summary{display:flex;gap:5px;padding:6px 8px;border-bottom:1px solid #f0e5e7;background:#fffafa}.capture-adapter-release-summary span{padding:4px 7px;border:1px solid #eadde0;border-radius:6px;background:#fff;color:#80636c;font-size:9px}.capture-adapter-release-summary b{margin-right:3px;color:var(--brand);font-size:12px}.capture-adapter-release-ledger>small{display:block;padding:7px 8px;border-top:1px solid #f0e5e7;color:#856f76;font-size:9px;line-height:1.45}.capture-contract-ledger-grid td>b,.capture-contract-ledger-grid td>small,.capture-contract-ledger-grid td>code{display:block}.capture-contract-ledger-grid td>small{margin-top:2px;color:#88777c;font-size:9px}.capture-contract-ledger-grid td>code{color:#7c4c5b;font-size:9px}.capture-contract-ledger-grid button{min-height:25px;margin:0 3px 3px 0;padding:4px 6px;border:1px solid #ddc8ce;border-radius:6px;background:#fff;color:var(--brand);font-size:9px;font-weight:800}.capture-contract-evidence-ledger>footer{display:flex;justify-content:space-between;gap:12px;padding:7px 9px;border-top:1px solid #eee3e5;color:#87757a;font-size:9px;line-height:1.45}.capture-contract-evidence-ledger>footer b{color:#96304e}

@media(max-width:1100px){
  .capture-batch-layout,.capture-evidence-recommendation,.capture-operations-grid{grid-template-columns:1fr}
  .capture-change-impact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .capture-detail{position:static}
  .capture-adapter-sample-detail>div{grid-template-columns:1fr}
  .capture-selector-contract-workbench{grid-template-columns:1fr}.capture-selector-contract-workbench>label{grid-column:1}.capture-contract-ledger-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .capture-environment-ledger>header{flex-direction:column}.capture-runtime-state{white-space:normal}.capture-environment-toolbar>span{display:none}
  .capture-employee-access-ledger>header,.capture-access-boundary{align-items:stretch;flex-direction:column}.capture-access-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.capture-access-change-form>header,.capture-access-change-form>footer,.capture-change-workbench>header,.capture-change-preview-head,.capture-change-workbench>footer{align-items:stretch;flex-direction:column}.capture-change-target-grid,.capture-change-basic-fields,.capture-change-identity>div,.capture-change-device-grid,.capture-change-impact-grid{grid-template-columns:1fr}.capture-change-workbench>header nav{max-width:100%}.capture-change-preview-head>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.capture-temporary-grant-form{grid-template-columns:1fr}.capture-temporary-reason,.capture-temporary-grant-form footer{grid-column:auto}.capture-temporary-grant-form footer{align-items:stretch;flex-direction:column}
  .capture-binding-list>div,.capture-evidence-list>div{grid-template-columns:1fr}
  .capture-binding-list i{transform:rotate(90deg)}
  .capture-confirm-check{align-items:flex-start}
  .capture-recommendation dl>div{grid-template-columns:1fr;gap:4px}
  .capture-adapter-sample-head,.capture-adapter-sample-workspace>footer{align-items:stretch;flex-direction:column}.capture-adapter-sample-summary{display:grid;grid-template-columns:repeat(3,1fr)}.capture-adapter-sample-summary span{min-width:0}
  .capture-adapter-artifact-head,.capture-adapter-artifact-workbench>footer{align-items:stretch;flex-direction:column}.capture-adapter-artifact-summary{display:grid;grid-template-columns:repeat(3,1fr)}.capture-adapter-artifact-summary span{min-width:0}.capture-selector-validation{align-items:stretch;flex-direction:column}.capture-contract-evidence-ledger>header,.capture-contract-evidence-ledger>footer{align-items:stretch;flex-direction:column}.capture-contract-evidence-ledger>header>div:last-child{display:grid;grid-template-columns:repeat(3,1fr)}
  .ecommerce-tabbed-hub .growth-hub-tabs.dense-tabs button{width:140px;min-width:140px;flex:0 0 140px}
}

/* 电商中心 / 客户体验工作台 */
.cxp-page{
  --cxp-brand:#a52b4d;
  --cxp-brand-deep:#8f1f40;
  --cxp-border:#eadde0;
  --cxp-muted:#7e7074;
  display:grid;
  min-width:0;
  gap:14px;
  color:#33272b;
}
.cxp-page svg{
  width:20px;
  height:20px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.cxp-page-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding:3px 4px 1px;
}
.cxp-page-head>div>span{
  display:block;
  margin-bottom:4px;
  color:var(--cxp-brand);
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
}
.cxp-page-head h1{
  margin:0;
  color:#2e2226;
  font-size:28px;
  line-height:1.2;
}
.cxp-page-head p{
  margin:5px 0 0;
  color:#77696e;
  font-size:13px;
}
.cxp-page-head>aside{
  display:grid;
  justify-items:end;
  gap:4px;
  color:#4e4145;
}
.cxp-page-head>aside b,
.oco-page-head>aside b{
  display:flex;
  align-items:center;
  gap:7px;
  color:#4e4145;
  font-size:12px;
  font-weight:750;
  line-height:1.2;
}
.cxp-page-head>aside b i,
.oco-page-head>aside b i{
  width:8px;
  height:8px;
  flex:0 0 8px;
  display:block;
  border-radius:50%;
  background:#2daa60;
  box-shadow:0 0 0 3px rgba(45,170,96,.11);
}
.cxp-page-head>aside small{
  color:#8a7d81;
  font-size:11px;
  line-height:1.3;
}
.cxp-filter-bar{
  display:grid;
  grid-template-columns:repeat(4,minmax(122px,.72fr)) minmax(250px,1.45fr);
  gap:10px;
  padding:11px 12px;
  border:1px solid var(--cxp-border);
  border-radius:11px;
  background:rgba(255,255,255,.94);
  box-shadow:0 7px 22px rgba(91,39,53,.04);
}
.cxp-filter-bar select,
.cxp-filter-bar input{
  width:100%;
  height:38px;
  border:1px solid #e5d9dc;
  border-radius:8px;
  outline:0;
  background:#fff;
  color:#493b40;
  font-family:inherit;
  font-size:12px;
  transition:border-color .18s ease,box-shadow .18s ease;
}
.cxp-filter-bar select{
  padding:0 29px 0 11px;
}
.cxp-filter-bar input{
  padding:0 36px 0 12px;
}
.cxp-filter-bar select:focus,
.cxp-filter-bar input:focus{
  border-color:#c88599;
  box-shadow:0 0 0 3px rgba(165,43,77,.08);
}
.cxp-filter-bar label{
  position:relative;
  display:block;
}
.cxp-filter-bar label svg{
  position:absolute;
  z-index:1;
  top:9px;
  right:11px;
  width:18px;
  height:18px;
  color:var(--cxp-brand);
  pointer-events:none;
}
.cxp-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.cxp-metrics>button{
  min-width:0;
  min-height:92px;
  display:flex;
  align-items:center;
  gap:13px;
  padding:15px 17px;
  border:1px solid var(--cxp-border);
  border-radius:11px;
  background:#fff;
  color:#3a2d31;
  box-shadow:0 7px 20px rgba(94,39,54,.05);
  font-family:inherit;
  text-align:left;
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.cxp-metrics>button:hover{
  border-color:#d9bac3;
  box-shadow:0 9px 24px rgba(94,39,54,.09);
  transform:translateY(-1px);
}
.cxp-metrics>button>i{
  width:45px;
  height:45px;
  display:grid;
  flex:0 0 45px;
  place-items:center;
  border-radius:11px;
  background:#fbecef;
  color:#ca4d71;
  font-style:normal;
}
.cxp-metrics>button>i svg{width:23px;height:23px}
.cxp-metrics>button.warn{
  border-color:#f0d1b8;
  background:#fffaf6;
}
.cxp-metrics>button.warn>i{
  background:#fff0e4;
  color:#e87522;
}
.cxp-metrics>button.good>i{
  background:#eaf7ef;
  color:#299260;
}
.cxp-metrics>button span{
  display:grid;
  gap:6px;
}
.cxp-metrics>button small{
  color:#706267;
  font-size:12px;
}
.cxp-metrics>button.warn small{color:#da6620;font-weight:800}
.cxp-metrics>button strong{
  color:#302328;
  font-size:25px;
  line-height:1;
  font-variant-numeric:tabular-nums;
}
.cxp-workspace{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(300px,.78fr) minmax(540px,1.62fr);
  gap:12px;
  align-items:start;
}
.cxp-queue,
.cxp-detail{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--cxp-border);
  border-radius:11px;
  background:#fff;
  box-shadow:0 8px 22px rgba(91,39,53,.045);
}
.cxp-queue>header{
  padding:12px 13px 9px;
  border-bottom:1px solid #f0e5e7;
}
.cxp-queue>header>div{
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:10px;
}
.cxp-queue h2{
  margin:0;
  color:#33262b;
  font-size:17px;
}
.cxp-queue>header>div>span{
  color:#918489;
  font-size:11px;
}
.cxp-queue>header nav{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:4px;
  margin-top:10px;
  padding:3px;
  border-radius:8px;
  background:#faf5f6;
}
.cxp-queue>header nav button{
  min-width:0;
  min-height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  padding:4px 5px;
  border:0;
  border-radius:6px;
  background:transparent;
  color:#716369;
  font-family:inherit;
  font-size:11px;
  cursor:pointer;
}
.cxp-queue>header nav button.active{
  background:#fff;
  color:var(--cxp-brand);
  font-weight:850;
  box-shadow:0 2px 7px rgba(98,45,59,.08);
}
.cxp-queue>header nav em{
  color:#a89a9e;
  font-size:10px;
  font-style:normal;
}
.cxp-queue>header nav button.active em{color:var(--cxp-brand)}
.cxp-queue-list{
  max-height:603px;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#d6c5ca transparent;
}
.cxp-queue-item{
  position:relative;
  width:100%;
  min-height:112px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:10px;
  align-items:start;
  padding:13px 12px;
  border:0;
  border-bottom:1px solid #f1e7e9;
  background:#fff;
  color:#34282c;
  font-family:inherit;
  text-align:left;
  cursor:pointer;
}
.cxp-queue-item:last-child{border-bottom:0}
.cxp-queue-item:hover{background:#fffafa}
.cxp-queue-item.selected{
  background:#fff7f8;
  box-shadow:inset 4px 0 0 var(--cxp-brand);
}
.cxp-queue-item>i{
  width:36px;
  height:36px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:#f4f1f2;
  color:#80777a;
  font-style:normal;
}
.cxp-queue-item>i svg{width:19px;height:19px}
.cxp-queue-item>i.risk{background:#fde9ed;color:#c93e61}
.cxp-queue-item>i.warn{background:#fff0df;color:#dd7a18}
.cxp-queue-item>i.info{background:#edf3fa;color:#4d7eae}
.cxp-item-copy{
  min-width:0;
  display:grid;
  gap:5px;
}
.cxp-item-meta,
.cxp-item-foot{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:7px;
}
.cxp-item-meta>em{
  max-width:62%;
  overflow:hidden;
  padding:3px 6px;
  border-radius:5px;
  background:#f4eff1;
  color:#71666a;
  font-size:10px;
  font-style:normal;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.cxp-item-meta>em.risk{background:#fde8ec;color:#bd3558}
.cxp-item-meta>em.warn{background:#fff0df;color:#c86c19}
.cxp-item-meta>em.info{background:#eaf2fa;color:#4c78a1}
.cxp-item-meta>b{
  color:#9a8d91;
  font-size:10px;
  font-weight:750;
  white-space:nowrap;
}
.cxp-queue-item.selected .cxp-item-meta>b{color:#bc3659}
.cxp-item-copy>small{
  overflow:hidden;
  color:#7f7176;
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.cxp-item-copy>strong{
  overflow:hidden;
  color:#302429;
  font-size:13px;
  line-height:1.45;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.cxp-item-foot small{
  min-width:0;
  overflow:hidden;
  color:#9a8d91;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.cxp-item-foot em{
  color:#84767b;
  font-size:10px;
  font-style:normal;
  white-space:nowrap;
}
.cxp-queue-empty{
  min-height:240px;
  display:grid;
  align-content:center;
  justify-items:center;
  gap:7px;
  color:#9a8c91;
}
.cxp-queue-empty span{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f7eff1;
  color:var(--cxp-brand);
}
.cxp-queue-empty b{color:#514248;font-size:14px}
.cxp-queue-empty small{font-size:11px}
.cxp-detail{
  min-height:603px;
  padding:13px;
}
.cxp-detail-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  padding:1px 2px 11px;
}
.cxp-detail-head>div{min-width:0}
.cxp-detail-head h2{
  margin:0;
  color:#2e2226;
  font-size:18px;
  line-height:1.35;
}
.cxp-detail-head p{
  margin:5px 0 0;
  color:#8a7d81;
  font-size:11px;
}
.cxp-detail-head nav{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:6px;
}
.cxp-chip{
  padding:5px 8px;
  border:1px solid #ecd7dd;
  border-radius:6px;
  background:#fff7f9;
  color:#a12b4d;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}
.cxp-chip.risk{
  border-color:#f0b9c3;
  background:#fff0f2;
  color:#d1495e;
}
.cxp-deadline{
  display:flex;
  align-items:center;
  gap:4px;
  padding:5px 7px;
  color:#d64055;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}
.cxp-deadline svg{width:15px;height:15px}
.cxp-context-row{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  overflow:hidden;
  border:1px solid #eadde0;
  border-radius:8px;
  background:#fffdfd;
}
.cxp-context-row>span{
  min-width:0;
  display:flex;
  align-items:center;
  gap:7px;
  padding:10px;
  border-right:1px solid #eee3e6;
  color:#82747a;
}
.cxp-context-row>span:last-child{border-right:0}
.cxp-context-row svg{
  width:17px;
  height:17px;
  flex:0 0 17px;
}
.cxp-context-row b{
  min-width:0;
  overflow:hidden;
  color:#54464b;
  font-size:11px;
  font-weight:700;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.cxp-conversation{
  min-height:156px;
  max-height:240px;
  display:grid;
  align-content:start;
  gap:10px;
  overflow-y:auto;
  margin:11px 0;
  padding:3px 4px;
}
.cxp-conversation article{
  display:grid;
  grid-template-columns:28px minmax(0,1fr);
  gap:8px;
}
.cxp-conversation article>i{
  width:27px;
  height:27px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#e5effc;
  color:#5b8fce;
  font-style:normal;
}
.cxp-conversation article.staff>i{
  background:#f2e5f4;
  color:#9d57b3;
}
.cxp-conversation article>i svg{width:15px;height:15px}
.cxp-conversation article>div{min-width:0}
.cxp-conversation article header{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:5px;
}
.cxp-conversation article header b{
  color:#62545a;
  font-size:11px;
}
.cxp-conversation article header time{
  color:#a69a9e;
  font-size:10px;
}
.cxp-conversation article p{
  width:fit-content;
  max-width:90%;
  margin:0;
  padding:9px 11px;
  border:1px solid #e4e0e1;
  border-radius:8px;
  background:#f7f7f7;
  color:#5b4d52;
  font-size:11px;
  line-height:1.55;
}
.cxp-conversation article.staff p{
  border-color:#edd6dc;
  background:#fff4f6;
}
.cxp-ai-suggestion{
  overflow:hidden;
  margin-bottom:10px;
  border:1px solid #efccd5;
  border-radius:8px;
  background:#fff8fa;
}
.cxp-ai-suggestion header{
  min-height:37px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:7px 9px;
  border-bottom:1px solid #f1dce1;
}
.cxp-ai-suggestion header>span{
  display:flex;
  align-items:center;
  gap:5px;
  color:var(--cxp-brand);
}
.cxp-ai-suggestion header svg{width:17px;height:17px}
.cxp-ai-suggestion header b{font-size:12px}
.cxp-ai-suggestion header em{
  padding:2px 5px;
  border-radius:4px;
  background:#f7e5ea;
  color:#9b6474;
  font-size:9px;
  font-style:normal;
}
.cxp-ai-suggestion header button{
  min-height:26px;
  padding:3px 9px;
  border:1px solid #ebcbd3;
  border-radius:5px;
  background:#fff;
  color:var(--cxp-brand);
  font-family:inherit;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.cxp-ai-suggestion p{
  margin:0;
  padding:9px 11px;
  color:#594b50;
  font-size:11px;
  line-height:1.6;
}
.cxp-reply-box{
  display:grid;
  gap:5px;
}
.cxp-reply-box>span{
  color:#65565c;
  font-size:11px;
  font-weight:800;
}
.cxp-reply-box textarea{
  width:100%;
  min-height:70px;
  resize:vertical;
  padding:9px 10px;
  border:1px solid #e4d7da;
  border-radius:8px;
  outline:0;
  background:#fff;
  color:#43363a;
  font-family:inherit;
  font-size:11px;
  line-height:1.55;
}
.cxp-reply-box textarea:focus{
  border-color:#c77e92;
  box-shadow:0 0 0 3px rgba(165,43,77,.07);
}
.cxp-reply-box small{
  color:#a09397;
  font-size:9px;
}
.cxp-actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr)) minmax(130px,1.2fr);
  gap:8px;
  margin-top:10px;
}
.cxp-actions button,
.cxp-related-toggle,
.cxp-empty-detail>button{
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:7px 10px;
  border:1px solid #e2d3d7;
  border-radius:7px;
  background:#fff;
  color:#625158;
  font-family:inherit;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.cxp-actions button svg{width:16px;height:16px}
.cxp-actions button.primary{
  border-color:var(--cxp-brand);
  background:var(--cxp-brand);
  color:#fff;
  box-shadow:0 5px 12px rgba(165,43,77,.16);
}
.cxp-actions button.primary:hover{background:var(--cxp-brand-deep)}
.cxp-related-toggle{
  width:100%;
  justify-content:space-between;
  margin-top:9px;
  background:#fffafa;
  color:#695b60;
}
.cxp-related-toggle svg{
  width:16px;
  height:16px;
  transition:transform .18s ease;
}
.cxp-related-toggle.open svg{transform:rotate(180deg)}
.cxp-related-panel{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:8px;
}
.cxp-related-panel>div{
  min-width:0;
  display:grid;
  gap:4px;
  padding:8px;
  border:1px solid #eee2e5;
  border-radius:7px;
  background:#fffdfd;
}
.cxp-related-panel span{color:#92858a;font-size:9px}
.cxp-related-panel b{
  overflow:hidden;
  color:#55474c;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.cxp-empty-detail{
  min-height:460px;
  display:grid;
  align-content:center;
  justify-items:center;
  gap:8px;
  color:#9b8f93;
}
.cxp-empty-detail>span{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#f7eff1;
  color:var(--cxp-brand);
}
.cxp-empty-detail h2{margin:4px 0 0;color:#4c3d42;font-size:17px}
.cxp-empty-detail p{margin:0;font-size:11px}
.cxp-empty-detail>button{margin-top:4px;color:var(--cxp-brand)}

@media(max-width:1300px){
  .cxp-filter-bar{grid-template-columns:repeat(2,minmax(150px,1fr)) minmax(220px,1.35fr)}
  .cxp-filter-bar label{grid-column:span 2}
  .cxp-workspace{grid-template-columns:minmax(280px,.8fr) minmax(470px,1.4fr)}
  .cxp-context-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cxp-context-row>span:nth-child(2){border-right:0}
  .cxp-context-row>span:nth-child(-n+2){border-bottom:1px solid #eee3e6}
  .cxp-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1050px){
  .cxp-page-head{align-items:flex-start;flex-direction:column}
  .cxp-page-head>aside{justify-items:start}
  .cxp-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cxp-workspace{grid-template-columns:1fr}
  .cxp-queue-list{max-height:420px}
  .cxp-detail{min-height:0}
}
@media(max-width:700px){
  .cxp-filter-bar{grid-template-columns:1fr}
  .cxp-filter-bar label{grid-column:auto}
  .cxp-metrics{grid-template-columns:1fr}
  .cxp-metrics>button{min-height:76px}
  .cxp-detail-head{flex-direction:column}
  .cxp-detail-head nav{justify-content:flex-start}
  .cxp-context-row,.cxp-related-panel{grid-template-columns:1fr}
  .cxp-context-row>span{border-right:0;border-bottom:1px solid #eee3e6}
  .cxp-context-row>span:last-child{border-bottom:0}
  .cxp-actions{grid-template-columns:1fr}
  .cxp-conversation article p{max-width:100%}
}

/* 电商中心 / 运营协同工作台 */
.oco-page{
  --oco-brand:#a52b4d;
  --oco-brand-deep:#8d1d3d;
  --oco-border:#eadde0;
  --oco-muted:#7c6e73;
  display:grid;
  min-width:0;
  gap:12px;
  color:#33272b;
  scroll-behavior:smooth;
}
.oco-page svg{
  width:20px;
  height:20px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.oco-page button,
.oco-page select,
.oco-page input{font:inherit}
.oco-page button:focus-visible,
.oco-page select:focus-visible,
.oco-page input:focus-visible{
  outline:3px solid rgba(165,43,77,.14);
  outline-offset:1px;
}
.oco-page-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding:3px 4px 1px;
}
.oco-page-head>div>span{
  display:block;
  margin-bottom:4px;
  color:var(--oco-brand);
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
}
.oco-page-head h1{
  margin:0;
  color:#2d2024;
  font-size:28px;
  line-height:1.2;
}
.oco-page-head p{
  margin:5px 0 0;
  color:#77696e;
  font-size:13px;
}
.oco-page-head>aside{
  display:grid;
  justify-items:end;
  gap:4px;
  color:#4e4145;
}
.oco-page-head>aside small{color:#8a7d81;font-size:11px;line-height:1.3}

.oco-filter-bar{
  display:grid;
  grid-template-columns:210px minmax(145px,.8fr) minmax(140px,.75fr) minmax(135px,.72fr) minmax(230px,1.35fr);
  gap:9px;
  padding:10px;
  border:1px solid var(--oco-border);
  border-radius:10px;
  background:rgba(255,255,255,.95);
  box-shadow:0 7px 20px rgba(95,40,55,.04);
}
.oco-filter-bar select,
.oco-filter-bar input{
  width:100%;
  min-width:0;
  height:38px;
  box-sizing:border-box;
  border:1px solid #e8dce0;
  border-radius:7px;
  background:#fff;
  color:#493b40;
  font-size:12px;
}
.oco-filter-bar select{
  padding:0 30px 0 11px;
  cursor:pointer;
}
.oco-filter-bar label{
  position:relative;
  min-width:0;
}
.oco-filter-bar label svg{
  position:absolute;
  top:50%;
  right:11px;
  z-index:1;
  width:17px;
  height:17px;
  color:#8b7e82;
  transform:translateY(-50%);
  pointer-events:none;
}
.oco-filter-bar input{padding:0 38px 0 12px}
.oco-filter-bar input::placeholder{color:#a09598}
.oco-period{
  height:38px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  overflow:hidden;
  border:1px solid #e8dce0;
  border-radius:7px;
  background:#fff;
}
.oco-period button{
  border:0;
  border-right:1px solid #eee3e6;
  background:#fff;
  color:#66585d;
  font-size:12px;
  font-weight:750;
  cursor:pointer;
}
.oco-period button:last-child{border-right:0}
.oco-period button.active{
  background:linear-gradient(180deg,#ad3153,#971e42);
  color:#fff;
  box-shadow:0 2px 7px rgba(151,30,66,.18);
}

.oco-metrics{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:11px;
}
.oco-metrics>button{
  min-width:0;
  min-height:94px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px 16px;
  border:1px solid var(--oco-border);
  border-radius:10px;
  background:linear-gradient(135deg,#fff,#fffafa);
  box-shadow:0 7px 18px rgba(91,39,53,.055);
  color:#382c30;
  text-align:left;
  cursor:pointer;
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;
}
.oco-metrics>button:hover{
  transform:translateY(-1px);
  border-color:#dec7cd;
  box-shadow:0 10px 24px rgba(91,39,53,.085);
}
.oco-metrics>button>i{
  width:50px;
  height:50px;
  display:grid;
  flex:0 0 50px;
  place-items:center;
  border-radius:50%;
  background:#fae9ed;
  color:var(--oco-brand);
  font-style:normal;
}
.oco-metrics>button>i svg{width:27px;height:27px}
.oco-metrics>button.warn>i{background:#fff0df;color:#dc7318}
.oco-metrics>button.risk>i{background:#fde8ec;color:#ad284d}
.oco-metrics>button>span{display:grid;min-width:0;grid-template-columns:auto 1fr;align-items:end;column-gap:9px}
.oco-metrics small{grid-column:1/-1;color:#5f5055;font-size:13px;font-weight:800}
.oco-metrics strong{color:#261b1f;font-size:27px;line-height:1.1;font-variant-numeric:tabular-nums}
.oco-metrics em{
  overflow:hidden;
  padding-bottom:2px;
  color:#8a7c81;
  font-size:11px;
  font-style:normal;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.oco-metrics .warn strong{color:#da5f15}
.oco-metrics .risk strong{color:#a5264a}

.oco-milestones{
  min-height:46px;
  display:grid;
  grid-template-columns:minmax(180px,1.15fr) repeat(3,minmax(155px,1fr));
  align-items:center;
  overflow:hidden;
  border:1px solid #ead5da;
  border-radius:9px;
  background:linear-gradient(90deg,#fff8f8,#fffdfc);
}
.oco-milestones>b,
.oco-milestones>span{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  min-height:26px;
  padding:0 14px;
  border-right:1px solid #eadbde;
  color:#514247;
  font-size:12px;
}
.oco-milestones>span:last-child{border-right:0}
.oco-milestones>b{justify-content:flex-start;color:#3e3035;font-size:13px}
.oco-milestones svg{width:17px;height:17px;color:var(--oco-brand)}
.oco-milestones span strong{color:#3a2d31}

.oco-main-grid{
  display:grid;
  grid-template-columns:minmax(580px,1.32fr) minmax(390px,.88fr);
  gap:11px;
  align-items:stretch;
}
.oco-card{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--oco-border);
  border-radius:10px;
  background:#fff;
  box-shadow:0 7px 20px rgba(91,39,53,.045);
  scroll-margin-top:94px;
}
.oco-card>header{
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:10px 14px;
  border-bottom:1px solid #eee3e6;
  background:#fff;
}
.oco-card>header>div{min-width:0}
.oco-card>header h2{margin:0;color:#302429;font-size:17px}
.oco-card>header p{
  overflow:hidden;
  margin:3px 0 0;
  color:#8a7c80;
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.oco-card>header>span{
  display:inline-grid;
  min-width:27px;
  height:27px;
  place-items:center;
  padding:0 7px;
  border-radius:999px;
  background:#f7e9ec;
  color:var(--oco-brand);
  font-size:12px;
  font-weight:850;
}
.oco-card>header button,
.oco-card>header nav button{
  min-height:32px;
  padding:5px 10px;
  border:1px solid #dfb7c2;
  border-radius:6px;
  background:#fff;
  color:#9b2849;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
  cursor:pointer;
}
.oco-card>header nav{display:flex;gap:7px}
.oco-card>header button.primary,
.oco-card>header nav button.primary{
  border-color:var(--oco-brand);
  background:var(--oco-brand);
  color:#fff;
}

.oco-plan-list{display:grid;padding:0 10px 9px}
.oco-plan-item{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(152px,1.15fr) minmax(72px,.65fr) minmax(76px,.68fr) minmax(92px,.75fr) minmax(190px,1.4fr) auto;
  align-items:center;
  gap:10px;
  min-height:92px;
  padding:10px 8px;
  border-bottom:1px solid #eee5e7;
}
.oco-plan-item:last-child{border-bottom:0}
.oco-plan-shop{min-width:0;display:flex;align-items:center;gap:10px}
.oco-plan-shop .ecx-platform-mark{
  width:38px;
  height:38px;
  flex-basis:38px;
  border-radius:8px;
}
.oco-plan-shop .ecx-platform-mark.amazon{font-size:35px}
.oco-plan-shop .ecx-platform-mark.tiktok{font-size:24px}
.oco-plan-shop .ecx-platform-mark.temu{font-size:9px}
.oco-plan-shop>span{display:grid;min-width:0;gap:2px}
.oco-plan-shop b,
.oco-plan-shop small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.oco-plan-shop b{color:#2f2428;font-size:13px}
.oco-plan-shop small{color:#817378;font-size:11px}
.oco-plan-item dl{min-width:0;margin:0}
.oco-plan-item dt{color:#8b7e82;font-size:10px}
.oco-plan-item dd{
  overflow:hidden;
  margin:5px 0 0;
  color:#33262b;
  font-size:12px;
  font-weight:850;
  font-variant-numeric:tabular-nums;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.oco-plan-progress{display:grid;gap:6px}
.oco-plan-progress>span{display:flex;align-items:center;justify-content:space-between;gap:6px}
.oco-plan-progress small{color:#8b7e82;font-size:10px}
.oco-plan-progress b{color:#3f3136;font-size:12px}
.oco-plan-progress>i{height:6px;overflow:hidden;border-radius:999px;background:#eee8ea}
.oco-plan-progress>i>em{display:block;height:100%;border-radius:inherit;background:#a52b4d}
.oco-plan-progress>i>em.good{background:#35a965}
.oco-plan-progress>i>em.warn{background:#eb7b22}
.oco-plan-progress>i>em.collab{background:#568bd0}
.oco-plan-focus{min-width:0;display:grid;gap:3px}
.oco-plan-focus>small{color:#8b7e82;font-size:10px}
.oco-plan-focus>b{
  overflow:hidden;
  color:#423438;
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.oco-plan-focus>span{color:#8b7e82;font-size:10px}
.oco-plan-focus>span strong{color:#43363a}
.oco-status,
.oco-risk-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 7px;
  border-radius:5px;
  font-size:10px;
  font-style:normal;
  font-weight:850;
  white-space:nowrap;
}
.oco-status.good{background:#e8f6ed;color:#278056}
.oco-status.warn{background:#fff0df;color:#c96616}
.oco-status.collab{background:#fff3d9;color:#a26b12}

.oco-collaboration-card{display:flex;flex-direction:column}
.oco-collaboration-list{display:grid;flex:1}
.oco-collaboration-list>article{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:79px;
  padding:10px 12px;
  border-bottom:1px solid #eee5e7;
}
.oco-collab-copy{min-width:0;display:flex;align-items:flex-start;gap:9px}
.oco-collab-copy>em{
  margin-top:1px;
  padding:4px 6px;
  border-radius:5px;
  background:#f3f1f2;
  color:#6f6267;
  font-size:9px;
  font-style:normal;
  font-weight:850;
  white-space:nowrap;
}
.oco-collab-copy>em.risk{background:#fde8ec;color:#c0395a}
.oco-collab-copy>em.warn{background:#fff0df;color:#cf6b17}
.oco-collab-copy>span{display:grid;min-width:0;gap:5px}
.oco-collab-copy b{
  overflow:hidden;
  color:#312529;
  font-size:13px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.oco-collab-copy small{color:#807277;font-size:10px}
.oco-collaboration-list nav{display:flex;gap:6px}
.oco-collaboration-list nav button{
  min-height:31px;
  padding:5px 8px;
  border:1px solid #dcaebe;
  border-radius:5px;
  background:#fff;
  color:#9d294a;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
  cursor:pointer;
}
.oco-collaboration-list nav button.primary{
  border-color:var(--oco-brand);
  background:linear-gradient(180deg,#ad3153,#941f42);
  color:#fff;
}
.oco-view-all{
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:4px;
  padding:6px 13px;
  border:0;
  background:#fff;
  color:#a22b4c;
  font-size:11px;
  font-weight:800;
  cursor:pointer;
}
.oco-view-all svg{width:14px;height:14px}

.oco-bottom-grid{
  display:grid;
  grid-template-columns:minmax(430px,.95fr) minmax(500px,1.05fr);
  gap:11px;
}
.oco-risk-card>header{min-height:58px}
.oco-risk-card>header>button{
  display:flex;
  align-items:center;
  gap:4px;
  border:0;
}
.oco-risk-card>header>button svg{width:14px;height:14px}
.oco-table-wrap{overflow:auto;padding:0 10px 9px}
.oco-table-wrap table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  color:#483b3f;
  font-size:11px;
  font-variant-numeric:tabular-nums;
}
.oco-table-wrap th{
  height:34px;
  padding:6px 9px;
  border-bottom:1px solid #eadde0;
  background:#fffafa;
  color:#7c6e73;
  font-weight:750;
  text-align:left;
  white-space:nowrap;
}
.oco-table-wrap th:first-child{border-radius:6px 0 0}
.oco-table-wrap th:last-child{border-radius:0 6px 0 0}
.oco-table-wrap td{
  height:42px;
  padding:7px 9px;
  border-bottom:1px solid #eee5e7;
  white-space:nowrap;
}
.oco-table-wrap tbody tr:last-child td{border-bottom:0}
.oco-table-wrap td>b{display:block;color:#34272c;font-size:11px}
.oco-table-wrap td>small{display:block;margin-top:2px;color:#918489;font-size:9px}
.oco-risk-chip.high{background:#fde8ec;color:#c63859}
.oco-risk-chip.medium{background:#fff0df;color:#ca6d17}
.oco-table-wrap strong.risk-number{color:#dc334f;font-size:13px}
.oco-table-wrap strong.warn-number{color:#e27618;font-size:13px}
.oco-table-wrap em.deadline{color:#dc334f;font-style:normal;font-weight:800}
.oco-table-wrap em.deadline.warn{color:#e27618}
.oco-empty{
  min-height:180px;
  display:grid;
  place-content:center;
  justify-items:center;
  gap:6px;
  color:#918489;
}
.oco-empty svg{width:28px;height:28px;color:#c8b7bc}
.oco-empty b{color:#584a4f;font-size:13px}
.oco-empty span{font-size:11px}
.oco-empty.compact{min-height:145px}

@media(max-width:1480px){
  .oco-filter-bar{grid-template-columns:190px repeat(3,minmax(125px,.75fr)) minmax(210px,1.2fr)}
  .oco-plan-item{grid-template-columns:minmax(135px,1fr) 70px 74px 86px minmax(160px,1.2fr) auto;gap:7px}
  .oco-collaboration-list>article{grid-template-columns:1fr}
  .oco-collaboration-list nav{justify-content:flex-end}
}
@media(max-width:1240px){
  .oco-filter-bar{grid-template-columns:repeat(2,minmax(160px,1fr)) minmax(220px,1.3fr)}
  .oco-filter-bar label{grid-column:span 2}
  .oco-main-grid,.oco-bottom-grid{grid-template-columns:1fr}
  .oco-plan-item{grid-template-columns:minmax(150px,1.1fr) 80px 80px minmax(100px,.8fr) minmax(190px,1.3fr) auto}
}
@media(max-width:920px){
  .oco-page-head{align-items:flex-start;flex-direction:column}
  .oco-page-head>aside{justify-items:start}
  .oco-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .oco-milestones{grid-template-columns:repeat(3,1fr)}
  .oco-milestones>b{grid-column:1/-1;border-right:0;border-bottom:1px solid #eadbde}
  .oco-plan-item{grid-template-columns:minmax(155px,1fr) repeat(3,75px);grid-template-areas:"shop target current progress" "focus focus focus status"}
  .oco-plan-shop{grid-area:shop}.oco-plan-item dl:nth-of-type(1){grid-area:target}.oco-plan-item dl:nth-of-type(2){grid-area:current}
  .oco-plan-progress{grid-area:progress}.oco-plan-focus{grid-area:focus}.oco-plan-item>.oco-status{grid-area:status;justify-self:end}
}
@media(max-width:700px){
  .oco-filter-bar{grid-template-columns:1fr}
  .oco-filter-bar label{grid-column:auto}
  .oco-metrics{grid-template-columns:1fr}
  .oco-metrics>button{min-height:78px}
  .oco-milestones{grid-template-columns:1fr}
  .oco-milestones>b,.oco-milestones>span{justify-content:flex-start;border-right:0;border-bottom:1px solid #eadbde}
  .oco-milestones>span:last-child{border-bottom:0}
  .oco-plan-item{grid-template-columns:1fr 1fr;grid-template-areas:"shop status" "target current" "progress progress" "focus focus"}
  .oco-collaboration-list>article{align-items:start}
  .oco-collaboration-list nav{justify-content:flex-start;flex-wrap:wrap}
  .oco-card>header{align-items:flex-start;flex-direction:column}
  .oco-card>header nav{width:100%;flex-wrap:wrap}
}

/* 电商中心 / 电商经营分析 */
.eca-page{
  --eca-brand:#a3284b;
  --eca-brand-deep:#8d1d3f;
  --eca-border:#eadde0;
  --eca-muted:#7f7176;
  display:grid;
  min-width:0;
  gap:11px;
  color:#33272b;
}
.eca-page svg{
  width:19px;
  height:19px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.eca-page button,.eca-page select{font:inherit}
.eca-page button:focus-visible,.eca-page select:focus-visible{
  outline:3px solid rgba(163,40,75,.14);
  outline-offset:1px;
}
.eca-page-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  min-height:68px;
  padding:3px 4px 1px;
}
.eca-page-head>div:first-child>span{
  display:block;
  margin-bottom:4px;
  color:var(--eca-brand);
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
}
.eca-page-head h1{margin:0;color:#2d2024;font-size:28px;line-height:1.15}
.eca-page-head p{margin:5px 0 0;color:#77696e;font-size:13px}
.eca-head-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
}
.eca-head-actions>button{
  min-height:38px;
  display:flex;
  align-items:center;
  gap:7px;
  padding:7px 12px;
  border:1px solid #e1cbd1;
  border-radius:7px;
  background:#fff;
  color:#594a4f;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
  cursor:pointer;
}
.eca-head-actions>button.primary{
  border-color:var(--eca-brand);
  background:linear-gradient(180deg,#ae3154,#961f42);
  color:#fff;
}
.eca-head-actions>button svg{width:16px;height:16px}
.eca-sync{
  display:flex;
  align-items:center;
  gap:7px;
  color:#4e4145;
  font-size:12px;
  font-weight:750;
  line-height:1.2;
  white-space:nowrap;
}
.eca-sync i{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#2daa60;box-shadow:0 0 0 3px rgba(45,170,96,.11)}
.eca-scope{
  width:310px;
  min-width:0;
  flex:0 1 310px;
  height:38px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-rows:1fr 1fr;
  align-items:center;
  column-gap:11px;
  row-gap:0;
  padding:4px 10px;
  box-sizing:border-box;
  border:1px solid #e9b8c5;
  border-radius:8px;
  background:linear-gradient(135deg,#fff9fa,#fff);
  box-shadow:0 5px 14px rgba(115,42,61,.04);
}
.eca-scope em{
  grid-column:1;
  grid-row:1 / -1;
  display:flex;
  align-items:center;
  gap:4px;
  color:#9c2b49;
  font-size:9px;
  font-style:normal;
  font-weight:850;
}
.eca-scope em svg{width:11px;height:11px}
.eca-scope b{
  grid-column:2;
  grid-row:1;
  align-self:end;
  overflow:hidden;
  color:#33262b;
  font-size:11px;
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.eca-scope small{
  grid-column:2;
  grid-row:2;
  align-self:start;
  overflow:hidden;
  color:#817378;
  font-size:9px;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.eca-page-head>.eca-scope{margin-left:auto}

.eca-filter-bar{
  display:grid;
  grid-template-columns:280px minmax(135px,.8fr) minmax(170px,1fr) minmax(135px,.78fr) minmax(140px,.8fr) auto;
  align-items:center;
  gap:9px;
  padding:9px 10px;
  border:1px solid var(--eca-border);
  border-radius:9px;
  background:rgba(255,255,255,.95);
  box-shadow:0 7px 18px rgba(91,39,53,.04);
}
.eca-filter-bar select{
  width:100%;
  min-width:0;
  height:36px;
  padding:0 28px 0 10px;
  border:1px solid #e8dce0;
  border-radius:6px;
  background:#fff;
  color:#4e4045;
  font-size:11px;
  cursor:pointer;
}
.eca-custom-range{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  gap:7px;
  color:#7d6f74;
  font-size:10px;
}
.eca-custom-range input{
  width:150px;
  height:34px;
  padding:0 9px;
  border:1px solid #e8dce0;
  border-radius:6px;
  background:#fff;
  color:#4e4045;
  font-size:11px;
}
.eca-period{
  height:36px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  overflow:hidden;
  border:1px solid #e8dce0;
  border-radius:6px;
  background:#fff;
}
.eca-period button{
  border:0;
  border-right:1px solid #eee3e6;
  background:#fff;
  color:#66585d;
  font-size:11px;
  font-weight:750;
  cursor:pointer;
}
.eca-period button:last-child{border-right:0}
.eca-period button.active{background:linear-gradient(180deg,#ad3153,#971e42);color:#fff}
.eca-completeness{color:#75676c;font-size:11px;white-space:nowrap}
.eca-completeness b{margin-left:4px;color:#26834f;font-size:15px}

.eca-metrics{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
}
.eca-metrics>article{
  min-width:0;
  min-height:113px;
  display:grid;
  align-content:center;
  gap:7px;
  padding:12px 14px;
  border:1px solid var(--eca-border);
  border-radius:9px;
  background:linear-gradient(145deg,#fff,#fffafa);
  box-shadow:0 7px 17px rgba(91,39,53,.045);
}
.eca-metrics header{display:flex;align-items:center;gap:7px;color:#57494e}
.eca-metrics header i{color:var(--eca-brand);font-style:normal}
.eca-metrics header svg{width:18px;height:18px}
.eca-metrics header span{
  overflow:hidden;
  font-size:11px;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.eca-metrics>article>strong{
  overflow:hidden;
  color:#24191d;
  font-size:25px;
  line-height:1;
  font-variant-numeric:tabular-nums;
  letter-spacing:-.02em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.eca-metrics footer{display:flex;align-items:center;justify-content:space-between;gap:6px}
.eca-metrics footer b{color:#269154;font-size:11px;white-space:nowrap}
.eca-metrics footer span{
  overflow:hidden;
  color:#85777c;
  font-size:9px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.eca-metrics>article.warn footer b{color:#df6819}

.eca-insights{
  overflow:hidden;
  border:1px solid var(--eca-border);
  border-radius:9px;
  background:#fff;
  box-shadow:0 7px 18px rgba(91,39,53,.04);
}
.eca-insights>header{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:7px 13px 2px;
}
.eca-insights>header h2{margin:0;color:#35272c;font-size:15px}
.eca-insights>header span{color:#8a7c81;font-size:9px}
.eca-insights>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:7px 12px 11px}
.eca-insights article{
  min-width:0;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:9px;
  min-height:72px;
  padding:9px 10px;
  border:1px solid #d8e8da;
  border-radius:7px;
  background:#fbfffb;
}
.eca-insights article.risk{border-color:#f1c9bc;background:#fffaf7}
.eca-insights article.opportunity{border-color:#ccd9ee;background:#fbfcff}
.eca-insights article>i{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#e9f7ed;
  color:#2e9660;
  font-style:normal;
}
.eca-insights article.risk>i{background:#fff0df;color:#df6f16}
.eca-insights article.opportunity>i{background:#edf3fd;color:#416eae}
.eca-insights article>p{min-width:0;display:grid;gap:4px;margin:0}
.eca-insights article>p b{
  overflow:hidden;
  color:#313f33;
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.eca-insights article.risk>p b{color:#7c3627}
.eca-insights article.opportunity>p b{color:#344968}
.eca-insights article>p small{color:#7d716f;font-size:9px}
.eca-insights article>button{
  min-height:29px;
  display:flex;
  align-items:center;
  gap:3px;
  padding:5px 8px;
  border:1px solid currentColor;
  border-radius:5px;
  background:#fff;
  color:#32915f;
  font-size:9px;
  font-weight:800;
  white-space:nowrap;
  cursor:pointer;
}
.eca-insights article.risk>button{color:#b73956}
.eca-insights article.opportunity>button{color:#416eae}
.eca-insights article>button svg{width:12px;height:12px}

.eca-analysis-grid{
  display:grid;
  grid-template-columns:minmax(560px,1.5fr) minmax(370px,.9fr);
  gap:10px;
}
.eca-card{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--eca-border);
  border-radius:9px;
  background:#fff;
  box-shadow:0 7px 18px rgba(91,39,53,.04);
  scroll-margin-top:90px;
}
.eca-card>header{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 12px;
  border-bottom:1px solid #eee3e6;
}
.eca-card>header>div{min-width:0}
.eca-card>header h2{margin:0;color:#33262b;font-size:15px}
.eca-card>header p{
  overflow:hidden;
  margin:3px 0 0;
  color:#8b7d82;
  font-size:9px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.eca-card>header nav{
  display:flex;
  overflow:hidden;
  border:1px solid #eadde0;
  border-radius:5px;
}
.eca-card>header nav button{
  min-height:28px;
  padding:4px 9px;
  border:0;
  border-right:1px solid #eadde0;
  background:#fff;
  color:#72646a;
  font-size:9px;
  font-weight:750;
  white-space:nowrap;
  cursor:pointer;
}
.eca-card>header nav button:last-child{border-right:0}
.eca-card>header nav button.active{background:var(--eca-brand);color:#fff}
.eca-card>header>span{
  display:flex;
  align-items:center;
  gap:4px;
  color:#9c2a49;
  font-size:9px;
  font-weight:800;
}
.eca-card>header>span svg{width:13px;height:13px}

.eca-chart{
  position:relative;
  min-height:236px;
  padding:13px 13px 19px 42px;
}
.eca-chart>svg{width:100%;height:190px;overflow:visible}
.eca-chart svg .grid path{fill:none;stroke:#eee7e9;stroke-width:1}
.eca-chart svg polyline{fill:none;stroke-linecap:round;stroke-linejoin:round}
.eca-chart svg polyline.previous{stroke:#aaa2a5;stroke-width:2}
.eca-chart svg polyline.current{stroke:#aa2850;stroke-width:3}
.eca-chart svg circle.point.current{fill:#fff;stroke:#aa2850;stroke-width:2}
.eca-chart svg .event-marker circle{fill:#fff;stroke:#aa2850;stroke-width:2}
.eca-chart svg .event-marker path{fill:none;stroke:#dcb7c2;stroke-width:1;stroke-dasharray:2 2}
.eca-y-axis{
  position:absolute;
  top:17px;
  bottom:46px;
  left:10px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  color:#92858a;
  font-size:9px;
}
.eca-y-axis b{
  position:absolute;
  top:-13px;
  left:0;
  color:#6f6166;
  font-size:9px;
  white-space:nowrap;
}
.eca-chart-events{
  position:absolute;
  top:13px;
  right:13px;
  bottom:19px;
  left:42px;
  pointer-events:none;
}
.eca-chart-events>span{
  position:absolute;
  min-width:74px;
  display:grid;
  justify-items:center;
  gap:1px;
  padding:4px 7px;
  border:1px solid #e2a8b8;
  border-radius:5px;
  background:rgba(255,255,255,.98);
  box-shadow:0 2px 8px rgba(96,48,61,.06);
  color:#493a3f;
  line-height:1.2;
  transform:translateX(-50%);
  white-space:nowrap;
}
.eca-chart-events>span b{font-size:9px;font-weight:850}
.eca-chart-events>span small{color:#6e5f64;font-size:9px;font-weight:650}
.eca-x-axis{
  position:absolute;
  right:14px;
  bottom:17px;
  left:48px;
  display:flex;
  justify-content:space-between;
  color:#83757a;
  font-size:9px;
}
.eca-chart-legend{
  position:absolute;
  right:18px;
  bottom:2px;
  display:flex;
  gap:12px;
  font-size:9px;
}
.eca-chart-legend .current{color:#aa2850}.eca-chart-legend .previous{color:#999194}
.eca-trend-card>footer{
  min-height:30px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:5px 12px;
  border-top:1px solid #eee5e7;
  color:#8b7e82;
  font-size:9px;
}
.eca-trend-card>footer svg{width:13px;height:13px}

.eca-contribution-list{display:grid;padding:4px 11px 9px}
.eca-contribution-list>article{
  min-width:0;
  display:grid;
  grid-template-columns:24px minmax(130px,1fr) auto minmax(75px,.7fr) 35px;
  align-items:center;
  gap:8px;
  min-height:59px;
  border-bottom:1px solid #eee5e7;
}
.eca-contribution-list>article:last-child{border-bottom:0}
.eca-contribution-list>article>em{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#eee9eb;
  color:#766a6e;
  font-size:9px;
  font-style:normal;
  font-weight:850;
}
.eca-contribution-list>article:first-child>em{background:#f6bc4f;color:#fff}
.eca-contribution-list>article>div,.eca-contribution-list>article>span{min-width:0;display:grid;gap:3px}
.eca-contribution-list b,.eca-contribution-list small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.eca-contribution-list b{color:#44363b;font-size:10px}
.eca-contribution-list small{color:#897b80;font-size:8px}
.eca-contribution-list>article>span{text-align:right}
.eca-contribution-list>article>i{height:6px;overflow:hidden;border-radius:999px;background:#f0e7e9}
.eca-contribution-list>article>i u{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#a5274b,#ca5877);text-decoration:none}
.eca-contribution-list>article>strong{color:#4a3b40;font-size:10px;text-align:right}

.eca-bottom-grid{
  display:grid;
  grid-template-columns:minmax(260px,.58fr) minmax(630px,1.42fr);
  gap:10px;
}
.eca-profit-card dl{display:grid;gap:0;margin:0;padding:5px 12px 9px}
.eca-profit-card dl>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:25px;
  gap:10px;
  border-bottom:1px dashed #eee3e6;
}
.eca-profit-card dt{color:#5c4d52;font-size:10px}
.eca-profit-card dd{margin:0;color:#45373c;font-size:10px;font-weight:750;font-variant-numeric:tabular-nums}
.eca-profit-card dl>div.total{
  margin-top:3px;
  padding:0 6px;
  border-bottom:0;
  border-radius:5px;
  background:#fff0f3;
}
.eca-profit-card .total dt,.eca-profit-card .total dd{color:#a22749;font-size:12px;font-weight:900}
.eca-table-wrap{overflow:auto;padding:0 10px 8px}
.eca-table-wrap table{width:100%;border-collapse:separate;border-spacing:0;color:#4a3c41;font-size:9px}
.eca-table-wrap th{
  height:30px;
  padding:5px 7px;
  border-bottom:1px solid #eadde0;
  background:#fffafa;
  color:#75686c;
  font-weight:750;
  text-align:left;
  white-space:nowrap;
}
.eca-table-wrap td{
  height:39px;
  padding:5px 7px;
  border-bottom:1px solid #eee5e7;
  white-space:nowrap;
}
.eca-table-wrap tbody tr:last-child td{border-bottom:0}
.eca-table-wrap td:first-child b{display:block;color:#372a2f;font-size:9px}
.eca-table-wrap td:first-child small{display:block;margin-top:2px;color:#8d7f84;font-size:8px}
.eca-table-wrap td:nth-child(2){display:grid;grid-template-columns:minmax(55px,1fr) auto;align-items:center;gap:5px}
.eca-progress{height:5px;overflow:hidden;border-radius:999px;background:#eee7e9}
.eca-progress span{display:block;height:100%;border-radius:inherit;background:#31a55e}
.eca-table-wrap tr:nth-child(2) .eca-progress span{background:#e78320}
.eca-table-wrap em{font-style:normal;font-weight:800}
.eca-table-wrap em.up{color:#259254}.eca-table-wrap em.down{color:#dc5f1c}
.eca-status{
  display:inline-flex;
  padding:3px 6px;
  border-radius:5px;
  font-size:8px;
  font-weight:850;
}
.eca-status.good{background:#e9f6ed;color:#278156}
.eca-status.warn{background:#fff0df;color:#d06a17}

.eca-team-summary{
  min-height:44px;
  display:grid;
  grid-template-columns:minmax(130px,1fr) repeat(3,minmax(110px,.7fr)) auto;
  align-items:center;
  gap:8px;
  padding:6px 12px;
  border:1px solid var(--eca-border);
  border-radius:9px;
  background:#fff;
  box-shadow:0 7px 18px rgba(91,39,53,.04);
}
.eca-team-summary>b{color:#382b30;font-size:12px}
.eca-team-summary>span{display:flex;align-items:center;justify-content:center;gap:7px;color:#62545a;font-size:10px}
.eca-team-summary>span svg{width:16px;height:16px;color:#687a91}
.eca-team-summary>span.risk svg,.eca-team-summary>span.risk strong{color:#b92d4f}
.eca-team-summary>span strong{color:#302328;font-size:14px}
.eca-team-summary>button{
  min-height:32px;
  display:flex;
  align-items:center;
  gap:5px;
  padding:5px 13px;
  border:0;
  border-radius:5px;
  background:linear-gradient(180deg,#ad3153,#971e42);
  color:#fff;
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.eca-team-summary>button svg{width:13px;height:13px}
.eca-no-shop{
  min-height:360px;
  display:grid;
  place-content:center;
  justify-items:center;
  gap:9px;
  padding:30px;
  border:1px solid var(--eca-border);
  border-radius:10px;
  background:#fff;
  color:#8c7e83;
  text-align:center;
}
.eca-no-shop>svg{width:42px;height:42px;color:#b99fa7}
.eca-no-shop h2{margin:4px 0 0;color:#4a3a40;font-size:18px}
.eca-no-shop p{max-width:440px;margin:0;font-size:11px;line-height:1.6}

@media(max-width:1540px){
  .eca-page-head{align-items:flex-start}
  .eca-head-actions{flex-wrap:wrap}
  .eca-sync{order:-1}
  .eca-filter-bar{grid-template-columns:250px repeat(4,minmax(125px,1fr));}
  .eca-completeness{grid-column:1/-1;justify-self:end}
  .eca-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:1260px){
  .eca-page-head{flex-direction:column}
  .eca-head-actions{width:100%;justify-content:flex-start}
  .eca-analysis-grid,.eca-bottom-grid{grid-template-columns:1fr}
  .eca-insights>div{grid-template-columns:1fr}
  .eca-insights article{grid-template-columns:38px minmax(0,1fr) auto}
}
@media(max-width:900px){
  .eca-filter-bar{grid-template-columns:repeat(2,minmax(150px,1fr))}
  .eca-period{grid-column:1/-1}
  .eca-completeness{grid-column:auto;justify-self:start}
  .eca-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .eca-team-summary{grid-template-columns:repeat(3,1fr)}
  .eca-team-summary>b,.eca-team-summary>button{grid-column:1/-1}
  .eca-team-summary>button{justify-content:center}
}
@media(max-width:650px){
  .eca-head-actions{display:grid;grid-template-columns:1fr 1fr}
  .eca-sync,.eca-scope{grid-column:1/-1}
  .eca-filter-bar,.eca-metrics{grid-template-columns:1fr}
  .eca-period{grid-column:auto}
  .eca-insights article{grid-template-columns:34px 1fr}
  .eca-insights article>button{grid-column:1/-1;justify-content:center}
  .eca-card>header{align-items:flex-start;flex-direction:column}
  .eca-card>header nav{max-width:100%;overflow:auto}
  .eca-contribution-list>article{grid-template-columns:24px minmax(100px,1fr) auto 34px}
  .eca-contribution-list>article>i{grid-column:2/4}
  .eca-team-summary{grid-template-columns:1fr}
  .eca-team-summary>b,.eca-team-summary>button{grid-column:auto}
}

/* 财务效果图版级联收口：置于全局样式末尾 */
.finance-center-shell:has(.finance-reference-page){
  gap:0;
  color:var(--finance-text);
}
.finance-center-shell:has(.finance-reference-page)>.finance-center-subnav{
  position:relative;
  top:auto;
  z-index:5;
  margin:0;
  border-bottom:1px solid var(--finance-line);
  background:#fff;
  backdrop-filter:none;
}
.finance-center-shell:has(.finance-reference-page)>.finance-center-subnav button{
  border-bottom-color:transparent;
}
.finance-center-shell:has(.finance-reference-page)>.finance-center-subnav button.active{
  border-bottom-color:transparent;
}
.finance-center-shell:has(.finance-reference-page)>.finance-reference-page{
  width:100%;
  min-width:0;
  max-width:100%;
  overflow:hidden;
  box-sizing:border-box;
}
@media(max-width:1450px){
  .finance-center-shell:has(.finance-reference-page) .finance-reference-toolbar{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    width:100%;
    min-width:0;
    max-width:100%;
    overflow:hidden;
  }
  .finance-center-shell:has(.finance-reference-page) .finance-reference-toolbar>h1{
    grid-column:1;
  }
  .finance-center-shell:has(.finance-reference-page) .finance-reference-meta,
  .finance-center-shell:has(.finance-reference-page) .finance-reference-actions{
    grid-column:3;
    justify-self:end;
    max-width:100%;
  }
  .finance-center-shell:has(.finance-reference-page) .finance-reference-filters{
    grid-row:2;
    grid-column:1 / -1;
    width:100%;
    min-width:0;
    max-width:100%;
    overflow-x:auto;
    box-sizing:border-box;
    scrollbar-width:none;
  }
  .finance-center-shell:has(.finance-reference-page) .finance-reference-filters::-webkit-scrollbar{display:none}
}
.finance-center-shell:has(.finance-reference-page) .finance-reference-plan-summary span{
  min-width:118px;
  white-space:nowrap;
}

/* 结算与对账：流程文案单行、短数量框及任务表业务列宽 */
.finance-center-shell:has(.finance-reference-page) .finance-reference-reconciliation-flow>div{
  grid-template-columns:22px 24px minmax(48px,1fr) 34px;
  gap:6px;
  padding:0 10px;
}
.finance-center-shell:has(.finance-reference-page) .finance-reference-reconciliation-flow>div>b{
  min-width:48px;
  white-space:nowrap;
  word-break:keep-all;
}
.finance-center-shell:has(.finance-reference-page) .finance-reference-reconciliation-flow>div>em{
  width:34px;
  min-width:34px;
  max-width:34px;
  justify-self:end;
}
.finance-center-shell:has(.finance-reference-page) .finance-reference-reconciliation-list .data-table{
  width:100%;
  min-width:820px;
  table-layout:fixed;
}
.finance-center-shell:has(.finance-reference-page) .finance-reference-reconciliation-list .data-table :is(th,td):nth-child(1){width:34px}
.finance-center-shell:has(.finance-reference-page) .finance-reference-reconciliation-list .data-table :is(th,td):nth-child(2){width:138px}
.finance-center-shell:has(.finance-reference-page) .finance-reference-reconciliation-list .data-table :is(th,td):nth-child(3){width:126px}
.finance-center-shell:has(.finance-reference-page) .finance-reference-reconciliation-list .data-table :is(th,td):nth-child(4){width:66px}
.finance-center-shell:has(.finance-reference-page) .finance-reference-reconciliation-list .data-table :is(th,td):nth-child(5),
.finance-center-shell:has(.finance-reference-page) .finance-reference-reconciliation-list .data-table :is(th,td):nth-child(6){width:82px}
.finance-center-shell:has(.finance-reference-page) .finance-reference-reconciliation-list .data-table :is(th,td):nth-child(7){width:68px}
.finance-center-shell:has(.finance-reference-page) .finance-reference-reconciliation-list .data-table :is(th,td):nth-child(8){width:96px}
.finance-center-shell:has(.finance-reference-page) .finance-reference-reconciliation-list .data-table :is(th,td):nth-child(9){width:56px}
.finance-center-shell:has(.finance-reference-page) .finance-reference-reconciliation-list .data-table :is(th,td):nth-child(10){width:72px}
.finance-center-shell:has(.finance-reference-page) .finance-reference-reconciliation-list .data-table :is(th,td):nth-child(2),
.finance-center-shell:has(.finance-reference-page) .finance-reference-reconciliation-list .data-table :is(th,td):nth-child(3),
.finance-center-shell:has(.finance-reference-page) .finance-reference-reconciliation-list .finance-table-link{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.finance-center-shell:has(.finance-reference-page) .finance-reference-reconciliation-list .finance-table-link{
  display:block;
  max-width:100%;
}

/* 结算与对账：任务区加宽，流程改为独立节点卡片 */
@media(min-width:1181px){
  .finance-center-shell:has(.finance-reference-page) .finance-reference-reconciliation-workspace{
    grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);
  }
}
.finance-center-shell:has(.finance-reference-page) .finance-reference-reconciliation-flow{
  grid-template-columns:repeat(5,minmax(140px,200px));
  justify-content:center;
  gap:clamp(24px,5vw,80px);
  min-height:74px;
  padding:12px 22px;
}
.finance-center-shell:has(.finance-reference-page) .finance-reference-reconciliation-flow>div{
  grid-template-columns:26px minmax(48px,1fr) 34px;
  min-width:0;
  height:46px;
  padding:0 12px;
  gap:8px;
  border:1px solid var(--finance-line);
  border-radius:5px;
  background:#fff;
}
.finance-center-shell:has(.finance-reference-page) .finance-reference-reconciliation-flow>div>i{
  top:-10px;
  left:-10px;
  width:20px;
  height:20px;
  font-size:10px;
}
.finance-center-shell:has(.finance-reference-page) .finance-reference-reconciliation-flow>div>span{
  width:26px;
  height:26px;
}
.finance-center-shell:has(.finance-reference-page) .finance-reference-reconciliation-flow>div>span svg{
  width:20px;
  height:20px;
}
.finance-center-shell:has(.finance-reference-page) .finance-reference-reconciliation-flow>div>b{
  min-width:48px;
  font-size:11px;
}
.finance-center-shell:has(.finance-reference-page) .finance-reference-reconciliation-flow>div>u{
  right:clamp(-47px,-3.1vw,-19px);
  font-size:21px;
}
@media(max-width:560px){
  .finance-center-shell:has(.finance-reference-page) .finance-reference-reconciliation-flow{
    justify-content:start;
    gap:30px;
    padding:12px 16px;
  }
  .finance-center-shell:has(.finance-reference-page) .finance-reference-reconciliation-flow>div{
    flex-basis:170px;
  }
  .finance-center-shell:has(.finance-reference-page) .finance-reference-reconciliation-flow>div>u{
    right:-24px;
  }
}

/* 结算与对账：映射到全软件固定字号梯度，最小字号 12px */
.finance-reference-page:has(.finance-reference-reconciliation-flow){
  font-family:"Microsoft YaHei","PingFang SC","Segoe UI",Arial,sans-serif;
}
.finance-reference-page:has(.finance-reference-reconciliation-flow) .finance-reference-toolbar>h1{font-size:24px}
.finance-reference-page:has(.finance-reference-reconciliation-flow) .finance-reference-filters label,
.finance-reference-page:has(.finance-reference-reconciliation-flow) .finance-reference-meta{font-size:12px}
.finance-reference-page:has(.finance-reference-reconciliation-flow) .finance-reference-filters :is(select,input){font-size:14px}
.finance-reference-page:has(.finance-reference-reconciliation-flow) .finance-reference-actions button{font-size:14px}
.finance-reference-page:has(.finance-reference-reconciliation-flow) .finance-reference-kpi>div>span{font-size:14px}
.finance-reference-page:has(.finance-reference-reconciliation-flow) .finance-reference-kpi>div>strong{
  font-size:28px;
  font-variant-numeric:tabular-nums;
}
.finance-reference-page:has(.finance-reference-reconciliation-flow) .finance-reference-kpi>div>small{font-size:12px}
.finance-reference-page:has(.finance-reference-reconciliation-flow) .finance-reference-panel>header h2{font-size:16px}
.finance-reference-page:has(.finance-reference-reconciliation-flow) .finance-reference-panel>header h2 small{font-size:12px}
.finance-reference-page:has(.finance-reference-reconciliation-flow) .finance-reference-tabs button{font-size:14px}
.finance-reference-page:has(.finance-reference-reconciliation-flow) .data-table{font-size:13px}
.finance-reference-page:has(.finance-reference-reconciliation-flow) .data-table th{font-size:12px}
.finance-reference-page:has(.finance-reference-reconciliation-flow) .data-table td{
  height:42px;
  font-size:13px;
  font-variant-numeric:tabular-nums;
}
.finance-reference-page:has(.finance-reference-reconciliation-flow) :is(.finance-table-action,.finance-table-link){font-size:13px}
.finance-reference-page:has(.finance-reference-reconciliation-flow) .finance-reference-reconciliation-flow>div>i,
.finance-reference-page:has(.finance-reference-reconciliation-flow) .finance-reference-reconciliation-flow>div>em{font-size:12px}
.finance-reference-page:has(.finance-reference-reconciliation-flow) .finance-reference-reconciliation-flow>div>b{font-size:14px}
.finance-reference-page:has(.finance-reference-reconciliation-flow) .finance-reference-progress>b{font-size:12px}
.finance-reference-page:has(.finance-reference-reconciliation-flow) .finance-reference-reconciliation-detail>header>strong{font-size:12px}
.finance-reference-page:has(.finance-reference-reconciliation-flow) .finance-reference-reconciliation-detail>header>strong em{font-size:16px}
.finance-reference-page:has(.finance-reference-reconciliation-flow) .finance-reference-detail-context{
  font-size:12px;
  line-height:1.5;
}
.finance-reference-page:has(.finance-reference-reconciliation-flow) .finance-reference-detail-metrics>span{font-size:12px}
.finance-reference-page:has(.finance-reference-reconciliation-flow) .finance-reference-detail-metrics strong{
  font-size:18px;
  font-variant-numeric:tabular-nums;
}
.finance-reference-page:has(.finance-reference-reconciliation-flow) .finance-reference-match-board>section h3{font-size:14px}
.finance-reference-page:has(.finance-reference-reconciliation-flow) .finance-reference-match-board>section h3 small{font-size:12px}
.finance-reference-page:has(.finance-reference-reconciliation-flow) .finance-reference-match-board>section b,
.finance-reference-page:has(.finance-reference-reconciliation-flow) .finance-reference-match-board>section em{font-size:13px}
.finance-reference-page:has(.finance-reference-reconciliation-flow) .finance-reference-match-board>section small{font-size:12px}
.finance-reference-page:has(.finance-reference-reconciliation-flow) .finance-reference-detail-form label{font-size:12px}
.finance-reference-page:has(.finance-reference-reconciliation-flow) .finance-reference-detail-form :is(select,input){
  height:34px;
  font-size:14px;
}
.finance-reference-page:has(.finance-reference-reconciliation-flow) .finance-reference-evidence{font-size:12px}
.finance-reference-page:has(.finance-reference-reconciliation-flow) .finance-reference-evidence>button{font-size:13px}
.finance-reference-page:has(.finance-reference-reconciliation-flow) .finance-reference-reconciliation-detail>footer button{font-size:14px}

/* 财务效果图页面：限制隐式网格列，避免子模块按内容宽度撑出父容器 */
.finance-center-shell:has(.finance-reference-page)>.finance-reference-page{
  grid-template-columns:minmax(0,1fr);
}
.finance-center-shell:has(.finance-reference-page)>.finance-reference-page>*{
  min-width:0;
  max-width:100%;
}
.finance-center-shell:has(.finance-reference-page) .finance-reference-document-workspace>*{
  min-width:0;
}
.finance-center-shell:has(.finance-reference-document-workspace) .finance-reference-document-types>button{
  padding:6px;
  gap:4px;
  font-size:13px;
}
.finance-center-shell:has(.finance-reference-document-workspace) .finance-reference-document-types>button>i{
  flex:0 0 24px;
  width:24px;
  height:24px;
}
.finance-center-shell:has(.finance-reference-document-workspace) .finance-reference-document-types>button>span{
  flex:1 1 auto;
}
.finance-center-shell:has(.finance-reference-document-workspace) .finance-reference-document-types>button>strong{
  flex:0 0 20px;
  min-width:20px;
  font-size:12px;
}
@media(max-width:1800px){
  .finance-center-shell:has(.finance-reference-document-workspace) .finance-reference-toolbar{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    width:100%;
    min-width:0;
    max-width:100%;
    overflow:hidden;
  }
  .finance-center-shell:has(.finance-reference-document-workspace) .finance-reference-toolbar>h1{
    grid-column:1;
  }
  .finance-center-shell:has(.finance-reference-document-workspace) .finance-reference-actions{
    grid-column:3;
    justify-self:end;
    max-width:100%;
  }
  .finance-center-shell:has(.finance-reference-document-workspace) .finance-reference-filters{
    grid-row:2;
    grid-column:1 / -1;
    width:100%;
    min-width:0;
    max-width:100%;
    overflow-x:auto;
    box-sizing:border-box;
    scrollbar-width:none;
  }
  .finance-center-shell:has(.finance-reference-document-workspace) .finance-reference-filters::-webkit-scrollbar{display:none}
}

/* 电商中心：移除业务页重复标题说明，二级菜单与操作区对齐 */
.ecommerce-main .ecx-page-head>div:first-child,
.ecommerce-main .epg-page-head>div:first-child,
.ecommerce-main .epm-head>div:first-child,
.ecommerce-main .ecs-hero>div:first-child{
  display:none;
}
.ecommerce-main .ecx-page-head{
  min-height:38px;
  align-items:center;
  justify-content:flex-end;
  gap:0;
  padding:0;
}
.ecommerce-main .ecx-page-head:has(>nav:empty){
  display:none;
}
.ecommerce-main .ecx-page-head nav{
  width:auto;
  min-width:0;
  flex:0 1 auto;
  justify-content:flex-end;
}
.ecommerce-tabbed-hub{
  position:relative;
}
.ecommerce-tabbed-hub>.growth-hub-header{
  padding-right:4px;
}
.ecommerce-tabbed-hub .growth-hub-content .ecx-page-head,
.ecommerce-tabbed-hub .growth-hub-content .epg-page-head,
.ecommerce-tabbed-hub .growth-hub-content .epm-head{
  position:absolute;
  top:6px;
  right:4px;
  z-index:4;
  width:auto;
  max-width:calc(100% - 420px);
  min-height:49px;
  margin:0;
  padding:0;
}
.ecommerce-tabbed-hub .growth-hub-content .epg-page-head{
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.ecommerce-tabbed-hub .growth-hub-content .epg-page-head nav,
.ecommerce-tabbed-hub .growth-hub-content .epm-head nav{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px;
}
.ecommerce-main .ecs-hero{
  min-height:40px;
  justify-content:flex-end;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.ecommerce-main .ecs-hero nav{
  flex-wrap:wrap;
  justify-content:flex-end;
}
.ecx-marketing-page-head{
  display:none;
}
.ecommerce-main>.business-sync-strip[data-business-domain="marketing"]{
  order:2;
}
.ecommerce-main>.ecx-marketing-shell{
  order:1;
}
.ecx-marketing-subnav-row{
  display:grid;
  grid-template-columns:minmax(500px,.9fr) minmax(0,1.35fr);
  align-items:end;
  gap:12px;
  min-width:0;
}
.ecx-marketing-subnav-row .ecx-marketing-tabs{
  width:100%;
  min-width:0;
  display:flex;
  justify-content:flex-start;
  padding:6px 0 0;
  scrollbar-width:none;
}
.ecx-marketing-subnav-row .ecx-marketing-tabs::-webkit-scrollbar{
  display:none;
}
.ecx-marketing-subnav-row .ecx-marketing-tabs button{
  flex:0 0 150px;
  min-width:150px;
}
.ecx-marketing-subnav-row .ecx-marketing-tabs button>span{
  white-space:nowrap;
}
.ecx-marketing-subnav-row .ecx-marketing-controls{
  min-width:0;
  justify-content:flex-end;
  padding-bottom:6px;
}
.ecx-marketing-subnav-row .ecx-marketing-scope,
.ecx-marketing-subnav-row .ecx-marketing-update{
  display:grid;
  min-height:44px;
  align-content:center;
  gap:3px;
  line-height:1.05;
}
.ecx-marketing-subnav-row .ecx-marketing-scope small,
.ecx-marketing-subnav-row .ecx-marketing-update small{
  color:#8b777e;
  font-size:10px;
  font-weight:700;
  white-space:nowrap;
}
.ecx-marketing-subnav-row .ecx-marketing-scope b,
.ecx-marketing-subnav-row .ecx-marketing-update b{
  color:inherit;
  font-size:11px;
  font-weight:850;
  white-space:nowrap;
}
/* 客户体验、运营协同与经营分析使用独立页头，补齐统一的标题精简规则 */
.ecommerce-main .cxp-page-head>div:first-child,
.ecommerce-main .oco-page-head>div:first-child,
.ecommerce-main .eca-page-head>div:first-child{
  display:none;
}
.ecommerce-main .cxp-page-head,
.ecommerce-main .oco-page-head,
.ecommerce-main .eca-page-head{
  min-height:38px;
  align-items:center;
  justify-content:flex-end;
  padding:0 4px;
}
.ecommerce-main .cxp-page-head>aside,
.ecommerce-main .oco-page-head>aside,
.ecommerce-main .eca-head-actions{
  margin-left:auto;
}
@media(min-width:1501px){
  .ecx-marketing-subnav-row{
    grid-template-columns:minmax(600px,640px) minmax(0,1fr);
    align-items:center;
    gap:8px;
  }
  .ecx-marketing-subnav-row .ecx-marketing-tabs{
    min-height:49px;
    align-items:stretch;
    gap:6px;
    padding:0;
  }
  .ecx-marketing-subnav-row .ecx-marketing-tabs button{
    flex:1 1 0;
    min-width:110px;
    padding:8px 7px;
  }
  .ecx-marketing-subnav-row .ecx-marketing-controls{
    flex-wrap:nowrap;
    gap:5px;
    padding:0;
    overflow-x:auto;
    scrollbar-width:none;
  }
  .ecx-marketing-subnav-row .ecx-marketing-controls::-webkit-scrollbar{
    display:none;
  }
  .ecx-marketing-subnav-row .ecx-marketing-scope{
    flex:0 0 auto;
    padding-inline:7px;
  }
  .ecx-marketing-subnav-row .ecx-marketing-update{
    flex:0 0 54px;
  }
  .ecx-marketing-subnav-row .ecx-marketing-filterset{
    flex:1 1 auto;
    justify-content:flex-end;
    gap:5px;
    overflow:visible;
  }
  .ecx-marketing-subnav-row .ecx-marketing-filterset label{
    flex:0 1 88px;
    min-width:64px;
    max-width:100px;
  }
  .ecx-marketing-subnav-row .ecx-marketing-filterset label:nth-child(3){
    flex-basis:104px;
    max-width:116px;
  }
  .ecx-marketing-subnav-row .ecx-marketing-filterset label:nth-child(4){
    flex-basis:92px;
    max-width:102px;
  }
  .ecx-marketing-subnav-row .ecx-marketing-filterset .ecx-marketing-search{
    flex-basis:118px;
    max-width:136px;
  }
  .ecx-marketing-subnav-row .ecx-marketing-filterset select,
  .ecx-marketing-subnav-row .ecx-marketing-filterset input{
    min-width:0;
    padding-left:8px;
    padding-right:22px;
    font-size:13px;
  }
  .ecx-marketing-subnav-row .ecx-marketing-actions{
    flex:0 0 auto;
    gap:5px;
  }
  .ecx-marketing-subnav-row .ecx-marketing-actions button{
    padding-inline:10px;
    white-space:nowrap;
  }
}
@media(max-width:1500px){
  .ecx-marketing-subnav-row{
    grid-template-columns:minmax(0,1fr);
  }
  .ecx-marketing-subnav-row .ecx-marketing-controls{
    justify-content:flex-start;
    padding-bottom:0;
  }
}
@media(max-width:1400px){
  .ecommerce-tabbed-hub .growth-hub-content .ecx-page-head,
  .ecommerce-tabbed-hub .growth-hub-content .epg-page-head,
  .ecommerce-tabbed-hub .growth-hub-content .epm-head{
    position:static;
    width:100%;
    max-width:none;
    min-height:38px;
  }
}
@media(max-width:700px){
  .ecommerce-main .ecx-page-head nav,
  .ecommerce-main .ecs-hero nav{
    width:100%;
    justify-content:flex-start;
    overflow-x:auto;
  }
  .ecommerce-main .ecs-hero{
    align-items:stretch;
  }
}

/* 外贸中心：一级子菜单与电商中心统一为顶部横向导航 */
.foreign-trade-workspace{
  grid-template-columns:minmax(0,1fr);
  gap:14px;
  align-items:start;
}
.foreign-trade-menu,
.app-shell.foreign-trade-active .foreign-trade-menu{
  position:relative;
  top:0;
  width:100%;
  max-width:calc(100% - 680px);
  min-height:66px;
  display:flex;
  align-items:stretch;
  justify-self:stretch;
  padding:0;
  overflow:hidden;
  border:0;
  border-bottom:1px solid #ead9dc;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
  z-index:8;
}
.foreign-trade-menu-groups{
  width:min(100%,940px);
  min-width:0;
  display:flex;
  align-items:stretch;
  justify-content:space-between;
  gap:clamp(14px,1.25vw,22px);
  padding:0;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
}
.foreign-trade-menu-groups::-webkit-scrollbar{
  display:none;
}
.foreign-trade-group-button,
.foreign-trade-group-button.direct{
  position:relative;
  flex:0 0 auto;
  min-width:auto;
  min-height:66px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 4px;
  border:0;
  border-bottom:3px solid transparent;
  border-radius:0;
  background:transparent;
  color:#2d2024;
  text-align:center;
  box-shadow:none;
}
.foreign-trade-group-copy{
  width:auto;
  min-width:0;
  text-align:center;
}
.foreign-trade-group-copy strong{
  overflow:visible;
  color:inherit;
  font-size:15px;
  font-weight:800;
  text-align:center;
  text-overflow:clip;
  white-space:nowrap;
}
.foreign-trade-group-copy>span{
  display:none;
}
.foreign-trade-group-button:hover{
  border-color:transparent;
  border-bottom-color:#d9a9b5;
  background:transparent;
  color:var(--brand);
}
.foreign-trade-group-button.active{
  border-color:transparent;
  border-bottom-color:var(--brand);
  background:transparent;
  color:var(--brand);
  box-shadow:none;
}
.foreign-trade-main{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:14px;
  min-width:0;
}
.foreign-trade-data-truth{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:36px;
  padding:7px 12px;
  border:1px solid #d9e8df;
  border-radius:8px;
  background:#f4fbf7;
  color:#385b49;
  font-size:12px;
  line-height:1.5;
}
.foreign-trade-data-truth.demo{
  border-color:#ead3aa;
  background:#fff8e9;
  color:#765322;
}
.foreign-trade-data-truth b{flex:0 0 auto;font-size:12px}
.foreign-trade-main .trade-tabbed-hub,
.foreign-trade-main .growth-hub-content{
  width:100%;
  max-width:100%;
  min-width:0;
  grid-template-columns:minmax(0,1fr);
}
.foreign-trade-main .trade-pipeline-board{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}
.app-shell.foreign-trade-active .topbar{
  display:none;
}
@media(max-width:1500px){
  .foreign-trade-menu,
  .app-shell.foreign-trade-active .foreign-trade-menu{
    max-width:100%;
  }
}
@media(max-width:700px){
  .foreign-trade-menu,
  .app-shell.foreign-trade-active .foreign-trade-menu{
    min-height:56px;
  }
  .foreign-trade-menu-groups{
    width:100%;
    justify-content:flex-start;
    gap:18px;
  }
  .foreign-trade-group-button,
  .foreign-trade-group-button.direct{
    min-height:56px;
    padding-inline:2px;
  }
  .foreign-trade-group-copy strong{
    font-size:14px;
  }
}

/* 全软件中心级二级选项卡：统一采用电商中心 49px / 14px 规范 */
.growth-hub-header,
.growth-hub-header.dense-tabs{
  min-height:58px;
  padding-top:6px;
}
.growth-hub-tabs button,
.ecommerce-submenu-tabs button{
  height:49px !important;
  min-height:49px !important;
  gap:10px;
  padding:10px 18px;
  box-sizing:border-box;
  border-radius:8px 8px 0 0;
  font-family:"Microsoft YaHei","PingFang SC","Segoe UI",Arial,sans-serif;
  font-size:14px !important;
  font-weight:800;
  line-height:1.2;
}
.growth-hub-tabs em,
.growth-hub-tabs.dense-tabs em,
.ecommerce-submenu-tabs em{
  min-width:24px;
  height:24px;
  padding:0 6px;
  font-size:12px;
}
.omni-channel-tabs button,
.crm-settings-nav button{
  height:49px !important;
  min-height:49px !important;
  box-sizing:border-box;
  font-size:14px !important;
  line-height:1.2;
}
body .dc-tabs button,
body .mfg-nav button,
body .finance-center-subnav button,
body .whl-tabs button,
body .bd-center-tabs button,
body .bd-redesign>.bd-subnav button,
body .bd-reference-ui>.bd-subnav button{
  height:49px !important;
  min-height:49px !important;
  box-sizing:border-box;
  font-size:14px !important;
  line-height:1.2;
}
body .bd-center-tabs,
body .bd-redesign>.bd-subnav,
body .bd-reference-ui>.bd-subnav{
  min-height:49px;
}
body .whl-tabs button{
  font-weight:800;
}
@media(max-width:600px){
  body .bd-center-tabs,
  body .bd-center-tabs button{
    min-height:49px;
  }
}

/* 全软件子菜单设计令牌：一级直属导航复用电商中心 66px / 15px，业务内页签复用 49px / 14px。 */
:root{
  --software-primary-submenu-height:56px;
  --software-primary-submenu-font-size:15px;
  --software-primary-submenu-font-weight:700;
  --software-secondary-submenu-height:40px;
  --software-secondary-submenu-font-size:14px;
  --software-secondary-submenu-font-weight:600;
}

/* 一级菜单直属子菜单容器 */
.ecommerce-menu,
.foreign-trade-menu,
.ai-center-shell>.ai-center-tabs,
.formal-product-center>.formal-product-section-tabs,
.whl-top>.whl-tabs,
.dc-shell>.dc-tabs,
.mfg-page-head>.mfg-nav,
.aibos-tool-center>.bd-center-tabs,
.finance-center-shell>.finance-center-subnav,
.data-toolbar>.data-tabs,
.system-admin-nav>.data-tabs{
  min-height:var(--software-primary-submenu-height) !important;
  box-sizing:border-box;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-bottom:1px solid #ead9dc !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.ecommerce-menu-groups,
.foreign-trade-menu-groups,
.ai-center-shell>.ai-center-tabs,
.formal-product-center>.formal-product-section-tabs,
.whl-top>.whl-tabs,
.dc-shell>.dc-tabs,
.mfg-page-head>.mfg-nav,
.aibos-tool-center>.bd-center-tabs,
.finance-center-subnav>.finance-center-subnav-scroll,
.data-toolbar>.data-tabs,
.system-admin-nav>.data-tabs{
  display:flex !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:clamp(24px,2vw,36px) !important;
  min-width:0;
  padding:0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none;
}
.ecommerce-menu-groups::-webkit-scrollbar,
.foreign-trade-menu-groups::-webkit-scrollbar,
.ai-center-shell>.ai-center-tabs::-webkit-scrollbar,
.formal-product-center>.formal-product-section-tabs::-webkit-scrollbar,
.whl-top>.whl-tabs::-webkit-scrollbar,
.dc-shell>.dc-tabs::-webkit-scrollbar,
.mfg-page-head>.mfg-nav::-webkit-scrollbar,
.aibos-tool-center>.bd-center-tabs::-webkit-scrollbar,
.finance-center-subnav>.finance-center-subnav-scroll::-webkit-scrollbar,
.data-toolbar>.data-tabs::-webkit-scrollbar,
.system-admin-nav>.data-tabs::-webkit-scrollbar{
  display:none;
}

/* 一级菜单直属子菜单选项卡 */
.ecommerce-group-button,
.foreign-trade-group-button,
.ai-center-tabs>.data-tab,
.formal-product-section-tabs>button,
.whl-tabs>button,
.dc-tabs>button,
.mfg-nav>button,
.bd-center-tabs>button,
.finance-center-subnav-scroll>button,
.data-toolbar>.data-tabs>.data-tab,
.system-admin-nav>.data-tabs>.data-tab{
  position:relative;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:auto !important;
  height:var(--software-primary-submenu-height) !important;
  min-height:var(--software-primary-submenu-height) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box;
  padding:0 2px !important;
  border:0 !important;
  border-bottom:3px solid transparent !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#2d2024 !important;
  box-shadow:none !important;
  font-family:"Microsoft YaHei","PingFang SC","Segoe UI",Arial,sans-serif !important;
  font-size:var(--software-primary-submenu-font-size) !important;
  font-weight:var(--software-primary-submenu-font-weight) !important;
  line-height:1.2 !important;
  white-space:nowrap;
}
.ecommerce-group-copy strong,
.foreign-trade-group-copy strong,
.whl-tabs>button>strong{
  color:inherit !important;
  font:inherit !important;
  white-space:nowrap;
}
.ecommerce-group-button:hover,
.foreign-trade-group-button:hover,
.ai-center-tabs>.data-tab:hover,
.formal-product-section-tabs>button:hover,
.whl-tabs>button:hover,
.dc-tabs>button:hover,
.mfg-nav>button:hover,
.bd-center-tabs>button:hover,
.finance-center-subnav-scroll>button:hover,
.data-toolbar>.data-tabs>.data-tab:hover,
.system-admin-nav>.data-tabs>.data-tab:hover{
  border-bottom-color:#d9a9b5 !important;
  color:var(--brand,#8d3148) !important;
}
.ecommerce-group-button.active,
.foreign-trade-group-button.active,
.ai-center-tabs>.data-tab.active,
.formal-product-section-tabs>button.is-active,
.whl-tabs>button.active,
.dc-tabs>button.active,
.mfg-nav>button.active,
.bd-center-tabs>button.active,
.finance-center-subnav-scroll>button.active,
.data-toolbar>.data-tabs>.data-tab.active,
.system-admin-nav>.data-tabs>.data-tab.active{
  border-bottom-color:var(--brand,#8d3148) !important;
  background:transparent !important;
  color:var(--brand,#8d3148) !important;
  box-shadow:none !important;
}
.whl-tabs>button::after,
.mfg-nav>button::after,
.bd-center-tabs>button::after,
.finance-center-subnav-scroll>button::after{
  display:none !important;
}
.whl-tabs>button>b{
  min-width:21px;
  height:20px;
  margin-left:8px;
  padding:0 5px;
  font-size:12px !important;
}

/* 业务组内部的二级子菜单选项卡 */
.omni-channel-tabs,
.crm-settings-nav,
.bd-redesign>.bd-subnav,
.bd-reference-ui>.bd-subnav{
  min-height:var(--software-secondary-submenu-height) !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:flex-start !important;
  gap:12px !important;
  padding:0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  border:0 !important;
  border-bottom:1px solid #ead9dc !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  scrollbar-width:none;
}
.omni-channel-tabs::-webkit-scrollbar,
.crm-settings-nav::-webkit-scrollbar,
.bd-redesign>.bd-subnav::-webkit-scrollbar,
.bd-reference-ui>.bd-subnav::-webkit-scrollbar{
  display:none;
}
.growth-hub-tabs button,
.ecommerce-submenu-tabs button,
.omni-channel-tabs>button,
.crm-settings-nav>button,
.bd-redesign>.bd-subnav>button,
.bd-reference-ui>.bd-subnav>button{
  position:relative;
  flex:0 0 192px;
  width:192px;
  min-width:192px;
  height:var(--software-secondary-submenu-height) !important;
  min-height:var(--software-secondary-submenu-height) !important;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  box-sizing:border-box;
  padding:10px 18px !important;
  border:1px solid #eadfe2 !important;
  border-bottom:0 !important;
  border-radius:8px 8px 0 0 !important;
  background:#fffafa !important;
  color:#65585c !important;
  box-shadow:none !important;
  font-family:"Microsoft YaHei","PingFang SC","Segoe UI",Arial,sans-serif !important;
  font-size:var(--software-secondary-submenu-font-size) !important;
  font-weight:var(--software-secondary-submenu-font-weight) !important;
  line-height:1.2 !important;
  white-space:nowrap;
}
.growth-hub-tabs.dense-tabs button{
  width:100%;
  min-width:0;
}
.growth-hub-tabs button:hover,
.ecommerce-submenu-tabs button:hover,
.omni-channel-tabs>button:hover,
.crm-settings-nav>button:hover,
.bd-redesign>.bd-subnav>button:hover,
.bd-reference-ui>.bd-subnav>button:hover{
  border-color:#e4cbd2 !important;
  background:#fff4f6 !important;
  color:#952b48 !important;
}
.growth-hub-tabs button.active,
.ecommerce-submenu-tabs button.active,
.omni-channel-tabs>button.active,
.crm-settings-nav>button.active,
.bd-redesign>.bd-subnav>button.active,
.bd-reference-ui>.bd-subnav>button.active{
  border-color:#a73352 !important;
  background:#9f2949 !important;
  color:#fff !important;
  box-shadow:0 -4px 14px rgba(159,41,73,.12) !important;
}
.growth-hub-tabs button::after,
.ecommerce-submenu-tabs button::after,
.omni-channel-tabs>button::after,
.crm-settings-nav>button::after,
.bd-redesign>.bd-subnav>button::after,
.bd-reference-ui>.bd-subnav>button::after{
  position:absolute !important;
  right:16px !important;
  bottom:-1px !important;
  left:16px !important;
  display:block !important;
  height:3px !important;
  border-radius:3px 3px 0 0 !important;
  background:transparent !important;
  content:"" !important;
}
.growth-hub-tabs button.active::after,
.ecommerce-submenu-tabs button.active::after,
.omni-channel-tabs>button.active::after,
.crm-settings-nav>button.active::after,
.bd-redesign>.bd-subnav>button.active::after,
.bd-reference-ui>.bd-subnav>button.active::after{
  background:#fff !important;
}
.growth-hub-tabs em,
.growth-hub-tabs.dense-tabs em,
.ecommerce-submenu-tabs em,
.omni-channel-tabs em{
  min-width:24px;
  height:24px;
  padding:0 6px;
  font-size:12px;
}

@media(max-width:700px){
  .ecommerce-menu,
  .foreign-trade-menu,
  .app-shell.foreign-trade-active .foreign-trade-menu,
  .ai-center-shell>.ai-center-tabs,
  .formal-product-center>.formal-product-section-tabs,
  .whl-top>.whl-tabs,
  .dc-shell>.dc-tabs,
  .mfg-page-head>.mfg-nav,
  .aibos-tool-center>.bd-center-tabs,
  .finance-center-shell>.finance-center-subnav,
  .data-toolbar>.data-tabs,
  .system-admin-nav>.data-tabs{
    min-height:var(--software-primary-submenu-height) !important;
  }
  .ecommerce-group-button,
  .foreign-trade-group-button,
  .foreign-trade-group-button.direct,
  .ai-center-tabs>.data-tab,
  .formal-product-section-tabs>button,
  .whl-tabs>button,
  .dc-tabs>button,
  .mfg-nav>button,
  .bd-center-tabs>button,
  .finance-center-subnav-scroll>button,
  .data-toolbar>.data-tabs>.data-tab,
  .system-admin-nav>.data-tabs>.data-tab{
    height:var(--software-primary-submenu-height) !important;
    min-height:var(--software-primary-submenu-height) !important;
    font-size:var(--software-primary-submenu-font-size) !important;
  }
}

/* 电商中心菜单方案一：文字主导航 + 轻量胶囊页签。 */
.app-shell.ecommerce-active .ecommerce-menu{
  width:100%;
  max-width:100% !important;
  min-height:56px !important;
  border-bottom:1px solid #eadfe2 !important;
}
.app-shell.ecommerce-active .ecommerce-menu-groups{
  width:100%;
  max-width:100%;
  justify-content:flex-start !important;
  gap:clamp(24px,2vw,36px) !important;
}
.app-shell.ecommerce-active .ecommerce-group-button{
  height:56px !important;
  min-height:56px !important;
  padding:0 2px !important;
  border-bottom:3px solid transparent !important;
  font-family:"Microsoft YaHei","PingFang SC","Segoe UI",Arial,sans-serif !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
}
.app-shell.ecommerce-active .ecommerce-group-copy strong{
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
}

.ecommerce-tabbed-hub>.growth-hub-header{
  min-height:50px !important;
  padding:8px 18px 2px !important;
}
.ecommerce-tabbed-hub .growth-hub-tabs,
.ecommerce-tabbed-hub .growth-hub-tabs.dense-tabs,
.app-shell.ecommerce-active .ecx-marketing-subnav-row .ecx-marketing-tabs{
  display:flex !important;
  grid-template-columns:none !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:none;
}
.ecommerce-tabbed-hub .growth-hub-tabs::-webkit-scrollbar,
.app-shell.ecommerce-active .ecx-marketing-subnav-row .ecx-marketing-tabs::-webkit-scrollbar{
  display:none;
}
.ecommerce-tabbed-hub .ecommerce-submenu-tabs>button,
.ecommerce-tabbed-hub .growth-hub-tabs.dense-tabs>button,
.app-shell.ecommerce-active .ecx-marketing-subnav-row .ecx-marketing-tabs>button{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:112px !important;
  max-width:168px !important;
  height:40px !important;
  min-height:40px !important;
  padding:0 16px !important;
  border:1px solid #eadfe2 !important;
  border-radius:7px !important;
  background:#fff !important;
  color:#4d4346 !important;
  box-shadow:none !important;
  font-family:"Microsoft YaHei","PingFang SC","Segoe UI",Arial,sans-serif !important;
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
}
.ecommerce-tabbed-hub .ecommerce-submenu-tabs>button:hover,
.ecommerce-tabbed-hub .growth-hub-tabs.dense-tabs>button:hover,
.app-shell.ecommerce-active .ecx-marketing-subnav-row .ecx-marketing-tabs>button:hover{
  border-color:#ddb8c2 !important;
  background:#fff7f8 !important;
  color:#9f2949 !important;
}
.ecommerce-tabbed-hub .ecommerce-submenu-tabs>button.active,
.ecommerce-tabbed-hub .growth-hub-tabs.dense-tabs>button.active,
.app-shell.ecommerce-active .ecx-marketing-subnav-row .ecx-marketing-tabs>button.active{
  border-color:#e3a9b7 !important;
  background:#f8e9ee !important;
  color:#9f2949 !important;
  box-shadow:none !important;
}
.ecommerce-tabbed-hub .ecommerce-submenu-tabs>button::after,
.ecommerce-tabbed-hub .growth-hub-tabs.dense-tabs>button::after,
.app-shell.ecommerce-active .ecx-marketing-subnav-row .ecx-marketing-tabs>button::after{
  display:none !important;
}
.ecommerce-tabbed-hub .ecommerce-submenu-tabs em,
.app-shell.ecommerce-active .ecx-marketing-subnav-row .ecx-marketing-tabs em{
  min-width:20px !important;
  height:20px !important;
  padding:0 5px !important;
  background:#f5e9ec !important;
  color:#9f2949 !important;
  font-size:12px !important;
}
.ecommerce-tabbed-hub .ecommerce-submenu-tabs>button.active em,
.app-shell.ecommerce-active .ecx-marketing-subnav-row .ecx-marketing-tabs>button.active em{
  background:#9f2949 !important;
  color:#fff !important;
}

@media(max-width:700px){
  .app-shell.ecommerce-active .ecommerce-menu,
  .app-shell.ecommerce-active .ecommerce-group-button{
    min-height:56px !important;
    height:56px !important;
  }
  .app-shell.ecommerce-active .ecommerce-menu-groups{
    gap:24px !important;
  }
  .ecommerce-tabbed-hub>.growth-hub-header{
    padding-inline:12px !important;
  }
}

/* 全软件子菜单方案一：中心直属文字导航 + 业务内轻量胶囊页签。 */
.growth-hub-header,
.growth-hub-header.dense-tabs{
  min-height:50px !important;
  padding:8px 18px 2px !important;
}
.growth-hub-tabs,
.growth-hub-tabs.dense-tabs,
.ecommerce-submenu-tabs,
.omni-channel-tabs,
.crm-settings-nav,
.aibos-tool-center .bd-subnav,
.dc-project-tabs,
.mfg-subtabs,
.aibos-ls-type-tabs,
.aibos-ls-subtabs{
  width:100%;
  min-width:0;
  min-height:40px !important;
  display:flex !important;
  grid-template-columns:none !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
  box-sizing:border-box;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scrollbar-width:none;
}
.growth-hub-tabs::-webkit-scrollbar,
.ecommerce-submenu-tabs::-webkit-scrollbar,
.omni-channel-tabs::-webkit-scrollbar,
.crm-settings-nav::-webkit-scrollbar,
.aibos-tool-center .bd-subnav::-webkit-scrollbar,
.dc-project-tabs::-webkit-scrollbar,
.mfg-subtabs::-webkit-scrollbar,
.aibos-ls-type-tabs::-webkit-scrollbar,
.aibos-ls-subtabs::-webkit-scrollbar{
  display:none;
}
.growth-hub-tabs>button,
.ecommerce-submenu-tabs>button,
.omni-channel-tabs>button,
.crm-settings-nav>button,
.aibos-tool-center .bd-subnav>button,
.dc-project-tabs>button,
.mfg-subtabs>button,
.aibos-ls-type-tabs>button,
.aibos-ls-subtabs>button{
  position:relative;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:112px !important;
  max-width:168px !important;
  height:40px !important;
  min-height:40px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  box-sizing:border-box;
  padding:0 16px !important;
  border:1px solid #eadfe2 !important;
  border-radius:7px !important;
  background:#fff !important;
  color:#4d4346 !important;
  box-shadow:none !important;
  font-family:"Microsoft YaHei","PingFang SC","Segoe UI",Arial,sans-serif !important;
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  text-align:center;
  white-space:nowrap !important;
}
body .aibos-tool-center .bd-reference-ui>.bd-subnav{
  height:40px !important;
  min-height:40px !important;
  padding:0 !important;
  border:0 !important;
}
body .aibos-tool-center .bd-reference-ui>.bd-subnav>button{
  height:40px !important;
  min-height:40px !important;
}
.growth-hub-tabs>button:hover,
.ecommerce-submenu-tabs>button:hover,
.omni-channel-tabs>button:hover,
.crm-settings-nav>button:hover,
.aibos-tool-center .bd-subnav>button:hover,
.dc-project-tabs>button:hover,
.mfg-subtabs>button:hover,
.aibos-ls-type-tabs>button:hover,
.aibos-ls-subtabs>button:hover{
  border-color:#ddb8c2 !important;
  background:#fff7f8 !important;
  color:#9f2949 !important;
}
.growth-hub-tabs>button.active,
.ecommerce-submenu-tabs>button.active,
.omni-channel-tabs>button.active,
.crm-settings-nav>button.active,
.aibos-tool-center .bd-subnav>button.active,
.dc-project-tabs>button.active,
.mfg-subtabs>button.active,
.aibos-ls-type-tabs>button.active,
.aibos-ls-subtabs>button.active{
  border-color:#e3a9b7 !important;
  background:#f8e9ee !important;
  color:#9f2949 !important;
  box-shadow:none !important;
}
.growth-hub-tabs>button::after,
.ecommerce-submenu-tabs>button::after,
.omni-channel-tabs>button::after,
.crm-settings-nav>button::after,
.aibos-tool-center .bd-subnav>button::after,
.dc-project-tabs>button::after,
.mfg-subtabs>button::after,
.aibos-ls-type-tabs>button::after,
.aibos-ls-subtabs>button::after{
  display:none !important;
}
.growth-hub-tabs em,
.ecommerce-submenu-tabs em,
.omni-channel-tabs em{
  min-width:20px !important;
  height:20px !important;
  display:inline-grid !important;
  place-items:center;
  box-sizing:border-box;
  padding:0 5px !important;
  border-radius:999px;
  background:#f5e9ec !important;
  color:#9f2949 !important;
  font-size:12px !important;
  font-style:normal;
}
.growth-hub-tabs>button.active em,
.ecommerce-submenu-tabs>button.active em,
.omni-channel-tabs>button.active em{
  background:#9f2949 !important;
  color:#fff !important;
}

@media(max-width:700px){
  .growth-hub-header,
  .growth-hub-header.dense-tabs{
    padding-inline:12px !important;
  }
  .growth-hub-tabs>button,
  .ecommerce-submenu-tabs>button,
  .omni-channel-tabs>button,
  .crm-settings-nav>button,
  .aibos-tool-center .bd-subnav>button,
  .dc-project-tabs>button,
  .mfg-subtabs>button,
  .aibos-ls-type-tabs>button,
  .aibos-ls-subtabs>button{
    flex-basis:auto !important;
    min-width:112px !important;
  }
}

/* 顶部悬浮工具栏安全区及一级子菜单外层校准。 */
.app-shell{
  --software-submenu-safe-right:min(
    720px,
    max(0px,calc(100vw - var(--sidebar) - 320px))
  );
}
.app-shell.right-collapsed{
  --software-submenu-safe-right:64px;
}
.ecommerce-menu,
.foreign-trade-menu,
.ai-center-shell>.ai-center-tabs,
.formal-product-center>.formal-product-section-tabs,
.whl-top>.whl-tabs,
.dc-shell>.dc-tabs,
.mfg-page-head,
.aibos-tool-center>.bd-center-tabs,
.finance-center-shell>.finance-center-subnav,
.data-toolbar>.data-tabs,
.system-admin-nav{
  width:calc(100% - var(--software-submenu-safe-right)) !important;
  max-width:calc(100% - var(--software-submenu-safe-right)) !important;
  min-width:0 !important;
  box-sizing:border-box;
}

/* 商品中心：菜单置顶，资料交换说明与标题保持单行，完整操作区下移到悬浮栏下方。 */
#content:has(.formal-product-center){
  position:relative;
  padding-top:56px;
}
#content:has(.formal-product-center) .formal-product-section-tabs{
  position:absolute;
  top:0;
  left:0;
  z-index:2;
}
#content>.business-sync-strip[data-business-domain="products"]{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  margin-bottom:0;
  overflow:hidden;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
#content>.business-sync-strip[data-business-domain="products"]>div{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
  overflow:hidden;
}
#content>.business-sync-strip[data-business-domain="products"]>div>b{
  flex:0 0 auto;
  white-space:nowrap;
}
#content>.business-sync-strip[data-business-domain="products"]>div>span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
#content>.business-sync-strip[data-business-domain="products"]>nav{
  flex:0 0 auto;
  min-width:0;
  overflow:visible;
  white-space:nowrap;
}

/* 仓储中心：移除原渐变卡片底，并修正文字与数量徽标的视觉居中。 */
.whl-top{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
  overflow:hidden !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.whl-tabs>button{
  text-align:center !important;
}
.whl-tabs>button>strong{
  margin-right:0 !important;
}

/* 制造中心：只保留统一导航本身，不再显示独立白色页头底板。 */
.mfg-page-head{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.app-shell:not(.right-collapsed) .mfg-page-head>.mfg-head-side{
  display:none !important;
}

/* 系统设置：取消面板底板，将角色标识与菜单压缩到同一行。 */
.system-admin-nav{
  position:relative;
  min-height:57px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.system-admin-nav>.panel-header{
  position:absolute;
  top:0;
  right:0;
  z-index:2;
  width:auto;
  min-height:56px !important;
  align-items:center;
  padding:0 !important;
}
.system-admin-nav>.data-tabs{
  width:calc(100% - 116px) !important;
  max-width:calc(100% - 116px) !important;
}
.app-shell:not(.right-collapsed) .system-admin-nav>.panel-header{
  display:none !important;
}
.app-shell:not(.right-collapsed) .system-admin-nav>.data-tabs{
  width:100% !important;
  max-width:100% !important;
}

/* 财务设置与其他财务页签并列，整体受悬浮工具栏安全区约束。 */
.finance-center-shell>.finance-center-subnav{
  justify-content:flex-start !important;
  gap:clamp(12px,1.5vw,24px) !important;
}
.finance-center-subnav>.finance-center-subnav-scroll{
  flex:1 1 auto;
}
.finance-center-subnav>.finance-settings-entry{
  position:relative;
  flex:0 0 auto !important;
  height:56px !important;
  min-height:56px !important;
  margin-left:0 !important;
  padding:0 2px !important;
  border:0 !important;
  border-bottom:3px solid transparent !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#2d2024 !important;
  box-shadow:none !important;
  font-family:"Microsoft YaHei","PingFang SC","Segoe UI",Arial,sans-serif !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  white-space:nowrap;
}
.finance-center-subnav>.finance-settings-entry:hover,
.finance-center-subnav>.finance-settings-entry.active{
  border-bottom-color:var(--brand,#8d3148) !important;
  color:var(--brand,#8d3148) !important;
}
.finance-center-subnav>.finance-settings-entry::after{
  display:none !important;
}

@media(max-width:700px){
  .app-shell,
  .app-shell.right-collapsed{
    --software-submenu-safe-right:0px;
  }
  #content:has(.formal-product-center){
    padding-top:56px;
  }
  #content>.business-sync-strip[data-business-domain="products"]>div{
    align-items:flex-start;
    flex-direction:column;
    gap:3px;
  }
  #content>.business-sync-strip[data-business-domain="products"]>div>span{
    overflow:visible;
    text-overflow:clip;
    white-space:normal;
  }
}

/* 工具中心：业务单据二级菜单与页面操作区合并为同一横行。 */
.aibos-tool-center .bd-reference-ui{
  grid-template-columns:minmax(0,1fr) auto !important;
  column-gap:12px !important;
  row-gap:14px !important;
  padding-top:8px !important;
}
.aibos-tool-center .bd-reference-ui>.bd-page-header{
  grid-column:2;
  grid-row:1;
  width:auto;
  min-width:0;
  min-height:40px !important;
  height:40px !important;
  align-items:center;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.aibos-tool-center .bd-reference-ui>.bd-page-header>.bd-page-actions{
  min-width:0;
  min-height:40px;
  align-items:center;
  flex-wrap:nowrap;
}
.aibos-tool-center .bd-reference-ui>.bd-subnav{
  grid-column:1;
  grid-row:1;
  width:auto !important;
  max-width:none !important;
  min-width:0 !important;
}
.aibos-tool-center .bd-reference-ui>:not(.bd-page-header):not(.bd-subnav){
  grid-column:1/-1;
}

/* 工具中心：标签制作两层菜单使用与其他中心一致的14px层级间距。 */
.aibos-tool-center .aibos-ls-type-tabs{
  margin-top:14px !important;
}

@media(max-width:700px){
  .aibos-tool-center .bd-reference-ui{
    grid-template-columns:minmax(0,1fr) !important;
    row-gap:10px !important;
  }
  .aibos-tool-center .bd-reference-ui>.bd-subnav,
  .aibos-tool-center .bd-reference-ui>.bd-page-header{
    grid-column:1;
  }
  .aibos-tool-center .bd-reference-ui>.bd-subnav{
    grid-row:1;
  }
  .aibos-tool-center .bd-reference-ui>.bd-page-header{
    grid-row:2;
  }
  .aibos-tool-center .bd-reference-ui>.bd-page-header>.bd-page-actions{
    width:100%;
    overflow-x:auto;
    overflow-y:hidden;
  }
}

/* 合并中心：左侧一个入口，页面顶部保留各原中心的一级切换。 */
.combined-center-tabs{
  width:calc(100% - var(--software-submenu-safe-right,0px));
  max-width:calc(100% - var(--software-submenu-safe-right,0px));
  min-width:0;
  min-height:var(--software-primary-submenu-height);
  display:flex;
  align-items:stretch;
  justify-content:flex-start;
  gap:clamp(24px,2vw,36px);
  box-sizing:border-box;
  margin:0 0 14px;
  padding:0;
  overflow-x:auto;
  overflow-y:hidden;
  border:0;
  border-bottom:1px solid #ead9dc;
  background:transparent;
  scrollbar-width:none;
}
.combined-center-tabs::-webkit-scrollbar{
  display:none;
}
.combined-center-tabs>:is(button,a){
  position:relative;
  flex:0 0 auto;
  width:auto;
  min-width:auto;
  height:var(--software-primary-submenu-height);
  min-height:var(--software-primary-submenu-height);
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  padding:0 2px;
  border:0;
  border-bottom:3px solid transparent;
  border-radius:0;
  background:transparent;
  color:#2d2024;
  box-shadow:none;
  font-family:"Microsoft YaHei","PingFang SC","Segoe UI",Arial,sans-serif;
  font-size:var(--software-primary-submenu-font-size);
  font-weight:var(--software-primary-submenu-font-weight);
  line-height:1.2;
  white-space:nowrap;
  text-decoration:none;
}
.combined-center-tabs>:is(button,a):hover{
  border-bottom-color:#d9a9b5;
  color:var(--brand,#8d3148);
}
.combined-center-tabs>:is(button,a).active{
  border-bottom-color:var(--brand,#8d3148);
  color:var(--brand,#8d3148);
}

/* 合并只改变左侧入口；数据、仓储、AI等原中心菜单继续使用各自已确认的一级文字导航。 */

/* 合并中心菜单与其他中心保持同一顶线；右侧全局工具条由安全宽度避让。 */
html body #content[data-combined-center="product-warehouse"]{
  --combined-center-top-clearance:0px;
  padding-top:var(--combined-center-top-clearance) !important;
}

/* 仓储中心紧跟组合菜单：关闭内容网格的剩余高度拉伸，两层菜单保持14px标准间距。 */
html body #content[data-combined-center="product-warehouse"]:has(>#warehouseCenterMount){
  align-content:start !important;
  row-gap:14px !important;
}
html body #content[data-combined-center="product-warehouse"]:has(>#warehouseCenterMount)>.combined-center-tabs{
  margin-bottom:0;
}

/* 商品中心：中心页签与业务操作共用一条完整工具栏。 */
html body #content[data-combined-center="product-warehouse"]:has(.formal-product-center){
  position:relative !important;
  padding-top:var(--combined-center-top-clearance) !important;
  row-gap:14px !important;
}
html body #content[data-combined-center="product-warehouse"]:has(.formal-product-center)>.combined-center-tabs{
  margin-bottom:0;
}
html body #content[data-combined-center="product-warehouse"] .formal-product-section-tabs{
  position:static !important;
  width:100% !important;
  max-width:100% !important;
}
html body .formal-product-section-tabs.formal-product-command-bar{
  gap:12px !important;
}
html body .formal-product-section-tabs.formal-product-command-bar>button{
  font-size:14px !important;
}

@media(max-width:700px){
  .combined-center-tabs{
    width:100%;
    max-width:100%;
  }
  html body #content[data-combined-center="product-warehouse"]:has(.formal-product-center)>.combined-center-tabs{
    margin-bottom:14px;
  }
  html body #content[data-combined-center="product-warehouse"] .formal-product-section-tabs{
    position:static !important;
    width:100% !important;
    max-width:100% !important;
  }
}

/*
 * 全软件业务概览数据看板：统一为连续彩色指标轨道。
 * 设计基线见 docs/2026-08-01_全软件业务概览数据看板统一设计规范.md。
 * 只覆盖页面级业务概览；抽屉统计、图表图例、流程节点和弹窗摘要不在此清单内。
 */
:root{
  --aibos-overview-item-height:112px;
  --aibos-overview-rail-height:114px;
  --aibos-overview-min-item-width:182px;
  --aibos-overview-divider:#e7e2e0;
  --aibos-overview-border:#e3dddb;
  --aibos-overview-shadow:0 7px 20px rgba(62,43,46,.055),inset 0 1px 0 rgba(255,255,255,.94);
}

html body :is(
  .management-board-kpis,
  .data-kpi-grid,
  .ai-kb-metrics,
  .ecx-kpis,
  .ecx-command-kpis,
  .ecx-hero-metrics,
  .cxp-metrics,
  .oco-metrics,
  .eca-metrics,
  .omni-kpis,
  .comm-account-kpis,
  .crm-settings-kpis,
  .growth-kpis,
  .growth-source-kpis,
  .fta-kpis,
  .ftwb-hero-metrics,
  .foreign-trade-context-kpis,
  .trade-ai-kpis,
  .trade-commission-kpis,
  .trade-focus-metrics,
  .trade-report-metrics,
  .trade-live-report-metrics,
  .trade-tool-kpis,
  .finance-reference-kpi-grid,
  .finance-kpi-grid,
  .finance-report-kpis,
  .finance-reference-report-kpis,
  .dsc-metrics,
  .dc-metrics,
  .epg-kpis,
  .ecs-metrics,
  .mfg-kpis,
  .formal-product-kpis,
  .formal-code-kpis,
  .whl-overview
){
  box-sizing:border-box !important;
  width:100%;
  height:var(--aibos-overview-rail-height) !important;
  min-height:var(--aibos-overview-rail-height) !important;
  display:grid !important;
  grid-template-columns:none !important;
  grid-auto-flow:column !important;
  grid-auto-columns:minmax(var(--aibos-overview-min-item-width),1fr) !important;
  gap:0 !important;
  padding:0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  border:1px solid var(--aibos-overview-border) !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:var(--aibos-overview-shadow) !important;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin;
}

html body :is(
  .management-board-kpis,
  .data-kpi-grid,
  .ai-kb-metrics,
  .ecx-kpis,
  .ecx-command-kpis,
  .ecx-hero-metrics,
  .cxp-metrics,
  .oco-metrics,
  .eca-metrics,
  .omni-kpis,
  .comm-account-kpis,
  .crm-settings-kpis,
  .growth-kpis,
  .growth-source-kpis,
  .fta-kpis,
  .ftwb-hero-metrics,
  .foreign-trade-context-kpis,
  .trade-ai-kpis,
  .trade-commission-kpis,
  .trade-focus-metrics,
  .trade-report-metrics,
  .trade-live-report-metrics,
  .trade-tool-kpis,
  .finance-reference-kpi-grid,
  .finance-kpi-grid,
  .finance-report-kpis,
  .finance-reference-report-kpis,
  .dsc-metrics,
  .dc-metrics,
  .epg-kpis,
  .ecs-metrics,
  .mfg-kpis,
  .formal-product-kpis,
  .formal-code-kpis,
  .whl-overview
) > *{
  --aibos-overview-accent:#c51f4a;
  --aibos-overview-soft:#fde8ed;
  position:relative !important;
  box-sizing:border-box !important;
  min-width:var(--aibos-overview-min-item-width) !important;
  height:var(--aibos-overview-item-height) !important;
  min-height:var(--aibos-overview-item-height) !important;
  max-height:var(--aibos-overview-item-height) !important;
  margin:0 !important;
  padding:17px 20px 19px !important;
  overflow:hidden !important;
  border:0 !important;
  border-right:1px solid var(--aibos-overview-divider) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#282122;
  text-align:left;
}

html body :is(
  .management-board-kpis,.data-kpi-grid,.ai-kb-metrics,.ecx-kpis,.ecx-command-kpis,
  .ecx-hero-metrics,.cxp-metrics,.oco-metrics,.eca-metrics,.omni-kpis,.comm-account-kpis,
  .crm-settings-kpis,.growth-kpis,.growth-source-kpis,.fta-kpis,.ftwb-hero-metrics,
  .foreign-trade-context-kpis,.trade-ai-kpis,.trade-commission-kpis,.trade-focus-metrics,
  .trade-report-metrics,.trade-live-report-metrics,.trade-tool-kpis,.finance-reference-kpi-grid,
  .finance-kpi-grid,.finance-report-kpis,.finance-reference-report-kpis,.dsc-metrics,.dc-metrics,
  .epg-kpis,.ecs-metrics,.mfg-kpis,.formal-product-kpis,.formal-code-kpis,.whl-overview
) > *:nth-child(2){--aibos-overview-accent:#d99308;--aibos-overview-soft:#fff0ce}
html body :is(
  .management-board-kpis,.data-kpi-grid,.ai-kb-metrics,.ecx-kpis,.ecx-command-kpis,
  .ecx-hero-metrics,.cxp-metrics,.oco-metrics,.eca-metrics,.omni-kpis,.comm-account-kpis,
  .crm-settings-kpis,.growth-kpis,.growth-source-kpis,.fta-kpis,.ftwb-hero-metrics,
  .foreign-trade-context-kpis,.trade-ai-kpis,.trade-commission-kpis,.trade-focus-metrics,
  .trade-report-metrics,.trade-live-report-metrics,.trade-tool-kpis,.finance-reference-kpi-grid,
  .finance-kpi-grid,.finance-report-kpis,.finance-reference-report-kpis,.dsc-metrics,.dc-metrics,
  .epg-kpis,.ecs-metrics,.mfg-kpis,.formal-product-kpis,.formal-code-kpis,.whl-overview
) > *:nth-child(3){--aibos-overview-accent:#147acb;--aibos-overview-soft:#dfefff}
html body :is(
  .management-board-kpis,.data-kpi-grid,.ai-kb-metrics,.ecx-kpis,.ecx-command-kpis,
  .ecx-hero-metrics,.cxp-metrics,.oco-metrics,.eca-metrics,.omni-kpis,.comm-account-kpis,
  .crm-settings-kpis,.growth-kpis,.growth-source-kpis,.fta-kpis,.ftwb-hero-metrics,
  .foreign-trade-context-kpis,.trade-ai-kpis,.trade-commission-kpis,.trade-focus-metrics,
  .trade-report-metrics,.trade-live-report-metrics,.trade-tool-kpis,.finance-reference-kpi-grid,
  .finance-kpi-grid,.finance-report-kpis,.finance-reference-report-kpis,.dsc-metrics,.dc-metrics,
  .epg-kpis,.ecs-metrics,.mfg-kpis,.formal-product-kpis,.formal-code-kpis,.whl-overview
) > *:nth-child(4){--aibos-overview-accent:#15945a;--aibos-overview-soft:#dcf4e9}
html body :is(
  .management-board-kpis,.data-kpi-grid,.ai-kb-metrics,.ecx-kpis,.ecx-command-kpis,
  .ecx-hero-metrics,.cxp-metrics,.oco-metrics,.eca-metrics,.omni-kpis,.comm-account-kpis,
  .crm-settings-kpis,.growth-kpis,.growth-source-kpis,.fta-kpis,.ftwb-hero-metrics,
  .foreign-trade-context-kpis,.trade-ai-kpis,.trade-commission-kpis,.trade-focus-metrics,
  .trade-report-metrics,.trade-live-report-metrics,.trade-tool-kpis,.finance-reference-kpi-grid,
  .finance-kpi-grid,.finance-report-kpis,.finance-reference-report-kpis,.dsc-metrics,.dc-metrics,
  .epg-kpis,.ecs-metrics,.mfg-kpis,.formal-product-kpis,.formal-code-kpis,.whl-overview
) > *:nth-child(5){--aibos-overview-accent:#6f4dcc;--aibos-overview-soft:#eee8ff}
html body :is(
  .management-board-kpis,.data-kpi-grid,.ai-kb-metrics,.ecx-kpis,.ecx-command-kpis,
  .ecx-hero-metrics,.cxp-metrics,.oco-metrics,.eca-metrics,.omni-kpis,.comm-account-kpis,
  .crm-settings-kpis,.growth-kpis,.growth-source-kpis,.fta-kpis,.ftwb-hero-metrics,
  .foreign-trade-context-kpis,.trade-ai-kpis,.trade-commission-kpis,.trade-focus-metrics,
  .trade-report-metrics,.trade-live-report-metrics,.trade-tool-kpis,.finance-reference-kpi-grid,
  .finance-kpi-grid,.finance-report-kpis,.finance-reference-report-kpis,.dsc-metrics,.dc-metrics,
  .epg-kpis,.ecs-metrics,.mfg-kpis,.formal-product-kpis,.formal-code-kpis,.whl-overview
) > *:nth-child(6){--aibos-overview-accent:#078e82;--aibos-overview-soft:#dff4f1}

html body :is(
  .management-board-kpis,.data-kpi-grid,.ai-kb-metrics,.ecx-kpis,.ecx-command-kpis,
  .ecx-hero-metrics,.cxp-metrics,.oco-metrics,.eca-metrics,.omni-kpis,.comm-account-kpis,
  .crm-settings-kpis,.growth-kpis,.growth-source-kpis,.fta-kpis,.ftwb-hero-metrics,
  .foreign-trade-context-kpis,.trade-ai-kpis,.trade-commission-kpis,.trade-focus-metrics,
  .trade-report-metrics,.trade-live-report-metrics,.trade-tool-kpis,.finance-reference-kpi-grid,
  .finance-kpi-grid,.finance-report-kpis,.finance-reference-report-kpis,.dsc-metrics,.dc-metrics,
  .epg-kpis,.ecs-metrics,.mfg-kpis,.formal-product-kpis,.formal-code-kpis,.whl-overview
) > *:is(.danger,.risk,.error,.high){--aibos-overview-accent:#c7444d;--aibos-overview-soft:#fdebed}

html body :is(
  .management-board-kpis,.data-kpi-grid,.ai-kb-metrics,.ecx-kpis,.ecx-command-kpis,
  .ecx-hero-metrics,.cxp-metrics,.oco-metrics,.eca-metrics,.omni-kpis,.comm-account-kpis,
  .crm-settings-kpis,.growth-kpis,.growth-source-kpis,.fta-kpis,.ftwb-hero-metrics,
  .foreign-trade-context-kpis,.trade-ai-kpis,.trade-commission-kpis,.trade-focus-metrics,
  .trade-report-metrics,.trade-live-report-metrics,.trade-tool-kpis,.finance-reference-kpi-grid,
  .finance-kpi-grid,.finance-report-kpis,.finance-reference-report-kpis,.dsc-metrics,.dc-metrics,
  .epg-kpis,.ecs-metrics,.mfg-kpis,.formal-product-kpis,.formal-code-kpis,.whl-overview
) > *:last-child{border-right:0 !important}

html body :is(
  .management-board-kpis,.data-kpi-grid,.ai-kb-metrics,.ecx-kpis,.ecx-command-kpis,
  .ecx-hero-metrics,.cxp-metrics,.oco-metrics,.eca-metrics,.omni-kpis,.comm-account-kpis,
  .crm-settings-kpis,.growth-kpis,.growth-source-kpis,.fta-kpis,.ftwb-hero-metrics,
  .foreign-trade-context-kpis,.trade-ai-kpis,.trade-commission-kpis,.trade-focus-metrics,
  .trade-report-metrics,.trade-live-report-metrics,.trade-tool-kpis,.finance-reference-kpi-grid,
  .finance-kpi-grid,.finance-report-kpis,.finance-reference-report-kpis,.dsc-metrics,.dc-metrics,
  .epg-kpis,.ecs-metrics,.mfg-kpis,.formal-product-kpis,.formal-code-kpis,.whl-overview
) > *::after{
  position:absolute !important;
  right:4px !important;
  bottom:0 !important;
  left:4px !important;
  width:auto !important;
  height:3px !important;
  border:0 !important;
  border-radius:3px 3px 0 0 !important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--aibos-overview-accent) 78%,#fff),var(--aibos-overview-accent)) !important;
  box-shadow:0 -2px 8px color-mix(in srgb,var(--aibos-overview-accent) 16%,transparent) !important;
  content:"" !important;
  transform:none !important;
}

/* 无原生图标的概览项补充抽象业务图标；已有 SVG / 图标字体的模块继续使用原图标。 */
html body :is(
  .management-board-kpis,.data-kpi-grid,.ai-kb-metrics,.ecx-kpis,.ecx-command-kpis,
  .ecx-hero-metrics,.cxp-metrics,.oco-metrics,.eca-metrics,.omni-kpis,.comm-account-kpis,
  .crm-settings-kpis,.growth-kpis,.growth-source-kpis,.fta-kpis,.ftwb-hero-metrics,
  .foreign-trade-context-kpis,.trade-ai-kpis,.trade-commission-kpis,.trade-focus-metrics,
  .trade-report-metrics,.trade-live-report-metrics,.trade-tool-kpis,.finance-reference-kpi-grid,
  .finance-kpi-grid,.finance-report-kpis,.finance-reference-report-kpis,.dsc-metrics,.dc-metrics,
  .epg-kpis,.ecs-metrics,.mfg-kpis,.formal-product-kpis,.formal-code-kpis,.whl-overview
) > *:not(:has(i,svg)){
  padding-left:78px !important;
}
html body :is(
  .management-board-kpis,.data-kpi-grid,.ai-kb-metrics,.ecx-kpis,.ecx-command-kpis,
  .ecx-hero-metrics,.cxp-metrics,.oco-metrics,.eca-metrics,.omni-kpis,.comm-account-kpis,
  .crm-settings-kpis,.growth-kpis,.growth-source-kpis,.fta-kpis,.ftwb-hero-metrics,
  .foreign-trade-context-kpis,.trade-ai-kpis,.trade-commission-kpis,.trade-focus-metrics,
  .trade-report-metrics,.trade-live-report-metrics,.trade-tool-kpis,.finance-reference-kpi-grid,
  .finance-kpi-grid,.finance-report-kpis,.finance-reference-report-kpis,.dsc-metrics,.dc-metrics,
  .epg-kpis,.ecs-metrics,.mfg-kpis,.formal-product-kpis,.formal-code-kpis,.whl-overview
) > *:not(:has(i,svg))::before{
  position:absolute !important;
  top:32px !important;
  left:20px !important;
  width:48px !important;
  height:48px !important;
  display:grid !important;
  place-items:center !important;
  border:0 !important;
  border-radius:50% !important;
  background:radial-gradient(circle at 35% 30%,#fff 0 9%,var(--aibos-overview-soft) 38%,color-mix(in srgb,var(--aibos-overview-accent) 18%,#fff) 100%) !important;
  box-shadow:0 5px 10px color-mix(in srgb,var(--aibos-overview-accent) 17%,transparent) !important;
  color:var(--aibos-overview-accent) !important;
  content:"▤" !important;
  font-size:23px !important;
  font-weight:800 !important;
  line-height:1 !important;
  transform:none !important;
}
html body :is(.data-kpi-grid,.ai-kb-metrics,.ecx-kpis,.ecx-command-kpis,.ecx-hero-metrics,.growth-kpis,.growth-source-kpis,.fta-kpis,.ftwb-hero-metrics,.foreign-trade-context-kpis,.trade-ai-kpis,.trade-commission-kpis,.trade-focus-metrics,.trade-report-metrics,.trade-live-report-metrics,.trade-tool-kpis,.finance-report-kpis,.finance-reference-report-kpis,.dsc-metrics,.formal-product-kpis) > *:nth-child(2):not(:has(i,svg))::before{content:"◷" !important}
html body :is(.data-kpi-grid,.ai-kb-metrics,.ecx-kpis,.ecx-command-kpis,.ecx-hero-metrics,.growth-kpis,.growth-source-kpis,.fta-kpis,.ftwb-hero-metrics,.foreign-trade-context-kpis,.trade-ai-kpis,.trade-commission-kpis,.trade-focus-metrics,.trade-report-metrics,.trade-live-report-metrics,.trade-tool-kpis,.finance-report-kpis,.finance-reference-report-kpis,.dsc-metrics,.formal-product-kpis) > *:nth-child(3):not(:has(i,svg))::before{content:"▣" !important}
html body :is(.data-kpi-grid,.ai-kb-metrics,.ecx-kpis,.ecx-command-kpis,.ecx-hero-metrics,.growth-kpis,.growth-source-kpis,.fta-kpis,.ftwb-hero-metrics,.foreign-trade-context-kpis,.trade-ai-kpis,.trade-commission-kpis,.trade-focus-metrics,.trade-report-metrics,.trade-live-report-metrics,.trade-tool-kpis,.finance-report-kpis,.finance-reference-report-kpis,.dsc-metrics,.formal-product-kpis) > *:nth-child(4):not(:has(i,svg))::before{content:"¥" !important}
html body :is(.data-kpi-grid,.ai-kb-metrics,.ecx-kpis,.ecx-command-kpis,.ecx-hero-metrics,.growth-kpis,.growth-source-kpis,.fta-kpis,.ftwb-hero-metrics,.foreign-trade-context-kpis,.trade-ai-kpis,.trade-commission-kpis,.trade-focus-metrics,.trade-report-metrics,.trade-live-report-metrics,.trade-tool-kpis,.finance-report-kpis,.finance-reference-report-kpis,.dsc-metrics,.formal-product-kpis) > *:nth-child(5):not(:has(i,svg))::before{content:"✓" !important}
html body :is(.data-kpi-grid,.ai-kb-metrics,.ecx-kpis,.ecx-command-kpis,.ecx-hero-metrics,.growth-kpis,.growth-source-kpis,.fta-kpis,.ftwb-hero-metrics,.foreign-trade-context-kpis,.trade-ai-kpis,.trade-commission-kpis,.trade-focus-metrics,.trade-report-metrics,.trade-live-report-metrics,.trade-tool-kpis,.finance-report-kpis,.finance-reference-report-kpis,.dsc-metrics,.formal-product-kpis) > *:nth-child(6):not(:has(i,svg))::before{content:"!" !important}

html body :is(.ftwb-hero-metrics,.ecx-hero-metrics,.trade-report-metrics,.trade-live-report-metrics) > * :is(span,small,em,p){color:#74686c !important}
html body :is(.ftwb-hero-metrics,.ecx-hero-metrics,.trade-report-metrics,.trade-live-report-metrics) > * :is(strong,b){color:#282122 !important}

html body .management-board-kpis article>button{
  height:100% !important;
  min-height:100% !important;
  padding:0 !important;
  background:transparent !important;
}

/* 订单概览原先的“主卡 + 四卡”也并入同一连续轨道。 */
html body .oc-overview-strip{
  box-sizing:border-box !important;
  height:var(--aibos-overview-rail-height) !important;
  min-height:var(--aibos-overview-rail-height) !important;
  display:grid !important;
  grid-template-columns:minmax(220px,1fr) minmax(calc(var(--aibos-overview-min-item-width) * 4),4fr) !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  border:1px solid var(--aibos-overview-border) !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:var(--aibos-overview-shadow) !important;
}
html body .oc-overview-primary,
html body .oc-overview-item{
  --aibos-overview-accent:#c51f4a;
  position:relative !important;
  box-sizing:border-box !important;
  height:var(--aibos-overview-item-height) !important;
  min-height:var(--aibos-overview-item-height) !important;
  margin:0 !important;
  padding:17px 20px 19px !important;
  border:0 !important;
  border-right:1px solid var(--aibos-overview-divider) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#282122 !important;
}
html body .oc-overview-primary::after,
html body .oc-overview-item::after{
  position:absolute;
  right:4px;
  bottom:0;
  left:4px;
  height:3px;
  border-radius:3px 3px 0 0;
  background:var(--aibos-overview-accent);
  content:"";
}
html body .oc-overview-primary::before{display:none !important}
html body .oc-overview-primary>span{color:#c51f4a !important;border:0 !important;background:#fde8ed !important}
html body .oc-overview-primary b,
html body .oc-overview-primary small{color:#6f6468 !important}
html body .oc-overview-primary strong{color:#282122 !important}
html body .oc-overview-items{
  height:var(--aibos-overview-item-height) !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(var(--aibos-overview-min-item-width),1fr)) !important;
  padding:0 !important;
}
html body .oc-overview-item:nth-child(1){--aibos-overview-accent:#d99308}
html body .oc-overview-item:nth-child(2){--aibos-overview-accent:#147acb}
html body .oc-overview-item:nth-child(3){--aibos-overview-accent:#15945a}
html body .oc-overview-item:nth-child(4){--aibos-overview-accent:#6f4dcc;border-right:0 !important}

@media(max-width:760px){
  :root{--aibos-overview-min-item-width:174px}
}

/* 设计中心工作台把概览置于经营结论横幅内，仍使用同一高度与连续轨道。 */
html body .dc-focus-metrics{
  box-sizing:border-box !important;
  width:100%;
  height:var(--aibos-overview-rail-height) !important;
  min-height:var(--aibos-overview-rail-height) !important;
  display:grid !important;
  grid-template-columns:none !important;
  grid-auto-flow:column !important;
  grid-auto-columns:minmax(var(--aibos-overview-min-item-width),1fr) !important;
  gap:0 !important;
  padding:0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  border:1px solid var(--aibos-overview-border) !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:var(--aibos-overview-shadow) !important;
}
html body .dc-focus-metrics>article{
  --aibos-overview-accent:#c51f4a;
  position:relative !important;
  box-sizing:border-box !important;
  min-width:var(--aibos-overview-min-item-width) !important;
  height:var(--aibos-overview-item-height) !important;
  min-height:var(--aibos-overview-item-height) !important;
  margin:0 !important;
  padding:17px 20px 19px !important;
  border:0 !important;
  border-right:1px solid var(--aibos-overview-divider) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
html body .dc-focus-metrics>article:nth-child(2){--aibos-overview-accent:#d99308}
html body .dc-focus-metrics>article:nth-child(3){--aibos-overview-accent:#147acb}
html body .dc-focus-metrics>article:nth-child(4){--aibos-overview-accent:#15945a;border-right:0 !important}
html body .dc-focus-metrics>article::after{
  position:absolute;
  right:4px;
  bottom:0;
  left:4px;
  height:3px;
  border-radius:3px 3px 0 0;
  background:var(--aibos-overview-accent);
  content:"";
}

/* 系统设置 2026-08-01：顶部六项图标导航与单公司内部管理工作台。 */
.app-shell.system-settings-active{
  --software-submenu-safe-right:0px;
}
.app-shell.system-settings-active:not(.right-collapsed) .right-sidebar{
  display:none;
}
.app-shell.system-settings-active .system-admin-nav{
  width:100% !important;
  max-width:100% !important;
}
.app-shell.system-settings-active .system-admin-nav>.data-tabs{
  width:100% !important;
  max-width:100% !important;
  gap:clamp(24px,3.2vw,54px) !important;
}
.system-admin-nav>.data-tabs>.data-tab{
  gap:10px !important;
}
.system-settings-nav-icon{
  display:grid;
  flex:0 0 22px;
  width:22px;
  height:22px;
  place-items:center;
}
.system-settings-nav-icon svg,
.system-settings-page svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.system-settings-page{
  display:grid;
  min-width:0;
  gap:14px;
  color:#2d2024;
  font-family:"Microsoft YaHei","PingFang SC","Segoe UI",Arial,sans-serif;
  font-size:14px;
  line-height:1.5;
}
.system-settings-page-head{
  display:flex;
  min-height:66px;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:0 2px;
}
.system-settings-page-head>div{min-width:0}
.system-settings-page-head h1{
  margin:0;
  color:#2d2024;
  font-size:24px;
  font-weight:700;
  line-height:1.25;
}
.system-settings-page-head p{
  margin:6px 0 0;
  color:#6f6266;
  font-size:14px;
  line-height:1.5;
}
.system-settings-page-head nav{
  display:flex;
  flex:0 0 auto;
  align-items:center;
  gap:10px;
}
.system-environment-badge,
.system-readonly-badge{
  display:inline-flex;
  min-height:36px;
  align-items:center;
  padding:0 14px;
  border:1px solid #ead0d7;
  border-radius:7px;
  background:#fff8f5;
  color:#8d3148;
  font-size:13px;
  font-weight:600;
  white-space:nowrap;
}
.system-settings-kpis{
  width:100%;
  height:var(--aibos-overview-rail-height);
  min-height:var(--aibos-overview-rail-height);
  display:grid;
  grid-template-columns:none;
  grid-auto-flow:column;
  grid-auto-columns:minmax(var(--aibos-overview-min-item-width),1fr);
  gap:0;
  overflow-x:auto;
  overflow-y:hidden;
  border:1px solid var(--aibos-overview-border);
  border-radius:14px;
  background:#fff;
  box-shadow:var(--aibos-overview-shadow);
  box-sizing:border-box;
  scrollbar-width:thin;
}
.system-settings-kpi{
  --system-kpi-color:#c51f4a;
  --system-kpi-soft:#fde8ed;
  position:relative;
  display:flex;
  min-width:var(--aibos-overview-min-item-width);
  height:var(--aibos-overview-item-height);
  min-height:var(--aibos-overview-item-height);
  max-height:var(--aibos-overview-item-height);
  align-items:center;
  gap:14px;
  margin:0;
  padding:15px 20px 18px;
  overflow:hidden;
  border:0;
  border-right:1px solid var(--aibos-overview-divider);
  border-radius:0;
  background:transparent;
  box-shadow:none;
  box-sizing:border-box;
}
.system-settings-kpi:nth-child(2){--system-kpi-color:#d99308;--system-kpi-soft:#fff0ce}
.system-settings-kpi:nth-child(3){--system-kpi-color:#147acb;--system-kpi-soft:#dfefff}
.system-settings-kpi:nth-child(4){--system-kpi-color:#15945a;--system-kpi-soft:#dcf4e9}
.system-settings-kpi:nth-child(5){--system-kpi-color:#6f4dcc;--system-kpi-soft:#eee8ff}
.system-settings-kpi:nth-child(6){--system-kpi-color:#078e82;--system-kpi-soft:#dff4f1}
.system-settings-kpi.risk{--system-kpi-color:#c7444d;--system-kpi-soft:#fdebed}
.system-settings-kpi:last-child{border-right:0}
.system-settings-kpi::after{
  position:absolute;
  right:4px;
  bottom:0;
  left:4px;
  height:3px;
  border-radius:3px 3px 0 0;
  background:linear-gradient(90deg,color-mix(in srgb,var(--system-kpi-color) 78%,#fff),var(--system-kpi-color));
  box-shadow:0 -2px 8px color-mix(in srgb,var(--system-kpi-color) 16%,transparent);
  content:"";
}
.system-settings-kpi>i{
  display:grid;
  flex:0 0 48px;
  width:48px;
  height:48px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fff 0 9%,var(--system-kpi-soft) 42%,color-mix(in srgb,var(--system-kpi-color) 17%,#fff) 100%);
  box-shadow:0 5px 10px color-mix(in srgb,var(--system-kpi-color) 16%,transparent);
  color:var(--system-kpi-color);
  place-items:center;
}
.system-settings-kpi>i svg{width:26px;height:26px;stroke-width:1.9}
.system-settings-kpi>span{
  display:grid;
  min-width:0;
  gap:2px;
}
.system-settings-kpi small,
.system-settings-kpi em{
  overflow:hidden;
  color:#6f6266;
  font-size:12px;
  font-style:normal;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.system-settings-kpi small{color:#2d2024;font-size:14px;font-weight:600}
.system-settings-kpi strong{
  color:#191517;
  font-size:28px;
  font-weight:700;
  font-variant-numeric:tabular-nums;
  line-height:1.1;
}
.system-settings-kpi em{display:flex;align-items:center;gap:7px}
.system-settings-kpi em::before{
  flex:0 0 8px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--system-kpi-color);
  content:"";
}
.system-settings-main-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
  gap:14px;
  align-items:start;
  min-width:0;
}
.system-settings-main-grid.compact{grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr)}
.system-settings-card{
  min-width:0;
  overflow:hidden;
  border-color:#f0dfdc !important;
  border-radius:12px !important;
  background:#fff !important;
  box-shadow:0 8px 24px rgba(100,54,61,.045) !important;
}
.system-settings-card>header{
  display:flex;
  min-height:66px;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 18px 12px;
  border-bottom:1px solid #f3e7e4;
}
.system-settings-card>header>div{min-width:0}
.system-settings-card>header h2{
  margin:0;
  color:#2d2024;
  font-size:18px;
  font-weight:700;
}
.system-settings-card>header p{
  margin:5px 0 0;
  color:#8e7a80;
  font-size:12px;
  line-height:1.45;
}
.system-settings-page .data-table{font-size:13px}
.system-settings-page .data-table th{font-size:12px}
.system-settings-page .data-table td{font-size:13px}
.system-settings-status-list{display:grid;padding:4px 18px 10px}
.system-settings-status-row{
  display:grid;
  grid-template-columns:24px minmax(110px,1fr) minmax(88px,.55fr) minmax(116px,.7fr);
  min-height:42px;
  align-items:center;
  gap:10px;
  border-bottom:1px solid #f3e9e7;
}
.system-settings-status-row:last-child{border-bottom:0}
.system-settings-status-row>i{display:grid;width:20px;height:20px;color:#786b6f;place-items:center}
.system-settings-status-row>b{font-size:14px;font-weight:600}
.system-settings-status-row>span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#4d4346;
  font-size:13px;
  font-weight:600;
}
.system-settings-status-row>span>u{width:8px;height:8px;border-radius:50%;background:#78ad43;text-decoration:none}
.system-settings-status-row>span.warn>u{background:#f3a21c}
.system-settings-status-row>span.risk>u{background:#e74449}
.system-settings-status-row>em{color:#8e7a80;font-size:12px;font-style:normal;text-align:right}
.system-settings-todo-list{display:grid;padding:0 18px 8px}
.system-settings-todo-list>article{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  min-height:74px;
  align-items:center;
  gap:12px;
  border-bottom:1px solid #f3e9e7;
}
.system-settings-todo-list>article:last-child{border-bottom:0}
.system-settings-todo-list>article>i{
  display:grid;
  width:36px;
  height:36px;
  border-radius:50%;
  background:#fff4e6;
  color:#f3a21c;
  place-items:center;
}
.system-settings-todo-list>article>i.risk{background:#fdecee;color:#e74449}
.system-settings-todo-list>article>i svg{width:20px;height:20px}
.system-settings-todo-list>article>span{display:grid;min-width:0;gap:4px}
.system-settings-todo-list b{font-size:14px}
.system-settings-todo-list small{overflow:hidden;color:#8e7a80;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.system-settings-todo-list button,
.system-alert-list button{
  min-height:34px;
  padding:0 14px;
  border:1px solid #b54a60;
  border-radius:5px;
  background:#fff;
  color:#8d3148;
  font-size:13px;
  font-weight:600;
}
.system-settings-quick-actions{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  padding:16px 18px 18px;
}
.system-settings-quick-actions>button{
  display:grid;
  min-width:0;
  min-height:104px;
  align-content:center;
  justify-items:center;
  gap:10px;
  border:1px solid #f0dfdc;
  border-radius:9px;
  background:#fffdfc;
  color:#2d2024;
  font-size:14px;
  font-weight:600;
}
.system-settings-quick-actions>button:hover{border-color:#d9a9b5;background:#fff8f5;color:#8d3148}
.system-settings-quick-actions i{display:grid;width:38px;height:38px;color:#b54a60;place-items:center}
.system-settings-quick-actions svg{width:32px;height:32px}
.system-settings-safety-note{
  display:flex;
  min-height:54px;
  align-items:center;
  gap:12px;
  padding:0 18px;
  border:1px solid #edbcc6;
  border-radius:9px;
  background:#fff8f5;
  color:#6f263e;
  font-size:14px;
}
.system-settings-safety-note i{display:grid;width:24px;height:24px;color:#b54a60;place-items:center}
.system-permission-controls{display:flex;align-items:center;gap:8px}
.system-permission-controls select{min-height:36px;font-size:14px}
.system-permission-summary{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  padding:16px 18px 10px;
}
.system-permission-summary>div{display:grid;gap:5px;padding:12px;border:1px solid #f0dfdc;border-radius:8px;background:#fffaf8}
.system-permission-summary span{color:#8e7a80;font-size:12px}
.system-permission-summary b{color:#8d3148;font-size:20px;font-variant-numeric:tabular-nums}
.system-permission-checks{display:grid;padding:0 18px 14px}
.system-permission-checks>p,
.system-security-policy-list>p{
  display:flex;
  min-height:42px;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0;
  border-bottom:1px solid #f3e9e7;
  font-size:14px;
}
.system-rule-list{display:grid;padding:4px 18px}
.system-rule-list>label{
  position:relative;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 44px;
  min-height:76px;
  align-items:center;
  gap:12px;
  border-bottom:1px solid #f3e9e7;
  cursor:pointer;
}
.system-rule-list>label:last-child{border-bottom:0}
.system-rule-list>label>i{display:grid;width:36px;height:36px;border-radius:9px;background:#fff1f4;color:#8d3148;place-items:center}
.system-rule-list>label>i svg{width:20px;height:20px}
.system-rule-list>label>span{display:grid;gap:4px}
.system-rule-list b{font-size:14px}
.system-rule-list small{color:#8e7a80;font-size:12px;line-height:1.45}
.system-rule-list input{position:absolute;opacity:0;pointer-events:none}
.system-rule-list u{position:relative;width:42px;height:24px;border-radius:999px;background:#d9d0d2;text-decoration:none;transition:.18s ease}
.system-rule-list u::after{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(45,32,36,.18);content:"";transition:.18s ease}
.system-rule-list input:checked+u{background:#8d3148}
.system-rule-list input:checked+u::after{transform:translateX(18px)}
.system-rule-list input:disabled+u{opacity:.5}
.system-rules-form>footer{
  display:flex;
  align-items:flex-end;
  gap:12px;
  padding:14px 18px 18px;
  border-top:1px solid #f3e7e4;
}
.system-rules-form>footer label{display:grid;flex:1 1 auto;gap:6px;color:#6f6266;font-size:12px;font-weight:600}
.system-rules-form>footer input{min-height:38px;padding:0 10px;border:1px solid #e2d5d7;border-radius:7px;font-size:14px}
.system-approval-summary{display:grid;padding:4px 18px 12px}
.system-approval-summary>article{display:flex;min-height:56px;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #f3e9e7}
.system-approval-summary>article>span{display:grid;gap:4px}
.system-approval-summary b{font-size:14px}
.system-approval-summary small{color:#8e7a80;font-size:12px}
.system-export-request{margin:0 18px 18px}
.system-integration-cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  padding:16px 18px 18px;
}
.system-integration-cards>article{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:center;
  gap:10px;
  min-height:84px;
  padding:12px;
  border:1px solid #f0dfdc;
  border-radius:9px;
  background:#fffdfc;
}
.system-integration-cards>article>i{display:grid;width:38px;height:38px;border-radius:9px;background:#fff1f4;color:#8d3148;place-items:center}
.system-integration-cards>article>i svg{width:21px;height:21px}
.system-integration-cards>article>span{display:grid;min-width:0;gap:4px}
.system-integration-cards b{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
.system-integration-cards small{overflow:hidden;color:#8e7a80;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.system-integration-cards>article>.status{grid-column:1/-1;justify-self:start}
.system-data-sync-mount{display:block;min-width:0}
.system-data-sync-mount .dsc-page-head{display:none}
.system-ai-config-form{display:grid;gap:12px;padding-bottom:18px}
.system-ai-config-form>label,
.system-ai-config-form>button,
.system-ai-config-form>p{margin-inline:18px}
.system-ai-config-form>p{margin-block:0;color:#8e7a80;font-size:12px;line-height:1.5}
.system-ai-safety-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  padding:16px 18px 18px;
}
.system-ai-safety-grid>article{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:10px;
  min-height:88px;
  padding:12px;
  border:1px solid #f0dfdc;
  border-radius:9px;
  background:#fffdfc;
}
.system-ai-safety-grid>article>i{display:grid;width:34px;height:34px;color:#8d3148;place-items:center}
.system-ai-safety-grid>article>span{display:grid;gap:4px}
.system-ai-safety-grid b{font-size:14px}
.system-ai-safety-grid small{color:#8e7a80;font-size:12px;line-height:1.4}
.system-ai-safety-grid .status{grid-column:1/-1;justify-self:start}
.ai-configuration-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.ai-configuration-grid>.system-settings-card{width:100%;height:360px;min-width:0}
.system-model-service-card{display:flex;flex-direction:column}
.system-model-service-list{display:grid;align-content:start;flex:1;overflow:auto;padding:3px 10px 8px}
.system-model-service-list>article{display:grid;min-height:72px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:4px 8px;border-bottom:1px solid #f2eeeb}
.system-model-service-list>article:last-child{border-bottom:0}
.system-model-service-list>article>i{display:grid;width:27px;height:27px;grid-row:1/3;color:#9f3550;place-items:center}
.system-model-service-list>article>i svg{width:17px;height:17px}
.system-model-service-list>article>span{display:grid;min-width:0;gap:3px}
.system-model-service-list>article b,.system-model-service-list>article small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.system-model-service-list>article b{font-size:12px}.system-model-service-list>article small{color:#958c8d;font-size:12px}
.system-model-service-list>article>nav{grid-column:2;display:flex;flex-wrap:wrap;gap:4px}
.system-model-service-list>article.selected{margin-inline:-2px;padding-inline:4px;border-radius:7px;background:#fff4f6}
.system-model-service-list>article>nav button{min-height:22px;padding:0 7px;border:1px solid #e8cdd3;border-radius:5px;background:#fff;color:#9f3550;font-size:12px;cursor:pointer}
.system-model-service-card>header>.compact-button{min-height:28px;padding:0 9px;border:1px solid #d9aeb8;border-radius:6px;background:#fff;color:#9f3550;font-size:12px;white-space:nowrap;cursor:pointer}
.system-ai-model-form{display:flex!important;min-width:0;overflow:hidden;flex-direction:column}
.system-ai-model-form>header{flex:none}
.system-ai-model-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px 10px;overflow:auto}
.system-ai-model-fields>*{min-width:0}
.system-ai-model-fields .field{min-width:0;margin:0;gap:3px}
.system-ai-model-fields .field.wide{grid-column:1/-1}
.system-ai-model-fields .field>span{font-size:12px}
.system-ai-model-fields input,.system-ai-model-fields select{width:100%;min-width:0;min-height:31px;box-sizing:border-box;padding:5px 8px;font-size:12px}
.system-ai-model-fields select[multiple]{min-height:64px;padding:3px 6px}
.system-ai-model-fields .check-field input{width:auto}
.system-ai-model-fields .check-field{display:flex;min-height:26px;align-items:center;gap:6px;color:#665a5d;font-size:12px}
.system-ai-model-form>footer{display:flex;flex:none;align-items:center;gap:7px;padding:8px 10px 6px;border-top:1px solid #f0e8e6}
.system-ai-model-form>footer button{min-height:31px;padding:0 10px;border:1px solid #e0c8cd;border-radius:6px;background:#fff;color:#8d3148;font-size:12px;cursor:pointer}
.system-ai-model-form>footer .primary-button{margin-left:auto;border-color:#9f3550;background:#9f3550;color:#fff}
.system-ai-model-form>footer .danger-text-button{color:#b04444}
.system-ai-model-form>p{margin:0;padding:0 10px 8px;color:#8e7a80;font-size:12px;line-height:1.35}
.ai-configuration-grid .system-ai-config-form{display:flex;gap:8px;padding-bottom:10px;flex-direction:column}
.ai-configuration-grid .system-ai-config-form>label,.ai-configuration-grid .system-ai-config-form>button,.ai-configuration-grid .system-ai-config-form>p{margin-inline:10px}
.ai-configuration-grid .system-ai-config-form>button{margin-top:auto;min-height:36px}
.ai-configuration-grid .system-ai-config-form>p{line-height:1.45}
.system-ai-safety-card{display:flex;flex-direction:column}
.ai-configuration-grid .system-ai-safety-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px 10px 10px}
.ai-configuration-grid .system-ai-safety-grid>article{min-height:126px;grid-template-columns:30px minmax(0,1fr);align-content:center;gap:6px;padding:8px}
.ai-configuration-grid .system-ai-safety-grid>article>i{width:28px;height:28px}
.ai-configuration-grid .system-ai-safety-grid>article>i svg{width:18px;height:18px}
.ai-configuration-grid .system-ai-safety-grid b{font-size:12px}
.ai-configuration-grid .system-ai-safety-grid small{font-size:12px}
.ai-model-usage-card{grid-column:1/-1!important;width:100%!important;height:auto!important;min-height:280px;overflow:hidden}
.ai-model-usage-card>.table-wrap{max-height:330px;overflow:auto}
.ai-configuration-grid>.ai-knowledge-governance-card,.ai-configuration-grid>.ai-management-boundary-card{height:auto!important;min-height:404px;overflow:visible}
.ai-configuration-grid>.system-ai-safety-card{overflow:auto}
.trade-global-ai-page{display:grid;gap:12px}
.trade-global-ai-policy,.trade-global-ai-capabilities{padding:0;overflow:hidden}
.trade-global-ai-policy>header,.trade-global-ai-capabilities>header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eee5e2}
.trade-global-ai-policy header h2,.trade-global-ai-capabilities header h2{margin:0 0 4px;font-size:16px}.trade-global-ai-policy header p,.trade-global-ai-capabilities header p{margin:0;color:#8d8585;font-size:12px}
.trade-global-ai-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 16px}
.trade-global-ai-models>article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:6px 9px;align-items:center;min-height:74px;padding:10px;border:1px solid #eadfdb;border-radius:8px;background:#fffdfc}
.trade-global-ai-models>article>i{display:grid;width:32px;height:32px;place-items:center;color:#a33351;background:#faedf0;border-radius:7px}.trade-global-ai-models svg{width:18px;height:18px}.trade-global-ai-models span{display:grid;gap:3px}.trade-global-ai-models small{color:#8d8585}.trade-global-ai-models>article>em{grid-column:2/-1;color:#9b6a76;font-size:12px;font-style:normal}
.trade-global-ai-capabilities>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px 16px}.trade-global-ai-capabilities article{display:grid;grid-template-columns:32px minmax(0,1fr);gap:6px 9px;align-items:center;min-height:72px;padding:10px;border:1px solid #eadfdb;border-radius:8px}.trade-global-ai-capabilities article>i{display:grid;width:30px;height:30px;place-items:center;border-radius:6px;background:#faedf0;color:#a33351;font-style:normal}.trade-global-ai-capabilities article>span{display:grid;gap:3px}.trade-global-ai-capabilities article small{color:#8d8585}.trade-global-ai-capabilities article>.status{grid-column:2}
@media(max-width:1100px){.trade-global-ai-models,.trade-global-ai-capabilities>div{grid-template-columns:repeat(2,minmax(0,1fr))}}
.crm-global-model-summary>div{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:84px;padding:12px;border:1px solid #eadfdb;border-radius:8px;background:#fffdfc}.crm-global-model-summary>div>i{display:grid;width:40px;height:40px;place-items:center;border-radius:8px;background:#faedf0;color:#a33351}.crm-global-model-summary svg{width:22px;height:22px}.crm-global-model-summary span{display:grid;gap:5px}.crm-global-model-summary small{color:#8d8585}.crm-settings-global-ai>header>button{min-height:31px;padding:0 12px;border:1px solid #d5a5b0;border-radius:6px;background:#fff;color:#9f3550;cursor:pointer}
.ai-knowledge-governance-card{grid-column:span 2;display:flex!important;height:338px!important;flex-direction:column}
.ai-knowledge-policy-fields{display:grid;grid-template-columns:.72fr .72fr 1.56fr;gap:8px;padding:10px 12px}
.ai-knowledge-policy-fields .field{margin:0}
.ai-knowledge-policy-fields .field>div{position:relative}
.ai-knowledge-policy-fields .field>div input{width:100%;padding-right:32px}
.ai-knowledge-policy-fields .field>div em{position:absolute;top:50%;right:10px;color:#8f8386;font-size:12px;font-style:normal;transform:translateY(-50%)}
.ai-knowledge-policy-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 12px 10px}
.ai-knowledge-policy-checks>label{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;min-height:54px;padding:8px 10px;border:1px solid #ede3e4;border-radius:7px;background:#fffdfd}
.ai-knowledge-policy-checks>label>span{display:grid;gap:3px}
.ai-knowledge-policy-checks b{font-size:12px}.ai-knowledge-policy-checks small{color:#8f8386;font-size:12px}
.ai-knowledge-governance-card>footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:auto;padding:8px 12px;border-top:1px solid #f0e8e6}
.ai-knowledge-governance-card>footer>label{display:grid;gap:4px;color:#7b6f72;font-size:12px}
.ai-knowledge-governance-card>footer input{min-height:32px}
.ai-knowledge-governance-card>footer button{min-width:132px;min-height:34px}
.ai-management-boundary-card{display:flex!important;height:338px!important;flex-direction:column}
.ai-management-boundary-card>div{display:grid;flex:1;padding:3px 10px 10px}
.ai-management-boundary-card>div>button{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:62px;padding:7px;border:0;border-bottom:1px solid #f0e8e6;background:#fff;color:#4f4548;text-align:left;cursor:pointer}
.ai-management-boundary-card>div>button:last-child{border-bottom:0}.ai-management-boundary-card>div>button:hover{background:#fff8fa}
.ai-management-boundary-card>div>button>i{display:grid;width:28px;height:28px;border-radius:50%;background:#f9e9ee;color:#9f3550;place-items:center}.ai-management-boundary-card>div>button>i svg{width:16px;height:16px}
.ai-management-boundary-card>div>button>span{display:grid;gap:3px}.ai-management-boundary-card>div>button b{font-size:12px}.ai-management-boundary-card>div>button small{color:#95898c;font-size:12px}
.ai-management-boundary-card>div>button>em{color:#a23752;font-size:12px;font-style:normal;white-space:nowrap}
@media(max-width:1180px){.ai-configuration-grid{grid-template-columns:minmax(0,1fr)!important}.ai-configuration-grid>.system-settings-card{height:auto;min-height:320px}}
@media(max-width:1180px){.ai-knowledge-governance-card{grid-column:auto;height:auto!important}.ai-management-boundary-card{height:auto!important}.ai-knowledge-policy-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-knowledge-policy-fields .field:last-child{grid-column:1/-1}}
@media(max-width:760px){.ai-knowledge-policy-fields,.ai-knowledge-policy-checks{grid-template-columns:minmax(0,1fr)}.ai-knowledge-policy-fields .field:last-child{grid-column:auto}.ai-knowledge-governance-card>footer{grid-template-columns:minmax(0,1fr)}.system-obsidian-form-grid{grid-template-columns:minmax(0,1fr)}.system-obsidian-config-card>footer{align-items:stretch;flex-direction:column}.system-obsidian-config-card>footer button{width:100%!important}}
.system-security-policy-list{display:grid;padding:4px 18px 12px}
.system-mfa-form{display:grid;gap:12px;padding-bottom:18px}
.system-mfa-form>label,
.system-mfa-form>button{margin-inline:18px}
.system-mfa-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:16px 18px 4px}
.system-mfa-stats>span{display:grid;gap:5px;padding:12px;border:1px solid #f0dfdc;border-radius:8px;background:#fffaf8;color:#8e7a80;font-size:12px}
.system-mfa-stats b{color:#8d3148;font-size:20px}
.system-alert-list{display:grid;padding:4px 18px 12px}
.system-alert-list>article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;min-height:62px;align-items:center;gap:10px;border-bottom:1px solid #f3e9e7}
.system-alert-list>article>i{display:grid;width:30px;height:30px;color:#f3a21c;place-items:center}
.system-alert-list>article>span{display:grid;gap:4px}
.system-alert-list b{font-size:14px}
.system-alert-list small{color:#8e7a80;font-size:12px;line-height:1.4}
.system-settings-feedback{
  display:flex;
  min-height:34px;
  align-items:center;
  gap:8px;
  margin-top:-8px;
  padding:0 12px;
  border:1px solid #eee1df;
  border-radius:7px;
  background:#fffdfc;
  color:#8e7a80;
  font-size:12px;
}
.system-settings-feedback>span{
  flex:0 0 8px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#78ad43;
}
.system-settings-feedback.loading{color:#6b5660}
.system-settings-feedback.loading>span{
  width:12px;
  height:12px;
  border:2px solid #e9cbd3;
  border-top-color:#8d3148;
  background:transparent;
  animation:system-settings-spin .8s linear infinite;
}
.system-settings-feedback.error{border-color:#efc3c8;background:#fff6f6;color:#a13343}
.system-settings-feedback.error>span{background:#e74449}
@keyframes system-settings-spin{to{transform:rotate(360deg)}}

/* Unified file center management */
.file-center-management-page{display:grid;gap:12px}
.file-center-storage-state{display:inline-flex;min-height:34px;align-items:center;gap:7px;padding:0 12px;border:1px solid #d7eadf;border-radius:9px;background:#f4fbf7;color:#25754b;font-size:12px;font-weight:700;white-space:nowrap}
.file-center-storage-state u{width:8px;height:8px;border-radius:50%;background:#3fa36d;text-decoration:none;box-shadow:0 0 0 4px rgba(63,163,109,.12)}
.file-center-storage-state.risk{border-color:#efc5c8;background:#fff5f5;color:#a23a48}
.file-center-storage-state.risk u{background:#d64b59;box-shadow:0 0 0 4px rgba(214,75,89,.12)}
.file-center-kpis{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.file-center-policy-note{display:flex;align-items:center;gap:11px;padding:11px 14px;border:1px solid #ead9cb;border-radius:11px;background:#fffaf3;color:#644a40}
.file-center-policy-note>i{display:grid;width:34px;height:34px;flex:0 0 34px;border-radius:9px;background:#f8e8dc;color:#aa5a47;place-items:center}
.file-center-policy-note svg{width:20px;height:20px}
.file-center-policy-note>span{display:grid;gap:3px}
.file-center-policy-note b{font-size:13px}
.file-center-policy-note small{color:#887169;font-size:12px;line-height:1.5}
.file-center-ledger-card{overflow:hidden}
.file-center-filter-bar{display:grid;grid-template-columns:150px 180px minmax(220px,1fr) 76px;gap:8px;padding:11px 14px;border-bottom:1px solid #f0e5e3;background:#fffdfa}
.file-center-filter-bar select,.file-center-filter-bar input{width:100%;height:36px;padding:0 11px;border:1px solid #e4d5d2;border-radius:8px;background:#fff;color:#38292d;font-size:12px;outline:none}
.file-center-filter-bar select:focus,.file-center-filter-bar input:focus{border-color:#b84d65;box-shadow:0 0 0 3px rgba(184,77,101,.09)}
.file-center-filter-bar button{border:0;border-radius:8px;background:#a52e4d;color:#fff;font-size:12px;font-weight:700;cursor:pointer}
.file-center-table-wrap{width:100%;overflow:auto}
.file-center-ledger-table{width:100%;min-width:1060px;border-collapse:collapse;font-size:12px}
.file-center-ledger-table th{padding:10px 9px;border-bottom:1px solid #eadfdd;background:#fbf7f5;color:#776368;font-size:11px;font-weight:700;text-align:left;white-space:nowrap}
.file-center-ledger-table td{padding:10px 9px;border-bottom:1px solid #f1e8e6;color:#433438;vertical-align:middle}
.file-center-ledger-table tbody tr:hover{background:#fffaf8}
.file-center-ledger-table td>b{display:block;max-width:150px;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.file-center-name-cell{display:flex;min-width:215px;align-items:center;gap:9px}
.file-center-name-cell>i{display:grid;width:32px;height:32px;flex:0 0 32px;border-radius:8px;background:#f7e6ea;color:#a43855;place-items:center}
.file-center-name-cell svg{width:18px;height:18px}
.file-center-name-cell>span{display:grid;min-width:0;gap:3px}
.file-center-name-cell b{max-width:235px;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.file-center-name-cell small,.file-center-table-note{display:block;max-width:190px;overflow:hidden;color:#918084;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.file-center-row-actions{display:flex;align-items:center;gap:5px;white-space:nowrap}
.file-center-row-actions button{height:27px;padding:0 8px;border:1px solid #dba7b3;border-radius:6px;background:#fff;color:#9d304d;font-size:11px;cursor:pointer}
.file-center-row-actions button:hover{background:#fff3f5}
.file-center-row-actions button.primary{border-color:#9c2b49;background:#a52e4d;color:#fff}
.file-center-row-actions button.danger{border-color:#efb9bd;color:#b43d48}
.file-center-pagination{display:flex;min-height:46px;align-items:center;justify-content:space-between;padding:0 14px;color:#87767a;font-size:12px}
.file-center-pagination nav{display:flex;align-items:center;gap:8px}
.file-center-pagination nav button{width:28px;height:28px;border:1px solid #e2d4d2;border-radius:6px;background:#fff;color:#8d3148;cursor:pointer}
.file-center-pagination nav button:disabled{opacity:.4;cursor:not-allowed}
.file-center-pagination nav b{font-size:11px;font-weight:600}
.file-center-audit-card{overflow:hidden}
.file-center-audit-card>header>button{border:0;background:transparent;color:#9f304d;font-size:12px;cursor:pointer}
.file-center-audit-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;padding:4px 14px 10px}
.file-center-audit-list article{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:54px;border-bottom:1px solid #f0e6e4}
.file-center-audit-list article>i{display:grid;width:28px;height:28px;border-radius:8px;background:#f8edef;color:#9d3e57;place-items:center}
.file-center-audit-list article svg{width:16px;height:16px}
.file-center-audit-list article>span{display:grid;min-width:0;gap:3px}
.file-center-audit-list b{font-size:12px}
.file-center-audit-list small{overflow:hidden;color:#8f7c81;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.file-center-audit-list time{color:#9e8d91;font-size:10px;white-space:nowrap}
.file-center-drawer-backdrop{position:fixed;z-index:260;inset:0;background:rgba(39,24,28,.28)}
.file-center-drawer-backdrop>button{position:absolute;border:0;background:transparent;inset:0}
.file-center-version-drawer{position:absolute;top:0;right:0;display:flex;width:min(470px,94vw);height:100%;flex-direction:column;border-left:1px solid #e7d6d4;background:#fff;box-shadow:-14px 0 38px rgba(65,35,42,.16)}
.file-center-version-drawer>header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px;border-bottom:1px solid #eee2e0}
.file-center-version-drawer>header h2{margin:0 0 5px;font-size:19px}
.file-center-version-drawer>header p{margin:0;color:#8d797e;font-size:12px}
.file-center-version-drawer>header>button{width:30px;height:30px;border:0;border-radius:8px;background:#f7eeef;color:#8f344c;font-size:20px;cursor:pointer}
.file-center-version-list{display:grid;align-content:start;gap:8px;flex:1;overflow:auto;padding:14px}
.file-center-version-list article{display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;border:1px solid #eadcda;border-radius:10px;background:#fffdfc}
.file-center-version-list article>i{display:grid;width:40px;height:40px;border-radius:9px;background:#f5e5e9;color:#9c304d;font-size:12px;font-style:normal;font-weight:800;place-items:center}
.file-center-version-list article>span{display:grid;min-width:0;gap:3px}
.file-center-version-list article b,.file-center-version-list article small,.file-center-version-list article em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.file-center-version-list article b{font-size:12px}
.file-center-version-list article small,.file-center-version-list article em{color:#8e7b80;font-size:10px;font-style:normal}
.file-center-version-list article>button{height:30px;padding:0 10px;border:1px solid #d8a4b0;border-radius:7px;background:#fff;color:#99304c;font-size:11px;cursor:pointer}
.file-center-version-drawer>footer{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-top:1px solid #eee2e0;color:#8d7a7e;font-size:11px}
.file-center-version-drawer>footer button{height:32px;padding:0 14px;border:0;border-radius:7px;background:#a32f4d;color:#fff;cursor:pointer}
@media(max-width:1100px){.file-center-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}.file-center-audit-list{grid-template-columns:1fr}}
@media(max-width:720px){.file-center-filter-bar{grid-template-columns:1fr 1fr}.file-center-filter-bar input{grid-column:1/-1}.file-center-filter-bar button{min-height:36px}.file-center-kpis{grid-template-columns:1fr!important}.file-center-audit-list{grid-template-columns:1fr}.file-center-storage-state{white-space:normal}}
.system-admin-form{
  display:grid;
  align-content:start;
  gap:12px;
  padding-bottom:18px;
}
.system-admin-form>label,
.system-admin-form>button,
.system-admin-form>fieldset{margin-inline:18px}
.system-admin-form textarea{
  width:100%;
  min-height:76px;
  resize:vertical;
  padding:9px 10px;
  border:1px solid #e2d5d7;
  border-radius:7px;
  background:#fff;
  color:#2d2024;
  font:inherit;
  font-size:14px;
  line-height:1.5;
  box-sizing:border-box;
}
.system-export-fields{
  display:flex;
  flex-wrap:wrap;
  gap:10px 16px;
  padding:10px 12px 12px;
  border:1px solid #eadcda;
  border-radius:7px;
}
.system-export-fields legend{padding:0 5px;color:#6f6266;font-size:12px;font-weight:600}
.system-export-fields label{display:inline-flex;align-items:center;gap:6px;font-size:13px}
.system-approval-summary .inline-actions{justify-content:flex-end;flex-wrap:wrap}
.system-approval-summary .inline-actions button{min-height:30px;padding:0 10px;font-size:12px}
.system-role-permission-layout{
  display:grid;
  grid-template-columns:minmax(300px,.78fr) minmax(0,1.45fr);
  align-items:start;
  gap:14px;
}
.system-role-matrix{min-width:0}
.system-role-matrix .table-wrap{max-height:570px;overflow:auto}
.system-role-permission-form{display:grid;min-width:0;gap:14px;padding-bottom:18px}
.system-role-permission-toolbar{
  display:grid;
  grid-template-columns:minmax(180px,230px) minmax(0,1fr);
  align-items:end;
  gap:14px;
  padding:0 18px;
}
.system-role-permission-toolbar>div{display:grid;gap:5px;padding-bottom:2px}
.system-role-permission-toolbar b{font-size:14px;color:#2d2024}
.system-role-permission-toolbar small{color:#8e7a80;font-size:12px;line-height:1.5}
.system-role-module-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin:0 18px;
  padding:12px;
  border:1px solid #eadcda;
  border-radius:9px;
  background:#fffaf8;
}
.system-role-module-grid legend{padding:0 6px;color:#6f6266;font-size:12px;font-weight:700}
.system-role-module-grid>label{
  position:relative;
  display:grid;
  grid-template-columns:18px 34px minmax(0,1fr) 8px;
  min-height:64px;
  align-items:center;
  gap:9px;
  padding:9px 10px;
  border:1px solid #efe2e0;
  border-radius:8px;
  background:#fff;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.system-role-module-grid>label:hover{border-color:#d9a9b5}
.system-role-module-grid>label.selected{border-color:#c9788e;background:#fff5f7;box-shadow:0 3px 12px rgba(141,49,72,.07)}
.system-role-module-grid input{width:16px;height:16px;margin:0;accent-color:#9f3150}
.system-role-module-grid i{display:grid;width:34px;height:34px;border-radius:8px;background:#f8efed;color:#85616b;place-items:center}
.system-role-module-grid label.selected i{background:#f5dde3;color:#982f4d}
.system-role-module-grid i svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}
.system-role-module-grid span{display:grid;min-width:0;gap:3px}
.system-role-module-grid b{overflow:hidden;color:#3b2b30;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.system-role-module-grid small{overflow:hidden;color:#9a858a;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.system-role-module-grid u{width:7px;height:7px;border-radius:50%;background:#d8cacd;text-decoration:none}
.system-role-module-grid label.selected u{background:#78ad43}
.system-role-module-grid[disabled]{opacity:.68}
.system-role-module-grid[disabled]>label{cursor:not-allowed}
.system-role-permission-form>footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:0 18px}
.system-role-permission-form textarea{width:100%;min-height:62px;resize:vertical;box-sizing:border-box}
.system-role-permission-form>footer button{min-height:40px;white-space:nowrap}

@media(max-width:1280px){
  .system-settings-main-grid,
  .system-settings-main-grid.compact,
  .system-role-permission-layout{grid-template-columns:minmax(0,1fr)}
  .system-role-module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .system-integration-cards,
  .system-ai-safety-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .system-settings-page-head{align-items:flex-start;flex-direction:column;padding-block:10px}
  .system-settings-page-head nav{width:100%;overflow-x:auto}
  .system-settings-quick-actions,
  .system-permission-summary,
  .system-integration-cards,
  .system-ai-safety-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .system-settings-status-row{grid-template-columns:22px minmax(0,1fr) auto}
  .system-settings-status-row>em{grid-column:2/-1;text-align:left}
  .system-rule-list>label{grid-template-columns:38px minmax(0,1fr) 42px}
  .system-rules-form>footer{align-items:stretch;flex-direction:column}
  .system-mfa-stats{grid-template-columns:minmax(0,1fr)}
  .system-role-permission-toolbar,
  .system-role-module-grid,
  .system-role-permission-form>footer{grid-template-columns:minmax(0,1fr)}
}

/*
 * 全软件业务概览补充适配：覆盖非 kpi / metric 命名但实际承担页面级概览的统计轨道。
 * 详情抽屉、弹窗摘要和卡片内部微型统计仍保持原布局。
 */
html body :is(
  .system-settings-kpis,
  .ai-stats-grid,
  .trade-customer-summary,
  .trade-material-stats,
  .trade-compact-overview > .summary-strip
){
  box-sizing:border-box !important;
  width:100%;
  height:var(--aibos-overview-rail-height) !important;
  min-height:var(--aibos-overview-rail-height) !important;
  max-height:var(--aibos-overview-rail-height) !important;
  display:grid !important;
  grid-template-columns:none !important;
  grid-auto-flow:column !important;
  grid-auto-columns:minmax(var(--aibos-overview-min-item-width),1fr) !important;
  gap:0 !important;
  margin-block:0 !important;
  padding:0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  border:1px solid var(--aibos-overview-border) !important;
  border-radius:14px !important;
  background:#fff !important;
  box-shadow:var(--aibos-overview-shadow) !important;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin;
}

html body :is(
  .system-settings-kpis,
  .ai-stats-grid,
  .trade-customer-summary,
  .trade-material-stats,
  .trade-compact-overview > .summary-strip
) > *{
  --aibos-overview-accent:#c51f4a;
  --aibos-overview-soft:#fde8ed;
  position:relative !important;
  box-sizing:border-box !important;
  min-width:var(--aibos-overview-min-item-width) !important;
  height:var(--aibos-overview-item-height) !important;
  min-height:var(--aibos-overview-item-height) !important;
  max-height:var(--aibos-overview-item-height) !important;
  margin:0 !important;
  padding:17px 20px 19px !important;
  overflow:hidden !important;
  border:0 !important;
  border-right:1px solid var(--aibos-overview-divider) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#282122;
  text-align:left;
}

html body :is(.system-settings-kpis,.ai-stats-grid,.trade-customer-summary,.trade-material-stats,.trade-compact-overview > .summary-strip)>*:nth-child(2){--aibos-overview-accent:#d99308;--aibos-overview-soft:#fff0ce}
html body :is(.system-settings-kpis,.ai-stats-grid,.trade-customer-summary,.trade-material-stats,.trade-compact-overview > .summary-strip)>*:nth-child(3){--aibos-overview-accent:#147acb;--aibos-overview-soft:#dfefff}
html body :is(.system-settings-kpis,.ai-stats-grid,.trade-customer-summary,.trade-material-stats,.trade-compact-overview > .summary-strip)>*:nth-child(4){--aibos-overview-accent:#15945a;--aibos-overview-soft:#dcf4e9}
html body :is(.system-settings-kpis,.ai-stats-grid,.trade-customer-summary,.trade-material-stats,.trade-compact-overview > .summary-strip)>*:nth-child(5){--aibos-overview-accent:#6f4dcc;--aibos-overview-soft:#eee8ff}
html body :is(.system-settings-kpis,.ai-stats-grid,.trade-customer-summary,.trade-material-stats,.trade-compact-overview > .summary-strip)>*:nth-child(6){--aibos-overview-accent:#078e82;--aibos-overview-soft:#dff4f1}
html body :is(.system-settings-kpis,.ai-stats-grid,.trade-customer-summary,.trade-material-stats,.trade-compact-overview > .summary-strip)>*:nth-child(7){--aibos-overview-accent:#e05b4f;--aibos-overview-soft:#fde8e5}
html body :is(.system-settings-kpis,.ai-stats-grid,.trade-customer-summary,.trade-material-stats,.trade-compact-overview > .summary-strip)>*:nth-child(8){--aibos-overview-accent:#4267a8;--aibos-overview-soft:#e6edfa}
html body :is(.system-settings-kpis,.ai-stats-grid,.trade-customer-summary,.trade-material-stats,.trade-compact-overview > .summary-strip)>*:is(.danger,.risk,.error,.high){--aibos-overview-accent:#c7444d;--aibos-overview-soft:#fdebed}
html body :is(.system-settings-kpis,.ai-stats-grid,.trade-customer-summary,.trade-material-stats,.trade-compact-overview > .summary-strip)>*:last-child{border-right:0 !important}

html body :is(
  .system-settings-kpis,
  .ai-stats-grid,
  .trade-customer-summary,
  .trade-material-stats,
  .trade-compact-overview > .summary-strip
) > *::after{
  position:absolute !important;
  right:4px !important;
  bottom:0 !important;
  left:4px !important;
  width:auto !important;
  height:3px !important;
  border:0 !important;
  border-radius:3px 3px 0 0 !important;
  background:linear-gradient(90deg,color-mix(in srgb,var(--aibos-overview-accent) 78%,#fff),var(--aibos-overview-accent)) !important;
  box-shadow:0 -2px 8px color-mix(in srgb,var(--aibos-overview-accent) 16%,transparent) !important;
  content:"" !important;
  transform:none !important;
}

html body :is(.trade-customer-summary,.trade-compact-overview > .summary-strip)>*:not(:has(i,svg)){
  padding-left:78px !important;
}
html body :is(.trade-customer-summary,.trade-compact-overview > .summary-strip)>*:not(:has(i,svg))::before{
  position:absolute !important;
  top:32px !important;
  left:20px !important;
  width:48px !important;
  height:48px !important;
  display:grid !important;
  place-items:center !important;
  border:0 !important;
  border-radius:50% !important;
  background:radial-gradient(circle at 35% 30%,#fff 0 9%,var(--aibos-overview-soft) 38%,color-mix(in srgb,var(--aibos-overview-accent) 18%,#fff) 100%) !important;
  box-shadow:0 5px 10px color-mix(in srgb,var(--aibos-overview-accent) 17%,transparent) !important;
  color:var(--aibos-overview-accent) !important;
  content:"▤" !important;
  font-size:23px !important;
  font-weight:800 !important;
  line-height:1 !important;
  transform:none !important;
}
html body :is(.trade-customer-summary,.trade-compact-overview > .summary-strip)>*:nth-child(2):not(:has(i,svg))::before{content:"◷" !important}
html body :is(.trade-customer-summary,.trade-compact-overview > .summary-strip)>*:nth-child(3):not(:has(i,svg))::before{content:"▣" !important}
html body :is(.trade-customer-summary,.trade-compact-overview > .summary-strip)>*:nth-child(4):not(:has(i,svg))::before{content:"¥" !important}
html body :is(.trade-customer-summary,.trade-compact-overview > .summary-strip)>*:nth-child(5):not(:has(i,svg))::before{content:"✓" !important}

/* 资料维护保留原有分类语义图标，但统一到效果图的左侧彩色圆形图标位。 */
html body .trade-material-stats.trade-material-stats > button{
  padding-left:82px !important;
}
html body .trade-material-stats > button > i{
  position:absolute !important;
  top:32px !important;
  right:auto !important;
  bottom:auto !important;
  left:20px !important;
  width:48px !important;
  height:48px !important;
  display:grid !important;
  place-items:center !important;
  border:0 !important;
  border-radius:50% !important;
  background:radial-gradient(circle at 35% 30%,#fff 0 9%,var(--aibos-overview-soft) 38%,color-mix(in srgb,var(--aibos-overview-accent) 18%,#fff) 100%) !important;
  box-shadow:0 5px 10px color-mix(in srgb,var(--aibos-overview-accent) 17%,transparent) !important;
  color:var(--aibos-overview-accent) !important;
  font-size:21px !important;
  line-height:1 !important;
}

/* 外贸紧凑概览的标题、统计轨道和操作按钮继续同排，行高跟随统一轨道。 */
html body .trade-compact-overview:has(> .summary-strip),
html body .trade-compact-overview:has(> .trade-customer-summary){
  --trade-overview-height:var(--aibos-overview-rail-height) !important;
  min-height:var(--aibos-overview-rail-height) !important;
}

/* 全软件页面级子菜单：菜单名称前统一使用对应的线性语义图标。 */
.software-submenu-icon{
  display:grid;
  flex:0 0 auto;
  place-items:center;
  color:currentColor;
  line-height:0;
  pointer-events:none;
}
.software-submenu-icon svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.combined-center-tabs>:is(button,a):has(>.software-submenu-icon){
  gap:10px !important;
}
.combined-center-tabs>:is(button,a)>.software-submenu-icon{
  width:22px;
  height:22px;
}
:is(
  .combined-center-tabs,
  .ecommerce-menu-groups,
  .foreign-trade-menu-groups,
  .ai-center-tabs,
  .formal-product-section-tabs,
  .whl-tabs,
  .oc-tabs,
  .dc-tabs,
  .mfg-nav,
  .bd-center-tabs,
  .finance-center-subnav-scroll,
  .data-toolbar>.data-tabs,
  .system-admin-nav>.data-tabs
)>button:has(>.software-submenu-icon){
  gap:10px !important;
}
:is(
  .combined-center-tabs,
  .ecommerce-menu-groups,
  .foreign-trade-menu-groups,
  .ai-center-tabs,
  .formal-product-section-tabs,
  .whl-tabs,
  .oc-tabs,
  .dc-tabs,
  .mfg-nav,
  .bd-center-tabs,
  .finance-center-subnav-scroll,
  .data-toolbar>.data-tabs,
  .system-admin-nav>.data-tabs
)>button>.software-submenu-icon{
  width:22px;
  height:22px;
}
:is(
  .growth-hub-tabs,
  .ecommerce-submenu-tabs,
  .omni-channel-tabs,
  .crm-settings-nav,
  .bd-subnav,
  .dc-project-tabs,
  .mfg-subtabs,
  .aibos-ls-type-tabs,
  .aibos-ls-subtabs
)>button:has(>.software-submenu-icon){
  gap:8px !important;
}
:is(
  .growth-hub-tabs,
  .ecommerce-submenu-tabs,
  .omni-channel-tabs,
  .crm-settings-nav,
  .bd-subnav,
  .dc-project-tabs,
  .mfg-subtabs,
  .aibos-ls-type-tabs,
  .aibos-ls-subtabs
)>button>.software-submenu-icon{
  width:17px;
  height:17px;
}
.software-submenu-icon[data-submenu-icon="ai"],
.software-submenu-icon[data-submenu-icon="skill"]{stroke-width:1.7}
@media(max-width:700px){
  :is(
    .combined-center-tabs,
    .ecommerce-menu-groups,
    .foreign-trade-menu-groups,
    .ai-center-tabs,
    .formal-product-section-tabs,
    .whl-tabs,
    .oc-tabs,
    .dc-tabs,
    .mfg-nav,
    .bd-center-tabs,
    .finance-center-subnav-scroll,
    .data-toolbar>.data-tabs,
    .system-admin-nav>.data-tabs
  )>button>.software-submenu-icon{
    width:20px;
    height:20px;
  }
}

/* 管理后台的参考图为六等分紧凑指标栏；置于统一概览规则之后锁定该例外。 */
html body .management-admin-page.management-admin-page .system-settings-kpis{
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  grid-auto-flow:row !important;
  grid-auto-columns:auto !important;
  height:74px !important;
  min-height:74px !important;
  max-height:74px !important;
  overflow-x:hidden !important;
  border-radius:5px !important;
}
.app-shell.system-settings-active .system-admin-nav>.data-tabs{
  gap:clamp(28px,4vw,70px) !important;
}
@media(max-width:760px){
  html body .management-admin-page.management-admin-page .system-settings-kpis{
    grid-template-columns:none !important;
    grid-auto-flow:column !important;
    grid-auto-columns:minmax(150px,1fr) !important;
    overflow-x:auto !important;
  }
}

/* 管理后台字号映射到全软件固定梯度，任何可见文字不得小于 12px。 */
.app-shell.system-settings-active .system-admin-nav>.data-tabs>.data-tab{
  font-size:15px !important;
  font-weight:700 !important;
}
.management-admin-page{font-size:14px}
.management-admin-page .management-reference-grid{font-size:12px}
.management-admin-page :is(small,em,.badge,.status,button,input,select,textarea,label,dt,dd){
  font-size:12px !important;
}
.management-admin-page .system-settings-card>header h2{
  font-size:16px !important;
  font-weight:700 !important;
}
html body .management-admin-page .system-settings-kpi small,
html body .management-admin-page .system-settings-kpi em{
  font-size:12px !important;
}
html body .management-admin-page .system-settings-kpi strong{
  font-size:20px !important;
}
.management-admin-page .data-table th{font-size:12px !important}
.management-admin-page .data-table td{font-size:13px !important}
.management-admin-page :is(
  .system-org-tree-list,
  .system-role-module-grid,
  .system-matrix-note,
  .system-rule-list,
  .system-approval-summary,
  .system-rule-history-list,
  .system-connection-list,
  .system-connection-health,
  .system-flow-map,
  .system-info-card
){font-size:12px !important}
.management-admin-page :is(
  .system-org-tree-list,
  .system-role-module-grid,
  .system-matrix-note,
  .system-rule-list,
  .system-approval-summary,
  .system-rule-history-list,
  .system-connection-list,
  .system-flow-map,
  .system-info-card
) :is(b,span,p){font-size:12px !important}

/* 角色版块权限与实际导航共用 13 个入口；组合入口保留底层细分授权。 */
.system-role-module-grid>.system-role-module-entry{
  position:relative;
  display:grid;
  grid-template-rows:auto 1fr;
  min-width:0;
  overflow:visible;
  border:1px solid #e8dfdc;
  border-radius:7px;
  background:#fff;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;
}
.system-role-module-grid>.system-role-module-entry:hover{border-color:#d9a9b5}
.system-role-module-grid>.system-role-module-entry.selected{border-color:#c7788e;background:#fff7f7}
.system-role-module-grid>.system-role-module-entry:focus-within{box-shadow:0 0 0 2px rgba(167,48,80,.13)}
.system-role-module-entry-main{
  position:relative;
  display:grid;
  grid-template-columns:26px minmax(0,1fr) 15px;
  min-height:50px;
  align-items:center;
  gap:7px;
  padding:6px 8px;
  cursor:pointer;
}
.system-role-module-entry-main>input,
.system-role-module-child>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.system-role-module-entry-main>i{display:grid;width:24px;height:24px;border-radius:5px;background:#f8efed;color:#85616b;place-items:center}
.system-role-module-entry.selected .system-role-module-entry-main>i{background:#f5dde3;color:#982f4d}
.system-role-module-entry-main>i svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8}
.system-role-module-entry-main>span{display:grid;min-width:0;gap:1px}
.system-role-module-entry-main b{color:#3b2b30;font-size:12px;line-height:1.35;overflow-wrap:anywhere;white-space:normal}
.system-role-module-entry-main small{color:#9a858a;font-size:10px;line-height:1.3;overflow-wrap:anywhere;white-space:normal}
.system-role-module-entry-main>u{
  display:grid;
  width:14px;
  height:14px;
  border:1px solid #d8ccce;
  border-radius:50%;
  background:#fff;
  color:#fff;
  font-size:10px;
  line-height:1;
  text-decoration:none;
  place-items:center;
}
.system-role-module-entry.complete .system-role-module-entry-main>u{border-color:#a73050;background:#a73050}
.system-role-module-entry.complete .system-role-module-entry-main>u::after{content:"✓"}
.system-role-module-entry.partial .system-role-module-entry-main>u{border-color:#c7788e;background:#f3dce2;color:#8f2946}
.system-role-module-entry.partial .system-role-module-entry-main>u::after{content:"−"}
.system-role-module-children{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(58px,1fr));
  align-content:end;
  gap:4px;
  padding:0 8px 8px;
}
.system-role-module-child{
  position:relative;
  display:inline-flex;
  min-height:24px;
  align-items:center;
  justify-content:center;
  padding:3px 6px;
  border:1px solid #e3d8d5;
  border-radius:999px;
  background:#fff;
  color:#76676b;
  cursor:pointer;
}
.system-role-module-child>span{line-height:1.3;text-align:center;overflow-wrap:anywhere;white-space:normal}
.system-role-module-child.selected{border-color:#c7788e;background:#f6e4e9;color:#8f2946}
.system-role-module-grid[disabled] .system-role-module-entry-main,
.system-role-module-grid[disabled] .system-role-module-child{cursor:not-allowed}
.organization-reference-grid .system-role-module-grid{
  grid-template-columns:repeat(auto-fit,minmax(168px,1fr));
  grid-auto-rows:max-content;
  align-content:start;
  gap:7px;
  padding:7px;
  max-height:none;
  overflow:visible;
}
.organization-reference-grid .system-role-module-grid>.system-role-module-entry input{position:absolute;width:1px;height:1px;opacity:0}
.organization-reference-grid .system-role-module-entry[data-role-module-entry="employeeReports"] small{display:block}
@media(max-width:760px){
  .organization-reference-grid .system-role-module-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
}

/* 财务中心顶部菜单：专属语义图标、整体左移，菜单间距缩小为统一值的一半。 */
.finance-center-shell>.finance-center-subnav{
  justify-content:flex-start !important;
  gap:clamp(6px,.75vw,12px) !important;
  margin-left:-10px !important;
  padding-inline:0 !important;
}
.finance-center-shell>.finance-center-subnav>.finance-center-subnav-scroll{
  flex:1 1 auto !important;
  gap:clamp(12px,1vw,18px) !important;
  padding-left:0 !important;
}
.finance-center-shell>.finance-center-subnav :is(.finance-center-subnav-scroll>button,.finance-settings-entry){
  gap:7px !important;
  padding-inline:0 !important;
}
.finance-center-shell>.finance-center-subnav .finance-center-subnav-scroll>.finance-settings-entry{
  margin-left:0 !important;
}
.finance-center-shell>.finance-center-subnav .finance-nav-icon{
  width:18px !important;
  height:18px !important;
  flex:0 0 18px !important;
  color:#62575b;
}
.finance-center-shell>.finance-center-subnav .finance-nav-icon>svg{
  width:18px !important;
  height:18px !important;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.finance-center-shell>.finance-center-subnav button:is(:hover,.active)>.finance-nav-icon{
  color:var(--brand,#8d3148);
}

/* 待办中心 V3：角色化统一执行工作台、协作审批闭环与 AI 待整理。 */
.app-shell.todo-center-active{--software-submenu-safe-right:0px}
.app-shell.todo-center-active .right-sidebar{display:none}
.todo-workspace-page{
  min-width:0;
  display:grid;
  gap:14px;
  color:#302427;
  font-family:"Microsoft YaHei","PingFang SC","Segoe UI",Arial,sans-serif;
  font-size:14px;
  line-height:1.5;
}
.todo-workspace-page button,.todo-workspace-page input,.todo-workspace-page select,.todo-workspace-page textarea{font:inherit}
.todo-preview-switch{min-height:36px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid #ead7dc;border-radius:7px;background:#fff;color:#6f6266;font-size:13px;font-weight:600}
.todo-preview-switch input{accent-color:#9f2949}
.todo-role-notice{
  min-height:48px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:8px 14px;
  border:1px solid #ecdde1;
  border-radius:9px;
  background:linear-gradient(90deg,#fff8f8 0,#fff 68%);
}
.todo-role-notice>span{flex:0 0 auto;padding:4px 9px;border-radius:5px;background:#f7e7eb;color:#942d49;font-size:12px;font-weight:700}
.todo-role-notice>p{min-width:0;flex:1;margin:0;color:#65595d;font-size:13px}
.todo-role-notice>label{display:flex;flex:0 0 auto;align-items:center;gap:8px;color:#786b6f;font-size:12px}
.todo-role-notice select{min-height:32px;padding:0 28px 0 9px;border:1px solid #decfd3;border-radius:6px;background:#fff;color:#3b2d31;font-size:13px}
.todo-role-notice>em{color:#8e7c81;font-size:12px;font-style:normal}
.todo-metric-strip{
  height:88px;
  min-height:88px;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  overflow:hidden;
  border:1px solid #ddd3d6;
  border-radius:11px;
  background:#fff;
  box-shadow:0 6px 17px rgba(74,43,51,.08);
}
.todo-metric-card{
  --todo-tone:#9f2949;
  position:relative;
  min-width:0;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  align-items:center;
  gap:12px;
  min-height:0;
  padding:10px 18px;
  border:0;
  border-right:1px solid #e5dde0;
  background:#fff;
  color:#32262a;
  text-align:left;
}
.todo-metric-card:last-child{border-right:0}
.todo-metric-card:after{position:absolute;right:4px;bottom:0;left:4px;height:3px;background:var(--todo-tone);content:""}
.todo-metric-card>i{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--todo-tone) 10%,#fff);color:var(--todo-tone);box-shadow:0 4px 10px color-mix(in srgb,var(--todo-tone) 12%,transparent)}
.todo-metric-card>i svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.todo-metric-card>span{min-width:0;display:grid;grid-template-columns:1fr auto;align-items:end;gap:2px 8px}
.todo-metric-card b{font-size:14px;font-weight:600}
.todo-metric-card strong{grid-row:1/3;grid-column:2;font-size:32px;font-weight:750;line-height:1}
.todo-metric-card small{overflow:hidden;color:#817478;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.todo-metric-card.warn{--todo-tone:#d89713}.todo-metric-card.danger{--todo-tone:#cf4351}.todo-metric-card.blue{--todo-tone:#287cc4}.todo-metric-card.good{--todo-tone:#269252}
.todo-metric-card:hover{background:#fffaf9}
.todo-workspace-tabs{
  min-height:56px;
  display:flex;
  align-items:stretch;
  justify-content:flex-start;
  gap:clamp(18px,2vw,32px);
  overflow-x:auto;
  overflow-y:hidden;
  border-bottom:1px solid #ead9dc;
  scrollbar-width:none;
}
.todo-workspace-tabs::-webkit-scrollbar{display:none}
.todo-workspace-actions{display:flex;flex:0 0 auto;align-items:center;gap:9px;margin-left:auto}
.todo-workspace-actions>button{min-height:38px;padding:0 15px;border-radius:7px;white-space:nowrap}
.todo-workspace-tabs>button{
  position:relative;
  flex:0 0 auto;
  min-width:max-content;
  min-height:56px;
  display:flex;
  align-items:center;
  gap:8px;
  padding:0 2px;
  border:0;
  border-bottom:3px solid transparent;
  background:transparent;
  color:#3f3236;
  font-size:14px;
  font-weight:700;
}
.todo-workspace-tabs>button.active,.todo-workspace-tabs>button:hover{border-bottom-color:#9f2949;color:#9f2949}
.todo-workspace-tabs .software-submenu-icon{width:19px;height:19px}
.todo-workspace-tabs>button em{min-width:20px;height:20px;display:inline-grid;place-items:center;padding:0 5px;border-radius:10px;background:#f3ecee;color:#88767b;font-size:11px;font-style:normal}
.todo-workspace-tabs>button.active em{background:#9f2949;color:#fff}
.todo-filter-bar{
  display:flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border:1px solid #e3d9dc;
  border-radius:9px;
  background:#fff;
}
.todo-saved-views{display:flex;align-items:center;gap:5px;margin-right:auto}
.todo-saved-views>span{margin-right:3px;color:#887a7e;font-size:12px}
.todo-saved-views button{min-height:30px;padding:0 9px;border:1px solid transparent;border-radius:5px;background:#f8f4f5;color:#6d6064;font-size:12px}
.todo-saved-views button.active,.todo-saved-views button:hover{border-color:#e8cbd3;background:#fff1f4;color:#9f2949}
.todo-filter-search{min-width:260px;min-height:34px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid #ded4d7;border-radius:6px;background:#fff}
.todo-filter-search svg{width:17px;height:17px;fill:none;stroke:#9a868c;stroke-width:1.8;stroke-linecap:round}
.todo-filter-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:12px}
.todo-filter-bar>select{min-height:34px;padding:0 25px 0 8px;border:1px solid #ded4d7;border-radius:6px;background:#fff;color:#5d5054;font-size:12px}
.todo-bulk-bar{min-height:44px;display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid #d8c0c8;border-radius:8px;background:#fff5f7}
.todo-bulk-bar strong{margin-right:auto;color:#8d3148;font-size:13px}.todo-bulk-bar button{min-height:30px;padding:0 10px;border:1px solid #dfc3cb;border-radius:5px;background:#fff;color:#8d3148;font-size:12px}
.todo-workspace-body{min-width:0;display:grid;grid-template-columns:minmax(620px,1fr) 300px;gap:14px;align-items:start}
.todo-list-panel{min-width:0;overflow:hidden;border:1px solid #ddd3d6;border-radius:10px;background:#fff;box-shadow:0 5px 16px rgba(76,49,56,.05)}
.todo-list-panel>header{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 15px;border-bottom:1px solid #e6dfe1}
.todo-list-panel>header h2{margin:0;font-size:17px}.todo-list-panel>header p{margin:3px 0 0;color:#84767a;font-size:12px}.todo-list-panel>header>span{color:#8b7b80;font-size:11px}
.todo-list-head,.todo-workspace-row{display:grid;grid-template-columns:28px minmax(300px,1fr) 110px 100px 88px 54px;align-items:center;gap:10px}
.todo-list-head{min-height:36px;padding:0 12px;border-bottom:1px solid #eee7e9;background:#fbf9f9;color:#8a7b80;font-size:11px}.todo-list-head span:first-child{grid-column:1/2}.todo-list-head span:nth-child(2){grid-column:2}.todo-list-head span:nth-child(3){grid-column:3}.todo-list-head span:nth-child(4){grid-column:4}.todo-list-head span:nth-child(5){grid-column:5}.todo-list-head span:nth-child(6){grid-column:6}
.todo-workspace-row{position:relative;min-height:82px;padding:10px 12px;border-bottom:1px solid #eee7e9;background:#fff;transition:background 140ms,border-color 140ms}
.todo-workspace-row:last-child{border-bottom:0}.todo-workspace-row:hover,.todo-workspace-row.selected{background:#fff8f9}.todo-workspace-row.selected{box-shadow:inset 3px 0 #9f2949}.todo-workspace-row.overdue{background:#fffafa}
.todo-row-check{display:flex;align-items:center;justify-content:center}.todo-row-check input{width:15px;height:15px;accent-color:#9f2949}
.todo-priority-marker{position:absolute;top:16px;left:37px;width:4px;height:50px;border-radius:3px;background:#b5a9ad}.todo-priority-marker.high{background:#ce4452}.todo-priority-marker.medium{background:#dc9c22}.todo-priority-marker.low{background:#6e9c7d}
.todo-row-main{min-width:0;padding-left:9px}.todo-row-main header{display:flex;align-items:center;gap:6px;min-width:0}.todo-row-main strong{overflow:hidden;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.todo-row-main p{overflow:hidden;margin:4px 0 0;color:#776a6e;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.todo-row-main small{display:block;overflow:hidden;margin-top:4px;color:#9b5669;font-size:11px;text-overflow:ellipsis;white-space:nowrap}
.todo-ai-chip,.todo-collab-chip{flex:0 0 auto;padding:2px 5px;border-radius:4px;background:#eee8ff;color:#6750a4;font-size:9px;font-style:normal;font-weight:700}.todo-collab-chip{background:#fbe9ee;color:#9f2949}
.todo-row-owner,.todo-row-progress{min-width:0;display:grid;gap:3px}.todo-row-owner span,.todo-row-progress span{overflow:hidden;color:#493c40;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.todo-row-owner small,.todo-row-progress small{overflow:hidden;color:#8c7c81;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.todo-row-status{display:grid;justify-items:start;gap:3px}.todo-status-pill{display:inline-flex;min-height:23px;align-items:center;padding:0 7px;border-radius:5px;background:#eef3ff;color:#3f65a8;font-size:10px;font-weight:700;white-space:nowrap}.todo-status-pill.in_progress{background:#eaf6ef;color:#26824b}.todo-status-pill.blocked,.todo-status-pill.rejected{background:#fff0ee;color:#c4474f}.todo-status-pill.pending_approval,.todo-status-pill.pending_review{background:#fff4dc;color:#9a6716}.todo-status-pill.completed{background:#edf7ef;color:#2e8349}.todo-status-pill.triage{background:#eee9ff;color:#6650a4}.todo-row-status small{color:#c3434b;font-size:9px}
.todo-row-open{min-height:30px;padding:0 9px;border:1px solid #decbd0;border-radius:5px;background:#fff;color:#8d3148;font-size:11px;font-weight:600}.todo-row-open:hover{background:#9f2949;color:#fff}
.todo-empty-state{min-height:300px;display:grid;place-items:center;align-content:center;gap:8px;padding:40px;text-align:center}.todo-empty-state i{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#f8ecef;color:#9f2949}.todo-empty-state svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}.todo-empty-state h3,.todo-empty-state p{margin:0}.todo-empty-state p{max-width:420px;color:#837579;font-size:12px}.todo-empty-state button{margin-top:6px;padding:7px 12px;border:1px solid #dfc8cf;border-radius:6px;background:#fff;color:#8d3148}
.todo-ai-rail{display:grid;gap:12px}.todo-ai-rail>article{overflow:hidden;border:1px solid #dfd5d8;border-radius:10px;background:#fff;box-shadow:0 5px 14px rgba(76,49,56,.04)}.todo-ai-rail>article>header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 13px;border-bottom:1px solid #eee7e9}.todo-ai-rail header span{color:#9f2949;font-size:10px;font-weight:700}.todo-ai-rail h2,.todo-ai-rail h3{margin:1px 0 0;font-size:14px}.todo-ai-rail header>em{padding:3px 6px;border-radius:4px;background:#eee9ff;color:#6750a4;font-size:9px;font-style:normal}.todo-ai-rail article>button{width:100%;min-height:66px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 11px;border:0;border-bottom:1px solid #eee8e9;background:#fff;text-align:left}.todo-ai-rail article>button:last-child{border-bottom:0}.todo-ai-rail article>button:hover{background:#fff8f9}.todo-ai-rail article>button>b{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#9f2949;color:#fff;font-size:10px}.todo-ai-rail article>button span{min-width:0}.todo-ai-rail article>button strong,.todo-ai-rail article>button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-ai-rail article>button strong{font-size:11px}.todo-ai-rail article>button small{margin-top:3px;color:#827479;font-size:9px}.todo-ai-rail article>button>em{color:#a06776;font-size:9px;font-style:normal}
.todo-load-card,.todo-rule-card{padding:12px 13px}.todo-load-card>header{padding:0!important;border:0!important}.todo-load-card>header span{color:#83757a}.todo-load-card>div{height:8px;margin:12px 0 8px;overflow:hidden;border-radius:4px;background:#f0eaec}.todo-load-card>div>span{display:block;width:var(--todo-load);height:100%;border-radius:inherit;background:linear-gradient(90deg,#9f2949,#d78aa0)}.todo-load-card>p{margin:0;color:#7f7176;font-size:11px}.todo-rule-card h3{margin:0 0 7px}.todo-rule-card p{display:grid;grid-template-columns:70px 1fr;gap:8px;margin:0;padding:7px 0;border-bottom:1px solid #eee8e9;font-size:10px}.todo-rule-card p:last-child{border-bottom:0}.todo-rule-card b{color:#493c40}.todo-rule-card span{color:#83757a}
.todo-detail-drawer{position:fixed;top:0;right:0;bottom:0;z-index:52;width:min(540px,100vw);display:grid;grid-template-rows:auto minmax(0,1fr) auto;border-left:1px solid #d9cdd0;background:#fff;box-shadow:-20px 0 48px rgba(62,36,43,.18);animation:todo-drawer-in 180ms ease-out}.todo-detail-drawer>header{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-bottom:1px solid #e7dfe1;background:#fffaf9}.todo-detail-drawer>header span{color:#9c6977;font-size:11px}.todo-detail-drawer>header h2{margin:3px 0 0;font-size:20px;line-height:1.3}.todo-detail-drawer>header button{width:34px;height:34px;border:0;border-radius:50%;background:#f3edef;color:#796a6f;font-size:24px}.todo-detail-scroll{min-height:0;overflow-y:auto;padding:14px 18px 24px}.todo-detail-drawer>footer{min-height:66px;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 18px;border-top:1px solid #e3dade;background:#fff}.todo-detail-drawer>footer button{min-height:38px;padding:0 15px;border-radius:6px}.todo-detail-drawer>footer>span{color:#887a7e;font-size:12px}
@keyframes todo-drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
.todo-permission-banner{display:grid;grid-template-columns:1fr auto;gap:3px 10px;margin-bottom:12px;padding:10px 12px;border:1px solid #f0c6b9;border-radius:7px;background:#fff7f3;color:#8e4837}.todo-permission-banner b{font-size:12px}.todo-permission-banner span{grid-column:1;font-size:11px}.todo-permission-banner button{grid-row:1/3;grid-column:2;align-self:center;padding:6px 9px;border:1px solid #e5ad9e;border-radius:5px;background:#fff;color:#9f2949;font-size:11px}.todo-permission-banner.info{display:block;border-color:#c9d9ef;background:#f5f9ff;color:#3f6594;font-size:11px}
.todo-detail-summary,.todo-detail-business,.todo-detail-section,.todo-ai-explain,.todo-handover-card,.todo-completion-result{margin-bottom:12px;padding:13px;border:1px solid #e2d8db;border-radius:9px;background:#fff}.todo-detail-summary>div{float:right}.todo-detail-summary dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 12px}.todo-detail-summary dl>div{display:grid;grid-template-columns:70px 1fr;gap:7px;padding-bottom:7px;border-bottom:1px solid #eee8e9}.todo-detail-summary dt{color:#8b7c81;font-size:11px}.todo-detail-summary dd{margin:0;font-size:12px;font-weight:600}.todo-detail-summary dd.danger{color:#c63f4a}.todo-detail-summary>strong{font-size:12px}.todo-detail-summary>p{margin:5px 0 10px;color:#66595d;font-size:12px;line-height:1.6}.todo-detail-summary>p:last-child{margin-bottom:0}
.todo-ai-explain{border-color:#dcd3f2;background:#faf8ff}.todo-ai-explain header,.todo-detail-business header,.todo-detail-section>header,.todo-handover-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px}.todo-ai-explain header span{color:#6650a4;font-size:10px}.todo-ai-explain p{margin:8px 0;color:#5e536f;font-size:11px}.todo-ai-explain small{color:#8a7d97;font-size:10px}.todo-detail-business h3,.todo-detail-section h3,.todo-handover-card h3{margin:0;font-size:13px}.todo-detail-business header button{padding:5px 8px;border:0;border-radius:5px;background:#f7e9ed;color:#9f2949;font-size:10px}.todo-detail-business header span,.todo-detail-section>header>span{color:#8b7d81;font-size:10px}.todo-detail-business>strong,.todo-detail-business>small{display:block}.todo-detail-business>strong{margin-top:9px;font-size:12px}.todo-detail-business>small{margin-top:3px;color:#887a7e;font-size:10px}
.todo-participants{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.todo-participants>span{min-width:108px;display:grid;gap:2px;padding:7px 9px;border:1px solid #e5dcdf;border-radius:6px;background:#fbf9fa}.todo-participants b{font-size:11px}.todo-participants small{color:#887b7f;font-size:9px}
.todo-subtasks{display:grid;gap:1px;margin-top:9px}.todo-subtasks label{min-height:36px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:5px 2px;border-bottom:1px solid #eee8ea}.todo-subtasks input{accent-color:#9f2949}.todo-subtasks span{font-size:11px}.todo-subtasks small{color:#897a7f;font-size:9px}.todo-empty-mini{padding:12px;color:#8b7d81;font-size:10px;text-align:center}.todo-dependencies,.todo-blocked-reason{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:9px;padding:8px;border-radius:6px;background:#fff8ed}.todo-dependencies b,.todo-blocked-reason b{font-size:10px}.todo-dependencies span,.todo-blocked-reason span{padding:3px 6px;border-radius:4px;background:#fff;color:#9a6716;font-size:9px}.todo-blocked-reason{background:#fff2f2}.todo-blocked-reason span{color:#bb4048}
.todo-handover-card{background:#fffaf7}.todo-handover-card header strong{color:#9f2949;font-size:18px}.todo-handover-card progress{width:100%;height:9px;margin:10px 0;accent-color:#9f2949}.todo-handover-card>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.todo-handover-card>div span{color:#817378;font-size:10px}.todo-handover-card>div b{color:#423438}
.todo-timeline{margin-top:8px}.todo-timeline p{position:relative;display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:7px;margin:0;padding:7px 0}.todo-timeline i{width:8px;height:8px;margin-top:4px;border-radius:50%;background:#bc667d;box-shadow:0 0 0 3px #f7e8ec}.todo-timeline p:not(:last-child):before{position:absolute;top:17px;bottom:-6px;left:3px;width:1px;background:#ead8dd;content:""}.todo-timeline span{font-size:10px}.todo-timeline span b{margin-right:5px}.todo-timeline time{color:#8a7c80;font-size:9px}
.todo-comments{display:grid;gap:6px;margin-top:8px}.todo-comments p{display:grid;grid-template-columns:auto 1fr auto;gap:7px;margin:0;padding:7px;border-radius:6px;background:#faf7f8}.todo-comments b{font-size:10px}.todo-comments span{font-size:10px}.todo-comments time{color:#8c7e82;font-size:9px}.todo-comment-form{display:flex;gap:6px;margin-top:8px}.todo-comment-form input{min-width:0;flex:1;min-height:34px;padding:0 9px;border:1px solid #ded3d6;border-radius:6px;font-size:11px}.todo-comment-form button{min-width:56px;border:0;border-radius:6px;background:#9f2949;color:#fff;font-size:11px}.todo-completion-result{border-color:#cbe2d2;background:#f6fbf7}.todo-completion-result>b{font-size:12px}.todo-completion-result p{margin:7px 0;color:#4f6657;font-size:11px}.todo-completion-result span{display:block;padding:6px;border-radius:5px;background:#e9f5ec;color:#2c7c45;font-size:10px}
.todo-modal-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:rgba(45,28,34,.32);backdrop-filter:blur(2px)}.todo-create-dialog{width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 40px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid #d8cbd0;border-radius:12px;background:#fff;box-shadow:0 28px 70px rgba(45,28,34,.25)}.todo-create-dialog>header{min-height:74px;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid #e5dcdf;background:#fffaf9}.todo-create-dialog>header span{color:#a45b70;font-size:10px}.todo-create-dialog>header h2{margin:2px 0 0;font-size:19px}.todo-create-dialog>header button{width:34px;height:34px;border:0;border-radius:50%;background:#f4edef;color:#76676c;font-size:23px}.todo-create-grid{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:17px 18px;overflow:auto}.todo-create-grid label{display:grid;gap:5px;color:#716469;font-size:11px}.todo-create-grid label.wide{grid-column:1/-1}.todo-create-grid input,.todo-create-grid select,.todo-create-grid textarea{width:100%;min-height:38px;box-sizing:border-box;padding:8px 10px;border:1px solid #dcd1d4;border-radius:6px;background:#fff;color:#382b2f;font-size:12px}.todo-create-grid textarea{min-height:72px;resize:vertical}.todo-create-grid .todo-switch{grid-column:1/-1;display:flex;align-items:center;gap:7px}.todo-create-grid .todo-switch input{width:16px;min-height:16px;accent-color:#9f2949}.todo-create-dialog>footer{min-height:62px;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 18px;border-top:1px solid #e4dade}.todo-create-dialog>footer button{min-height:38px;padding:0 16px;border-radius:6px}
@media(max-width:1380px){.todo-workspace-body{grid-template-columns:minmax(560px,1fr) 270px}.todo-list-head,.todo-workspace-row{grid-template-columns:28px minmax(260px,1fr) 94px 86px 82px 50px}.todo-filter-search{min-width:210px}.todo-metric-card{padding-inline:13px}.todo-metric-card strong{font-size:28px}}
@media(max-width:1120px){.todo-workspace-body{grid-template-columns:minmax(0,1fr)}.todo-ai-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.todo-filter-bar{flex-wrap:wrap}.todo-saved-views{width:100%}.todo-filter-search{flex:1}.todo-metric-strip{overflow-x:auto;grid-template-columns:repeat(5,minmax(190px,1fr))}}
@media(max-width:760px){.todo-role-notice{align-items:flex-start;flex-direction:column}.todo-role-notice>label{width:100%;justify-content:space-between}.todo-role-notice select{flex:1}.todo-workspace-tabs{gap:18px}.todo-workspace-actions{margin-left:0;padding-left:0}.todo-filter-search{min-width:100%}.todo-filter-bar>select{flex:1}.todo-list-head{display:none}.todo-workspace-row{grid-template-columns:24px minmax(0,1fr) auto;gap:8px}.todo-priority-marker{left:32px}.todo-row-main{grid-column:2}.todo-row-owner,.todo-row-progress{grid-column:2}.todo-row-status{grid-row:1;grid-column:3}.todo-row-open{grid-row:2;grid-column:3}.todo-ai-rail{grid-template-columns:1fr}.todo-create-grid{grid-template-columns:1fr}.todo-create-grid label.wide,.todo-create-grid .todo-switch{grid-column:1}.todo-detail-drawer{width:100vw}.todo-metric-strip{grid-template-columns:repeat(5,180px)}}

/* 全软件可见文字最小 12px：覆盖紧凑列表和详情中的旧辅助字号。 */
html body .todo-workspace-page :is(
  .todo-workspace-tabs>button em,
  .todo-list-panel>header>span,
  .todo-list-head,
  .todo-row-main p,
  .todo-row-main small,
  .todo-ai-chip,
  .todo-collab-chip,
  .todo-row-owner small,
  .todo-row-progress small,
  .todo-status-pill,
  .todo-row-status small,
  .todo-row-open,
  .todo-ai-rail header span,
  .todo-ai-rail header>em,
  .todo-ai-rail article>button>b,
  .todo-ai-rail article>button strong,
  .todo-ai-rail article>button small,
  .todo-ai-rail article>button>em,
  .todo-load-card>p,
  .todo-rule-card p,
  .todo-detail-drawer>header span,
  .todo-permission-banner span,
  .todo-permission-banner button,
  .todo-permission-banner.info,
  .todo-detail-summary dt,
  .todo-ai-explain header span,
  .todo-ai-explain p,
  .todo-ai-explain small,
  .todo-detail-business header button,
  .todo-detail-business header span,
  .todo-detail-section>header>span,
  .todo-detail-business>small,
  .todo-participants b,
  .todo-participants small,
  .todo-subtasks span,
  .todo-subtasks small,
  .todo-empty-mini,
  .todo-dependencies b,
  .todo-blocked-reason b,
  .todo-dependencies span,
  .todo-blocked-reason span,
  .todo-handover-card>div span,
  .todo-timeline span,
  .todo-timeline time,
  .todo-comments b,
  .todo-comments span,
  .todo-comments time,
  .todo-comment-form input,
  .todo-comment-form button,
  .todo-completion-result p,
  .todo-completion-result span,
  .todo-create-dialog>header span,
  .todo-create-grid label
){font-size:12px!important}

/* 待办中心单页工作台：六类任务同时呈现，不再依赖子菜单切换。 */
.todo-unified-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1.05fr) minmax(0,.95fr);align-items:start;gap:12px}
.todo-unified-middle,.todo-unified-rail{min-width:0;display:grid;gap:12px}
.todo-unified-card{min-width:0;overflow:hidden;border:1px solid #e0d6d9;border-radius:10px;background:#fff;box-shadow:0 5px 15px rgba(70,43,50,.05)}
.todo-unified-card>header{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px;border-bottom:1px solid #ebe3e5}
.todo-unified-card>header h2{margin:0;color:#372a2e;font-size:16px;font-weight:700}
.todo-unified-card>header p{margin:3px 0 0;color:#84767a;font-size:12px}
.todo-unified-card>header>span{flex:0 0 auto;color:#9a5c6e;font-size:12px}
.todo-unified-primary-head,.todo-unified-primary-row{display:grid;grid-template-columns:24px minmax(170px,1fr) 90px 72px 48px;align-items:center;gap:8px}
.todo-unified-primary-head{min-height:34px;padding:0 11px;border-bottom:1px solid #eee7e9;background:#fbf9f9;color:#897b7f;font-size:12px}
.todo-unified-primary-row{position:relative;min-height:72px;padding:8px 11px;border-bottom:1px solid #eee7e9;background:#fff}
.todo-unified-primary-row:last-child{border-bottom:0}
.todo-unified-primary-row:hover{background:#fff9fa}
.todo-unified-primary-row>label{display:grid;place-items:center}.todo-unified-primary-row input{accent-color:#9f2949}
.todo-unified-primary-row>i{position:absolute;top:13px;bottom:13px;left:35px;width:3px;border-radius:2px;background:#b6a9ad}.todo-unified-primary-row>i.high{background:#d34857}.todo-unified-primary-row>i.medium{background:#dca02b}.todo-unified-primary-row>i.low{background:#6c9a7b}
.todo-unified-primary-row>div{min-width:0;padding-left:8px}.todo-unified-primary-row>div header{display:flex;align-items:center;gap:5px}.todo-unified-primary-row>div strong{overflow:hidden;color:#403337;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.todo-unified-primary-row>div em{flex:0 0 auto;padding:1px 5px;border-radius:4px;background:#eee9ff;color:#6650a4;font-size:12px;font-style:normal}.todo-unified-primary-row>div p{overflow:hidden;margin:4px 0 0;color:#83757a;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.todo-unified-primary-row>span:not(.todo-status-pill){min-width:0;display:grid;gap:2px}.todo-unified-primary-row>span b,.todo-unified-primary-row>span small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-unified-primary-row>span b{font-size:12px}.todo-unified-primary-row>span small{color:#917f84;font-size:12px}
.todo-unified-primary-row>button,.todo-unified-compact-row>button,.todo-unified-bottom-row>button{min-height:30px;padding:0 8px;border:1px solid #dfcbd1;border-radius:5px;background:#fff;color:#91334b;font-size:12px}.todo-unified-primary-row>button:hover,.todo-unified-compact-row>button:hover,.todo-unified-bottom-row>button:hover{background:#9f2949;color:#fff}
.todo-unified-compact-row{min-height:72px;display:grid;grid-template-columns:30px minmax(0,1fr) auto 44px;align-items:center;gap:8px;padding:8px 11px;border-bottom:1px solid #eee7e9}.todo-unified-compact-row:last-child{border-bottom:0}.todo-unified-compact-row>i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#f7e8ed;color:#9f2949}.todo-unified-compact-row.approval>i{background:#fff3df;color:#a46d17}.todo-unified-compact-row>i svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.todo-unified-compact-row>div{min-width:0}.todo-unified-compact-row>div strong,.todo-unified-compact-row>div p{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-unified-compact-row>div strong{font-size:12px}.todo-unified-compact-row>div p{margin:3px 0 0;color:#87797d;font-size:12px}.todo-unified-compact-row>span{display:grid;justify-items:end;gap:4px}.todo-unified-compact-row time{color:#937e84;font-size:12px}.todo-unified-compact-row .todo-status-pill{min-height:20px;padding-inline:5px}
.todo-unified-focus>header>div>span{color:#9f2949;font-size:12px;font-weight:700}.todo-unified-focus>header>em{padding:3px 6px;border-radius:4px;background:#eee9ff;color:#6650a4;font-size:12px;font-style:normal}.todo-unified-focus>div>button{width:100%;min-height:66px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 11px;border:0;border-bottom:1px solid #eee7e9;background:#fff;text-align:left}.todo-unified-focus>div>button:last-child{border-bottom:0}.todo-unified-focus>div>button:hover{background:#fff9fa}.todo-unified-focus>div>button>b{width:23px;height:23px;display:grid;place-items:center;border-radius:50%;background:#a52e4f;color:#fff;font-size:12px}.todo-unified-focus>div>button>span{min-width:0}.todo-unified-focus>div>button strong,.todo-unified-focus>div>button small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-unified-focus>div>button strong{font-size:12px}.todo-unified-focus>div>button small{margin-top:3px;color:#85777b;font-size:12px}.todo-unified-focus time{color:#a26676;font-size:12px}
.todo-unified-load{padding-bottom:10px}.todo-unified-load>header{min-height:52px}.todo-unified-progress{height:8px;margin:12px 14px 8px;overflow:hidden;border-radius:4px;background:#eee8ea}.todo-unified-progress>span{display:block;width:var(--todo-load);height:100%;border-radius:inherit;background:linear-gradient(90deg,#a52e4f,#d9859d)}.todo-unified-load dl{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:0;padding:4px 10px}.todo-unified-load dl>div{display:grid;justify-items:center;gap:2px}.todo-unified-load dt{color:#897b7f;font-size:12px}.todo-unified-load dd{margin:0;color:#3e3034;font-size:18px;font-weight:700}.todo-unified-load>footer{display:flex;flex-wrap:wrap;gap:5px;padding:8px 12px 2px}.todo-unified-load>footer span{padding:3px 6px;border-radius:4px;background:#f7f1f3;color:#806d73;font-size:12px}
.todo-unified-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px}.todo-unified-bottom-row{min-height:62px;display:grid;grid-template-columns:minmax(150px,1.5fr) 82px minmax(100px,1fr) auto 44px;align-items:center;gap:9px;padding:8px 12px;border-bottom:1px solid #eee7e9}.todo-unified-bottom-row:last-child{border-bottom:0}.todo-unified-bottom-row>div{min-width:0}.todo-unified-bottom-row>div strong,.todo-unified-bottom-row>div p{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-unified-bottom-row>div strong{font-size:12px}.todo-unified-bottom-row>div p{margin:3px 0 0;color:#897a7f;font-size:12px}.todo-unified-bottom-row>span{min-width:0;display:grid;gap:2px}.todo-unified-bottom-row>span small{color:#908086;font-size:12px}.todo-unified-bottom-row>span b{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.todo-unified-bottom-row>em{padding:4px 7px;border-radius:5px;background:#eaf6ed;color:#287d45;font-size:12px;font-style:normal;white-space:nowrap}
.todo-unified-empty{min-height:90px;display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;color:#8a7b80;font-size:12px}.todo-unified-empty svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}
@media(max-width:1380px){.todo-unified-grid{grid-template-columns:minmax(0,1.35fr) minmax(310px,.9fr);grid-template-areas:"primary middle" "primary rail"}.todo-unified-primary{grid-area:primary}.todo-unified-middle{grid-area:middle}.todo-unified-rail{grid-area:rail}.todo-unified-bottom{grid-template-columns:1fr}.todo-unified-primary-head,.todo-unified-primary-row{grid-template-columns:24px minmax(160px,1fr) 82px 68px 46px}}
@media(max-width:920px){.todo-unified-grid{grid-template-columns:1fr;grid-template-areas:"primary" "middle" "rail"}.todo-unified-middle,.todo-unified-rail{grid-template-columns:1fr 1fr}.todo-role-notice>.todo-workspace-actions{width:100%;margin-left:0}.todo-role-notice{flex-wrap:wrap}.todo-role-notice>p{flex-basis:calc(100% - 110px)}}
@media(max-width:680px){.todo-unified-middle,.todo-unified-rail{grid-template-columns:1fr}.todo-unified-primary-head{display:none}.todo-unified-primary-row{grid-template-columns:22px minmax(0,1fr) auto;gap:7px}.todo-unified-primary-row>i{left:31px}.todo-unified-primary-row>span:not(.todo-status-pill){grid-column:2}.todo-unified-primary-row>.todo-status-pill{grid-row:1;grid-column:3}.todo-unified-primary-row>button{grid-row:2;grid-column:3}.todo-unified-bottom-row{grid-template-columns:minmax(0,1fr) auto}.todo-unified-bottom-row>span{grid-column:1}.todo-unified-bottom-row>em{grid-column:2;grid-row:1}.todo-unified-bottom-row>button{grid-column:2}.todo-workspace-actions{width:100%;overflow-x:auto}.todo-workspace-actions>*{flex:0 0 auto}}

/* AI员工岗位图标：固定按岗位代码映射，所有列表、卡片和详情共用同一视觉语义。 */
.ai-mini-avatar{background:var(--agent-bg);color:var(--agent-color)}
.ai-agent-selector button{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:8px}
.ai-agent-selector-icon{width:34px;height:34px}.ai-agent-selector-icon .ai-ui-icon{width:19px;height:19px}

/* 全局悬浮菜单：所有业务版块共用同一入口与交互，不再按页面隐藏。 */
.app-shell.ai-knowledge-active,
.app-shell.foreign-trade-active,
.app-shell.system-settings-active,
.app-shell.todo-center-active{
  --software-submenu-safe-right:min(720px,max(0px,calc(100vw - var(--sidebar) - 320px)));
}
.app-shell.ai-knowledge-active:not(.right-collapsed) .right-search-wrap{grid-template-columns:24px minmax(160px,220px)}
.app-shell.ai-knowledge-active:not(.right-collapsed) .right-menu-label{display:block}
.app-shell.foreign-trade-active:not(.right-collapsed) .right-sidebar,
.app-shell.system-settings-active:not(.right-collapsed) .right-sidebar,
.app-shell.todo-center-active .right-sidebar{display:flex}
.app-shell.foreign-trade-active .foreign-trade-menu,
.app-shell.system-settings-active .system-admin-nav{
  width:calc(100% - var(--software-submenu-safe-right)) !important;
  max-width:calc(100% - var(--software-submenu-safe-right)) !important;
  min-width:0 !important;
  overflow-x:auto;
}
.app-shell.foreign-trade-active .foreign-trade-menu-groups,
.app-shell.system-settings-active .system-admin-nav>.data-tabs{
  width:max-content !important;
  min-width:100% !important;
  max-width:none !important;
}
@media(max-width:700px){
  .app-shell.ai-knowledge-active,
  .app-shell.foreign-trade-active,
  .app-shell.system-settings-active,
  .app-shell.todo-center-active{--software-submenu-safe-right:0px}
  .app-shell.foreign-trade-active .foreign-trade-menu,
  .app-shell.system-settings-active .system-admin-nav{width:100% !important;max-width:100% !important}
}

/* 管理后台二级菜单：透明底、六项同排、紧凑间距。 */
.app-shell.system-settings-active{
  --software-submenu-safe-right:0px !important;
}
.app-shell.system-settings-active:not(.right-collapsed) .right-sidebar{
  display:none !important;
}
.app-shell.system-settings-active .system-admin-nav{
  width:100% !important;
  max-width:100% !important;
  margin-bottom:8px !important;
  overflow:visible !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.app-shell.system-settings-active .system-admin-nav>.data-tabs{
  display:flex !important;
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  min-height:var(--software-primary-submenu-height) !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:clamp(24px,2vw,36px) !important;
  padding:0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  border:0 !important;
  border-bottom:1px solid #ead9dc !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.app-shell.system-settings-active .system-admin-nav>.data-tabs>.data-tab{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:auto !important;
  height:var(--software-primary-submenu-height) !important;
  min-height:var(--software-primary-submenu-height) !important;
  gap:10px !important;
  padding:0 2px !important;
  border:0 !important;
  border-bottom:3px solid transparent !important;
  font-size:var(--software-primary-submenu-font-size) !important;
  font-weight:var(--software-primary-submenu-font-weight) !important;
}
.app-shell.system-settings-active .system-admin-nav>.data-tabs>.data-tab:hover{
  border-bottom-color:#d9a9b5 !important;
}
.app-shell.system-settings-active .system-admin-nav>.data-tabs>.data-tab.active{
  border-bottom-color:var(--brand,#8d3148) !important;
}
.app-shell.system-settings-active .system-settings-nav-icon{
  flex-basis:22px !important;
  width:22px !important;
  height:22px !important;
}
.app-shell.system-settings-active .system-admin-nav>.data-tabs>.data-tab::after{
  display:none !important;
}
@media(max-width:700px){
  .app-shell.system-settings-active .system-settings-nav-icon{
    flex-basis:20px !important;
    width:20px !important;
    height:20px !important;
  }
}

/* 消息中心与待办事项共用同一弹层尺寸、信息密度和行式布局。 */
.message-quick-popover{width:min(480px,calc(100vw - 36px));right:-150px}
.message-quick-popover .todo-quick-list{max-height:290px}
.message-quick-popover .todo-quick-item{height:58px;min-height:58px;max-height:58px;padding:7px 12px}
.message-quick-popover .todo-quick-item-icon{width:32px;height:32px;align-self:center}
.message-quick-popover .todo-quick-item-main{gap:2px;overflow:hidden}
.message-quick-popover .todo-quick-item-main strong,.message-quick-popover .todo-quick-item-main small{line-height:1.35}
.message-quick-popover .todo-quick-item.read{background:#fcfbfa}
.message-quick-popover .todo-quick-item.read .todo-quick-item-icon{opacity:.72}
.message-quick-popover .todo-quick-footer button:disabled{cursor:default;opacity:.45}

/* 员工日报弹窗：紧凑双层导航、轻量卡片和两栏日报摘要。 */
.employee-report-dialog{padding:16px;background:rgba(64,39,44,.24)}
.employee-report-dialog-panel{
  width:min(1040px,calc(100vw - 32px));
  height:min(820px,calc(100vh - 32px));
  max-height:min(820px,calc(100vh - 32px));
  border-radius:14px;
  border-color:#e6d9dc;
  background:#f8f5f4;
  box-shadow:0 24px 64px rgba(78,42,48,.22);
}
.employee-report-dialog-header{
  min-height:66px;
  align-items:center;
  padding:10px 16px;
  background:#fffdfb;
}
.employee-report-dialog-header>div{min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 10px}
.employee-report-dialog-header .floating-ai-kicker{grid-row:1/3;align-self:center;padding:5px 7px;border-radius:6px;background:#f8e8ec;color:var(--brand);font-size:12px;letter-spacing:.04em}
.employee-report-dialog-header h2{grid-column:2;margin:0;font-size:17px;line-height:1.25}
.employee-report-dialog-header p{grid-column:2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.4}
.employee-report-dialog-header .round-button{width:30px;height:30px;min-height:30px}
.employee-report-dialog-body{padding:10px;background:#f8f5f4}
.employee-report-dialog .employee-report-workspace{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.employee-report-dialog .employee-report-menu{
  position:static;
  width:100% !important;
  max-width:100% !important;
  min-height:0;
  display:grid;
  gap:0;
  padding:0;
  overflow:hidden;
  border:1px solid #e5dade;
  border-radius:10px;
  background:#fff;
  box-shadow:0 4px 12px rgba(89,63,70,.045);
}
.employee-report-dialog .foreign-trade-menu-groups{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;
  display:flex;
  justify-content:flex-start;
  gap:4px;
  padding:5px 8px 0;
  overflow-x:auto;
}
.employee-report-dialog .foreign-trade-group-button,
.employee-report-dialog .foreign-trade-group-button.direct{
  min-height:36px;
  padding:0 10px;
  border-bottom-width:2px;
}
.employee-report-dialog .foreign-trade-group-copy strong{font-size:13px}
.employee-report-dialog .foreign-trade-group-button em{min-width:19px;height:19px;padding:0 5px;font-size:12px}
.employee-report-dialog .foreign-trade-submenu{min-width:0;display:flex;align-items:center;gap:8px;padding:5px 8px 6px;border-top:1px solid #eee5e7}
.employee-report-dialog .foreign-trade-menu-head{display:none}
.employee-report-dialog .foreign-trade-submenu-buttons{min-width:0;display:flex;gap:12px;padding:0 4px;overflow-x:auto}
.employee-report-dialog .foreign-trade-menu-button{width:auto;min-width:max-content;min-height:32px;display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;padding:4px 12px;border-color:transparent;border-radius:6px;background:#f8f4f3}
.employee-report-dialog .foreign-trade-menu-button span{width:auto;overflow:visible;font-size:12px;font-weight:700;text-overflow:clip;white-space:nowrap}
.employee-report-dialog .foreign-trade-menu-button em{position:static;min-width:19px;min-height:19px;transform:none;padding:0 5px;flex:0 0 auto}
.employee-report-dialog .foreign-trade-menu-button:hover,
.employee-report-dialog .foreign-trade-menu-button.active{border-color:#e5c8cf;background:#f9e9ed;color:var(--brand)}
.employee-report-dialog .foreign-trade-main{gap:10px}
.employee-report-dialog .employee-report-main>.grid{gap:8px}
.employee-report-dialog .metric-card{min-height:76px;padding:10px 12px;border-radius:9px;box-shadow:0 3px 10px rgba(89,63,70,.04)}
.employee-report-dialog .metric-label{font-size:12px}.employee-report-dialog .metric-value{margin-top:6px;font-size:21px}.employee-report-dialog .metric-trend{margin-top:4px;font-size:12px}
.employee-report-dialog .panel{padding:12px;border-radius:10px;box-shadow:0 4px 12px rgba(89,63,70,.04)}
.employee-report-dialog .panel-header{align-items:center;gap:10px;margin-bottom:10px}.employee-report-dialog .panel-header h2{margin:0;font-size:16px}.employee-report-dialog .panel-header p{margin-top:2px;font-size:12px;line-height:1.45}
.employee-report-dialog .employee-report-card-list{gap:8px}
.employee-report-dialog .employee-report-card{grid-template-columns:1fr 1fr;gap:8px 10px;padding:11px;border-radius:9px;box-shadow:none}
.employee-report-dialog .employee-report-card-head,
.employee-report-dialog .employee-report-mini-strip,
.employee-report-dialog .employee-report-card-foot{grid-column:1/-1}
.employee-report-dialog .employee-report-card h3{margin-bottom:3px;font-size:14px}.employee-report-dialog .employee-report-card p{font-size:12px;line-height:1.5}
.employee-report-dialog .employee-report-status{min-width:0}.employee-report-dialog .employee-report-mini-strip{gap:6px}.employee-report-dialog .summary-cell{padding:8px 10px;border-radius:7px}.employee-report-dialog .summary-cell strong{margin-top:3px;font-size:16px}
.employee-report-dialog .employee-report-section{align-content:start;gap:5px;padding:8px;border:1px solid #eee4e6;border-radius:7px;background:#fdfbfa}.employee-report-dialog .employee-report-section>strong{font-size:12px}.employee-report-dialog .employee-report-section .card-actions{gap:5px}.employee-report-dialog .employee-report-section .tag{padding:4px 7px;font-size:12px}
.employee-report-dialog .employee-report-card-foot{align-items:center;padding-top:2px}.employee-report-dialog .employee-report-card-foot .ghost-button{min-height:32px;padding:5px 10px}
.employee-report-dialog .employee-report-form,.employee-report-dialog .employee-form-grid{gap:8px}.employee-report-dialog .employee-report-form textarea{min-height:70px}.employee-report-dialog .employee-report-submit-row{align-items:center;padding-top:2px}
@media(max-width:760px){
  .message-quick-popover{position:fixed;top:66px;left:12px;right:12px;width:auto}
  .employee-report-dialog{padding:8px}
  .employee-report-dialog-panel{width:calc(100vw - 16px);height:calc(100vh - 16px);max-height:calc(100vh - 16px);border-radius:12px}
  .employee-report-dialog-header{padding:9px 10px}
  .employee-report-dialog-header>div{grid-template-columns:1fr;gap:2px}.employee-report-dialog-header .floating-ai-kicker{display:none}.employee-report-dialog-header h2,.employee-report-dialog-header p{grid-column:1}
  .employee-report-dialog-body{padding:8px}
  .employee-report-dialog .employee-report-card{grid-template-columns:1fr}.employee-report-dialog .employee-report-card-head,.employee-report-dialog .employee-report-mini-strip,.employee-report-dialog .employee-report-card-foot{grid-column:1}
}

/* 管理后台：员工账号由超级管理员或老板统一创建、分配和停用。 */
.management-organization-page>.system-personnel-three-column{order:1}
.system-employee-account-list{
  display:grid;
  min-height:0;
  grid-template-rows:auto minmax(0,1fr);
}
.system-employee-account-list .system-staff-compact-list{
  height:100%;
  min-height:0;
  max-height:none;
  align-content:start;
  grid-auto-rows:min-content;
  padding:4px 10px 12px;
  gap:4px;
  overflow-y:auto;
}
.system-employee-select{
  width:100%;
  padding:7px 8px;
  border:1px solid transparent;
  border-bottom-color:#eee8e5;
  border-radius:7px;
  background:transparent;
  color:inherit;
  font-family:inherit;
  text-align:left;
  cursor:pointer;
}
.system-employee-select:hover{border-color:#ead0d6;background:#fff9fa}
.system-employee-select.selected{border-color:#c97f91;background:#fff3f6;box-shadow:inset 3px 0 0 var(--brand)}
.system-employee-select.selected em{font-weight:700}
.system-account-mode{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px;
  margin:0 18px;
  padding:3px;
  border:1px solid #eadfe1;
  border-radius:8px;
  background:#f8f4f3;
}
.system-account-mode button{min-height:31px;border:0;border-radius:6px;background:transparent;color:#74676b;font-size:12px;font-weight:700;cursor:pointer}
.system-account-mode button.active{background:#fff;color:var(--brand);box-shadow:0 2px 7px rgba(101,57,68,.08)}
.system-account-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 18px}
.system-account-fields>.field{min-width:0}
.system-account-check{display:flex !important;grid-template-columns:none !important;align-items:center;gap:7px;color:#6f6266;font-size:12px}
.system-account-check input{width:15px;height:15px;flex:0 0 15px;accent-color:var(--brand)}
.system-employee-create-form>.primary-button,.system-employee-account-form>.system-account-actions{margin-inline:18px}
.system-credential-output{display:grid;gap:7px;margin:0 18px;padding:9px;border:1px solid #e6cbd2;border-radius:8px;background:#fff8fa}
.system-credential-output>header{display:flex !important;min-height:0 !important;align-items:center;justify-content:space-between;gap:8px;padding:0 0 6px !important;border-bottom:1px solid #eddde1}
.system-credential-output>header>div{display:grid;gap:2px}.system-credential-output>header b{font-size:12px}.system-credential-output>header small{color:#8d7d82;font-size:11px}
.system-credential-output>header button{min-height:28px;padding:0 9px;border:1px solid #d8a4b1;border-radius:6px;background:#fff;color:var(--brand);font-size:12px;cursor:pointer}
.system-credential-output>div{display:grid;max-height:138px;overflow:auto}
.system-credential-output article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 2px;border-bottom:1px solid #efe5e7}
.system-credential-output article:last-child{border-bottom:0}.system-credential-output article span{display:grid;gap:2px;min-width:0}.system-credential-output article b,.system-credential-output article small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.system-credential-output article small{color:#8b7b80;font-size:11px}
.system-credential-output code{padding:4px 6px;border-radius:5px;background:#f6e7eb;color:#8d3148;font-family:Consolas,"Microsoft YaHei",sans-serif;font-size:12px;font-weight:700}
.system-account-actions{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,.8fr));gap:6px}
.system-account-actions button{min-width:0;min-height:35px;padding:5px 8px;font-size:12px}
.system-account-help{margin:0 18px;padding:8px 10px;border-radius:7px;background:#faf7f6;color:#807277;font-size:12px;line-height:1.55}
.system-employee-account-form .system-permission-summary.compact{margin:0 18px;grid-template-columns:repeat(2,minmax(0,1fr))}
.system-employee-account-form .system-permission-summary.compact>div{padding:8px 9px}
.system-batch-names textarea{min-height:112px}
@media(max-width:1100px){
  .management-organization-page>.system-organization-bottom-row{grid-template-columns:minmax(0,1fr)}
  .system-personnel-three-column{grid-template-columns:minmax(0,1fr)}
  .system-employee-account-list{grid-template-rows:auto auto}
  .system-employee-account-list .system-staff-compact-list{height:auto;max-height:300px}
}
@media(max-width:620px){
  .system-account-fields,.system-account-actions{grid-template-columns:minmax(0,1fr)}
}

/* AI/知识：可执行入口、知识协作与经验提交弹窗 */
.ai-workspace-context-chips{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px 0}
.ai-workspace-context-chips button{min-height:28px;padding:0 9px;border:1px solid #e4bdc7;border-radius:14px;background:#fff5f7;color:var(--brand);font-size:11px;cursor:pointer}
.ai-task-citations button{width:100%;display:flex;align-items:center;gap:8px;margin:0;padding:8px 0;border:0;border-bottom:1px solid #eee7e8;background:transparent;color:inherit;text-align:left;cursor:pointer}
.ai-task-citations button:hover{background:#fff7f9;color:var(--brand)}
.ai-knowledge-document.focused{position:fixed;z-index:1080;inset:72px 28px 28px;box-shadow:0 18px 60px rgba(61,34,42,.22);border:1px solid #decbd0;border-radius:10px;background:#fff}
.ai-knowledge-inspector section>button:not(.obsidian-sync-state){display:block;width:100%;margin:5px 0;padding:7px 8px;border:1px solid #ece2e4;border-radius:5px;background:#fff;color:#65575b;text-align:left;font-size:11px;cursor:pointer}
.ai-knowledge-inspector section>button:not(.obsidian-sync-state):hover{border-color:#d8a5b2;background:#fff7f9;color:var(--brand)}
.obsidian-sync-state{width:100%;cursor:pointer;background:#f6fff8}
.ai-entry-dialog-layer{position:fixed;z-index:1300;inset:0;display:grid;place-items:center;padding:24px}
.ai-entry-dialog-scrim{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(42,27,31,.38);backdrop-filter:blur(2px);cursor:default}
.ai-entry-dialog{position:relative;width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 48px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid #e2cdd2;border-radius:12px;background:#fff;box-shadow:0 24px 72px rgba(62,35,43,.24)}
.ai-entry-dialog>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid #eee4e6;background:linear-gradient(135deg,#fff,#fff7f9)}
.ai-entry-dialog>header span{color:var(--brand);font-size:10px;font-weight:800;letter-spacing:.08em}
.ai-entry-dialog>header h2{margin:4px 0 3px;font-size:20px}.ai-entry-dialog>header p{margin:0;color:#897a7e;font-size:12px}
.ai-entry-dialog>header button{width:32px;height:32px;border:1px solid #e5cbd1;border-radius:50%;background:#fff;color:var(--brand);font-size:20px;cursor:pointer}
.ai-entry-dialog>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 20px;overflow:auto}
.ai-entry-dialog label{display:grid;gap:6px;color:#5f5256;font-size:12px;font-weight:700}.ai-entry-dialog label:nth-child(2),.ai-entry-dialog label:nth-child(3){grid-column:1/-1}
.ai-entry-dialog input,.ai-entry-dialog textarea{width:100%;border:1px solid #ddd2d5;border-radius:7px;background:#fff;padding:10px 11px;color:#3f3437;font:inherit;font-weight:400;outline:none}
.ai-entry-dialog textarea{min-height:88px;resize:vertical}.ai-entry-dialog input:focus,.ai-entry-dialog textarea:focus{border-color:#bd6a7f;box-shadow:0 0 0 3px rgba(153,46,72,.08)}
.ai-entry-dialog>footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid #eee4e6;background:#fcf9f9}
.ai-entry-dialog>footer button{min-height:38px;padding:0 18px;border:1px solid #d6b1ba;border-radius:7px;background:#fff;color:var(--brand);cursor:pointer}.ai-entry-dialog>footer .primary-button{background:var(--brand);color:#fff}
@media(max-width:700px){
  .ai-entry-dialog-layer{padding:8px}.ai-entry-dialog{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.ai-entry-dialog>div{grid-template-columns:1fr}.ai-entry-dialog label:nth-child(2),.ai-entry-dialog label:nth-child(3){grid-column:auto}.ai-knowledge-document.focused{inset:64px 8px 8px}
}

/* Ecommerce third-level navigation: match the flat Foreign Trade CRM rail. */
.app-shell.ecommerce-active .ecommerce-tabbed-hub{
  gap:14px;
}
.app-shell.ecommerce-active .ecommerce-tabbed-hub>.growth-hub-header,
.app-shell.ecommerce-active .ecommerce-tabbed-hub>.growth-hub-header.dense-tabs{
  min-height:56px !important;
  display:block !important;
  box-sizing:border-box;
  padding:0 18px !important;
  border:0 !important;
  border-bottom:1px solid #e7dcdf !important;
  border-radius:0 !important;
  background:rgba(255,253,251,.72) !important;
  box-shadow:none !important;
}
.app-shell.ecommerce-active .ecommerce-submenu-tabs,
.app-shell.ecommerce-active .ecommerce-submenu-tabs.dense-tabs,
body .app-shell.ecommerce-active .ecx-marketing-tabs.ecommerce-submenu-tabs{
  width:100% !important;
  min-height:56px !important;
  display:flex !important;
  grid-template-columns:none !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:clamp(22px,2.2vw,32px) !important;
  padding:0 !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  border:0 !important;
  background:transparent !important;
  scrollbar-width:none;
}
.app-shell.ecommerce-active .ecommerce-submenu-tabs::-webkit-scrollbar{
  display:none;
}
body .app-shell.ecommerce-active .ecx-marketing-tabs.ecommerce-submenu-tabs{
  box-sizing:border-box;
  padding:0 18px !important;
  border-bottom:1px solid #e7dcdf !important;
  background:rgba(255,253,251,.72) !important;
}
.app-shell.ecommerce-active .ecommerce-submenu-tabs>button,
.app-shell.ecommerce-active .ecommerce-submenu-tabs.dense-tabs>button,
body .app-shell.ecommerce-active .ecx-marketing-tabs.ecommerce-submenu-tabs>button{
  position:relative;
  flex:0 0 auto !important;
  width:auto !important;
  min-width:max-content !important;
  max-width:none !important;
  height:56px !important;
  min-height:56px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  box-sizing:border-box;
  padding:0 5px !important;
  border:0 !important;
  border-bottom:2px solid transparent !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#40363a !important;
  box-shadow:none !important;
  font-size:14px !important;
  font-weight:600 !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}
.app-shell.ecommerce-active .ecommerce-submenu-tabs>button:hover,
.app-shell.ecommerce-active .ecommerce-submenu-tabs.dense-tabs>button:hover,
body .app-shell.ecommerce-active .ecx-marketing-tabs.ecommerce-submenu-tabs>button:hover{
  border-bottom-color:#d9a9b5 !important;
  background:transparent !important;
  color:var(--brand,#8d3148) !important;
}
.app-shell.ecommerce-active .ecommerce-submenu-tabs>button.active,
.app-shell.ecommerce-active .ecommerce-submenu-tabs.dense-tabs>button.active,
body .app-shell.ecommerce-active .ecx-marketing-tabs.ecommerce-submenu-tabs>button.active{
  border-bottom-color:var(--brand,#8d3148) !important;
  background:transparent !important;
  color:var(--brand,#8d3148) !important;
  box-shadow:none !important;
  font-weight:700 !important;
}
.app-shell.ecommerce-active .ecommerce-submenu-tabs>button::after,
.app-shell.ecommerce-active .ecommerce-submenu-tabs.dense-tabs>button::after,
body .app-shell.ecommerce-active .ecx-marketing-tabs.ecommerce-submenu-tabs>button::after{
  display:none !important;
}
.app-shell.ecommerce-active .ecommerce-submenu-tabs>button>.software-submenu-icon,
body .app-shell.ecommerce-active .ecx-marketing-tabs.ecommerce-submenu-tabs>button>.software-submenu-icon{
  width:18px !important;
  height:18px !important;
}
.app-shell.ecommerce-active .ecommerce-submenu-tabs em,
body .app-shell.ecommerce-active .ecx-marketing-tabs.ecommerce-submenu-tabs em{
  min-width:20px !important;
  height:20px !important;
  display:inline-grid !important;
  place-items:center;
  box-sizing:border-box;
  padding:0 6px !important;
  border-radius:999px;
  background:#f5e9ec !important;
  color:#9f2949 !important;
  font-size:12px !important;
  font-style:normal;
  font-weight:700;
}
.app-shell.ecommerce-active .ecommerce-submenu-tabs>button.active em,
body .app-shell.ecommerce-active .ecx-marketing-tabs.ecommerce-submenu-tabs>button.active em{
  background:#9f2949 !important;
  color:#fff !important;
}
.app-shell.ecommerce-active .ecommerce-submenu-tabs>button:focus-visible,
body .app-shell.ecommerce-active .ecx-marketing-tabs.ecommerce-submenu-tabs>button:focus-visible{
  outline:2px solid rgba(159,41,73,.24);
  outline-offset:-4px;
}
@media(max-width:700px){
  .app-shell.ecommerce-active .ecommerce-tabbed-hub>.growth-hub-header,
  .app-shell.ecommerce-active .ecommerce-tabbed-hub>.growth-hub-header.dense-tabs{
    padding-inline:12px !important;
  }
  .app-shell.ecommerce-active .ecommerce-submenu-tabs,
  .app-shell.ecommerce-active .ecommerce-submenu-tabs.dense-tabs,
  body .app-shell.ecommerce-active .ecx-marketing-tabs.ecommerce-submenu-tabs{
    gap:20px !important;
  }
  .app-shell.ecommerce-active .ecommerce-submenu-tabs>button,
  .app-shell.ecommerce-active .ecommerce-submenu-tabs.dense-tabs>button,
  body .app-shell.ecommerce-active .ecx-marketing-tabs.ecommerce-submenu-tabs>button{
    min-width:max-content !important;
    padding-inline:4px !important;
  }
}

/* 账号管理布局必须覆盖管理后台的通用紧凑卡片规则。 */
.managed-account-page .system-settings-card>header p{display:block !important}
.managed-account-page .managed-account-editor,
.managed-account-page .managed-account-grants{gap:8px;padding-bottom:10px}

/* Enterprise access center */
.enterprise-access-page{display:grid;gap:12px;min-width:0}
.access-device-approval-panel{margin:0;overflow:hidden;border-color:#ead8dc;box-shadow:0 5px 18px rgba(83,46,57,.05)}
.access-device-approval-panel>header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 14px;border-bottom:1px solid #efe2e5;background:#fffafb}.access-device-approval-panel>header h2{margin:0 0 3px;font-size:14px}.access-device-approval-panel>header p{margin:0;color:#84747a;font-size:10px}.assistant-device-summary{display:flex;align-items:center;gap:7px;white-space:nowrap}.assistant-device-summary span{padding:6px 9px;border-radius:8px;background:#f8ebef;color:#815765;font-size:10px}.assistant-device-summary b{margin-left:3px;color:#9f2d4e;font-size:14px}
.assistant-device-table-wrap{max-height:260px;overflow:auto}.assistant-device-table-wrap table{width:100%;border-collapse:collapse;font-size:10px}.assistant-device-table-wrap th,.assistant-device-table-wrap td{padding:8px 12px;border-bottom:1px solid #f0e5e7;text-align:left;vertical-align:middle}.assistant-device-table-wrap th{position:sticky;z-index:1;top:0;background:#fff;color:#87747a;font-weight:700}.assistant-device-table-wrap td:first-child b,.assistant-device-table-wrap td small{display:block}.assistant-device-table-wrap td small{margin-top:2px;color:#9b8b90;font-size:9px}.assistant-device-state{display:inline-flex;padding:4px 7px;border-radius:999px;background:#f3ecee;color:#786970;font-weight:700;white-space:nowrap}.assistant-device-state.pending{background:#fff1da;color:#a96c0e}.assistant-device-state.active{background:#e6f7ed;color:#258455}.assistant-device-state.rejected,.assistant-device-state.revoked{background:#f7e7ea;color:#a83b54}.assistant-device-actions{display:flex;justify-content:flex-end;gap:5px}.assistant-device-actions button{min-width:48px;padding:5px 8px;border:1px solid #ddb9c2;border-radius:6px;background:#fff;color:#9b2f4e;font-size:9px}.assistant-device-actions button.primary{border-color:#9c2f4f;background:#9c2f4f;color:#fff}.assistant-device-actions button.danger{color:#b23b4f}.assistant-device-error{margin:10px 14px;padding:9px;border:1px solid #efc2ca;border-radius:7px;background:#fff3f5;color:#a5324d;font-size:10px}.access-device-approval-panel>footer{padding:7px 14px;background:#fffafb;color:#8c7a80;font-size:9px}
.enterprise-access-tabs{display:flex;align-items:center;gap:6px;padding:4px;border:1px solid #ead8dc;border-radius:12px;background:#fff}
.enterprise-access-tabs button{min-height:34px;padding:0 18px;border:0;border-radius:9px;background:transparent;color:#705b61;font-weight:700}
.enterprise-access-tabs button.active{background:#962d4b;color:#fff;box-shadow:0 5px 14px rgba(130,37,64,.18)}
.access-kpis{display:grid;grid-template-columns:repeat(6,minmax(112px,1fr));gap:8px}
.access-kpis article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:1px 8px;min-width:0;padding:10px 12px;border:1px solid #eadde0;border-radius:11px;background:#fff}
.access-kpis span{font-size:12px;color:#76666b}.access-kpis b{grid-row:1/3;grid-column:3;font-size:23px;line-height:1;color:#6b253c}.access-kpis small{grid-column:2;font-size:10px;color:#a19296}.access-kpi-icon{grid-row:1/3;display:grid;width:32px;height:32px;place-items:center;border-radius:8px;background:#fae7ec;color:#bd365c}.access-kpi-icon svg{width:19px;height:19px}.access-kpi-icon.tone-2{background:#fff0e8;color:#f06435}.access-kpi-icon.tone-3{background:#ffede8;color:#ed5b38}.access-kpi-icon.tone-4{background:#e9f5ff;color:#2e8ed0}.access-kpi-icon.tone-5{background:#fff3df;color:#eaa328}
.access-kpis article.warn{border-color:#efbdc9;background:#fff8f9}.access-kpis article.warn b{color:#b1274f}
.enterprise-access-workspace{display:grid;grid-template-columns:145px minmax(0,1fr) minmax(300px,29%);gap:10px;align-items:start;min-height:430px;overflow:visible}
.enterprise-access-workspace>.panel{margin:0;min-width:0;border-color:#eadcdf;box-shadow:0 5px 18px rgba(83,46,57,.05)}
.enterprise-access-workspace:not(:has(.access-category-panel)){grid-template-columns:minmax(520px,1fr) minmax(300px,29%)}
.access-category-panel{padding:12px 8px}.access-category-panel h3{display:flex;align-items:center;justify-content:space-between;margin:2px 8px 10px;font-size:13px}.access-category-settings{display:flex;align-items:center;gap:3px;padding:3px 6px;border:1px solid #dcb4bf;border-radius:5px;background:#fff;color:#9b2f4f;font-size:9px}.access-category-settings svg{width:12px;height:12px}
.access-category-item{display:flex;align-items:center;margin:2px 0;border-radius:8px;color:#69565c}.access-category-item>button:first-child{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;flex:1;padding:8px 5px 8px 9px;border:0;background:transparent;color:inherit;text-align:left}.access-category-item>button i{display:grid;color:#9a7180}.access-category-item>button i svg{width:16px;height:16px}.access-category-item>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.access-category-item>button b{min-width:22px;padding:1px 6px;border-radius:9px;background:#f6edef;color:#8f6b76;font-size:10px;text-align:center}.access-category-item.active{background:#f7e9ed;color:#972e4d;font-weight:700}.access-category-item.active i{color:#b62e56}.access-category-rename{display:grid;width:25px;height:25px;flex:0 0 25px;place-items:center;margin-right:4px;padding:0;border:0;border-radius:5px;background:transparent;color:#b3939d}.access-category-rename:hover{background:#fff;color:#972e4d}.access-category-rename svg{width:13px;height:13px}
.access-table-panel{display:grid;grid-template-rows:auto auto minmax(0,1fr);min-height:430px;overflow:hidden}.access-table-panel>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid #efe3e6}.access-table-panel>header h2{margin:0 0 2px;font-size:14px}.access-table-panel>header p{margin:0;font-size:11px;color:#8b7b80}.access-table-filters{display:flex;align-items:center;gap:6px}.access-table-panel>header input{width:170px;min-height:30px;padding:4px 9px;border:1px solid #e4cdd3;border-radius:8px;font-size:11px}.access-table-panel>header select{min-width:112px;min-height:30px;padding:4px 7px;border:1px solid #e4cdd3;border-radius:8px;background:#fff;color:#66565b;font-size:10px}.access-bulk-bar{display:none;align-items:center;gap:6px;padding:6px 10px;border-bottom:1px solid #eee1e4;background:#fff9fa;font-size:10px}.access-bulk-bar.active{display:flex}.access-bulk-bar span{margin-right:auto}.access-bulk-bar select{min-width:120px;height:28px;border:1px solid #dfc2ca;border-radius:6px;background:#fff;font-size:10px}.access-bulk-bar button{height:28px;padding:0 8px;border:1px solid #dcaeba;border-radius:6px;background:#fff;color:#9c2c4d;font-size:9px}.access-bulk-bar button:disabled{opacity:.45}.access-select-cell{width:25px!important;padding-inline:4px!important;text-align:center!important}.access-select-cell input{width:13px;height:13px;accent-color:#a52f51}
.access-table-wrap{min-height:0;overflow:auto}.access-table-wrap table{width:100%;border-collapse:collapse;font-size:11px}.access-table-wrap th{position:sticky;top:0;z-index:1;padding:8px;text-align:left;background:#faf6f7;color:#88777c;font-weight:600}.access-table-wrap td{padding:9px 8px;border-top:1px solid #f0e5e8;vertical-align:middle}.access-table-wrap td b,.access-table-wrap td small{display:block}.access-table-wrap td small{margin-top:2px;color:#9a8a8f;font-size:9px}.access-table-wrap tr.selected{background:#fff4f6;box-shadow:inset 3px 0 #a12d4e}.access-table-wrap tbody tr:hover{background:#fff9fa}.access-favorite{display:inline!important;margin-left:4px;color:#bd8a27;font-size:9px}.access-site-cell{display:flex;align-items:center;gap:8px;min-width:145px}.access-site-cell>span:last-child{min-width:0}.access-platform-logo{position:relative;display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;overflow:hidden;border:1px solid #eadde0;border-radius:7px;background:#fff;box-shadow:0 2px 5px rgba(75,36,48,.08)}.access-platform-logo.large{width:42px;height:42px;flex-basis:42px;border-radius:10px}.access-platform-logo img{width:76%;height:76%;object-fit:contain}.access-platform-logo b{font-size:14px;color:#982f50}.access-platform-logo.large b{font-size:18px}.access-row-actions{display:flex;gap:4px;white-space:nowrap}.access-row-actions a,.access-row-actions button,.access-table-wrap td>button{padding:4px 7px;border:1px solid #e0b9c4;border-radius:6px;background:#fff;color:#9c2d4e;font-size:10px;text-decoration:none}.access-risk{color:#bd204b}
.access-detail-panel{position:sticky;top:12px;display:flex;max-height:calc(100vh - 28px);flex-direction:column;align-self:start;overflow:auto;padding:13px;box-shadow:0 14px 34px rgba(74,38,49,.12)!important}.access-detail-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding-bottom:10px;border-bottom:1px solid #eee1e4}.access-detail-title{display:flex;align-items:center;gap:9px;min-width:0}.access-detail-panel>header h2{margin:0 0 3px;font-size:15px}.access-detail-panel>header p{margin:0;color:#8e7c81;font-size:10px}.access-detail-panel>header button{padding:5px 9px;border:1px solid #dfb8c3;border-radius:7px;background:#fff;color:#9c2e4e;font-size:10px}
.access-quick-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:10px 0}.access-quick-links a{display:block;padding:8px;border:1px solid #eadcdf;border-radius:8px;background:#fff9fa;color:#7d3148;text-decoration:none}.access-quick-links a span,.access-quick-links a small{display:block}.access-quick-links a span{font-size:11px;font-weight:700}.access-quick-links a small{margin-top:2px;overflow:hidden;color:#9b8a8f;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
.access-detail-section{padding:10px 0;border-top:1px solid #f0e5e8}.access-detail-section h3{display:flex;align-items:center;justify-content:space-between;margin:0 0 7px;font-size:11px}.access-detail-section h3 button{padding:3px 6px;border:0;border-radius:5px;background:#f7eaee;color:#9c2d4d;font-size:9px}.access-detail-section>button{display:flex;width:100%;align-items:center;justify-content:space-between;padding:7px;border:0;border-bottom:1px solid #f3e9eb;background:transparent;text-align:left}.access-detail-section>button span b,.access-detail-section>button span small{display:block}.access-detail-section>button span small,.access-detail-section>p{color:#938187;font-size:10px}
.access-password-card{margin:10px 0;padding:10px;border:1px solid #e7cbd3;border-radius:9px;background:#fff7f9}.access-password-card>span{font-size:10px;color:#89777c}.access-password-card>div{display:flex;align-items:center;gap:5px;margin:6px 0}.access-password-card code{flex:1;overflow:hidden;font-size:13px;color:#67273b;text-overflow:ellipsis;white-space:nowrap}.access-password-card button{padding:4px 6px;border:1px solid #d9aab7;border-radius:6px;background:#fff;color:#962d4c;font-size:9px}.access-password-card small{font-size:9px;color:#9c8a8f}
.access-version-row{display:grid;gap:6px;padding:7px 0;border-bottom:1px solid #f1e7e9}.access-version-row span b,.access-version-row span small{display:block}.access-version-row span b{font-size:10px}.access-version-row span small{font-size:8px;color:#9b898e}.access-version-row>div{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:5px}.access-version-row code{display:grid;gap:2px;min-width:0;overflow:hidden;padding:4px 5px;border-radius:4px;background:#f8edef;color:#7c2c44;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.access-version-row code em{color:#a48d94;font-size:7px;font-style:normal}.access-version-row>div>i{color:#b78e9a;font-size:10px;font-style:normal}
.access-detail-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}.access-detail-form label{display:grid;gap:3px}.access-detail-form label>span{font-size:9px;color:#817076}.access-detail-form input,.access-detail-form select,.access-detail-form textarea{width:100%;min-height:30px;padding:5px 7px;border:1px solid #e3cdd3;border-radius:7px;background:#fff;font-size:10px}.access-detail-form .wide{grid-column:1/-1}.access-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.access-check input{width:14px!important;min-height:14px!important}.access-detail-form footer{display:flex;justify-content:flex-end}
.access-subscription-account-picker{min-width:0;margin:0;padding:8px;border:1px solid #e7d1d7;border-radius:8px}.access-subscription-account-picker[hidden],#serviceSubscriptionSeatsField[hidden]{display:none}.access-subscription-account-picker legend{padding:0 4px;color:#765e66;font-size:9px;font-weight:700}.access-subscription-account-picker>p{margin:0 0 6px;color:#948187;font-size:8px}.access-subscription-account-picker>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:150px;overflow:auto}.access-subscription-account-option{display:grid!important;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:6px;padding:6px;border:1px solid #ecdee2;border-radius:7px;background:#fff}.access-subscription-account-option[hidden]{display:none!important}.access-subscription-account-option input{width:14px!important;min-height:14px!important;padding:0!important;accent-color:#9f2e50}.access-subscription-account-option span,.access-subscription-account-option b,.access-subscription-account-option small{display:block;min-width:0}.access-subscription-account-option b,.access-subscription-account-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.access-subscription-account-option b{font-size:9px}.access-subscription-account-option small,#serviceSubscriptionSeatsUsage{color:#948187;font-size:8px}.access-subscription-card-list{display:grid;gap:6px}.access-subscription-card-list article{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) auto;align-items:center;gap:7px;padding:7px;border:1px solid #ecdee2;border-radius:7px;background:#fffafa}.access-subscription-card-list article span,.access-subscription-card-list article b,.access-subscription-card-list article small{display:block;min-width:0}.access-subscription-card-list article b,.access-subscription-card-list article strong{font-size:9px}.access-subscription-card-list article small{margin-top:2px;overflow:hidden;color:#948187;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.access-subscription-card-list article button{padding:4px 6px;border:0;border-radius:5px;background:#f6e8ec;color:#9d2d4f;font-size:8px}.access-account-subscription-links{display:grid;gap:6px;margin-top:10px;padding-top:8px;border-top:1px dashed #ead8dd}.access-account-subscription-links>b{font-size:9px;color:#755f66}
.access-renewal-timeline{margin:0;padding:12px 14px}.access-renewal-timeline>header h2{margin:0 0 2px;font-size:14px}.access-renewal-timeline>header p{margin:0;font-size:10px;color:#918086}.access-renewal-timeline>div{display:flex;gap:0;margin-top:10px;overflow:auto}.access-renewal-timeline article{position:relative;display:grid;grid-template-columns:auto 10px minmax(135px,1fr) auto;align-items:center;gap:7px;min-width:260px;padding-right:12px}.access-renewal-timeline time{font-size:9px;color:#8f7f84}.access-renewal-timeline i{width:8px;height:8px;border:2px solid #a03251;border-radius:50%;background:#fff}.access-renewal-timeline article:after{position:absolute;top:50%;left:67px;right:0;height:1px;background:#e7cbd3;content:"";z-index:-1}.access-renewal-timeline span{padding:3px 6px;background:#fff}.access-renewal-timeline span b,.access-renewal-timeline span small{display:block}.access-renewal-timeline span b{font-size:10px}.access-renewal-timeline span small{font-size:8px;color:#98868c}
.access-renewal-timeline>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.access-reminder-ledger{margin-top:12px;padding-top:10px;border-top:1px solid #eee0e4}.access-reminder-ledger h3{margin:0 0 7px;font-size:11px}.access-reminder-ledger>article{display:flex;min-width:0;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f2e8ea}.access-reminder-ledger>article:after{display:none}.access-reminder-ledger>article span{padding:0}.access-reminder-ledger>article button{padding:4px 7px;border:1px solid #ddb3bf;border-radius:6px;background:#fff;color:#9f2f50;font-size:9px}
.access-subscription-history{margin:0;padding:12px 14px}.access-subscription-history>header h2{margin:0 0 2px;font-size:14px}.access-subscription-history>header p{margin:0;color:#918086;font-size:10px}.access-subscription-history>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px}.access-subscription-history article{display:grid;gap:7px;padding:9px;border:1px solid #ead9de;border-radius:8px;background:#fff}.access-subscription-history article span{display:grid;gap:2px}.access-subscription-history article b{font-size:10px}.access-subscription-history article small{color:#948389;font-size:8px}.access-subscription-history dl{display:grid;grid-template-columns:auto 1fr;gap:3px 7px;margin:0;font-size:9px}.access-subscription-history dt{color:#948389}.access-subscription-history dd{margin:0}.subscription-action-dialog{max-width:600px}.subscription-action-external{display:block;margin:10px 14px 0;padding:8px;border:1px solid #dcaaba;border-radius:7px;background:#fff5f7;color:#9e2f50;font-size:11px;font-weight:700;text-align:center}.subscription-action-confirm{padding:8px;border:1px solid #efc8d1;border-radius:7px;background:#fff8f9}.subscription-action-dialog footer{display:flex;justify-content:flex-end;gap:8px;padding:10px 14px}
.access-renewal-approvals{margin:0;padding:12px 14px}.access-renewal-approvals>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:9px}.access-renewal-approvals h2{margin:0 0 2px;font-size:14px}.access-renewal-approvals header p{max-width:720px;margin:0;color:#918086;font-size:10px}.access-renewal-approvals header form{display:flex;align-items:end;gap:6px}.access-renewal-approvals header label{display:grid;gap:3px;color:#75666b;font-size:9px}.access-renewal-approvals header input{width:120px;padding:6px;border:1px solid #e5cbd2;border-radius:6px}.access-renewal-approvals button,.access-renewal-request-actions label{padding:6px 8px;border:1px solid #dcaaba;border-radius:6px;background:#fff;color:#9d2d4f;font-size:9px;cursor:pointer}.access-renewal-request{display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(220px,auto);align-items:center;gap:10px;padding:9px;border-top:1px solid #eee0e4}.access-renewal-request>div:first-child{display:grid;gap:2px}.access-renewal-request b{font-size:10px}.access-renewal-request small,.access-renewal-request p{margin:0;color:#8d7b81;font-size:8px}.access-renewal-request-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:5px}.access-renewal-request-actions .primary-button,.access-renewal-request-actions .has-proof-selected{background:#9d2d4f;color:#fff}.access-proof-actions{display:inline-flex;align-items:center;gap:3px;padding:3px;border:1px solid #ead5db;border-radius:7px;background:#fff}.access-proof-actions label{padding:4px 6px}.access-proof-actions em{padding:0 5px;color:#6d965f;font-size:8px;font-style:normal}@media(max-width:900px){.access-renewal-approvals>header,.access-renewal-request{display:grid;grid-template-columns:1fr}.access-renewal-request-actions{justify-content:flex-start}}
.access-subscription-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:12px}.access-subscription-support-grid>.panel{min-width:0;height:100%;margin:0}.access-subscription-support-grid .access-renewal-timeline>header,.access-subscription-support-grid .access-renewal-approvals>header{display:grid;grid-template-columns:minmax(0,1fr);align-content:start}.access-subscription-support-grid .access-renewal-timeline>header>button{justify-self:start}.access-subscription-support-grid .access-renewal-timeline>div{display:grid;gap:5px;max-height:210px;overflow:auto}.access-subscription-support-grid .access-renewal-timeline article{grid-template-columns:64px 10px minmax(0,1fr) auto;min-width:0;padding-right:0}.access-subscription-support-grid .access-renewal-timeline article:after{display:none}.access-subscription-support-grid .access-renewal-approvals header form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}.access-subscription-support-grid .access-renewal-approvals header input{width:100%}.access-subscription-support-grid .access-renewal-request{grid-template-columns:minmax(0,1fr)}.access-subscription-support-grid .access-renewal-request-actions{justify-content:flex-start}.access-subscription-support-grid .access-subscription-history>div{grid-template-columns:minmax(0,1fr);max-height:310px;overflow:auto}@media(max-width:1200px){.access-subscription-support-grid{grid-template-columns:minmax(0,1fr)}}
.access-scheduler-state{display:block;margin-top:4px;color:#9b6978;font-size:8px}
.system-modal-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:24px;background:rgba(48,25,32,.45);backdrop-filter:blur(2px)}.enterprise-access-dialog{width:min(760px,94vw);max-height:88vh;overflow:auto;padding:16px;border:1px solid #e5cbd2;border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(51,22,31,.25)}.enterprise-access-dialog>header{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.enterprise-access-dialog>header h2{margin:0;font-size:17px}.enterprise-access-dialog>header p{margin:3px 0 0;color:#907e84;font-size:11px}.enterprise-access-dialog>header>button{border:0;background:transparent;font-size:20px}.access-dialog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.access-dialog-grid label{display:grid;gap:4px}.access-dialog-grid label>span{font-size:10px;color:#806e74}.access-dialog-grid input,.access-dialog-grid select,.access-dialog-grid textarea{min-height:35px;padding:7px 9px;border:1px solid #dfc4cc;border-radius:8px;background:#fff}.access-dialog-grid .wide{grid-column:1/-1}.access-dialog-divider{display:flex;align-items:center;gap:8px;margin-top:2px;padding:8px 0 2px;border-top:1px solid #eee0e4;color:#74273f}.access-dialog-divider small{color:#9a858c}.enterprise-access-dialog>footer{display:flex;justify-content:flex-end;gap:7px;margin-top:12px}
@media(max-width:1200px){.access-kpis{grid-template-columns:repeat(3,1fr)}.enterprise-access-workspace,.enterprise-access-workspace:not(:has(.access-category-panel)){grid-template-columns:190px minmax(430px,1fr)}.access-detail-panel{position:static;grid-column:1/-1;max-height:360px}.access-table-filters{flex-wrap:wrap;justify-content:flex-end}}
.enterprise-category-dialog{width:min(680px,94vw);max-height:86vh;overflow:auto;padding:16px;border:1px solid #e3c6ce;border-radius:14px;background:#fff}.enterprise-category-dialog>header{display:flex;justify-content:space-between}.enterprise-category-dialog>header h2{margin:0;font-size:17px}.enterprise-category-dialog>header p{margin:4px 0 12px;color:#8c7980;font-size:10px}.enterprise-category-dialog>header>button{border:0;background:none;font-size:20px}.access-category-create{display:flex;gap:7px;padding:10px;border-radius:9px;background:#faf3f5}.access-category-create input{flex:1;min-height:34px;border:1px solid #dfc4cc;border-radius:7px;padding:6px 9px}.access-category-manager{margin-top:10px;border:1px solid #eadce0;border-radius:9px;overflow:hidden}.access-category-manager-head,.access-category-manager article{display:grid;grid-template-columns:minmax(180px,1fr) 65px minmax(220px,1.2fr);align-items:center;gap:8px;padding:8px 10px}.access-category-manager-head{background:#faf5f6;color:#8d7a80;font-size:9px}.access-category-manager article{border-top:1px solid #f0e5e8}.access-category-manager article>span{display:flex;align-items:center;gap:6px}.access-category-manager article>span svg{width:15px;color:#a03654}.access-category-manager article input{min-width:0;height:30px;padding:4px 7px;border:1px solid #dfc5cd;border-radius:6px}.access-category-manager article input[readonly]{border-color:transparent;background:#f8f1f3;color:#8f7a81}.access-category-manager article small{font-size:8px;color:#a18c92}.access-category-manager article>b{text-align:center}.access-category-manager article>div{display:flex;justify-content:flex-end;gap:4px}.access-category-manager article button{height:27px;padding:0 7px;border:1px solid #dbb4bf;border-radius:5px;background:#fff;color:#962f4d;font-size:9px}.access-category-manager article button.danger{color:#c02d45}.access-category-manager article button:disabled{opacity:.35}.access-category-manager article em{color:#a18e94;font-size:9px;font-style:normal}.enterprise-category-dialog>footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;color:#9a858c;font-size:9px}
@media(max-width:760px){.access-kpis{grid-template-columns:repeat(2,1fr)}.enterprise-access-workspace,.enterprise-access-workspace:not(:has(.access-category-panel)){grid-template-columns:1fr}.access-category-panel{display:flex;overflow:auto}.access-category-panel h3{display:none}.access-category-item{min-width:150px}.access-table-wrap table{min-width:700px}.access-dialog-grid{grid-template-columns:1fr}.access-dialog-grid .wide{grid-column:auto}.access-device-approval-panel>header{align-items:flex-start;flex-direction:column}.assistant-device-table-wrap table{min-width:660px}}

/* 连接与同步：桌面端优先三列，按连接、门禁、凭据、台账和异常顺序紧凑呈现。 */
.enterprise-access-page .access-table-wrap table{min-width:760px;font-size:10px}.enterprise-access-page .access-table-wrap th{padding:8px 6px;white-space:nowrap}.enterprise-access-page .access-table-wrap td{padding:8px 6px}.access-security-state{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.access-security-state svg{width:12px;height:12px}.access-security-state.safe{color:#1d9a61}.access-security-state.pending{color:#d58421}.access-row-actions .primary{border-color:#a72e50;background:#a72e50;color:#fff}.access-unified-detail{padding:0}.access-unified-detail>header{padding:14px}.access-unified-detail .access-detail-section{padding:11px 14px}.access-entry-section .access-quick-links{grid-template-columns:repeat(3,minmax(0,1fr));padding:0}.access-entry-section .access-quick-links a{padding:7px 5px;text-align:center}.access-entry-section .access-quick-links a span{font-size:9px}.access-unified-detail dl{display:grid;grid-template-columns:72px minmax(0,1fr);gap:7px 8px;margin:0;font-size:10px}.access-unified-detail dt{color:#8f7c82}.access-unified-detail dd{margin:0;color:#47383d}.access-unified-detail dd.price{color:#ba2a4e;font-weight:700}.access-unified-detail dd em{color:#ee6a32;font-size:9px;font-style:normal}.access-renew-alert{margin:9px 0 0;padding:7px;border:1px solid #f3d6bd;border-radius:7px;background:#fff8f0;color:#d87824;font-size:9px}.access-credential-summary h3 select{max-width:135px;height:24px;border:1px solid #e0c4cc;border-radius:5px;font-size:9px}.access-credential-summary dd{display:flex;align-items:center;justify-content:space-between;gap:5px}.access-credential-summary dd code{font-size:12px}.access-credential-summary dd button{padding:2px 5px;border:0;background:transparent;color:#a02f4f;font-size:9px}.access-credential-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px}.access-credential-actions a,.access-credential-actions button{padding:7px 3px;border:1px solid #ddaebb;border-radius:6px;background:#fff;color:#9d2c4e;font-size:9px;text-align:center;text-decoration:none}.access-credential-actions a{border-color:#a42e50;background:#a42e50;color:#fff}.access-audit-note{display:block;margin-top:7px;color:#9b898e;font-size:8px;text-align:center}.access-permission-tags{display:flex;gap:6px}.access-permission-tags span{padding:5px 7px;border-radius:6px;background:#f8ebef;color:#a02e50;font-size:9px}.access-permission-tags span+span{background:#fff1e6;color:#d47528}
.enterprise-access-page .access-table-wrap table{min-width:720px;font-size:9px}
.enterprise-import-dialog{width:min(1040px,96vw)}
.enterprise-import-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:8px 0 12px}.enterprise-import-sources>button,.enterprise-import-sources>label{display:grid;align-content:center;gap:6px;min-height:112px;padding:16px;border:1px solid #dec5cc;border-radius:12px;background:#fffaf8;color:#6f273d;text-align:left;cursor:pointer}.enterprise-import-sources>button:hover,.enterprise-import-sources>label:hover{border-color:#a83253;box-shadow:0 7px 18px rgba(142,45,72,.1)}.enterprise-import-sources b{font-size:14px}.enterprise-import-sources small{color:#8d7b81;font-size:10px;line-height:1.5}.enterprise-import-sources input{max-width:100%;font-size:10px}.enterprise-import-sources .disabled{opacity:.55;cursor:not-allowed}
.enterprise-import-boundary{display:flex;gap:10px;padding:10px 12px;border:1px solid #f1d9b6;border-radius:9px;background:#fff8e9;color:#7b5b2a;font-size:10px}.enterprise-import-boundary b{white-space:nowrap}
.enterprise-import-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:9px}.enterprise-import-summary span{padding:7px 10px;border-radius:8px;background:#f8eef1;color:#76545e;font-size:10px}.enterprise-import-summary b{color:#9f2e50;font-size:13px}
.enterprise-import-bulk{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr)) auto;gap:7px;margin-bottom:8px}.enterprise-import-bulk select,.enterprise-import-bulk button{min-height:34px;padding:6px 8px;border:1px solid #dfc5cc;border-radius:7px;background:#fff;font-size:10px}.enterprise-import-bulk button{background:#9f2e50;color:#fff;font-weight:700}
.enterprise-import-table{max-height:330px;overflow:auto;border:1px solid #ecdde1;border-radius:9px}.enterprise-import-table table{width:100%;border-collapse:collapse;font-size:10px}.enterprise-import-table th{position:sticky;top:0;z-index:1;padding:8px;background:#f9f0f2;color:#6f273d;text-align:left}.enterprise-import-table td{padding:8px;border-top:1px solid #f0e3e6;vertical-align:top}.enterprise-import-table td b,.enterprise-import-table td small{display:block}.enterprise-import-table td small{margin-top:2px;color:#958087}
.enterprise-import-grants{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;padding:10px;border:1px solid #ead8dd;border-radius:9px}.enterprise-import-grants legend{padding:0 5px;color:#72253e;font-weight:700;font-size:10px}.enterprise-import-grants>div{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.enterprise-import-grants>div>b{width:100%;color:#775e66;font-size:10px}.enterprise-import-grants label{display:flex;align-items:center;gap:3px;padding:4px 6px;border-radius:6px;background:#f8eef1;font-size:9px}
@media(max-width:760px){.enterprise-import-sources{grid-template-columns:1fr}.enterprise-import-bulk{grid-template-columns:1fr 1fr}.enterprise-import-grants{grid-template-columns:1fr}}
.access-table-panel:has(.access-table-pager){grid-template-rows:auto auto minmax(0,1fr) auto}.access-table-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-top:1px solid #eee2e5;color:#89777d;font-size:9px}.access-table-pager>div{display:flex;align-items:center;gap:5px}.access-table-pager button{width:26px;height:25px;padding:0;border:1px solid #dfc2ca;border-radius:6px;background:#fff;color:#9e2f50}.access-table-pager button:disabled{opacity:.35}.access-table-pager b{min-width:42px;text-align:center}.access-table-pager select{height:25px;border:1px solid #dfc2ca;border-radius:6px;background:#fff;color:#6f5d63;font-size:9px}.access-more-wrap{position:relative;display:inline-flex}.access-more-menu{position:absolute;z-index:8;top:calc(100% + 4px);right:0;display:grid;min-width:102px;padding:4px;border:1px solid #e2c6ce;border-radius:7px;background:#fff;box-shadow:0 8px 24px rgba(69,34,45,.16)}.access-more-menu[hidden]{display:none}.access-more-menu button{width:100%;padding:5px 7px!important;border:0!important;text-align:left}.access-more-menu button:hover{background:#fff1f4}.access-detail-heading-actions{display:flex;align-items:center;gap:5px}.access-detail-heading-actions>button{white-space:nowrap}
.management-connections-page{display:grid;min-width:0;gap:10px}
html body .management-connections-page>.connections-kpi-row{grid-template-columns:repeat(6,minmax(0,1fr))!important;margin:0!important}
.connections-primary-grid,.connections-operations-grid,.connections-control-grid{display:grid;min-width:0;gap:10px;align-items:stretch}
.connections-primary-grid{grid-template-columns:minmax(430px,1.75fr) minmax(220px,.8fr) minmax(230px,.9fr)}
.connections-operations-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.connections-control-grid{grid-template-columns:minmax(390px,1.4fr) minmax(260px,.9fr) minmax(230px,.72fr)}
.management-connections-page :is(.connections-primary-grid,.connections-operations-grid,.connections-control-grid)>.system-settings-card{min-width:0;margin:0;overflow:hidden}
.management-connections-page :is(.connections-registry-card,.connections-readiness-card,.system-production-connector-card,.connections-external-runtime-card,.connections-external-details-card)>header p,.management-connections-page .system-connection-health>header p,.management-connections-page .system-data-flow>header p,.management-connections-page .connections-exception-strip>header p{display:block!important;margin:3px 0 0;color:#8b7e81;font-size:11px!important;line-height:1.4}
.connections-registry-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.connections-registry-card>header .primary-button{min-width:104px;min-height:30px;padding:5px 12px;font-size:12px}
.connections-registry-card .table-wrap,.connections-readiness-card .table-wrap{max-height:250px;overflow:auto}
.connections-registry-card .data-table,.connections-readiness-card .data-table{width:100%;min-width:0;table-layout:fixed}
.connections-registry-card .data-table th,.connections-registry-card .data-table td,.connections-readiness-card .data-table th,.connections-readiness-card .data-table td{height:38px;padding:5px 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.connections-registry-card .data-table th:nth-child(1){width:31%}.connections-registry-card .data-table th:nth-child(2){width:18%}.connections-registry-card .data-table th:nth-child(3){width:16%}.connections-registry-card .data-table th:nth-child(4){width:22%}.connections-registry-card .data-table th:nth-child(5){width:13%}
.connection-name-cell{display:flex;align-items:center;gap:7px;min-width:0}.connection-name-cell svg{width:15px;height:15px;flex:0 0 15px;color:#a13b55}.connection-name-cell b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.connections-primary-grid>.system-connection-health,.connections-primary-grid>.system-data-flow,.connections-operations-grid>.system-sync-governance,.connections-operations-grid>.system-obsidian-config-card,.connections-control-grid>.connections-exception-strip{grid-area:auto!important}
.management-connections-page .system-connection-health{display:grid;grid-template-columns:minmax(0,1fr)!important;align-content:stretch}
.management-connections-page .system-connection-health>header{grid-column:auto}
.connections-health-body{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;justify-items:center;min-height:126px;padding:0 10px 8px}
.management-connections-page .system-health-donut{width:88px;height:88px;margin:3px auto}.management-connections-page .system-health-donut::before{width:58px;height:58px}
.management-connections-page .system-connection-health ul{width:100%;gap:5px;padding:4px 0;margin:0;font-size:11px}
.management-connections-page .system-data-flow{display:grid;grid-template-rows:auto minmax(0,1fr)}
.management-connections-page .system-flow-map{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);gap:6px;padding:8px;min-height:126px}
.management-connections-page .system-flow-map>div{gap:5px}.management-connections-page .system-flow-map span{min-height:24px;padding-inline:3px;font-size:10px}.management-connections-page .system-flow-map>b{min-height:52px;font-size:10px}.management-connections-page .system-flow-map>b svg{width:18px;height:18px}
.management-connections-page .system-sync-governance{display:flex;min-width:0;flex-direction:column}.management-connections-page .system-sync-governance>header p{display:block!important}
.management-connections-page .system-sync-governance-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 10px 10px}.management-connections-page .system-sync-governance-grid>button{min-height:58px;padding:7px}.management-connections-page .system-sync-governance-grid small{font-size:10px;line-height:1.3}
.connections-exception-strip{display:grid;grid-template-rows:auto minmax(0,1fr)}
.connections-exception-strip>div{display:grid;grid-template-columns:minmax(0,1fr);align-items:stretch;padding:4px 10px 9px}
.connections-exception-strip>div>span{display:grid;grid-template-columns:23px minmax(0,1fr) auto;grid-template-rows:auto;gap:6px;align-items:center;padding:6px 2px;border-right:0;border-bottom:1px solid #f0e9e6}.connections-exception-strip>div>span:last-child{border-bottom:0}
.connections-exception-strip i{grid-row:1/span 2;display:grid;width:21px;height:21px;place-items:center;border-radius:50%;font-style:normal;font-weight:800}.connections-exception-strip i.risk{background:#fff0f0;color:#bf434d}.connections-exception-strip i.warn{background:#fff6e7;color:#b77b15}.connections-exception-strip i.info{background:#eef6ff;color:#4381bd}.connections-exception-strip b{overflow:hidden;font-size:11px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.connections-exception-strip strong{color:#9d304d;font-size:17px;line-height:1.1}
.management-connections-page .system-obsidian-config-card{display:grid;grid-template-columns:minmax(0,1fr);align-content:start}.management-connections-page .system-obsidian-config-card>header p{display:block!important;margin:3px 0 0;color:#8b7e81;font-size:11px!important;line-height:1.35}.management-connections-page .system-obsidian-form-grid{gap:7px;padding:8px 10px}.management-connections-page .system-obsidian-checks{gap:6px;padding:7px 10px}.management-connections-page .system-obsidian-config-card>footer{gap:8px;padding:7px 10px}.management-connections-page .system-obsidian-config-card>footer span{font-size:10px}.management-connections-page .system-obsidian-config-card>footer button{min-width:108px!important}
.connections-readiness-card .data-table{min-width:0}.connections-readiness-card .data-table th:nth-child(1){width:25%}.connections-readiness-card .data-table th:nth-child(2){width:16%}.connections-readiness-card .data-table th:nth-child(3){width:43%}.connections-readiness-card .data-table th:nth-child(4){width:16%}.connections-readiness-card .data-table td:nth-child(3){white-space:normal;line-height:1.3}.connections-readiness-card .data-table .status{max-width:100%;padding-inline:5px}
.connections-global-sync-card,.connections-external-governance-card{min-width:0;max-width:100%;overflow:hidden}.connections-global-sync-card .system-data-sync-mount{width:100%;min-width:0;max-width:100%}.connections-global-sync-card .system-data-sync-mount .dsc-table-wrap{max-width:100%;overflow:auto}.connections-external-governance-card>.panel{margin:0}
.connections-external-runtime-card{display:grid;align-content:start}.connections-external-runtime-card .panel-header{align-items:flex-start}.connections-external-runtime-card .badge{max-width:100px;white-space:normal;text-align:center}.connections-runtime-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 10px 8px}.connections-runtime-metrics span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 8px;border:1px solid #eee4e6;border-radius:7px;background:#fffafa;color:#776a6f;font-size:10px}.connections-runtime-metrics b{color:#9d304d;font-size:16px}.connections-external-runtime-card .runtime-config-form{grid-template-columns:minmax(0,1fr);gap:7px;padding:8px 10px}.connections-external-runtime-card .runtime-config-form button{width:100%}
.connections-external-details-card .table-wrap{max-height:260px;overflow:auto}.connections-external-details-card .data-table{min-width:980px}.connections-external-details-card>.muted-note{display:inline-block;margin:7px 10px 10px}.connections-external-details-card>.muted-note+.muted-note{margin-left:0}
.management-connections-page .system-production-connector-card{margin:0}.management-connections-page .system-production-connector-card .table-wrap{max-height:170px;overflow:auto}.management-connections-page .system-production-connector-card .system-account-fields{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(180px,1fr) auto;gap:8px}
@media(max-width:1180px){.connections-primary-grid{grid-template-columns:minmax(0,1.45fr) minmax(230px,.75fr)}.connections-primary-grid>.connections-registry-card{grid-column:1/-1}.connections-operations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.connections-operations-grid>.system-sync-governance{grid-column:1/-1}.connections-control-grid{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr)}.connections-control-grid>.connections-exception-strip{grid-column:1/-1}.connections-exception-strip>div{grid-template-columns:repeat(3,minmax(0,1fr))}.connections-exception-strip>div>span{border-right:1px solid #f0e9e6;border-bottom:0;padding:8px}.connections-exception-strip>div>span:last-child{border-right:0}}
@media(max-width:1020px){html body .management-connections-page>.connections-kpi-row{grid-template-columns:repeat(3,minmax(0,1fr))!important}.connections-primary-grid,.connections-operations-grid,.connections-control-grid{grid-template-columns:minmax(0,1fr)}.connections-primary-grid>.connections-registry-card,.connections-operations-grid>.system-sync-governance,.connections-control-grid>.connections-exception-strip{grid-column:auto}.management-connections-page .system-production-connector-card .system-account-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){html body .management-connections-page>.connections-kpi-row{grid-template-columns:none!important}.connections-health-body{min-height:118px}.connections-exception-strip>div{grid-template-columns:minmax(0,1fr)}.connections-exception-strip>div>span{border-right:0;border-bottom:1px solid #f0e9e6}.connections-exception-strip>div>span:last-child{border-bottom:0}.management-connections-page .system-obsidian-config-card>footer{align-items:stretch;flex-direction:column}.management-connections-page .system-obsidian-config-card>footer button{width:100%!important}.connections-registry-card .data-table{min-width:720px}.management-connections-page .system-production-connector-card .system-account-fields{grid-template-columns:minmax(0,1fr)}}

/* 外贸 CRM：海外浏览器环境管理 */
.communication-platform-icon.brand-browser-environments{border:0;background:transparent;box-shadow:none}
.chrome-native-mark{position:relative;width:22px;height:22px;display:block;border-radius:50%;background:conic-gradient(#df3e34 0 33%,#f2c744 33% 66%,#39a75a 66% 100%);box-shadow:inset 0 0 0 1px rgba(35,24,28,.08)}
.chrome-native-mark::before{content:"";position:absolute;inset:5px;border:2px solid #fff;border-radius:50%;background:#4285f4}
.ft-browser-page{display:grid;gap:12px;min-width:0;color:#282327;font-size:12px}
.ft-browser-page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 2px}
.ft-browser-page-head p{margin:0;color:#776b70;font-size:12px;line-height:1.6}.ft-browser-page-head nav,.ft-browser-config>form>footer nav{display:flex;align-items:center;gap:8px}
.ft-browser-summary{display:flex;align-items:center;gap:18px;padding:9px 12px;border:1px solid #eadde1;border-radius:8px;background:#fffafb;color:#76696e}.ft-browser-summary span{white-space:nowrap}.ft-browser-summary b{margin-left:4px;color:#932f4d;font-size:14px}.ft-browser-summary em{margin-left:auto;font-style:normal;font-size:11px}
.ft-browser-readiness-banner{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #eadde1;border-radius:8px;font-size:12px}.ft-browser-readiness-banner b{white-space:nowrap}.ft-browser-readiness-banner span{color:#493f43}.ft-browser-readiness-banner em{margin-left:auto;color:#796d72;font-size:11px;font-style:normal}.ft-browser-readiness-banner.blocked{border-color:#efc9cf;background:#fff3f4;color:#a72f45}.ft-browser-readiness-banner.review{border-color:#efdcae;background:#fffaf0;color:#986608}.ft-browser-readiness-banner.ready{border-color:#bfe1c9;background:#f2fbf5;color:#257443}
.ft-browser-empty-workspace{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-height:360px;padding:18px;border:1px solid #e8dfe0;border-radius:10px;background:#fff}.ft-browser-empty-workspace>div{align-self:start;padding:18px;border:1px solid #eee4e6;border-radius:10px;background:#fffafb}.ft-browser-empty-workspace span{display:grid;width:28px;height:28px;place-items:center;margin-bottom:14px;border-radius:50%;background:#96314f;color:#fff;font-weight:700}.ft-browser-empty-workspace b{display:block;margin-bottom:7px;font-size:14px}.ft-browser-empty-workspace p{margin:0;color:#776b70;font-size:12px;line-height:1.7}
.ft-browser-layout{display:grid;grid-template-columns:minmax(260px,28%) minmax(480px,1fr) minmax(250px,27%);gap:12px;min-height:650px}.ft-browser-environments,.ft-browser-config,.ft-browser-runtime{min-width:0;overflow:hidden;border:1px solid #e8dfe0;border-radius:10px;background:#fff;box-shadow:0 6px 18px rgba(73,42,50,.05)}
.ft-browser-environments>header{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px 14px 10px;border-bottom:1px solid #eee5e7}.ft-browser-environments h2,.ft-browser-config h2,.ft-browser-runtime h2{margin:0;color:#282327;font-size:16px}.ft-browser-environments>header h2{grid-column:1/-1}.ft-browser-environments>header label{position:relative;display:flex;align-items:center;min-width:0}.ft-browser-environments>header label span{position:absolute;left:10px;color:#8c7c82}.ft-browser-environments>header input{width:100%;height:34px;padding:0 10px 0 29px;border:1px solid #e3d9dc;border-radius:7px;background:#fff}.ft-browser-environments>header select{height:34px;padding:0 26px 0 9px;border:1px solid #e3d9dc;border-radius:7px;background:#fff;color:#5f5559;font-size:12px}
.ft-browser-environment-list{display:grid;gap:8px;max-height:578px;padding:10px;overflow:auto}.ft-browser-environment{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:start;gap:9px;width:100%;padding:11px;border:1px solid #eee4e6;border-radius:9px;background:#fff;color:inherit;text-align:left;cursor:pointer}.ft-browser-environment:hover,.ft-browser-environment.active{border-color:#bd617c;background:#fff8fa;box-shadow:0 3px 10px rgba(142,43,72,.08)}.ft-browser-platform{display:grid;width:34px;height:34px;place-items:center}.ft-browser-platform .communication-platform-icon{width:32px;height:32px;border-radius:8px}.ft-browser-environment>span:nth-child(2){display:grid;gap:3px;min-width:0}.ft-browser-environment b,.ft-browser-environment small,.ft-browser-environment em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ft-browser-environment b{font-size:13px}.ft-browser-environment small{color:#756a6e;font-size:11px}.ft-browser-environment em{color:#8c7f84;font-size:10px;font-style:normal}.ft-browser-environment>i,.ft-browser-status{padding:3px 6px;border-radius:999px;background:#f4eff1;color:#766b70;font-size:10px;font-style:normal;white-space:nowrap}.ft-browser-environment>i.ready,.ft-browser-status.ready{background:#e9f6ed;color:#287544}.ft-browser-environment>i.review,.ft-browser-status.review{background:#fff4dc;color:#9b6808}.ft-browser-environment>i.pending,.ft-browser-status.pending{background:#f6edf0;color:#96314f}.ft-browser-environment>i.danger,.ft-browser-status.danger{background:#fff0f0;color:#b43a42}
.ft-browser-config>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #eee5e7}.ft-browser-config>header p{margin:4px 0 0;color:#766a6f}.ft-browser-detail-tabs{display:flex;gap:24px;padding:0 16px;border-bottom:1px solid #eee5e7}.ft-browser-detail-tabs button{position:relative;padding:11px 2px;border:0;background:transparent;color:#756a6e;font-size:12px}.ft-browser-detail-tabs button.active{color:#96314f;font-weight:800}.ft-browser-detail-tabs button.active::after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:2px;background:#96314f}
.ft-browser-config>form{display:grid;gap:12px;padding:14px}.ft-browser-basic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ft-browser-config label{display:grid;gap:5px;color:#655b5f}.ft-browser-config label>span{font-size:11px}.ft-browser-config input,.ft-browser-config select{box-sizing:border-box;width:100%;height:36px;padding:0 10px;border:1px solid #e1d6d9;border-radius:7px;background:#fff;color:#2f292c;font:inherit}.ft-browser-config input:disabled,.ft-browser-config select:disabled{background:#faf7f6;color:#796f73}
.ft-browser-network-card{overflow:hidden;border:1px solid #eadde1;border-radius:9px;background:#fff}.ft-browser-network-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px}.ft-browser-network-card h3{margin:0;font-size:15px}.ft-browser-network-card header p{margin:4px 0 0;color:#82757a;font-size:11px}.ft-browser-network-card header>span{color:#8c7e83;font-size:10px}.ft-browser-network-modes{display:grid;grid-template-columns:repeat(3,1fr);margin:0 14px;border:1px solid #e5d9dc;border-radius:7px;overflow:hidden}.ft-browser-network-modes button{height:38px;border:0;border-right:1px solid #e5d9dc;background:#fff;color:#665b5f}.ft-browser-network-modes button:last-child{border-right:0}.ft-browser-network-modes button.active{background:#fff5f7;color:#96314f;font-weight:800;box-shadow:inset 0 -2px #96314f}
.ft-browser-proxy-grid{display:grid;grid-template-columns:1fr 1.6fr .8fr;gap:10px;padding:12px 14px}.ft-browser-network-note{display:grid;gap:5px;margin:12px 14px;padding:12px;border:1px solid #eadfe1;border-radius:8px;background:#fcfaf9}.ft-browser-network-note span{color:#786c71;font-size:11px}.ft-browser-fail-closed{display:flex!important;align-items:flex-start;gap:8px;margin:0 14px 12px;padding:10px 11px;border:1px solid #f0d6dd;border-radius:8px;background:#fff6f8}.ft-browser-fail-closed input{flex:0 0 auto;width:15px;height:15px;margin-top:2px}.ft-browser-fail-closed span{display:grid;gap:2px}.ft-browser-fail-closed b{color:#8f2947}.ft-browser-fail-closed small{color:#83747a;font-size:10px;line-height:1.45}.ft-browser-config>form>footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.ft-browser-config>form>footer>label{display:flex;align-items:center;gap:7px}.ft-browser-config>form>footer>label input{width:15px;height:15px}
.ft-browser-runtime{display:flex;flex-direction:column;padding:14px}.ft-browser-runtime>header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px;padding-bottom:12px;border-bottom:1px solid #eee5e7}.ft-browser-runtime>header h2{grid-column:1/-1}.ft-browser-runtime-mark{display:grid;width:42px;height:42px;place-items:center;border:5px solid #96314f;border-radius:50%;color:#4285f4;font-size:22px}.ft-browser-runtime>header strong{color:#96314f;font-size:17px}.ft-browser-runtime dl{margin:10px 0}.ft-browser-runtime dl div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #f0e8ea}.ft-browser-runtime dt{color:#776b70}.ft-browser-runtime dd{margin:0;color:#2f292c;text-align:right}.ft-browser-runtime>section{margin-top:4px;padding-top:10px;border-top:1px solid #eee5e7}.ft-browser-runtime h3{margin:0 0 8px;font-size:13px}.ft-browser-runtime>section p{display:flex;align-items:center;gap:9px;margin:0;padding:9px;border:1px solid #eee5e7;border-radius:8px}.ft-browser-runtime>section .communication-platform-icon{width:30px;height:30px}.ft-browser-runtime>section p>span{display:grid;gap:2px}.ft-browser-runtime>section small{color:#81757a}.ft-browser-runtime>footer{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto;padding-top:14px}.ft-browser-runtime>footer button{width:100%}.ft-browser-runtime .danger{color:#ab3144}.ft-browser-audit-strip{padding:9px 12px;border:1px solid #eadfe1;border-radius:8px;background:#fff;color:#74686d;font-size:11px}
@media(max-width:1280px){.ft-browser-layout{grid-template-columns:260px minmax(470px,1fr)}.ft-browser-runtime{grid-column:1/-1;display:grid;grid-template-columns:180px 1fr 220px;gap:16px}.ft-browser-runtime>header{border:0}.ft-browser-runtime dl{display:grid;grid-template-columns:repeat(3,1fr);gap:0 14px}.ft-browser-runtime>section{border:0}.ft-browser-runtime>footer{align-self:end}}
@media(max-width:900px){.ft-browser-page-head{align-items:flex-start;flex-direction:column}.ft-browser-layout{grid-template-columns:1fr}.ft-browser-environment-list{max-height:330px}.ft-browser-runtime{grid-column:auto;display:flex}.ft-browser-proxy-grid,.ft-browser-basic-grid{grid-template-columns:1fr}.ft-browser-summary,.ft-browser-readiness-banner{align-items:flex-start;flex-wrap:wrap}.ft-browser-summary em,.ft-browser-readiness-banner em{width:100%;margin:0}.ft-browser-empty-workspace{grid-template-columns:1fr 1fr}}

/* 灾备外部提醒：独立通道测试，不计入正式提醒送达 */
.dr-alert-channel-test-card{display:grid;gap:10px;margin:0 18px 16px;padding:13px;border:1px solid var(--line);border-radius:11px;background:#fffafa}.dr-alert-channel-test-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dr-alert-channel-test-card>header>div{display:grid;gap:3px}.dr-alert-channel-test-card h3,.dr-alert-channel-test-card h4{margin:0;font-size:14px}.dr-alert-channel-test-card header p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.dr-alert-channel-test-controls{display:grid;grid-template-columns:minmax(220px,.6fr) minmax(300px,1fr);align-items:end;gap:10px}.dr-alert-channel-test-controls>label{display:grid;gap:5px;color:var(--muted);font-size:12px}.dr-alert-channel-test-controls select{width:100%;height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 10px}.dr-alert-channel-test-controls .inline-actions{display:flex;flex-wrap:wrap;gap:8px}.dr-alert-preview.test-preview{border:1px dashed #e9bdc8;background:#fff}.dr-alert-test-log{display:grid;gap:8px}.dr-alert-test-log .table-wrap{max-height:220px;overflow:auto}
.dr-alert-channel-test-confirm{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(280px,1fr) auto;align-items:end;gap:10px;padding:12px;border:1px solid #dba4b3;border-radius:9px;background:#fff}.dr-alert-channel-test-confirm label{display:grid;gap:5px;color:var(--muted);font-size:12px}.dr-alert-channel-test-confirm input{height:38px;border:1px solid var(--line);border-radius:8px;padding:0 10px;font-family:Consolas,monospace}.dr-alert-channel-test-confirm p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.dr-alert-channel-test-confirm .inline-actions{display:flex;gap:7px}
@media(max-width:980px){.dr-alert-channel-test-controls,.dr-alert-channel-test-confirm{grid-template-columns:minmax(0,1fr)}}
@media(max-width:640px){.dr-alert-channel-test-card{margin-inline:10px}.dr-alert-channel-test-card>header{flex-direction:column}}

/* 外贸合同档案：正式文件版本与安全回收 */
.trade-contract-file-detail-row>td{padding:0 14px 14px!important;background:#fcfaf9}
.trade-contract-file-versions{display:grid;gap:7px;padding:10px;border:1px solid #eadde1;border-radius:9px;background:#fff}
.trade-contract-file-versions article{display:grid;grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:12px;padding:9px 11px;border:1px solid #eee5e7;border-radius:8px;background:#fffafb}
.trade-contract-file-versions article>div:first-child{display:grid;gap:3px;min-width:0}.trade-contract-file-versions b,.trade-contract-file-versions span,.trade-contract-file-versions small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trade-contract-file-versions span{color:#655a5f;font-size:11px}.trade-contract-file-versions small{color:#8a7b80;font-size:10px}
@media(max-width:900px){.trade-contract-file-versions article{grid-template-columns:1fr auto}.trade-contract-file-versions article>.trade-sales-actions{grid-column:1/-1}}

/* 统一文件中心的指标卡不沿用管理后台六等分规则，避免中窄屏文字被压缩。 */
html body .management-admin-page.file-center-management-page>.file-center-kpis{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  overflow-x:visible !important;
}
@media(max-width:1100px){
  html body .management-admin-page.file-center-management-page>.file-center-kpis{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-auto-flow:row !important;
    grid-auto-columns:auto !important;
  }
}
@media(max-width:720px){
  html body .management-admin-page.file-center-management-page>.file-center-kpis{
    grid-template-columns:minmax(0,1fr) !important;
  }
}

/* 为横向二级菜单末项保留滚动余量，确保“文件中心”完整显示。 */
html body .app-shell.system-settings-active .system-admin-nav>.data-tabs{
  box-sizing:border-box;
  padding-inline:8px !important;
}

/* 店铺助手书签治理：同页完成本人同步和岗位公共书签配置。 */
.capture-bookmark-sync-card{display:grid;gap:12px;min-width:0;overflow:hidden}
.capture-bookmark-sync-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.capture-bookmark-sync-card>header h2{margin:0}.capture-bookmark-sync-card>header p{margin:4px 0 0;color:var(--muted);font-size:12px}
.capture-bookmark-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.capture-bookmark-summary span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fffafa;color:var(--muted);font-size:11px}
.capture-bookmark-summary b{color:var(--brand);font-size:16px}
.capture-bookmark-actions{display:grid;grid-template-columns:minmax(280px,1fr) auto auto;align-items:center;gap:9px;padding:12px;border:1px solid #ead8dd;border-radius:10px;background:#fff}
.capture-bookmark-actions>div{display:grid;gap:3px}.capture-bookmark-actions span,.capture-bookmark-boundary{color:var(--muted);font-size:11px;line-height:1.5}
.capture-bookmark-actions button,.capture-role-bookmark-manager button{min-height:34px;padding:7px 11px;border:1px solid #d9b5c0;border-radius:8px;background:#fff;color:var(--brand);font-weight:700}.capture-bookmark-actions button.primary,.capture-role-bookmark-manager button.primary{border-color:var(--brand);background:var(--brand);color:#fff}
.capture-bookmark-boundary{display:block;padding:0 2px}
.capture-role-bookmark-manager{display:grid;grid-template-columns:minmax(420px,1.2fr) minmax(300px,.8fr);gap:10px;padding-top:11px;border-top:1px solid var(--line)}
.capture-role-bookmark-manager form,.capture-bookmark-health{display:grid;gap:8px;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff}
.capture-role-bookmark-manager form>header,.capture-role-bookmark-manager form>footer,.capture-bookmark-health>header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.capture-role-bookmark-manager form>header>div{display:grid;gap:2px}.capture-role-bookmark-manager form span,.capture-role-bookmark-manager form footer,.capture-bookmark-health header span{color:var(--muted);font-size:10px}
.capture-role-bookmark-manager label{display:flex;align-items:center;gap:6px}.capture-role-bookmark-manager select{height:32px;padding:0 8px;border:1px solid var(--line);border-radius:7px;background:#fff}.capture-role-bookmark-manager textarea{box-sizing:border-box;width:100%;padding:9px;border:1px solid var(--line);border-radius:8px;resize:vertical;font:11px/1.6 Consolas,monospace}
.capture-bookmark-health{align-content:start}.capture-bookmark-health>div{display:grid;grid-template-columns:minmax(150px,1fr) 54px minmax(130px,.8fr);align-items:center;gap:8px;padding:7px 0;border-top:1px solid #f1e7ea}.capture-bookmark-health>div>span{display:grid}.capture-bookmark-health small{color:var(--muted);font-size:9px}.capture-bookmark-health em{color:var(--brand);font-size:10px;font-style:normal;text-align:right}
@media(max-width:980px){.capture-bookmark-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.capture-bookmark-actions,.capture-role-bookmark-manager{grid-template-columns:1fr}.capture-bookmark-actions button{width:100%}}
@media(max-width:620px){.capture-bookmark-summary{grid-template-columns:1fr}.capture-role-bookmark-manager form>header,.capture-role-bookmark-manager form>footer,.capture-bookmark-health>header{align-items:stretch;flex-direction:column}.capture-bookmark-health>div{grid-template-columns:1fr auto}.capture-bookmark-health>div>small{grid-column:1/-1}}

/* 四平台应用授权前准备：合并在现有接入与安全页面。 */
.ecx-platform-application-card{display:grid;gap:12px;min-width:0;overflow:hidden}
.ecx-platform-application-card>header{align-items:flex-start}.ecx-platform-application-card .table-wrap{overflow:auto}
.ecx-platform-application-card .ecx-table{min-width:1120px}.ecx-platform-application-card select{max-width:220px}
.ecx-application-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.ecx-application-summary span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#fffafa;color:var(--muted);font-size:11px}
.ecx-application-summary b{color:var(--brand);font-size:17px}
.ecx-platform-scope-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#fffafa}
.ecx-platform-scope-options label{display:flex!important;align-items:center;gap:7px;color:var(--text);font-size:11px}.ecx-platform-scope-options input{width:auto!important;height:auto!important}
.ecx-platform-legal-readiness{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid;border-radius:12px}.ecx-platform-legal-readiness.ready{border-color:#a6f4c5;background:#ecfdf3}.ecx-platform-legal-readiness.blocked{border-color:#fedf89;background:#fffaeb}.ecx-platform-legal-readiness div{display:grid;gap:3px}.ecx-platform-legal-readiness small{color:#667085}.ecx-platform-legal-readiness nav{display:flex;flex-wrap:wrap;gap:10px}.ecx-platform-legal-readiness a{color:#175cd3;font-size:12px;font-weight:700}
.ecx-platform-legal-readiness nav button{min-height:30px;padding:5px 9px;border:1px solid #d0d5dd;border-radius:7px;background:#fff;color:#344054;font-size:11px;font-weight:700}
.ecx-material-review-actions{display:flex!important;flex-wrap:wrap;gap:7px;margin-top:6px}.ecx-material-review-actions button{width:auto!important;min-height:30px;padding:5px 9px}
@media(max-width:760px){.ecx-application-summary,.ecx-platform-scope-options{grid-template-columns:1fr}.ecx-platform-legal-readiness{flex-direction:column}}

/* 四平台多店同步：沿用接入与安全页，不增加平行导航。 */
.ecx-platform-sync-card{display:grid;gap:12px;min-width:0;overflow:hidden}
.ecx-platform-sync-card>header{align-items:flex-start}.ecx-platform-sync-card .table-wrap{overflow:auto}.ecx-platform-sync-table{min-width:1320px}
.ecx-platform-sync-table td small,.ecx-sync-run-history td small{display:block;max-width:280px;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.45;white-space:normal}
.ecx-sync-boundary{display:flex;align-items:flex-start;gap:12px;padding:11px 13px;border:1px solid;border-radius:10px;font-size:11px}.ecx-sync-boundary b{white-space:nowrap}.ecx-sync-boundary span{color:#667085;line-height:1.55}.ecx-sync-boundary.blocked{border-color:#fedf89;background:#fffaeb;color:#93370d}.ecx-sync-boundary.ready{border-color:#a6f4c5;background:#ecfdf3;color:#067647}
.ecx-sync-run-history{display:grid;gap:9px;padding-top:11px;border-top:1px solid var(--line)}.ecx-sync-run-history>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ecx-sync-run-history h3{margin:0;font-size:14px}.ecx-sync-run-history p{margin:3px 0 0;color:var(--muted);font-size:11px}.ecx-sync-run-history>header>span{color:var(--brand);font-size:11px;font-weight:800}
.ecx-platform-sync-toggles{display:flex;flex-wrap:wrap;gap:12px;padding:9px;border:1px solid var(--line);border-radius:8px;background:#fffafa}.ecx-platform-sync-toggles label{display:flex!important;align-items:center;gap:6px}.ecx-platform-sync-toggles input{width:auto!important;height:auto!important}
.eca-currency-boundary{display:grid;grid-template-columns:auto minmax(260px,1fr);align-items:center;gap:4px 16px;padding:12px 14px;border:1px solid #fedf89;border-radius:12px;background:#fffaeb;color:#93370d}.eca-currency-boundary>span{color:#667085;font-size:11px}.eca-currency-boundary>div{display:flex;grid-column:1/-1;flex-wrap:wrap;gap:8px;margin-top:4px}.eca-currency-boundary button{display:grid;gap:2px;padding:8px 11px;border:1px solid #f6c76d;border-radius:8px;background:#fff;color:#93370d;text-align:left}.eca-currency-boundary button small{color:#667085;font-size:10px}
@media(max-width:760px){.ecx-sync-boundary,.eca-currency-boundary{grid-template-columns:1fr;flex-direction:column}.eca-currency-boundary>div{grid-column:auto}}