/* ============================================================================ Outbound Sales Assistant — v5 cockpit re-skin (dashboard-v5 rollout, Sales lane, Wave O5) ---------------------------------------------------------------------------- FORKED from ``support-cockpit.css`` / ``renewal-cockpit.css`` / ``contract-v5.css`` so Outbound reads as a sibling of the Support + Renewal + Legal + Finance cockpits — the founder's "единый формат с другими ролями" goal. Same dense sub-bar vocabulary (bleed · sub-bar · role mark · tab row · wrap), the Sales blue accent (``--sales`` = #1A6FAD), and the bespoke work-core stays the shipped 4-tab flow (Setup · Prospects · Drafts · Results) rendered by the single-sourced ``_workcore.html`` partials — UNIFIED chrome, BESPOKE work-core. ROOT CLASS IS ``.ov5``, DELIBERATELY NOT ``.cv5``: ``contract-v5.css`` is loaded site-wide (templates/base.html) and ships blanket ``.cv5 a { color: inherit; text-decoration: none }`` / ``.cv5 button { border: none; background: none; color: inherit }`` resets. The Support cockpit (a small reused work-core) absorbed those with two restore rules; the Outbound work-core is ~7k lines of Tailwind forms, solid buttons, underlined links and status pills — inheriting the ``.cv5`` resets would silently strip backgrounds / borders / underlines across all four tabs. Scoping under ``.ov5`` keeps this file self-contained AND keeps the site-wide resets inert here, so the work-core renders byte-identically in both skins. Loaded ONLY on Outbound v5 pages (behind ``settings.outbound_v5_enabled`` via ``app/outbound/_base_v5.html``), so it can never clash with the other cockpit stylesheets — no page loads two. House rules honoured: • General Sans everywhere (inherited from base.html ) — NO monospace in the customer UI. • Light theme only (dark mode is founder-vetoed) — no prefers-color-scheme. • CSP-safe: no @import of remote fonts; zero inline handlers; this file carries zero JS (the outbound v5 chrome needs none — row expand stays native
, refresh stays HTMX). • Full page width: the founder hard requirement (2026-06-18) for the Outbound tabs — ``.ov5-wrap`` is NOT capped at 1320px like the sibling cockpits; it owns the padding the blanked
gave up. ============================================================================ */ .ov5 { /* Surface + ink — aligned to the app palette (base.html :root) but kept local so the dense cockpit reads a touch cooler than the marketing pages. */ --ov5-bg: #F4F5F8; --ov5-card: #FFFFFF; --ov5-ink: #191C22; --ov5-ink2: #4A515C; --ov5-ink3: #868D99; --ov5-line: #E5E8EE; --ov5-line-strong: #D2D7E0; /* Sales department band + action accent (design_direction.md). */ --ov5-accent: #1A6FAD; --ov5-accent-ink: #175E92; --ov5-accent-soft: #E4EFF8; --ov5-accent-border: #BCD7EC; color: var(--ov5-ink); } /* The v5 surface owns its own neutral wash.
renders classless under the twin templates (blank main_class block), so the bleed is a plain full-width wrapper — no negative-margin escape needed. */ .ov5 .ov5-bleed { background: var(--ov5-bg); min-height: 60vh; } /* Full-width reading column (founder hard requirement for this role) — the wrap re-establishes the padding the blanked
gave up. */ .ov5 .ov5-wrap { max-width: none; padding: 20px 24px 60px; } @media (min-width: 768px) { .ov5 .ov5-wrap { padding: 24px 40px 64px; } } /* ── Cockpit sub-bar (role mark + 4-tab row + utility tab) ────────────────── */ .ov5 .ov5-sub { background: #fff; border-bottom: 1px solid var(--ov5-line); } .ov5 .ov5-sub-in { padding: 0 24px; display: flex; align-items: center; gap: 2px; flex-wrap: wrap; } @media (min-width: 768px) { .ov5 .ov5-sub-in { padding: 0 40px; } } .ov5 .ov5-role { font-size: 12px; font-weight: 700; color: var(--ov5-accent-ink); padding-right: 14px; margin-right: 6px; border-right: 1px solid var(--ov5-line); display: flex; align-items: center; gap: 7px; white-space: nowrap; } .ov5 .ov5-role .b { width: 8px; height: 8px; border-radius: 2px; background: var(--ov5-accent); } .ov5 a.ov5-tab { font-size: 13.5px; font-weight: 600; color: var(--ov5-ink3); padding: 12px 13px; border-bottom: 2px solid transparent; margin-bottom: -1px; white-space: nowrap; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; } .ov5 a.ov5-tab:hover { color: var(--ov5-ink); } .ov5 a.ov5-tab.on { color: var(--ov5-accent-ink); border-bottom-color: var(--ov5-accent); } .ov5 a.ov5-tab-util { margin-left: auto; color: var(--ov5-ink3); } .ov5 .ov5-tab-badge { font-size: 10.5px; font-weight: 700; line-height: 1; border-radius: 999px; padding: 3px 7px; background: var(--ov5-accent-soft); color: var(--ov5-accent-ink); border: 1px solid var(--ov5-accent-border); font-variant-numeric: tabular-nums; } /* Attention dot — the tab has something waiting on the operator (same affordance the legacy cockpit sub-bar carried on Drafts). */ .ov5 .ov5-tab-badge.dot { background: var(--ov5-accent); color: #fff; border-color: var(--ov5-accent); } /* ── Responsive: the tab row wraps; the utility tab folds into the flow ──── */ @media (max-width: 720px) { .ov5 a.ov5-tab-util { margin-left: 0; } .ov5 .ov5-wrap { padding: 16px 16px 48px; } .ov5 .ov5-sub-in { padding: 0 16px; } }