/* Optional UI preview. Every application override is scoped to data-ui.
   portal.css remains the complete, unmodified visual baseline. */
.ui-preview-toggle { min-height:36px; padding:8px 12px; border:1px solid #778d9b; border-radius:7px; background:#fff; color:#173247; font:600 12px/1.3 system-ui,sans-serif; white-space:nowrap; }
.ui-preview-toggle[aria-pressed="true"] { border-color:#087e78; color:#086b65; background:#e8f5f2; }
.ui-preview-toggle:focus-visible { outline:3px solid #168cbb; outline-offset:3px; }
/* Reserve space for the optional comparison control in the classic header too. */
.portal-topbar:has(> .topbar-right > .ui-preview-toggle) { height:auto; min-height:64px; }
.portal-topbar .topbar-right:has(> .ui-preview-toggle) { flex-wrap:wrap; min-width:0; }
html[data-ui="operations"] { --ops-surface:#fff; --ops-soft:#f3f6f7; --ops-ink:#173247; --ops-muted:#536875; --ops-border:#d7e1e6; --ops-accent:#087a72; --shadow:0 2px 8px #17324708; --blue:#086f81; --paper:#f3f6f7; }
html[data-ui="operations"][data-theme="dark"] { --ops-surface:#11232c; --ops-soft:#0b1921; --ops-ink:#e2eef2; --ops-muted:#afc1cb; --ops-border:#344b58; --ops-accent:#77d8c8; --paper:#0b1921; }
html[data-ui="operations"] body { font-size:14px; line-height:1.5; background:var(--ops-soft); color:var(--ops-ink); }
html[data-ui="operations"] .ops-hidden { display:none !important; }
html[data-ui="operations"] .ops-readable { font-size:12px !important; }
html[data-ui="operations"] :is(.surface,.note-card,.company-team-card,.project-tab-card,.metric-grid>article,.worker-chat-card,.worker-inline-preview) { border:1px solid var(--ops-border); border-radius:10px; background:var(--ops-surface); box-shadow:none; color:var(--ops-ink); }
html[data-ui="operations"] :is(.page-heading,.surface-head) { gap:16px; align-items:center; }
html[data-ui="operations"] .page-heading { margin-bottom:24px; }
html[data-ui="operations"] :is(.page-heading h1,.project-cockpit-title h2) { font-size:28px; line-height:1.25; letter-spacing:-.025em; color:var(--ops-ink); }
html[data-ui="operations"] :is(.surface h2,.project-selection-heading h2) { font-size:18px; color:var(--ops-ink); }
html[data-ui="operations"] :is(.page-heading p,.surface-head p,.subtle,.empty-copy) { font-size:14px; color:var(--ops-muted); line-height:1.5; }
html[data-ui="operations"] :is(.kicker,.status-badge) { font-size:12px; letter-spacing:.025em; }
html[data-ui="operations"] :is(button,input,select,textarea) { font-size:14px; }
html[data-ui="operations"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),select,textarea) { min-height:44px; border:1px solid var(--ops-border); border-radius:7px; background:var(--ops-surface); color:var(--ops-ink); padding:10px 12px; max-width:100%; }
html[data-ui="operations"] :is(button.primary,button.secondary,.ghost,.action-primary,.approve-button,.work-row-actions button,.text-button) { min-height:44px; border-radius:7px; font-size:14px; font-weight:600; box-shadow:none; }
html[data-ui="operations"] :is(button.primary,.approve-button) { padding:11px 16px; background:#087a72; color:#fff; border:1px solid #087a72; }
html[data-ui="operations"] :is(button.secondary,.ghost) { padding:10px 14px; background:var(--ops-surface); color:var(--ops-ink); border:1px solid var(--ops-border); }
html[data-ui="operations"] :is(button.danger,.text-button.danger) { color:#b52d36; background:var(--ops-surface); }
html[data-ui="operations"] :is(button,a,input,select,textarea,summary):focus-visible { outline:3px solid #2598c1; outline-offset:3px; }
html[data-ui="operations"] .portal-topbar { min-height:68px; padding:12px 24px; background:var(--ops-surface); border-bottom:1px solid var(--ops-border); box-shadow:none; }
html[data-ui="operations"] .portal-brand { color:var(--ops-ink); font-size:20px; }
html[data-ui="operations"] .brand-symbol { width:36px; height:36px; border-radius:8px; }
html[data-ui="operations"] .topbar-right { gap:12px; flex-wrap:wrap; }
html[data-ui="operations"] .demo-mode-badge { font-size:12px; background:var(--ops-soft); color:var(--ops-muted); border-color:var(--ops-border); }
html[data-ui="operations"] .sidebar { background:var(--ops-surface); border-right:1px solid var(--ops-border); color:var(--ops-ink); }
html[data-ui="operations"] .company-chip { background:var(--ops-soft); border:1px solid var(--ops-border); border-radius:8px; color:var(--ops-ink); }
html[data-ui="operations"] .company-switcher { background:var(--ops-soft); border:1px solid var(--ops-border); }
html[data-ui="operations"] .company-switcher :is(span,small) { color:var(--ops-muted); }
html[data-ui="operations"] .company-switcher strong { color:var(--ops-ink); }
html[data-ui="operations"] :is(.company-chip strong,.company-chip small,.sidebar-user strong) { color:var(--ops-ink); }
html[data-ui="operations"] :is(.company-chip span,.sidebar-user small) { color:var(--ops-muted); font-size:12px; }
html[data-ui="operations"] #mainNav { display:flex; flex-direction:column; gap:4px; }
html[data-ui="operations"] #mainNav button { width:100%; min-height:44px; padding:10px 14px; font-size:14px; font-weight:500; color:var(--ops-muted); border-radius:7px; background:transparent; box-shadow:none; }
html[data-ui="operations"] #mainNav button.active { color:var(--ops-accent); background:var(--ops-soft); font-weight:700; box-shadow:inset 3px 0 var(--ops-accent); }
html[data-ui="operations"] .ops-nav-group { display:grid; gap:3px; margin:8px 0; }
html[data-ui="operations"] .ops-nav-group:not(:has(button:not(.hidden))) { display:none; }
html[data-ui="operations"] .ops-nav-label { padding:6px 14px; color:var(--ops-muted); font-size:12px; font-weight:600; }
html[data-ui="operations"] .sidebar-collapsed .ops-nav-label { display:none; }
html[data-ui="operations"] .sidebar-collapsed #mainNav button { width:44px; padding:10px; font-size:0 !important; }
html[data-ui="operations"] .sidebar-collapse-toggle { color:var(--ops-muted); border-color:var(--ops-border); }
html[data-ui="operations"] .ops-profile-menu { position:relative; color:var(--ops-ink); }
html[data-ui="operations"] .ops-profile-menu>summary { cursor:pointer; font-size:13px; padding:10px 12px; border:1px solid var(--ops-border); border-radius:7px; }
html[data-ui="operations"] .ops-profile-actions { position:absolute; z-index:150; right:0; top:calc(100% + 8px); display:grid; gap:8px; min-width:230px; padding:12px; border:1px solid var(--ops-border); border-radius:9px; background:var(--ops-surface); box-shadow:0 8px 30px #17324720; }
html[data-ui="operations"] .content-shell { background:var(--ops-soft); padding:28px; }
html[data-ui="operations"] .metric-grid { gap:12px; margin:20px 0; }
html[data-ui="operations"] .metric-grid>article { min-height:80px; padding:16px; }
html[data-ui="operations"] .metric-grid strong { font-size:26px; color:var(--ops-ink); }
html[data-ui="operations"] .metric-grid small { color:var(--ops-muted); font-size:12px; }
html[data-ui="operations"] .metric-icon { width:34px; height:34px; border-radius:7px; }
html[data-ui="operations"] .ops-work-overview { padding:20px; }
html[data-ui="operations"] .ops-overview-row { display:flex; align-items:center; gap:12px; padding:12px 0; border-top:1px solid var(--ops-border); }
html[data-ui="operations"] .ops-overview-row strong { font-size:14px; }
html[data-ui="operations"] .ops-overview-row small { display:block; color:var(--ops-muted); font-size:12px; }
html[data-ui="operations"] .ops-dot { width:8px; height:8px; border-radius:50%; background:var(--ops-accent); flex:0 0 auto; }
html[data-ui="operations"] .ops-dot.high { background:#b26a00; }
html[data-ui="operations"] .ops-dot.critical { background:#ba3440; }
html[data-ui="operations"] .audio-cta { min-height:65px; padding:14px; border-radius:8px; color:var(--ops-ink); background:var(--ops-soft); border:1px solid var(--ops-border); box-shadow:none; }
html[data-ui="operations"] .audio-cta strong { font-size:14px; color:var(--ops-ink); }
html[data-ui="operations"] .audio-cta small { color:var(--ops-muted); font-size:12px; }
html[data-ui="operations"] .ops-toolbar { display:flex; flex-wrap:wrap; align-items:end; gap:12px; padding:16px 0; }
html[data-ui="operations"] .ops-toolbar label { flex:1 1 155px; display:grid; gap:5px; min-width:0; max-width:320px; margin:0; }
html[data-ui="operations"] .ops-toolbar label>span { font-size:12px; color:var(--ops-muted); font-weight:600; }
html[data-ui="operations"] .ops-toolbar :is(input,select) { width:100%; }
html[data-ui="operations"] .ops-count { display:block; width:100%; font-size:12px; color:var(--ops-muted); }
html[data-ui="operations"] .ops-pagination { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
html[data-ui="operations"] .ops-pagination span { font-size:12px; color:var(--ops-muted); }
html[data-ui="operations"] .ops-filter-empty { padding:24px; color:var(--ops-muted); text-align:center; }
html[data-ui="operations"] .toolbar { gap:12px; }
html[data-ui="operations"] .project-rail { padding:0; min-height:0; }
html[data-ui="operations"] .project-selection-heading { padding:16px 20px 0; }
html[data-ui="operations"] .project-selection-heading h2 { font-size:18px; }
html[data-ui="operations"] .project-selection-heading p:not(.kicker) { display:none; }
html[data-ui="operations"] .project-selection-tools { padding:12px 20px 0; margin:0; grid-template-columns:minmax(0,1fr) auto; align-items:center; }
html[data-ui="operations"] .project-rail>.ops-toolbar { padding:16px 20px; }
html[data-ui="operations"] .project-selection-search { min-height:44px; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
html[data-ui="operations"] .project-selection-search input { font-size:14px; }
html[data-ui="operations"] #projectGrid { display:grid; grid-template-columns:1fr; gap:0; padding:0; }
html[data-ui="operations"] .project-rail-item { display:grid; grid-template-columns:1fr 1.8fr 1.4fr; grid-template-rows:auto; min-height:88px; gap:18px; align-items:center; width:100%; margin:0; padding:16px 20px; border:0; border-top:1px solid var(--ops-border); border-radius:0; background:var(--ops-surface); color:var(--ops-ink); box-shadow:none; text-align:left; }
html[data-ui="operations"] .project-rail-item:hover { background:var(--ops-soft); transform:none; }
html[data-ui="operations"] .project-rail-item.active { background:var(--ops-soft); box-shadow:inset 3px 0 var(--ops-accent); }
html[data-ui="operations"] .project-selection-card-top { display:block; padding:0; background:none; font-size:12px; color:var(--ops-muted); }
html[data-ui="operations"] .project-selection-card-top>b { display:none; }
html[data-ui="operations"] .project-selection-card-main { margin:0; padding:0; min-height:0; }
html[data-ui="operations"] .project-selection-card-main strong { font-size:16px; line-height:1.4; color:var(--ops-ink); }
html[data-ui="operations"] .project-selection-card-main em { color:var(--ops-muted); font-size:12px; }
html[data-ui="operations"] .project-selection-card-meta { margin:0; padding:0; border:0; gap:10px; background:none; }
html[data-ui="operations"] .project-selection-card-meta strong { font-size:13px; color:var(--ops-ink); }
html[data-ui="operations"] .project-selection-card-meta small { font-size:12px; color:var(--ops-muted); }
html[data-ui="operations"] .project-cockpit-sticky { background:var(--ops-surface); box-shadow:none; }
html[data-ui="operations"] .project-cockpit-hero { padding:24px; min-height:0; background:var(--ops-surface); border-bottom:1px solid var(--ops-border); gap:20px; }
html[data-ui="operations"] .project-cockpit-title :is(span,p) { color:var(--ops-muted); font-size:12px; }
html[data-ui="operations"] .project-cockpit-hero>div:last-child { flex-wrap:wrap; gap:8px; }
html[data-ui="operations"] .project-cockpit-switch { position:static; min-height:44px; background:var(--ops-soft); color:var(--ops-ink); border:1px solid var(--ops-border); border-radius:7px; padding:10px; }
html[data-ui="operations"] :is(.ops-segments,.ops-project-groups) { display:flex; gap:6px; flex-wrap:wrap; padding:12px 0; border-bottom:1px solid var(--ops-border); margin-bottom:12px; }
html[data-ui="operations"] .ops-project-groups { padding:10px 20px; margin:0; }
html[data-ui="operations"] :is(.ops-segments,.ops-project-groups)>button { min-height:44px; padding:10px 14px; border:0; border-radius:6px; color:var(--ops-muted); background:transparent; font-size:14px; }
html[data-ui="operations"] :is(.ops-segments,.ops-project-groups)>button[aria-pressed="true"] { color:var(--ops-accent); background:var(--ops-soft); font-weight:700; box-shadow:inset 0 -2px var(--ops-accent); }
html[data-ui="operations"] .project-cockpit-tabs { padding:0 20px; gap:16px; background:var(--ops-soft); min-height:44px; }
html[data-ui="operations"] .project-cockpit-tabs button { font-size:13px; min-height:44px; padding:8px 4px; color:var(--ops-muted); }
html[data-ui="operations"] .project-cockpit-panel { padding:20px; background:var(--ops-soft); }
html[data-ui="operations"] .project-cockpit-metrics { gap:12px; }
html[data-ui="operations"] .project-cockpit-metrics article { border-radius:8px; background:var(--ops-surface); border:1px solid var(--ops-border); padding:16px; }
html[data-ui="operations"] .project-cockpit-metrics :is(small,strong) { color:var(--ops-ink); }
html[data-ui="operations"] .project-overview-shortcuts button { padding:16px; border:1px solid var(--ops-border); border-radius:8px; background:var(--ops-surface); box-shadow:none; }
html[data-ui="operations"] .project-overview-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
html[data-ui="operations"] .project-overview-actions button { min-height:80px; padding:16px; border:1px solid var(--ops-border); border-radius:8px; color:var(--ops-ink); background:var(--ops-surface); box-shadow:none; text-align:left; }
html[data-ui="operations"] .project-overview-actions button :is(strong,small) { color:var(--ops-ink); }
html[data-ui="operations"] .project-overview-actions button small { font-size:12px; color:var(--ops-muted); }
html[data-ui="operations"] .project-overview-actions button>span { width:34px; height:34px; display:grid; place-items:center; background:var(--ops-soft); border-radius:7px; color:var(--ops-accent); }
html[data-ui="operations"] .project-overview-actions svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
html[data-ui="operations"] .work-center-grid { grid-template-columns:1fr; }
html[data-ui="operations"] :is(.work-row,.work-question) { padding:16px; gap:8px; background:var(--ops-surface); border-radius:7px; box-shadow:none; }
html[data-ui="operations"] .work-row h3 { font-size:16px; color:var(--ops-ink); }
html[data-ui="operations"] .work-row :is(p,small,header) { font-size:13px; color:var(--ops-muted); }
html[data-ui="operations"] .work-row-actions button { font-size:13px; }
html[data-ui="operations"] .data-table { color:var(--ops-ink); background:var(--ops-surface); width:100%; }
html[data-ui="operations"] .data-table :is(td,th) { padding:14px 18px; font-size:14px; border-color:var(--ops-border); }
html[data-ui="operations"] .data-table th { font-size:12px; color:var(--ops-muted); background:var(--ops-soft); }
html[data-ui="operations"] .data-table small { display:block; font-size:12px; color:var(--ops-muted); }
html[data-ui="operations"] .ops-person-button { padding:0; min-height:32px; color:var(--ops-accent); background:transparent; border:0; font-weight:600; text-align:left; }
html[data-ui="operations"] .report-row { min-height:70px; padding:14px 18px; grid-template-columns:minmax(180px,1fr) 130px 140px 44px; gap:16px; }
html[data-ui="operations"] .report-main strong { font-size:14px; color:var(--ops-ink); }
html[data-ui="operations"] .report-row :is(small,.date-cell) { font-size:12px; color:var(--ops-muted); }
html[data-ui="operations"] .note-grid { grid-template-columns:1fr; gap:8px; }
html[data-ui="operations"] .note-card { padding:18px 20px; }
html[data-ui="operations"] .note-card h3 { margin:6px 0; font-size:16px; }
html[data-ui="operations"] .note-card p { margin:4px 0 12px; font-size:14px; color:var(--ops-muted); }
html[data-ui="operations"] .ops-dialog { color:var(--ops-ink); background:var(--ops-surface); border:1px solid var(--ops-border); border-radius:12px; width:min(680px,calc(100vw - 32px)); max-height:90dvh; padding:24px; overflow:auto; box-shadow:0 20px 70px #0003; }
html[data-ui="operations"] .ops-dialog::backdrop { background:#0b243866; }
html[data-ui="operations"] .ops-dialog>header { display:flex; justify-content:space-between; align-items:center; gap:16px; padding-bottom:18px; margin-bottom:16px; border-bottom:1px solid var(--ops-border); }
html[data-ui="operations"] .ops-dialog>.ui-preview-toggle { margin-bottom:14px; }
html[data-ui="operations"] .ops-dialog h2 { font-size:22px; margin:0; color:var(--ops-ink); }
html[data-ui="operations"] .ops-dialog [data-close] { flex:0 0 44px; width:44px; height:44px; border:1px solid var(--ops-border); background:var(--ops-soft); color:var(--ops-ink); border-radius:7px; }
html[data-ui="operations"] .ops-dialog label { display:grid; gap:6px; font-size:14px; margin-bottom:12px; }
html[data-ui="operations"] .ops-dialog .check-row { display:flex; align-items:center; }
html[data-ui="operations"] .ops-sheet { margin:0 0 0 auto; height:100dvh; max-height:100dvh; border-radius:12px 0 0 12px; width:min(740px,100vw); }
html[data-ui="operations"] .ops-sheet>form { padding:0; border:0; box-shadow:none; background:transparent; }
html[data-ui="operations"] .ops-sheet :is(.two-columns,.three-columns) { grid-template-columns:repeat(2,minmax(0,1fr)); }
html[data-ui="operations"] .ops-sheet form>button[type="submit"] { position:sticky; bottom:0; margin-top:16px; }
html[data-ui="operations"] .ops-sheet :is(dt,dd) { margin:0; padding:8px 0; overflow-wrap:anywhere; }
html[data-ui="operations"] .ops-sheet dt { font-size:12px; color:var(--ops-muted); padding-bottom:0; }
html[data-ui="operations"] .ops-sheet dd { border-bottom:1px solid var(--ops-border); }
html[data-ui="operations"] .ops-picker-results { display:grid; gap:8px; margin-top:12px; }
html[data-ui="operations"] .ops-picker-results button { padding:12px 14px; text-align:left; border:1px solid var(--ops-border); color:var(--ops-ink); background:var(--ops-surface); border-radius:7px; min-height:44px; }
html[data-ui="operations"] .ops-picker-results button:hover { background:var(--ops-soft); border-color:var(--ops-accent); }
html[data-ui="operations"] .ops-picker-results small { display:block; color:var(--ops-muted); font-size:12px; }
html[data-ui="operations"] .ops-native-project { display:none; }
html[data-ui="operations"] .ops-step-actions { display:flex; gap:12px; justify-content:space-between; margin:20px 0; }
html[data-ui="operations"] .ops-qr-review { font-size:14px; line-height:1.8; }
html[data-ui="operations"] .ops-disclosure { border:1px solid var(--ops-border); border-radius:8px; margin:16px 0; background:var(--ops-surface); }
html[data-ui="operations"] .ops-disclosure>summary { padding:14px 18px; cursor:pointer; font-weight:600; }
html[data-ui="operations"] .ops-disclosure>form { padding:18px; }
html[data-ui="operations"] .ops-disclosure>.template-use { padding:16px; margin:0; border:0; }
html[data-ui="operations"] .template-card { padding:18px; }
html[data-ui="operations"] .template-card h3 { font-size:16px; margin:4px 0; }
html[data-ui="operations"] .template-meta { margin-top:10px; }
html[data-ui="operations"] .template-mapping { margin-top:12px; padding-top:12px; }
html[data-ui="operations"] .connector-workspace { display:grid; grid-template-columns:220px minmax(0,1fr); gap:20px; align-items:start; min-width:0; max-width:100%; }
html[data-ui="operations"] .connector-subnav { position:sticky; top:16px; padding:12px; background:var(--ops-surface); border:1px solid var(--ops-border); border-radius:8px; min-width:0; max-width:100%; }
html[data-ui="operations"] .connector-subnav nav { display:grid; gap:6px; }
html[data-ui="operations"] .connector-subnav-heading { display:grid; padding:8px 10px 14px; border-bottom:1px solid var(--ops-border); margin-bottom:10px; }
html[data-ui="operations"] .connector-subnav button { display:flex; gap:10px; align-items:center; text-align:left; width:100%; min-height:48px; border:0; border-radius:7px; background:transparent; color:var(--ops-ink); padding:10px; }
html[data-ui="operations"] .connector-subnav button>span { flex:0 0 24px; }
html[data-ui="operations"] .connector-subnav button.active { background:var(--ops-soft); color:var(--ops-accent); box-shadow:inset 3px 0 var(--ops-accent); }
html[data-ui="operations"] .connector-subnav button :is(small,strong) { display:block; color:inherit; }
html[data-ui="operations"] .connector-subnav button small { font-size:12px; font-weight:400; color:var(--ops-muted); }
html[data-ui="operations"] .connector-section[hidden] { display:none; }
html[data-ui="operations"] .connector-section-heading h2 { font-size:22px; margin:0; color:var(--ops-ink); }
html[data-ui="operations"] .connector-section-heading p { font-size:14px; color:var(--ops-muted); }
html[data-ui="operations"] .connector-section-content { min-width:0; }
html[data-ui="operations"] .connector-status-grid { display:grid; grid-template-columns:1fr; gap:14px; margin-bottom:20px; }
html[data-ui="operations"] .connector-status-grid article { display:grid; grid-template-columns:36px minmax(0,1fr) auto; gap:14px; align-items:center; padding:18px; }
html[data-ui="operations"] .connector-status-grid article h2 { font-size:16px; overflow-wrap:anywhere; }
html[data-ui="operations"] .connector-status-grid article p { font-size:13px; color:var(--ops-muted); }
html[data-ui="operations"] .connector-counts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:16px; }
html[data-ui="operations"] .connector-counts>span { padding:12px; border-radius:7px; background:var(--ops-soft); color:var(--ops-muted); font-size:12px; }
html[data-ui="operations"] .connector-counts strong { display:block; font-size:20px; color:var(--ops-ink); }
html[data-ui="operations"] :is(.connector-overview,.connector-import-form,.connector-policy-form,.connector-preview) { padding:20px; }
html[data-ui="operations"] .connector-section .surface { margin-bottom:16px; }
html[data-ui="operations"] .connector-section form { display:grid; gap:14px; }
html[data-ui="operations"] :is(.connector-section form,.ops-dialog) label { display:grid; gap:6px; color:var(--ops-ink); }
html[data-ui="operations"] .connector-section .check-row { display:flex; }
html[data-ui="operations"] .connector-section .surface :is(h2,h3,strong) { color:var(--ops-ink); }
html[data-ui="operations"] .connector-section .surface :is(p,small) { color:var(--ops-muted); }
html[data-ui="operations"] .profile-language-picker { position:relative; min-width:0; }
html[data-ui="operations"] .profile-language-native { display:none; }
html[data-ui="operations"] .profile-language-trigger { display:flex; align-items:center; gap:10px; width:100%; min-height:48px; padding:10px 12px; text-align:left; border:1px solid var(--ops-border); border-radius:7px; color:var(--ops-ink); background:var(--ops-surface); }
html[data-ui="operations"] .profile-language-trigger span { flex:1; }
html[data-ui="operations"] .profile-language-trigger :is(small,strong) { display:block; font-size:12px; }
html[data-ui="operations"] .profile-language-trigger :is(small,strong) { color:var(--ops-ink); }
html[data-ui="operations"] .profile-language-menu { position:absolute; top:100%; left:0; right:0; z-index:80; padding:12px; background:var(--ops-surface); border:1px solid var(--ops-border); border-radius:8px; box-shadow:0 8px 25px #17324720; }
html[data-ui="operations"] .profile-language-options { display:grid; max-height:280px; overflow:auto; }
html[data-ui="operations"] .profile-language-options button { display:flex; gap:10px; align-items:center; min-height:44px; padding:8px; text-align:left; border:0; border-radius:6px; color:var(--ops-ink); background:var(--ops-surface); }
@media(max-width:1100px) {
  html[data-ui="operations"] .connector-workspace { grid-template-columns:minmax(0,1fr); }
  html[data-ui="operations"] .connector-subnav { position:static; }
  html[data-ui="operations"] .connector-subnav nav { display:flex; gap:8px; overflow:auto; }
  html[data-ui="operations"] .connector-subnav button { width:auto; flex:0 0 auto; }
  html[data-ui="operations"] .connector-subnav-heading { display:none; }
  html[data-ui="operations"] .connector-subnav small { display:none; }
}
@media(max-width:800px) {
  html[data-ui="operations"] .sidebar #mainNav { display:none; }
  html[data-ui="operations"] .sidebar.nav-open #mainNav { display:flex; }
  html[data-ui="operations"] .mobile-nav-toggle { background:var(--ops-surface); color:var(--ops-ink); border-color:var(--ops-border); }
  html[data-ui="operations"] .portal-topbar { height:auto; min-height:64px; }
  html[data-ui="operations"] .sidebar { top:0; }
}
html[data-ui="operations"] .ops-disclosure:not(:has(> :not(summary):not(.hidden))) { display:none; }
html[data-ui="operations"] .worker-chat-head { background:var(--ops-surface); color:var(--ops-ink); min-height:58px; padding:14px 18px; }
html[data-ui="operations"] .worker-messages { background:var(--ops-soft); padding:18px; }
html[data-ui="operations"] .worker-message { padding:12px 16px; border-radius:8px; font-size:14px; line-height:1.6; box-shadow:none; }
html[data-ui="operations"] .worker-message.bot { color:var(--ops-ink); background:var(--ops-surface); border-left:3px solid var(--ops-border); }
html[data-ui="operations"] .worker-inline-preview { padding:18px; background:var(--ops-surface); }
html[data-ui="operations"] :is(.worker-workflow-question,.worker-workflow-summary,.worker-flow-question) { padding:16px; border-radius:8px; background:var(--ops-soft); border:1px solid var(--ops-border); box-shadow:none; }
html[data-ui="operations"] .ops-report-progress { display:flex; gap:8px; list-style:none; margin:0 0 20px; padding:0; flex-wrap:wrap; }
html[data-ui="operations"] .ops-report-progress li { display:flex; align-items:center; gap:6px; font-size:12px; color:var(--ops-muted); flex:1 1 100px; }
html[data-ui="operations"] .ops-report-progress li>span { width:24px; height:24px; display:grid; place-items:center; border:1px solid var(--ops-border); border-radius:50%; flex:0 0 auto; }
html[data-ui="operations"] .ops-report-progress li[aria-current] { color:var(--ops-accent); font-weight:700; }
html[data-ui="operations"] .ops-report-progress :is(.done,[aria-current])>span { color:#fff; background:#087a72; border-color:#087a72; }
html[data-ui="operations"] .worker-report-photos { padding:16px; margin:16px 0; border:1px solid var(--ops-border); border-left:3px solid var(--ops-accent); border-radius:8px; color:var(--ops-ink); background:var(--ops-soft); box-shadow:none; }
html[data-ui="operations"] .worker-report-photos>strong { font-size:14px; color:var(--ops-ink); }
html[data-ui="operations"] .worker-report-photos :is(p,small,label) { font-size:12px; color:var(--ops-muted); line-height:1.5; }
html[data-ui="operations"] .worker-report-photos .worker-preview-actions { display:flex; gap:8px; flex-wrap:wrap; }
html[data-ui="operations"] .worker-report-photos .worker-preview-actions button { flex:0 1 auto; min-height:44px; padding:10px 14px; font-size:14px; }
html[data-ui="operations"] .worker-report-photo-list { display:flex; gap:8px; flex-wrap:wrap; }
html[data-ui="operations"] .worker-report-photo-list img { width:64px; height:64px; object-fit:cover; border-radius:6px; }
html[data-ui="operations"] .worker-report-photo-pending img { width:120px; max-height:120px; object-fit:cover; }
html[data-ui="operations"] .worker-preview-actions button { min-height:44px; padding:11px 14px; font-size:14px; }
html[data-ui="operations"] .worker-today-head { padding:20px; background:#155562; color:#fff; }
html[data-ui="operations"] .worker-today-head h2 { font-size:24px; }
html[data-ui="operations"] .worker-today-head p { font-size:14px; }
html[data-ui="operations"] #workerTodayDate { color:#fff; }
html[data-ui="operations"] #workerTodayBriefing { color:#e5f2f4; }
html[data-ui="operations"] .navigator-list { display:grid; gap:10px; }
html[data-ui="operations"] .navigator-list>button { display:grid; grid-template-columns:38px minmax(0,1fr) 14px; gap:10px; padding:14px; border:1px solid var(--ops-border); border-radius:8px; color:var(--ops-ink); background:var(--ops-surface); text-align:left; }
html[data-ui="operations"] .navigator-list :is(strong,small) { display:block; }
html[data-ui="operations"] .navigator-list strong { font-size:14px; }
html[data-ui="operations"] .navigator-list small { font-size:12px; color:var(--ops-muted); margin-top:4px; }
html[data-ui="operations"] .worker-today-body { padding:18px; }
html[data-ui="operations"] .worker-mobile-nav { border-radius:0; box-shadow:0 -2px 8px #1732470d; }
html[data-ui="operations"] .worker-mobile-nav button { border-radius:7px; font-size:14px; }
html[data-ui="operations"] .worker-send { min-height:48px; }
@media(min-width:1100px) {
  html[data-ui="operations"] .project-hub-layout.project-open { display:grid; grid-template-columns:290px minmax(0,1fr); gap:20px; }
  html[data-ui="operations"] .project-hub-layout.project-open .project-rail { display:block; min-width:0; }
  html[data-ui="operations"] .project-open .project-rail-item { grid-template-columns:1fr; gap:6px; padding:14px; }
  html[data-ui="operations"] .project-open .project-selection-card-meta { display:none; }
  html[data-ui="operations"] .project-open .project-selection-heading { padding:14px; }
  html[data-ui="operations"] .project-open .project-selection-heading h2 { font-size:16px; }
  html[data-ui="operations"] .project-open .project-selection-heading #showProjectForm { font-size:12px; }
  html[data-ui="operations"] .project-open .project-rail>.ops-toolbar { padding:12px; }
  html[data-ui="operations"] .project-open .project-selection-tools { grid-template-columns:1fr; padding:12px; }
  html[data-ui="operations"] [data-content="projects"].project-detail-open { margin-top:0; }
  html[data-ui="operations"] .project-open .ops-toolbar label { flex-basis:100%; }
  html[data-ui="operations"] .project-open .project-cockpit-hero { display:block; }
  html[data-ui="operations"] .project-open .project-cockpit-hero>div:last-child { margin-top:16px; }
}
@media(max-width:1099px) {
  html[data-ui="operations"] .project-rail-item { grid-template-columns:1fr 1.5fr; }
  html[data-ui="operations"] .project-selection-card-meta { grid-column:1/-1; }
  html[data-ui="operations"] .content-shell { padding:20px; }
}
@media(max-width:700px) {
  html[data-ui="operations"] .portal-topbar { padding:10px 12px; gap:10px; flex-wrap:wrap; }
  html[data-ui="operations"] .portal-topbar { display:grid; grid-template-columns:36px minmax(0,1fr); }
  html[data-ui="operations"] .portal-topbar .topbar-right { display:flex; flex-wrap:wrap; justify-content:flex-end; }
  html[data-ui="operations"] .portal-brand { font-size:17px; }
  html[data-ui="operations"] .topbar-right { gap:6px; }
  html[data-ui="operations"] .ui-preview-toggle { font-size:12px; padding:8px; }
  html[data-ui="operations"] .ops-profile-menu>summary { font-size:12px; padding:8px; }
  html[data-ui="operations"] .content-shell { padding:14px; }
  html[data-ui="operations"] .page-heading { flex-wrap:wrap; align-items:flex-start; gap:12px; }
  html[data-ui="operations"] .page-heading h1 { font-size:24px; }
  html[data-ui="operations"] .page-heading .heading-actions { flex-wrap:wrap; }
  html[data-ui="operations"] .ops-toolbar label { flex-basis:calc(50% - 12px); max-width:none; }
  html[data-ui="operations"] .ops-toolbar label:has(input[type="search"]) { flex-basis:100%; }
  html[data-ui="operations"] .project-rail-item { grid-template-columns:1fr; gap:10px; padding:16px; }
  html[data-ui="operations"] .project-selection-card-main strong { font-size:17px; }
  html[data-ui="operations"] .project-selection-heading { flex-wrap:wrap; padding:16px; gap:12px; }
  html[data-ui="operations"] .project-selection-tools { grid-template-columns:1fr; }
  html[data-ui="operations"] .project-cockpit-hero { padding:16px; display:block; }
  html[data-ui="operations"] .project-cockpit-title h2 { font-size:23px; overflow-wrap:anywhere; }
  html[data-ui="operations"] .project-cockpit-hero>div:last-child { display:flex; margin-top:14px; }
  html[data-ui="operations"] .project-cockpit-panel { padding:12px; }
  html[data-ui="operations"] .project-overview-actions { grid-template-columns:1fr; }
  html[data-ui="operations"] .ops-project-groups { padding:8px; gap:4px; }
  html[data-ui="operations"] .ops-project-groups button { font-size:12px; padding:8px; }
  html[data-ui="operations"] .metric-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html[data-ui="operations"] .data-table :is(thead) { display:none; }
  html[data-ui="operations"] .data-table :is(tbody,tr) { display:block; width:100%; }
  html[data-ui="operations"] .data-table tr { padding:12px; border-bottom:1px solid var(--ops-border); }
  html[data-ui="operations"] .data-table td { display:block; padding:4px; border:0; overflow-wrap:anywhere; }
  html[data-ui="operations"] .table-surface { overflow-x:visible; }
  html[data-ui="operations"] .report-row { grid-template-columns:minmax(0,1fr) 44px; gap:8px; }
  html[data-ui="operations"] .report-row>.report-main { grid-column:1; }
  html[data-ui="operations"] .report-row>button { grid-column:2; grid-row:1/4; }
  html[data-ui="operations"] .report-row :is(.date-cell,div:has(.status-badge)) { display:block; grid-column:1; }
  html[data-ui="operations"] .ops-sheet { border-radius:0; padding:18px; }
  html[data-ui="operations"] .ops-sheet :is(.two-columns,.three-columns) { grid-template-columns:1fr; }
  html[data-ui="operations"] .ops-sheet .inline-form { display:grid; }
  html[data-ui="operations"] .connector-status-grid article { grid-template-columns:30px minmax(0,1fr); }
  html[data-ui="operations"] .connector-status-grid article button { grid-column:1/-1; justify-self:start; }
  html[data-ui="operations"] .connector-counts { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html[data-ui="operations"] .connector-subnav button small { display:none; }
  html[data-ui="operations"] .connector-subnav button { min-width:130px; }
  html[data-ui="operations"] .worker-inline-preview { padding:14px; }
  html[data-ui="operations"] .worker-report-photos { padding:12px; }
  html[data-ui="operations"] .worker-preview-actions { flex-wrap:wrap; }
  html[data-ui="operations"] .worker-message { max-width:100%; }
  html[data-ui="operations"] body.worker-mode .portal-topbar { height:auto; min-height:64px; padding:10px 12px; display:flex; flex-wrap:wrap; position:sticky; top:0; }
  html[data-ui="operations"] body.worker-mode .topbar-right { flex:1; justify-content:flex-end; }
  html[data-ui="operations"] body.worker-mode .portal-brand { font-size:0; }
  html[data-ui="operations"] body.worker-mode .ops-profile-menu>summary { font-size:12px; }
  html[data-ui="operations"] body.worker-mode .content-shell { padding:16px 12px calc(96px + env(safe-area-inset-bottom,0px)); }
  html[data-ui="operations"] body.worker-mode:not(.worker-chat-focused) .worker-layout { display:none; }
  html[data-ui="operations"] body.worker-mode.worker-chat-focused :is(.worker-header,.worker-today) { display:none; }
  html[data-ui="operations"] body.worker-mode.worker-chat-focused .worker-layout { display:block; }
  html[data-ui="operations"] body.worker-mode .worker-timeline { display:none; }
  html[data-ui="operations"] body.worker-mode .worker-header>div>p:last-child { display:none; }
  html[data-ui="operations"] body.worker-mode .worker-today { padding:0; overflow:hidden; }
  html[data-ui="operations"] body.worker-mode .worker-today-grid { padding:16px; display:grid; gap:20px; }
  html[data-ui="operations"] body.worker-mode .worker-today-grid h3 { font-size:14px; }
  html[data-ui="operations"] body.worker-mode .worker-mobile-nav:not(.hidden) { background:var(--ops-surface); border:1px solid var(--ops-border); border-radius:10px; padding:6px; bottom:max(8px,env(safe-area-inset-bottom)); }
  html[data-ui="operations"] body.worker-mode .worker-mobile-nav button { min-height:52px; margin:0; color:var(--ops-muted); border-radius:7px; background:transparent; box-shadow:none; }
  html[data-ui="operations"] body.worker-mode .worker-mobile-nav button.active { background:#e4f2ef; color:#075c55; }
  html[data-ui="operations"] body.worker-mode .worker-mobile-nav button span { color:inherit; }
  html[data-ui="operations"] body.worker-mode #notificationButton { display:none; }
  html[data-ui="operations"] body.worker-mode .worker-chat { min-height:520px; height:auto; max-height:none; }
  html[data-ui="operations"] body.worker-mode .worker-messages { max-height:260px; overflow:auto; }
  html[data-ui="operations"] body.worker-mode .worker-inline-preview { max-height:none; }
  html[data-ui="operations"] body.worker-mode .worker-compose { position:static; }
  html[data-ui="operations"] body.worker-mode :is(input,select,textarea) { font-size:16px; }
}
@media(prefers-reduced-motion:reduce) {
  html[data-ui="operations"] * { scroll-behavior:auto !important; transition:none !important; animation:none !important; }
}