/* BrandOps UX v1 — job-oriented shell layered over the proven v0.16 UI. */

body.brandops-ux-v1 .shell{grid-template-columns:240px minmax(0,1fr)}
body.brandops-ux-v1 .sidebar{padding:0;gap:0;min-height:100vh;position:sticky;top:0;height:100vh;overflow:auto}
body.brandops-ux-v1 .brandops-sidebar-brand{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);min-height:60px}
body.brandops-ux-v1 .brandops-sidebar-brand .brand-mark{width:34px;height:34px;border-radius:3px;font-size:11px;flex:0 0 auto}
body.brandops-ux-v1 .brandops-sidebar-brand-copy{display:flex;flex-direction:column;min-width:0}
body.brandops-ux-v1 .brandops-sidebar-brand-copy strong{font-size:14px;line-height:20px}
body.brandops-ux-v1 .brandops-sidebar-brand-copy span{font-size:11px;line-height:16px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

body.brandops-ux-v1 .brandops-nav{padding:14px 8px 12px;display:flex;flex-direction:column;gap:14px;flex:1}
body.brandops-ux-v1 .brandops-nav-group{display:flex;flex-direction:column;gap:2px}
body.brandops-ux-v1 .brandops-nav-label{padding:4px 8px 5px;color:#8a9099;font-size:10px;line-height:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
body.brandops-ux-v1 .brandops-nav-item{display:flex;align-items:center;gap:9px;width:100%;min-height:36px;padding:7px 8px;border:0;border-radius:3px;background:transparent;color:#3f444b;text-align:left;font-size:13px;line-height:20px;font-weight:400;cursor:pointer}
body.brandops-ux-v1 .brandops-nav-item:hover:not(:disabled){background:#f5f5f5;color:#282828}
body.brandops-ux-v1 .brandops-nav-item.active{background:#f0f8ff;color:var(--accent);font-weight:500}
body.brandops-ux-v1 .brandops-nav-item:disabled{cursor:default;color:#a1a6ad}
body.brandops-ux-v1 .brandops-nav-icon{width:18px;text-align:center;font-size:14px;color:inherit;flex:0 0 auto}
body.brandops-ux-v1 .brandops-coming{margin-left:auto;font-size:9px;line-height:14px;padding:1px 5px;border:1px solid #dfe3e8;border-radius:8px;color:#8a9099;background:#fff}
body.brandops-ux-v1 .brandops-nav-divider{height:1px;background:var(--line);margin:2px 8px}

body.brandops-ux-v1 .brandops-context-head{margin:0 8px 4px;padding:8px;border:1px solid var(--line);border-radius:4px;background:#fff}
body.brandops-ux-v1 .brandops-context-head strong{display:block;font-size:13px;line-height:18px;color:#282828;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.brandops-ux-v1 .brandops-context-head span{display:block;margin-top:2px;font-size:10px;line-height:15px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

body.brandops-ux-v1 #sidebarCcStatus{margin:0 8px 12px;padding:10px 11px;border-radius:4px;box-shadow:none}
body.brandops-ux-v1 .sidebar-connection-label{font-size:9px}
body.brandops-ux-v1 .sidebar-connection-state b{font-size:11px}
body.brandops-ux-v1 .sidebar-connection-state small{font-size:10px;max-width:145px}

body.brandops-ux-v1 main{padding:24px 32px 56px;max-width:none;margin:0}
body.brandops-ux-v1 main>header{max-width:1280px;margin:0 auto 18px;align-items:center}
body.brandops-ux-v1 main>header .eyebrow{display:none}
body.brandops-ux-v1 main>header h1{font-size:24px;line-height:32px;letter-spacing:0;margin:0 0 3px;max-width:none}
body.brandops-ux-v1 main>header p{font-size:13px;line-height:20px;max-width:760px}
body.brandops-ux-v1 .health{border-radius:3px;box-shadow:0 1px 3px rgba(63,63,68,.12);padding:7px 10px;background:#fff}
body.brandops-ux-v1[data-brandops-route="profile"] main>header{display:none}

body.brandops-ux-v1 #overviewSection,
body.brandops-ux-v1 #workspaceSection,
body.brandops-ux-v1 #profileSection,
body.brandops-ux-v1 .supporting-tools{max-width:1280px;margin-left:auto;margin-right:auto}
body.brandops-ux-v1 .supporting-tools{display:none;margin-top:0;padding-top:0;border-top:0}
body.brandops-ux-v1[data-brandops-route="ai"] .supporting-tools{display:block}
body.brandops-ux-v1[data-brandops-route="ai"] .supporting-tools>summary{display:none}
body.brandops-ux-v1[data-brandops-route="ai"] .supporting-tools-body{padding-top:0}

body.brandops-ux-v1 #workspaceSection{padding:20px;margin-bottom:0}
body.brandops-ux-v1 #workspaceSection .section-title{margin-bottom:16px}
body.brandops-ux-v1 #workspaceSection .section-title h2{font-size:20px;line-height:28px;margin:2px 0 2px}
body.brandops-ux-v1 #workspaceSection .kicker{display:none}
body.brandops-ux-v1 #workspaceSection .section-copy{font-size:12px;line-height:18px;margin:0}

body.brandops-ux-v1 #profileTabs{display:none}
body.brandops-ux-v1 #backProfilesBtn{display:none}
body.brandops-ux-v1 .profile-head{margin:0 0 14px;padding:0;align-items:center}
body.brandops-ux-v1 .profile-head .eyebrow{font-size:10px;letter-spacing:.08em}
body.brandops-ux-v1 .profile-head h2{font-size:24px;line-height:32px;margin:2px 0}
body.brandops-ux-v1 .profile-head .meta{font-size:11px;line-height:17px}
body.brandops-ux-v1 .profile-summary{margin-bottom:12px}
body.brandops-ux-v1 .profile-tab-content{border-radius:4px;min-height:320px;padding:20px;margin-top:12px}
body.brandops-ux-v1 .profile-settings{border-radius:4px}
body.brandops-ux-v1 .profile-settings>summary{padding:12px 16px}

.brandops-overview{display:grid;gap:16px}
.brandops-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.brandops-metric{background:#fff;border:1px solid var(--line);border-radius:4px;padding:14px 16px;box-shadow:0 1px 3px rgba(63,63,68,.08);min-height:84px}
.brandops-metric strong{display:block;font-size:24px;line-height:30px;font-weight:500;color:#282828}
.brandops-metric span{display:block;margin-top:5px;color:var(--muted);font-size:11px;line-height:16px}
.brandops-metric.future strong{font-size:13px;line-height:20px;color:#8a9099;margin-top:5px}
.brandops-panel{background:#fff;border:1px solid var(--line);border-radius:4px;box-shadow:0 1px 3px rgba(63,63,68,.08);overflow:hidden}
.brandops-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px;border-bottom:1px solid var(--line)}
.brandops-panel-head h2{font-size:16px;line-height:24px;margin:0;color:#282828}
.brandops-panel-head p{font-size:11px;line-height:17px;margin:2px 0 0;color:var(--muted)}
.brandops-panel-head button{flex:0 0 auto}
.brandops-attention-list,.brandops-program-list{display:flex;flex-direction:column}
.brandops-attention-row,.brandops-program-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--line);cursor:pointer;background:#fff}
.brandops-attention-row:last-child,.brandops-program-row:last-child{border-bottom:0}
.brandops-attention-row:hover,.brandops-program-row:hover{background:#fafafa}
.brandops-attention-main,.brandops-program-main{min-width:0}
.brandops-attention-main b,.brandops-program-main b{display:block;font-size:12px;line-height:18px;color:#282828}
.brandops-attention-main span,.brandops-program-main span{display:block;font-size:10px;line-height:16px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brandops-row-status{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);white-space:nowrap}
.brandops-empty{padding:24px 18px;color:var(--muted);font-size:12px;line-height:18px;text-align:center}
.brandops-attention-row .brandops-row-status{color:#9a6500}

body.brandops-ux-v1 .program-state-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
body.brandops-ux-v1 .program-state-card{border:1px solid var(--line);background:#fff;border-radius:4px;padding:12px 14px;min-height:78px}
body.brandops-ux-v1 .program-state-card small{display:block;color:#8a9099;font-size:9px;line-height:14px;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
body.brandops-ux-v1 .program-state-card strong{display:block;margin-top:4px;font-size:13px;line-height:20px;font-weight:500;color:#282828}
body.brandops-ux-v1 .program-state-card span{display:block;margin-top:2px;font-size:10px;line-height:15px;color:var(--muted)}
body.brandops-ux-v1 .next-action-card{border-radius:4px;background:#f7fbff;border-color:#d7eafa;padding:18px}
body.brandops-ux-v1 .next-action-card h3{font-size:18px;line-height:26px;margin:3px 0 5px}
body.brandops-ux-v1 .journey-grid{display:none}

body.brandops-ux-v1 .profile-card{border-radius:4px;padding:14px;box-shadow:0 1px 3px rgba(63,63,68,.08)}
body.brandops-ux-v1 .profile-card:hover{transform:none;border-color:#a0a9b1;box-shadow:0 2px 5px rgba(63,63,68,.12)}
body.brandops-ux-v1 .profile-counts span{border-radius:3px;background:#f5f5f5}

body.brandops-ux-v1 .template-hero h3{font-size:20px;line-height:28px}
body.brandops-ux-v1 .template-hero .kicker{display:none}
body.brandops-ux-v1 .template-browser,
body.brandops-ux-v1 .template-card,
body.brandops-ux-v1 .template-selected,
body.brandops-ux-v1 .batch-panel{border-radius:4px}
body.brandops-ux-v1 .template-card:hover{transform:none;border-color:#a0a9b1;box-shadow:0 2px 5px rgba(63,63,68,.12)}

body.brandops-ux-v1 .brandops-ai-note{padding:12px 14px;margin-bottom:14px;border:1px solid #d7eafa;background:#f7fbff;border-radius:4px;color:#4d5660;font-size:11px;line-height:17px}

@media(max-width:1050px){
  body.brandops-ux-v1 .brandops-metrics,
  body.brandops-ux-v1 .program-state-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
  body.brandops-ux-v1 .shell{grid-template-columns:1fr}
  body.brandops-ux-v1 .sidebar{display:none}
  body.brandops-ux-v1 main{padding:20px}
}
@media(max-width:620px){
  body.brandops-ux-v1 .brandops-metrics,
  body.brandops-ux-v1 .program-state-grid{grid-template-columns:1fr}
  body.brandops-ux-v1 main>header{display:block}
  body.brandops-ux-v1 .health{display:inline-flex;margin-top:10px}
}

.brandops-editor-overlay{position:fixed;inset:0;background:rgba(31,42,55,.28);display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000}
.brandops-editor-dialog{width:min(620px,100%);background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 55px rgba(31,42,55,.22);padding:20px;display:grid;gap:18px}
.brandops-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.brandops-editor-head h3{margin:3px 0 4px;font-size:20px;line-height:28px;font-weight:500}
.brandops-editor-head p{margin:0;color:var(--muted);font-size:12px;line-height:18px}
.brandops-editor-close{border:0;background:transparent;color:#77838d;font-size:24px;line-height:24px;cursor:pointer;padding:2px}
.brandops-color-editor{display:grid;grid-template-columns:110px 1fr;gap:18px;align-items:start}
.brandops-color-preview{display:grid;gap:10px;justify-items:center}
.brandops-color-preview>span{width:88px;height:88px;border-radius:8px;border:1px solid var(--line);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.brandops-color-preview input[type=color]{width:88px;height:36px;padding:2px;border:1px solid var(--line);border-radius:4px;background:#fff;cursor:pointer}
.brandops-editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.brandops-editor-fields label{display:flex;flex-direction:column;gap:5px}
.brandops-editor-fields label>span{font-size:10px;color:#6c7882}
.brandops-editor-fields input{width:100%;min-height:36px;border:1px solid var(--line);border-radius:4px;padding:7px 9px;font:inherit;font-size:12px;background:#fff}
.brandops-editor-actions{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--line);padding-top:14px}
@media(max-width:650px){.brandops-color-editor{grid-template-columns:1fr}.brandops-color-preview{justify-items:start}.brandops-editor-fields{grid-template-columns:1fr}}