/* ConnexLab palette: #172f55, #9cb4ff, Lexend and Poppins from apps/site. */
.column{background:var(--surface-2);border-color:var(--border)}.column-head{color:var(--text)}
.activity-row .avatar{display:inline-grid;width:24px;height:24px;margin-right:8px;vertical-align:middle}
@media(max-width:700px){.client-row>.client-admin-actions{display:flex!important}}
:root,[data-theme="light"]{color-scheme:light;--bg:#f2f5fa;--sidebar:#fff;--canvas:#f2f5fa;--surface:#fff;--surface-2:#eaf0f8;--surface-3:#dde7f5;--border:#c9d4e3;--border-soft:#e0e7f0;--text:#172f55;--muted:#536781;--brand:#172f55;--brand-2:#294d80;--accent:#9cb4ff;--danger:#b72240;--warning:#946016;--success:#167246;--shadow:0 18px 50px #172f551a}
[data-theme="dark"]{color-scheme:dark;--bg:#030f1b;--sidebar:#081522;--canvas:#0a1725;--surface:#0d1b2a;--surface-2:#142536;--surface-3:#25364a;--border:#4b5c8a;--border-soft:#25384e;--text:#f2f5fa;--muted:#b2c0d3;--brand:#9cb4ff;--brand-2:#bdd0ff;--accent:#9cb4ff;--danger:#ff8a96;--warning:#ffc66d;--success:#72d6a1;--shadow:0 18px 50px #02091466}
[hidden]{display:none!important}.topbar,.drawer,.drawer-head,.drawer-foot,.mobile-nav,.login-brand{background:var(--sidebar)}.button.primary{color:var(--surface)}[data-theme="dark"] .button.primary{color:var(--bg)}.button.danger,.adjustment{color:var(--danger)}.avatar{object-fit:cover;background:var(--surface-3);color:var(--brand)}.input,.textarea,.select,.filter,.search{background:var(--surface);color:var(--text);border-color:var(--border)}.pill,.tag.slate{background:var(--surface-2);color:var(--text)}.logo em{color:var(--brand)}.theme-control{display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted)}.theme-control select{max-width:88px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:7px;padding:6px;min-height:36px}.theme-control:has(select:focus){color:var(--brand)}
.origin-panel{display:grid;gap:6px;padding:14px;margin-bottom:20px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px}.card-approval-status{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.caption-field{margin-top:20px}.copy{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.caption{font-size:15px}.feedback{border-left:3px solid var(--accent);background:var(--surface-2);padding:14px;border-radius:7px;margin:14px 0}.feedback h4{margin:12px 0 4px}.feedback p{margin:6px 0}.drive-card{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:16px}
.advanced-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.filter-group{display:grid;gap:5px;font-size:11px;color:var(--muted);min-width:0}.filter-group .filter{width:100%;min-width:0;max-width:100%;min-height:42px;border-radius:7px;padding:8px}.filter-toggles{display:flex;gap:18px;flex-wrap:wrap;margin:14px 0}.filter-toggles label{display:flex;gap:6px;align-items:center}.filter-toggles input,.task-select input,.approval-media-selection input{width:20px;height:20px;accent-color:var(--brand)}.selection-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:10px;margin-bottom:18px}.selection-bar label{display:grid;gap:3px;font-size:10px}.selection-bar .select{max-width:210px}.task-select{display:flex;justify-content:flex-end;align-items:center;gap:5px;font-size:10px;color:var(--muted);margin-bottom:5px}.task:has([data-select-card]:checked){outline:2px solid var(--brand);background:var(--surface-2)}.task-tags .pill{font-size:9px;max-width:100%;white-space:normal}.board-toolbar{flex-wrap:wrap;overflow:visible}.board-toolbar .filter{min-height:42px}.board-extra{margin-bottom:16px}.board .avatar{width:25px;height:25px}.main,.content{min-width:0}.topbar h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .actions{flex:none}
.profile-form{max-width:650px;padding:24px;display:grid;gap:18px}.profile-preview{display:flex;gap:18px;align-items:center}.profile-preview .avatar,.large-avatar{width:80px;height:80px;font-size:24px}.profile-preview h2{font:500 20px var(--font-head);margin:0 0 4px}.field small{color:var(--muted)}.client-admin-actions{display:flex;gap:6px;flex-wrap:wrap;grid-column:1/-1;padding-top:8px}.social-types{margin-top:20px;padding:20px}.social-type-row{display:grid;grid-template-columns:1fr auto 160px auto;align-items:center;gap:10px;border-top:1px solid var(--border-soft);padding:12px 0}.social-type-row label{display:flex;gap:6px;align-items:center}.approval-panel{display:grid;gap:16px}.approval-panel h2{font:500 18px var(--font-head);margin:0}.approval-panel h3{font:500 14px var(--font-head);margin:8px 0}.approval-media-selection{display:grid;gap:10px}.approval-media-selection label{display:flex;gap:8px;align-items:center;overflow-wrap:anywhere}.approval-panel>.actions{flex-wrap:wrap}.approval-history{margin-top:14px}.comment-head .avatar{width:28px;height:28px;flex:none}
.client-platform{max-width:1180px;margin:auto;padding:24px clamp(16px,4vw,40px) 60px}.client-header{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--border);margin-bottom:26px}.client-logo{font:500 20px var(--font-head);margin-bottom:7px}.client-logo em{font-style:normal;color:var(--brand)}.review-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}.review-card{text-align:left;padding:22px;display:grid;gap:14px;align-content:start;color:var(--text);min-height:180px}.review-card h2{font:500 18px/1.5 var(--font-head);margin:0;overflow-wrap:anywhere}.review-card .pill{justify-self:start}.review-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;margin-top:24px;align-items:start}.review-context{display:grid;gap:14px;min-width:0}.review-context h1{font:500 25px/1.4 var(--font-head);margin:0;overflow-wrap:anywhere}.review-context h2{font:500 17px var(--font-head);margin:12px 0 0}.review-context p{margin:0}.review-actions{display:flex;gap:10px;flex-wrap:wrap}.review-actions button{flex:1;min-height:48px}.review-context textarea{min-height:140px}.review-context form{display:grid;gap:12px}.media-preview{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--surface);padding:12px}.media-preview>p{padding:12px;margin:0;color:var(--muted)}.media-frame{display:grid;place-items:center;min-height:160px;background:var(--surface-2);border-radius:8px;overflow:hidden}.media-frame img,.media-frame video{display:block;max-width:100%;width:100%;max-height:65vh;object-fit:contain}.vertical .media-frame img,.vertical .media-frame video{width:auto;max-width:100%;max-height:65vh}.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px}.media-preview[data-state="error"]{border-color:var(--danger)}.media-preview[data-state="error"] [data-preview-state]{color:var(--danger)}
@media(max-width:768px){.review-layout{grid-template-columns:1fr;gap:24px}.review-actions{position:sticky;bottom:0;padding:12px 0;background:var(--bg)}.client-header{align-items:flex-start}.review-tabs .button{flex:1;font-size:11px;padding:10px 8px}.social-type-row{grid-template-columns:1fr auto}.social-type-row strong{grid-column:1/-1}.social-type-row select{max-width:100%}.advanced-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.selection-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.selection-bar strong{grid-column:1/-1}.selection-bar .select,.selection-bar .input{width:100%;max-width:100%;min-width:0}.selection-bar .button{font-size:11px;padding:9px 8px}.client-admin-actions .button{font-size:10px;padding:8px}.client-admin-actions{grid-column:1/-1}.profile-form{padding:18px}.topbar .theme-control{font-size:0}.topbar .theme-control select{max-width:74px;font-size:10px}.topbar{gap:8px}.topbar .actions{gap:5px}.topbar .button.primary span{display:inline}.topbar .button.primary{font-size:10px;padding:8px}.board-toolbar .search{flex:1 1 100%;min-width:0}.board-toolbar select{flex:1 1 40%;min-width:0}.drawer-tabs{overflow-x:auto}.client-platform{padding-top:18px}.client-header .theme-control{display:grid;gap:3px}.caption{font-size:14px}}
