/* Brand v3 light-workspace polish.
   Keep media itself on a neutral canvas, but never force dark editor chrome in light mode. */
html[data-theme="light"] #fsRoot{
  background:var(--canvas);color:var(--text-1);
}
html[data-theme="light"] #fsRoot .fs-head,
html[data-theme="light"] #fsRoot .fs-panel,
html[data-theme="light"] #fsRoot .fs-transport,
html[data-theme="light"] #fsRoot .fs-tl,
html[data-theme="light"] #fsRoot .fs-ruler,
html[data-theme="light"] #fsRoot .fs-track-lab{
  background:var(--surface-1);color:var(--text-1);border-color:var(--border);
}
html[data-theme="light"] #fsRoot .fs-panel{
  background-image:none;scrollbar-color:rgba(11,15,26,.24) transparent;
}
html[data-theme="light"] #fsRoot .fs-panel::-webkit-scrollbar-thumb,
html[data-theme="light"] #fsRoot .fs-tl::-webkit-scrollbar-thumb{
  background:rgba(11,15,26,.22);border-color:var(--surface-1);
}
html[data-theme="light"] #fsRoot .fs-stage{background:var(--surface-3);}
html[data-theme="light"] #fsRoot .fs-preview-wrap{background:linear-gradient(145deg,#EDF2F9,#F8FAFD);}
html[data-theme="light"] #fsRoot .fs-head .fs-title,
html[data-theme="light"] #fsRoot .fs-trimhead,
html[data-theme="light"] #fsRoot .fs-modelcard-tx b,
html[data-theme="light"] #fsRoot .fs-modelopt-tx b,
html[data-theme="light"] #fsRoot .fs-aspect,
html[data-theme="light"] #fsRoot .fs-aspect-tx b,
html[data-theme="light"] #fsRoot .fs-refmenu-item{color:var(--text-1);}
html[data-theme="light"] #fsRoot .fs-panel h4,
html[data-theme="light"] #fsRoot .fs-transport .t,
html[data-theme="light"] #fsRoot .fs-ruler span,
html[data-theme="light"] #fsRoot .fs-trimhint,
html[data-theme="light"] #fsRoot .fs-modelcard-tx i,
html[data-theme="light"] #fsRoot .fs-modelopt-tx span,
html[data-theme="light"] #fsRoot .fs-aspect-tx i,
html[data-theme="light"] #fsRoot .fs-asset span{color:var(--text-2);}
html[data-theme="light"] #fsRoot .fs-btn,
html[data-theme="light"] #fsRoot .fs-zbtn,
html[data-theme="light"] #fsRoot .fs-icbtn,
html[data-theme="light"] #fsRoot .fs-input,
html[data-theme="light"] #fsRoot .fs-besttime button,
html[data-theme="light"] #fsRoot .fs-stickgrid button,
html[data-theme="light"] #fsRoot .fs-asset,
html[data-theme="light"] #fsRoot .fs-seg,
html[data-theme="light"] #fsRoot .fs-composer,
html[data-theme="light"] #fsRoot .fs-composer-input,
html[data-theme="light"] #fsRoot .fs-modelcard,
html[data-theme="light"] #fsRoot .fs-modelmenu,
html[data-theme="light"] #fsRoot .fs-modelopt-ic,
html[data-theme="light"] #fsRoot .fs-cost,
html[data-theme="light"] #fsRoot .fs-chatbar,
html[data-theme="light"] #fsRoot .fs-chip.ghost,
html[data-theme="light"] #fsRoot .fs-chip-sel,
html[data-theme="light"] #fsRoot .fs-aspect,
html[data-theme="light"] #fsRoot #fsTrimBar,
html[data-theme="light"] #fsRoot .fs-trimtrack{
  background:var(--surface-2);border-color:var(--border-strong);color:var(--text-1);
}
html[data-theme="light"] #fsRoot .fs-modelcard:hover,
html[data-theme="light"] #fsRoot .fs-modelopt:hover,
html[data-theme="light"] #fsRoot .fs-refmenu-item:hover{background:var(--surface-3);}
html[data-theme="light"] #fsRoot .fs-track{border-color:var(--border);}
html[data-theme="light"] #fsRoot .fs-track:hover{background:rgba(46,124,246,.045);}
html[data-theme="light"] #fsRoot input.fs-input[type="date"],
html[data-theme="light"] #fsRoot input.fs-input[type="time"]{color-scheme:light;}
html[data-theme="light"] #fsRoot .fs-input::-webkit-calendar-picker-indicator{filter:none;}
html[data-theme="light"] #fsRoot .fs-canvas,
html[data-theme="light"] #fsRoot .fs-canvas video,
html[data-theme="light"] #fsRoot .fs-canvas img,
html[data-theme="light"] #fsRoot .fs-mini,
html[data-theme="light"] #fsRoot .fs-asset img,
html[data-theme="light"] #fsRoot .fs-asset video{background:#0B0F1A;}

/* Studio panels are rendered from dynamic HTML and some legacy controls still carry dark-theme
   inline colours. Keep this safety net scoped to the editor panel so light workspaces can never
   render white or near-white copy on a light surface, while the media canvas remains untouched. */
html[data-theme="light"] #fsRoot .fs-panel [style*="color:#F4F6FB"],
html[data-theme="light"] #fsRoot .fs-panel [style*="color:#e8e8ee"],
html[data-theme="light"] #fsRoot .fs-panel [style*="color:#c9c9de"]{color:var(--text-1)!important;}
html[data-theme="light"] #fsRoot .fs-panel [style*="color:#A8B0C2"],
html[data-theme="light"] #fsRoot .fs-panel [style*="color:#9fb0c0"],
html[data-theme="light"] #fsRoot .fs-panel [style*="color:#8a8aa0"],
html[data-theme="light"] #fsRoot .fs-panel [style*="color:#5a5a70"]{color:var(--text-2)!important;}
html[data-theme="light"] #fsRoot .fs-panel [style*="background:#121218"]{
  background:var(--surface-2)!important;border-color:var(--border-strong)!important;
}
html[data-theme="light"] #fsRoot .fs-panel .fs-stickgrid svg[fill="#F4F6FB"]{fill:var(--text-1);}

/* Landing builder: light editor shell and preview surround. The preview iframe still renders
   the customer's selected page theme, including an intentional dark page theme. */
html[data-theme="light"] #lpEditorModal .modal.lp-builder,
html[data-theme="light"] #lpEditorModal .modal-header,
html[data-theme="light"] #lpEditorModal .lp-builder-body,
html[data-theme="light"] #lpEditorModal .lp-builder-body>div:nth-child(2){background:var(--surface-1);color:var(--text-1);}
html[data-theme="light"] #lpEditorModal .lp-builder-body>div:last-child{
  background:var(--surface-3)!important;border-color:var(--border)!important;
}
html[data-theme="light"] #lpPreview{
  background:#fff!important;box-shadow:0 10px 32px rgba(11,15,26,.12)!important;
}

/* UGC Media submenu: remove residual dark fallbacks and keep selected controls legible. */
html[data-theme="light"] #mediaPaneUgc .section,
html[data-theme="light"] #mediaPaneUgc .section-body{background:var(--surface-1);color:var(--text-1);}
html[data-theme="light"] #mediaPaneUgc #ugcDrop,
html[data-theme="light"] #mediaPaneUgc #ugcResultWrap{background:var(--surface-2)!important;border-color:var(--border-strong)!important;}
html[data-theme="light"] #mediaPaneUgc .ugc-chip.on{
  color:#0B0F1A;background:linear-gradient(135deg,rgba(46,124,246,.18),rgba(43,208,197,.20));
}

/* Ad Campaigns uses the same compact type rhythm as other Boost workspaces. */
#socialAdsRoot h2,
#socialAdsRoot .mp-empty h2,
#socialAdsRoot .mp-detail>h2,
#socialAdsRoot .section-body>h2{font:750 18px/1.32 var(--font-head);letter-spacing:-.01em;margin:16px 0 7px;}
#socialAdsRoot h3{font:700 14px/1.4 var(--font-head);}
#socialAdsRoot p,
#socialAdsRoot .mp-detail>p,
#socialAdsRoot .section-body>p{font-size:13px;line-height:1.55;}
#socialAdsRoot .section-title{font-size:15px!important;line-height:1.35;}
#socialAdsRoot .stat-label{font-size:11px;line-height:1.35;margin-bottom:8px;}
#socialAdsRoot .stat-value{font-size:28px;line-height:1;}
#socialAdsRoot .login-label{font-size:11.5px;line-height:1.4;}
#socialAdsRoot table{font-size:12.5px;line-height:1.45;}
#socialAdsRoot .btn-primary,#socialAdsRoot .btn-secondary,#socialAdsRoot .mp-pill{font-size:12.5px;line-height:1.25;}

/* Lead contact routing is shared by manual entry and the ticket. */
.lead-channel-box,.lead-dnc{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);padding:11px 12px}
.lead-channel-box>div:first-child,.lead-dnc>div{display:flex;flex-direction:column;gap:3px}.lead-channel-box b,.lead-dnc b{font-size:12.5px}.lead-channel-box span,.lead-dnc span{font-size:11px;line-height:1.4;color:var(--text-2)}
.lead-channel-grid{display:flex;flex-wrap:wrap;gap:7px}.lead-channel-grid label{display:flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid var(--border);border-radius:999px;background:var(--surface-1);color:var(--text-1);font-size:11.5px;cursor:pointer}.lead-channel-grid input{accent-color:#2E7CF6}
html[data-theme="light"] #fsRoot .fs-rail{background:#fff;border-color:rgba(11,15,26,.14)}
html[data-theme="light"] #fsRoot .fs-rail button{color:#48546a}
html[data-theme="light"] #fsRoot .fs-rail button.active,html[data-theme="light"] #fsRoot .fs-rail button:hover{color:#0B0F1A;background:linear-gradient(135deg,rgba(46,124,246,.14),rgba(43,208,197,.14))}