/* Unified operations workspace design system. */
body.ops-workspace-active{
  --ops-bg:#f4f6f9;
  --ops-surface:#ffffff;
  --ops-surface-2:#f8fafc;
  --ops-text:#172033;
  --ops-muted:#667085;
  --ops-faint:#98a2b3;
  --ops-border:#e3e7ee;
  --ops-border-strong:#d0d6e0;
  --ops-primary:#2457d6;
  --ops-primary-soft:#edf3ff;
  --ops-success:#087a55;
  --ops-success-soft:#eaf8f2;
  --ops-warning:#a15c00;
  --ops-warning-soft:#fff7e8;
  --ops-danger:#b42335;
  --ops-danger-soft:#fff1f3;
  --ops-radius:10px;
  overflow:hidden;
  background:var(--ops-bg);
  color:var(--ops-text);
}

body.ops-workspace-active main,
body.ops-workspace-active #app{
  background:var(--ops-bg);
}

body.ops-workspace-active .social-studio-shell{
  gap:10px;
}

body.ops-workspace-active .douyin-ops-shell{
  background:transparent;
}

body.ops-workspace-active .douyin-account-rail,
body.ops-workspace-active .douyin-side-panel,
body.ops-workspace-active .douyin-panel{
  background:var(--ops-surface);
  border-color:var(--ops-border);
  color:var(--ops-text);
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.035);
}

body.ops-workspace-active .douyin-account-rail{
  border-radius:var(--ops-radius);
}

body.ops-workspace-active .douyin-brand-row{
  background:var(--ops-surface);
  border-color:var(--ops-border);
}

body.ops-workspace-active .douyin-brand-row b,
body.ops-workspace-active .douyin-panel-head h2,
body.ops-workspace-active .douyin-side-head b,
body.ops-workspace-active .douyin-account-item b{
  color:var(--ops-text);
}

body.ops-workspace-active .douyin-brand-row span,
body.ops-workspace-active .douyin-panel-head p,
body.ops-workspace-active .douyin-account-item small{
  color:var(--ops-muted);
}

body.ops-workspace-active .douyin-account-rail button,
body.ops-workspace-active .douyin-side-panel button{
  border-color:var(--ops-border-strong);
  background:var(--ops-surface-2);
  color:var(--ops-text);
}

body.ops-workspace-active .douyin-account-rail button:hover,
body.ops-workspace-active .douyin-side-panel button:hover{
  border-color:#b9c6dc;
  background:#f1f5fb;
}

body.ops-workspace-active .douyin-account-scroll{
  background:var(--ops-surface);
}

body.ops-workspace-active .douyin-account-scroll section+section{
  border-color:var(--ops-border);
}

body.ops-workspace-active .douyin-account-scroll h4{
  color:var(--ops-muted);
}

body.ops-workspace-active .douyin-account-item{
  background:var(--ops-surface)!important;
  border-color:transparent!important;
}

body.ops-workspace-active .douyin-account-item:hover{
  background:#f7f9fc!important;
}

body.ops-workspace-active .douyin-account-item.active{
  border-color:#b8c9ef!important;
  background:var(--ops-primary-soft)!important;
  box-shadow:inset 3px 0 0 var(--ops-primary)!important;
}

body.ops-workspace-active .douyin-account-avatar{
  background:linear-gradient(135deg,#eef3ff,#dce6ff);
  color:var(--ops-primary);
  box-shadow:inset 0 0 0 1px #cad7f5;
}

body.ops-workspace-active .douyin-tabs{
  border-color:var(--ops-border);
  background:var(--ops-surface);
}

body.ops-workspace-active .douyin-tabs button{
  color:var(--ops-muted);
}

body.ops-workspace-active .douyin-tabs button.active{
  color:#fff;
  background:var(--ops-primary);
}

body.ops-workspace-active .douyin-tabs button:hover:not(.active){
  color:var(--ops-text);
  background:#f2f5f9;
}

body.ops-workspace-active .douyin-browser-panel{
  background:var(--ops-surface);
  border-color:var(--ops-border);
}

body.ops-workspace-active .douyin-browser-panel>.douyin-panel-head{
  background:var(--ops-surface);
  border-color:var(--ops-border);
}

body.ops-workspace-active .douyin-browser-panel>.douyin-panel-head h2,
body.ops-workspace-active .douyin-browser-panel>.douyin-panel-head p{
  color:var(--ops-text);
}

body.ops-workspace-active .douyin-browser-panel>.douyin-panel-head p{
  color:var(--ops-muted);
}

body.ops-workspace-active .douyin-workbench{
  background:var(--ops-surface-2);
}

body.ops-workspace-active .douyin-workbench-tabs{
  background:#fbfcfe;
  border-color:var(--ops-border);
}

body.ops-workspace-active .douyin-workbench-tabs>button{
  border-color:var(--ops-border);
  background:#f5f7fa;
  color:var(--ops-muted);
}

body.ops-workspace-active .douyin-workbench-tabs>button.active{
  border-color:#b9c9eb;
  background:#fff;
  color:var(--ops-primary);
}

body.ops-workspace-active .douyin-workbench-tabs>button small{
  color:var(--ops-faint);
}

body.ops-workspace-active .douyin-browser-toolbar-main{
  background:#fff;
  border-color:var(--ops-border);
}

body.ops-workspace-active .douyin-browser-toolbar-main button{
  border-color:var(--ops-border-strong);
  background:#fff;
  color:var(--ops-text);
}

body.ops-workspace-active .douyin-browser-toolbar-main button:hover{
  border-color:#9cb2df;
  background:var(--ops-primary-soft);
  color:var(--ops-primary);
}

body.ops-workspace-active .douyin-browser-toolbar-main input{
  border-color:var(--ops-border);
  background:#f8fafc;
  color:var(--ops-text);
}

body.ops-workspace-active .douyin-inline-browser-mount{
  background:#eef1f5;
}

body.ops-workspace-active .douyin-inline-browser-empty{
  background:linear-gradient(180deg,#f8fafc,#eef2f7);
  color:var(--ops-text);
}

body.ops-workspace-active .douyin-browser-orbit span{
  border-color:#b8cbf2;
  background:linear-gradient(145deg,#dce7ff,#8ba9ea);
  box-shadow:0 0 0 14px rgba(36,87,214,.05),0 0 0 28px rgba(36,87,214,.025);
}

body.ops-workspace-active .douyin-browser-orbit small{
  color:var(--ops-muted);
}

body.ops-workspace-active .douyin-browser-overlay.inline .douyin-browser-shell{
  border:1px solid var(--ops-border);
  background:#fff;
}

body.ops-workspace-active .douyin-browser-shell>header{
  background:#f8fafc;
  border-color:var(--ops-border);
  color:var(--ops-text);
}

body.ops-workspace-active .douyin-browser-shell>header b{
  color:var(--ops-text);
}

body.ops-workspace-active .douyin-browser-shell>header>div:first-child span{
  color:var(--ops-muted);
}

body.ops-workspace-active .douyin-browser-shell>header button,
body.ops-workspace-active .douyin-browser-toolbar button{
  border-color:var(--ops-border-strong);
  background:#fff;
  color:var(--ops-text);
}

body.ops-workspace-active .douyin-browser-shell>header button.danger{
  border-color:#efb8c0;
  background:var(--ops-danger-soft);
  color:var(--ops-danger);
}

body.ops-workspace-active .douyin-browser-toolbar{
  background:#fff;
  border-color:var(--ops-border);
}

body.ops-workspace-active .douyin-browser-toolbar input{
  border-color:var(--ops-border);
  background:#f8fafc;
  color:var(--ops-text);
}

body.ops-workspace-active .douyin-browser-screen{
  background:#eef1f5;
}

body.ops-workspace-active #douyin-browser-loading{
  background:#eef1f5;
  color:var(--ops-muted);
}

body.ops-workspace-active .douyin-browser-shell>footer{
  background:#f8fafc;
  border-color:var(--ops-border);
  color:var(--ops-muted);
}

body.ops-workspace-active .douyin-side-panel>section,
body.ops-workspace-active .ops-rail-hero{
  background:var(--ops-surface)!important;
  border-color:var(--ops-border)!important;
}

body.ops-workspace-active .ops-executor-state,
body.ops-workspace-active .ops-rail-metrics article,
body.ops-workspace-active .ops-current-task{
  border-color:var(--ops-border);
  background:var(--ops-surface-2);
}

body.ops-workspace-active .ops-executor-state b,
body.ops-workspace-active .ops-rail-metrics b,
body.ops-workspace-active .ops-current-task b{
  color:var(--ops-text);
}

body.ops-workspace-active .ops-executor-state small,
body.ops-workspace-active .ops-rail-metrics span,
body.ops-workspace-active .ops-current-task span,
body.ops-workspace-active .ops-current-task small{
  color:var(--ops-muted);
}

body.ops-workspace-active .douyin-status{
  background:#f1f3f7;
  color:var(--ops-muted);
}

body.ops-workspace-active .douyin-status.good{
  background:var(--ops-success-soft);
  color:var(--ops-success);
}

body.ops-workspace-active .douyin-status.warn{
  background:var(--ops-warning-soft);
  color:var(--ops-warning);
}

body.ops-workspace-active .douyin-status.work{
  background:var(--ops-primary-soft);
  color:var(--ops-primary);
}

body.ops-workspace-active .douyin-detail-grid article{
  background:var(--ops-surface-2);
  border-color:var(--ops-border);
}

body.ops-workspace-active .douyin-detail-grid article>b{
  color:var(--ops-text);
}

body.ops-workspace-active .douyin-detail-grid article>span,
body.ops-workspace-active .douyin-detail-grid article>small{
  color:var(--ops-muted);
}

body.ops-workspace-active .ops-live-board,
body.ops-workspace-active .ops-live-controls{
  color:var(--ops-text);
}

body.ops-workspace-active .ops-live-controls{
  border-color:var(--ops-border);
  background:var(--ops-surface);
}

body.ops-workspace-active .ops-live-control-head h2,
body.ops-workspace-active .ops-live-empty b{
  color:var(--ops-text);
}

body.ops-workspace-active .ops-live-control-head p,
body.ops-workspace-active .ops-live-empty span{
  color:var(--ops-muted);
}

body.ops-workspace-active .ops-live-form>label{
  color:var(--ops-muted);
}

body.ops-workspace-active .ops-live-form input,
body.ops-workspace-active .ops-live-accounts,
body.ops-workspace-active .ops-live-accounts label{
  border-color:var(--ops-border);
  background:var(--ops-surface);
  color:var(--ops-text);
}

body.ops-workspace-active .ops-live-card{
  border-color:var(--ops-border);
  background:var(--ops-surface);
  box-shadow:0 1px 2px rgba(16,24,40,.04),0 10px 24px rgba(16,24,40,.035);
}

body.ops-workspace-active .ops-live-card-head{
  border-color:var(--ops-border);
  background:#fbfcfe;
}

body.ops-workspace-active .ops-live-card-head b,
body.ops-workspace-active .ops-live-meta b{
  color:var(--ops-text);
}

body.ops-workspace-active .ops-live-card-head small,
body.ops-workspace-active .ops-live-meta span,
body.ops-workspace-active .ops-live-log p{
  color:var(--ops-muted);
}

body.ops-workspace-active .ops-live-progress{
  background:#edf0f4;
}

body.ops-workspace-active .ops-live-progress i{
  background:linear-gradient(90deg,var(--ops-primary),#54a0ff);
}

body.ops-workspace-active .ops-live-meta{
  border-color:var(--ops-border);
}

body.ops-workspace-active .ops-live-empty{
  border-color:var(--ops-border-strong);
  background:var(--ops-surface);
}

.douyin-account-drawer{
  background:rgba(16,24,40,.3);
}

.douyin-account-drawer>section{
  background:var(--ops-surface);
  border-color:var(--ops-border);
}

.douyin-account-drawer header b{color:var(--ops-text)}
.douyin-account-drawer header span{color:var(--ops-muted)}
.douyin-account-drawer header button{border-color:var(--ops-border-strong);background:var(--ops-surface-2);color:var(--ops-text)}
.douyin-account-drawer .douyin-account-form{border-color:var(--ops-border);background:var(--ops-surface-2)}
.douyin-account-drawer .douyin-account-form input{border-color:var(--ops-border-strong);background:var(--ops-surface);color:var(--ops-text)}

@media(max-width:1250px){
  .douyin-ops-shell{grid-template-columns:230px minmax(0,1fr) 280px}
}

@media(max-width:1050px){
  .douyin-ops-shell{grid-template-columns:220px minmax(0,1fr)}
  .douyin-side-panel{display:none}
  .douyin-rail-reopen{right:8px}
}

@media(max-width:820px){
  body.ops-workspace-active #app{padding:5px}
  .douyin-ops-shell{grid-template-columns:1fr;grid-template-rows:230px minmax(0,1fr)}
  .douyin-account-rail{height:230px}
}

/* Unified customer pipeline: discovery, inbox, outreach and reply share one lead record. */
.ops-customer-workbench{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:8px;height:100%;min-height:0}
.ops-customer-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.ops-customer-kpis article{padding:10px 12px;border:1px solid var(--ops-border);border-radius:var(--ops-radius);background:var(--ops-surface);box-shadow:0 1px 2px rgba(16,24,40,.03)}
.ops-customer-kpis span,.ops-customer-kpis b,.ops-customer-kpis small{display:block}.ops-customer-kpis span{color:var(--ops-muted);font-size:10px}.ops-customer-kpis b{margin:4px 0 2px;color:var(--ops-text);font-size:22px}.ops-customer-kpis small{color:var(--ops-faint);font-size:9px}
.ops-customer-kpis .is-warning{border-color:#f2d7a7}.ops-customer-kpis .is-danger{border-color:#efc4ca}.ops-customer-kpis .is-positive{border-color:#badfce}
.ops-customer-tabs{display:flex;align-items:center;gap:5px;padding:6px;border:1px solid var(--ops-border);border-radius:var(--ops-radius);background:var(--ops-surface);overflow:auto}
.ops-customer-tabs button{padding:7px 10px;border:0;border-radius:7px;background:transparent;color:var(--ops-muted);font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer}.ops-customer-tabs button.active{background:var(--ops-primary-soft);color:var(--ops-primary)}.ops-customer-tabs button.primary{margin-left:auto;background:var(--ops-primary);color:#fff}
.ops-customer-grid{display:grid;grid-template-columns:280px minmax(420px,1fr) 290px;gap:8px;min-height:0;height:100%}
.ops-customer-queue,.ops-customer-thread,.ops-automation-panel{min-width:0;min-height:0;border:1px solid var(--ops-border);border-radius:var(--ops-radius);background:var(--ops-surface);box-shadow:0 1px 2px rgba(16,24,40,.03)}
.ops-customer-queue{display:grid;align-content:start;gap:4px;padding:7px;overflow:auto}
.ops-customer-queue>button{display:grid;gap:4px;padding:9px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ops-text);text-align:left;cursor:pointer}
.ops-customer-queue>button:hover{background:#f7f9fc}.ops-customer-queue>button.active{border-color:#bfd0f2;background:var(--ops-primary-soft)}
.ops-customer-queue b,.ops-customer-queue small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-customer-queue b{font-size:11px}.ops-customer-queue small{color:var(--ops-muted);font-size:9px}.ops-customer-queue em{color:var(--ops-faint);font-size:9px;font-style:normal}
.ops-lane{align-self:start;padding:2px 6px;border-radius:999px;background:#f1f3f7;color:var(--ops-muted);font-size:9px;font-weight:800}.ops-lane.reply{background:#eaf8f2;color:#087a55}.ops-lane.outreach{background:#edf3ff;color:#2457d6}.ops-lane.manual{background:#fff1f3;color:#b42335}
.ops-customer-thread{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}
.ops-customer-thread>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--ops-border)}
.ops-customer-thread>header span{color:var(--ops-primary);font-size:10px;font-weight:800}.ops-customer-thread>header h2{margin:3px 0;color:var(--ops-text);font-size:18px}.ops-customer-thread>header p{margin:0;color:var(--ops-muted);font-size:10px}
.ops-customer-source{display:grid;gap:4px;padding:10px 14px;border-bottom:1px solid var(--ops-border);background:#fafbfd}.ops-customer-source b{color:var(--ops-text);font-size:10px}.ops-customer-source p{margin:0;color:var(--ops-text);font-size:11px;line-height:1.55}.ops-customer-source small{color:var(--ops-muted);font-size:9px}
.ops-chat-timeline{display:grid;align-content:start;gap:8px;overflow:auto;padding:12px 14px;background:#f8fafc}
.ops-chat-timeline article{display:grid;gap:3px;max-width:78%;padding:8px 10px;border:1px solid var(--ops-border);border-radius:9px;background:#fff}.ops-chat-timeline article.customer{justify-self:start}.ops-chat-timeline article.agent{justify-self:end;border-color:#c8d7f5;background:#edf3ff}.ops-chat-timeline span{color:var(--ops-muted);font-size:9px}.ops-chat-timeline p{margin:0;color:var(--ops-text);font-size:11px;line-height:1.55}.ops-chat-timeline small{color:var(--ops-faint);font-size:8px}
.ops-customer-compose{display:grid;gap:7px;padding:10px 12px;border-top:1px solid var(--ops-border);background:#fff}.ops-customer-compose textarea{width:100%;box-sizing:border-box;padding:9px;border:1px solid var(--ops-border-strong);border-radius:7px;background:#fff;color:var(--ops-text);font:inherit;font-size:11px;resize:none}.ops-customer-compose select{padding:6px 8px;border:1px solid var(--ops-border-strong);border-radius:6px;background:#fff;color:var(--ops-text);font-size:10px}.ops-customer-next{padding:7px 8px;border-radius:6px;background:var(--ops-primary-soft);color:var(--ops-primary);font-size:10px}
.ops-automation-panel{display:grid;align-content:start;gap:0;overflow:auto}.ops-automation-panel>section{display:grid;gap:8px;padding:11px;border-bottom:1px solid var(--ops-border)}.ops-automation-panel label{display:flex;align-items:center;gap:7px;color:var(--ops-text);font-size:10px}.ops-automation-panel label input{accent-color:var(--ops-primary)}
.ops-capacity-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px;border:1px solid var(--ops-border);border-radius:7px;background:var(--ops-surface-2)}.ops-capacity-row div{min-width:0}.ops-capacity-row b,.ops-capacity-row small{display:block}.ops-capacity-row b{color:var(--ops-text);font-size:10px}.ops-capacity-row small{margin-top:2px;color:var(--ops-muted);font-size:8px}
.ops-workflow-links{display:grid;gap:5px}.ops-workflow-links p{display:flex;gap:7px;align-items:center;margin:0;color:var(--ops-muted);font-size:10px}.ops-workflow-links b{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--ops-primary-soft);color:var(--ops-primary);font-size:9px}
@media(max-width:1250px){.ops-customer-grid{grid-template-columns:250px minmax(380px,1fr) 250px}.ops-customer-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){.ops-customer-grid{grid-template-columns:240px minmax(360px,1fr)}.ops-automation-panel{display:none}}
@media(max-width:760px){.ops-customer-kpis{grid-template-columns:1fr 1fr}.ops-customer-grid{grid-template-columns:1fr}.ops-customer-queue{max-height:220px}.ops-customer-thread{min-height:520px}}