/* Lot 1: legacy view rules stay below explicit shared contracts.
   Source authority: 4SYSTEM site + supplied guide, not generic taste motifs. */
@layer views, foundation, components;
@import url('/styles.css?v=source-access-20261018-r1') layer(views);
@import url('/crm-email.css?v=source-access-20261018-r1') layer(views);
@import url('/crm-enrichment.css?v=source-access-20261018-r1') layer(views);
@import url('/lead-origin-journey.css?v=source-access-20261018-r1') layer(views);
@import url('/cold-call-journey.css?v=source-access-20261018-r1') layer(views);
@import url('/unanswered-queue.css?v=source-access-20261018-r1') layer(views);
@import url('/detailed-call-tree.css?v=source-access-20261018-r1') layer(views);
@import url('/cold-call-tree.css?v=source-access-20261018-r1') layer(views);
@import url('/closing-workspace.css?v=source-access-20261018-r1') layer(views);
@import url('/closing-calendar.css?v=source-access-20261018-r1') layer(views);
@font-face { font-family:Montserrat; font-style:normal; font-weight:100 900; font-display:swap; src:url('/assets/montserrat-latin-ext.woff2') format('woff2'); unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family:Montserrat; font-style:normal; font-weight:100 900; font-display:swap; src:url('/assets/montserrat-latin.woff2') format('woff2'); unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@layer foundation {
 :root { --bg:#f4f4f4; --paper:#fff; --ink:#111; --soft:#595959; --muted:#595959; --line:#d4d4d4; --green:#171717; --green-soft:#ededed; --mint:#f4f4f4; --amber:#78531b; --shadow:none; --shadow-sm:0 1px 2px rgb(0 0 0 / 6%); --surface-dark:#171717; font-family:Montserrat,Arial,sans-serif; font-variant-numeric:tabular-nums; }
 html { scroll-behavior:auto; }
 body { min-width:0; min-height:100dvh; font-size:14px; line-height:1.5; }
 :where(button,input,select,textarea,a,summary) { font:inherit; }
 :where(input,select,textarea) { min-width:0; max-width:100%; color:var(--ink); background:var(--paper); border:1px solid #878787; border-radius:0; padding:10px 12px; }
 :where(button,input:not([type=checkbox]):not([type=radio]),select,textarea,summary) { min-height:44px; }
 :where(button,summary) { cursor:pointer; min-width:44px; }
 :where(button,input,select,textarea) { border-radius:0; }
 :where(input,select,textarea):not([type=checkbox]):not([type=radio]) { min-width:44px; }
 :where(button,a,input,select,textarea,summary,[tabindex]) { transition:background-color .12s,border-color .12s; }
 :where(button,a,input,select,textarea,summary,[tabindex]):focus-visible { outline:2px solid currentColor; outline-offset:3px; }
 :where(button,input,select,textarea):disabled { cursor:not-allowed; }
 :where(h1,h2,h3,h4,p,span,strong,small,dd,dt,label,button,a) { overflow-wrap:anywhere; }
 :where(section,article,header,footer,form,fieldset,dialog,details,dl,dd,div,button,label) { min-width:0; }
 :where(dt) { font-size:12px; letter-spacing:normal; text-transform:none; line-height:1.5; }
 :where(dd) { font-size:14px; }
 main { width:min(1440px,100%); padding:20px clamp(12px,2.5vw,36px) 48px; }
 @media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none; transition:none; scroll-behavior:auto; } }
}
@layer components {
 .topbar { width:100%; max-width:none; margin:0; padding:10px clamp(12px,2.5vw,36px); min-height:66px; grid-template-columns:auto minmax(0,1fr) auto; gap:14px; border-radius:0; background:#000000; box-shadow:none; }
 .brand { gap:10px; align-items:center; }
 .brand img { width:150px; height:43px; object-fit:contain; background:transparent; padding:0; }
 .brand span { font-size:11px; color:#bdbdbd; }
 .tabs { justify-self:stretch; display:flex; flex-wrap:wrap; width:auto; padding:0; gap:0; border:0; border-radius:0; background:transparent; overflow:visible; }
 .nav-group { display:flex; flex-wrap:nowrap; gap:4px; align-items:center; padding:0 8px; }
 .nav-group + .nav-group { border-left:1px solid #595959; }
 .nav-group-label { position:static; width:auto; height:auto; flex:0 0 auto; margin:0 8px 0 0; padding:0; overflow:visible; clip:auto; clip-path:none; white-space:nowrap; color:#bdbdbd; font-size:12px; font-weight:500; line-height:1.4; letter-spacing:0; text-transform:none; }
 .tabs button { min-height:48px; min-width:44px; padding:8px 12px; font-size:16px; font-weight:600; color:#f4f4f4; background:transparent; border:1px solid transparent; border-radius:0; }
 .tabs button[aria-current=page] { color:#111; background:#fff; border-color:#fff; }
 .tabs button:hover { border-color:#878787; }
 .topbar-account { gap:8px; flex-wrap:wrap; }
 #logout { width:auto; font-size:12px; min-width:100px; white-space:nowrap; }
 #logout::before { content:none; }
 .topbar-account > button, .topbar-account > .account-switch-trigger { min-height:44px; max-width:230px; border-radius:0; font-size:12px; padding:5px 10px; }
 .account-switch-trigger strong { white-space:normal; overflow:visible; text-overflow:clip; }
 .account-switch-trigger small { font-size:11px; }
 .sync-light,.account-switch-light { background:#ddd; box-shadow:none; border-radius:0; }
 .shell-location { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 16px; padding:10px 0 14px; margin-bottom:14px; border-bottom:1px solid var(--line); }
 .shell-location > div { display:flex; flex-wrap:wrap; gap:8px 16px; align-items:baseline; }
 #page-location { font-size:18px; font-weight:650; }
 #scope-location,#read-freshness { color:var(--muted); font-size:12px; }
 .page-head { margin-bottom:22px; align-items:start; gap:12px; }
 .page-head h1,.product-page-head h1 { font-size:28px; line-height:1.2; letter-spacing:-.02em; }
 .lede { margin:8px 0 0; font-size:14px; line-height:1.5; }
 .eyebrow { color:var(--muted); font-size:11px; letter-spacing:.06em; margin-bottom:6px; }
 .verified { min-width:0; padding:10px 12px; border-radius:0; box-shadow:none; }
 .verified span { color:var(--muted); font-size:11px; }
 .section { margin-top:26px; }
 .section-heading { gap:12px; flex-wrap:wrap; margin-bottom:12px; }
 .section-heading h2,.section-heading.compact h3 { font-size:22px; line-height:1.3; letter-spacing:-.02em; }
 .state { margin:32px auto; padding:20px; border:1px solid var(--line); background:var(--paper); text-align:left; }
 .state h1 { font-size:26px; letter-spacing:-.02em; }
 .loader { width:100%; height:4px; margin:0; border:0; border-radius:0; background:#d4d4d4; animation:none; }
 :where(.primary-action,.secondary-action,.flow-primary,.flow-secondary,.flow-danger,.flow-back,.copy-button,.card-cta,#retry,.crm-add-lead,.crm-pipeline-tabs button,.workspace-panel-tabs button) { min-height:44px; min-width:44px; height:auto; padding:10px 14px; border-radius:0; line-height:1.4; white-space:normal; text-align:center; }
 :where(.flow-primary,.primary-action,.copy-button) { background:#171717; color:#fff; }
 :where(.flow-primary,.primary-action,.copy-button):hover { background:#333; }
 :where(.badge,.call-offer-fit,.call-gatekeeper-memory,.call-source-freshness,.meeting-card-preflight span) { border-radius:0; font-size:11px; line-height:1.4; white-space:normal; }
 :where(.next-call-card,.queue-card,.pipeline-card,.pipeline-column,.meeting-execution-card,.meeting-card,.meeting-practice-lab,.call-sandbox-lab,.test-scenario-panel,.empty,.empty-focus,.crm-toolbar,.crm-test-journey,.performance-summary article,.journey-board,.journey-section,.closing-calendar,.analytics-panel,.focus-brief) { border-radius:0; box-shadow:none; background-image:none; }
 :where(.queue-card,.pipeline-card,.meeting-execution-card) { padding:16px; }
 .next-call-card { min-height:260px; padding:22px; background:#171717; }
 .call-company,.call-sandbox-lab .call-company { margin-top:18px; max-width:100%; font-size:28px; line-height:1.2; letter-spacing:-.025em; }
 .queue-card .call-company { font-size:22px; line-height:1.2; margin-top:16px; }
 .call-contact,.call-sandbox-lab .call-contact { font-size:14px; line-height:1.5; }
 .card-topline { flex-wrap:wrap; }
 .card-cta { margin-top:18px; }
 .queue-card .card-cta { padding:10px 0; min-height:44px; }
 .queue-card { min-height:210px; }
 .call-sandbox-lab { margin:0 0 22px; padding:16px; gap:16px; grid-template-columns:minmax(0,1fr) minmax(0,1fr); background:#ededed; }
 .call-sandbox-lab .call-sandbox-copy h2,.meeting-practice-copy h2 { font-size:22px; line-height:1.3; }
 .call-sandbox-lab .next-call-card { padding:18px; }
 .focus-brief { margin-top:0; padding:16px; }
 .focus-brief div { min-height:74px; border-radius:0; }
 .focus-brief div > strong { font-size:28px; }
 .pipeline-grid { grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr)); }
 .pipeline-card-foot { flex-wrap:wrap; font-size:12px; }
 .pipeline-card-meta,.crm-journey-card > small { font-size:11px; line-height:1.5; }
 .crm-journey-card > strong { font-size:16px; line-height:1.4; }
 .crm-journey-card > :where(span:not(.pipeline-card-meta):not(.pipeline-card-foot)) { margin-top:5px; }
 .crm-card-value { color:var(--ink); font-size:14px; }
 .crm-website-url { color:#333; font-size:12px; text-decoration:underline; }
 .crm-activity-state { font-size:12px; }
 .crm-activity-state.is-overdue { color:#812f2f; background:#f9dddd; }
 .crm-activity-state.is-today { color:#6d4b08; background:#fff0c4; }
 .crm-toolbar input { border-radius:0; }
 :where(dialog,#deal-dialog,#crm-create-dialog,.crm-email-dialog,.account-switch-dialog) { width:min(980px,calc(100% - 24px)); max-width:calc(100% - 24px); max-height:calc(100dvh - 24px); border:1px solid var(--line); border-radius:0; box-shadow:0 12px 40px rgb(0 0 0 / 20%); }
 #deal-dialog-content { padding:20px; }
 .dialog-head { gap:12px; }
 .ui-async-dialog { padding:16px; }
 .ui-async-head,.crm-contacts-head { display:flex; align-items:start; justify-content:space-between; gap:12px; }
 .ui-async-head h2,.crm-contacts-head h2 { margin:0; font-size:22px; line-height:1.3; }
 .ui-async-context { margin:8px 0 12px; font-size:14px; }
 .dialog-head h2 { font-size:26px; line-height:1.3; letter-spacing:-.025em; }
 .dialog-head p:not(.eyebrow) { font-size:14px; margin-top:8px; }
 .dialog-close,.crm-email button[data-email-close] { border-radius:0; flex:0 0 44px; min-width:44px; }
 :where(.dialog-grid,.dialog-branches,.meeting-prep-columns,.live-call-context) { gap:10px; }
 :where(.detail-block,.script-block,.meeting-prep-brief,.meeting-question,.meeting-lab-form,.crm-contacts-editor,.live-objection-card,.objection-answer-field) { border-radius:0; }
 .live-call-head { align-items:flex-start; }
 .live-call-head > div:first-child { flex:1 1 auto; }
 .live-call-head-actions,.meeting-execution-head-actions { flex:0 1 auto; max-width:100%; }
 /* Shared structural variants; business danger/STOP/overdue keep semantic colors. */
 :where(.test-journey-progress li,.test-journey-progress li > span,.meeting-flow-progress li,.meeting-flow-progress li > span,.crm-contact-trigger,.call-recipient-choice,.cc-toolbar,.cc-navigation,.cc-control,.cc-mode,.cc-filter,.cc-empty,.cc-event,.crm-booking-recipient,.crm-contact-panel,.crm-contact-primary,.call-website-proof,.call-sandbox-lab,.crm-email header,.crm-email footer,.crm-enrichment-panel) { border-radius:0; box-shadow:none; background-image:none; }
 :where(.test-journey-progress li,.crm-contact-panel,.crm-contact-primary,.crm-booking-recipient,.call-website-proof,.cc-toolbar,.cc-navigation,.cc-mode,.cc-filter,.cc-empty) { background:var(--paper); border-color:var(--line); color:var(--ink); }
 :where(.test-journey-progress li.is-current,.test-journey-progress li.is-completed) { background:var(--green-soft); border-color:var(--ink); }
 .test-journey-progress li > span { background:#878787; }
 .test-journey-progress li:is(.is-current,.is-completed) > span { background:var(--ink); box-shadow:none; }
 .test-journey-progress li small { font-size:11px; }
 :where(.crm-contact-trigger,.cc-control,.cc-mode button,.cc-filter button,.crm-contact-select-row > button,.crm-contacts-actions button,.crm-email button,.crm-enrichment-panel button) { min-width:44px; min-height:44px; border-radius:0; background:var(--paper); color:var(--ink); border:1px solid var(--line); }
 :where(.crm-contact-trigger,.cc-control,.cc-mode button,.cc-filter button):hover { background:var(--green-soft); border-color:var(--ink); }
 :where(.cc-control.is-active,.cc-mode button.is-active,.cc-filter button.is-active,.crm-contacts-actions .flow-primary,.crm-email [data-email-send]) { background:var(--surface-dark);color:var(--paper);border-color:var(--surface-dark); }
 .call-website-proof a { border-radius:0; }
 .call-recipient-choice { border-radius:0; background:#333; color:#fff; border-color:#878787; }
 .call-recipient-choice:hover { background:#444; border-color:#fff; }
 .call-recipient-choice.is-active { background:#fff; color:#111; border-color:#fff; box-shadow:none; }
 .call-sandbox-lab { border-color:var(--line); }
 .call-sandbox-lab .next-call-card {border-color:var(--line);}
 :where(.crm-contact-fields input,.crm-contact-fields textarea,.crm-contact-select-row select,.crm-email input,.crm-email select,.crm-email textarea,.crm-enrichment-panel input,.crm-enrichment-panel select,.cc-date-input,.meeting-lab-form input,.meeting-lab-form textarea,.meeting-lab-form select) { border-radius:0;background:var(--paper);color:var(--ink);border-color:#878787; }
 .call-recipient-choice > strong,.call-recipient-choice > small { overflow:visible; text-overflow:clip; white-space:normal; line-height:1.4; }
 .ui-state { padding:12px 14px; border:1px solid var(--line); border-left:3px solid #595959; background:#f4f4f4; font-size:14px; }
 .ui-state p { margin:0; }
 .ui-state[data-ui-state=error] { border-left-color:#812f2f; }
 .ui-state[data-ui-state=blocked],.ui-state[data-ui-state=unknown] { border-left-style:dashed; }
 .ui-state button { margin-top:10px; min-height:44px; }
 .ui-disabled-reason { color:var(--muted); font-size:12px; margin:6px 0; }
 :where(.performance-table-wrap,.cold-call-tree-scroll,.cc-tree-scroll,.probability-tree,.detailed-call-tree-scroll,.lead-origin-scroll) { max-width:100%; overflow-x:auto; scrollbar-width:auto; scrollbar-gutter:stable; }
 .ui-scroll-hint { font-size:12px; color:var(--muted); margin:6px 0; }
 .performance-table-wrap table { font-size:13px; }
 .team-form button,.personal-ratios summary,.performance-table-wrap button { min-height:44px; }
 @media(max-width:1400px) {
  .topbar { grid-template-columns:auto minmax(0,1fr); }
  .topbar > .tabs { grid-row:2; grid-column:1/-1; }
  .topbar-account { justify-self:end; }
 }
 @media(max-width:650px) {
  .topbar { padding:6px 10px; gap:4px; grid-template-columns:90px minmax(0,1fr); }
  .brand span { display:none; }
  .brand img { width:86px; height:25px; padding:0; }
  .topbar-account > .account-switch-trigger { max-width:100%; min-width:44px; }
  .topbar-account { gap:4px; width:100%; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; }
  .topbar-account .sync { grid-column:1/-1; font-size:11px; }
  .topbar-account .account-switch-trigger strong { white-space:normal; overflow:visible; text-overflow:clip; font-size:11px; }
  .topbar-account .account-switch-trigger small { font-size:11px; }
  .account-switch-light,.account-switch-chevron { flex-shrink:0; }
  #logout { justify-self:end; min-width:44px; width:auto; min-height:44px; font-size:11px; padding:6px; }
  .topbar-account > button { font-size:11px; padding:6px; }
  .tabs { display:grid; grid-template-columns:minmax(0,1fr); gap:2px; }
  .nav-group { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); padding:0; gap:2px; }
  .nav-group + .nav-group { border:0; border-top:1px solid #595959; padding-top:4px; margin-top:4px; grid-template-columns:repeat(3,minmax(0,1fr)); }
  .nav-group-label { position:static; width:auto; height:auto; padding:0; margin:0; overflow:visible; clip:auto; clip-path:none; white-space:nowrap; font-size:11px; grid-column:1; }
  .tabs button { width:100%; min-width:44px; min-height:44px; padding:6px 2px; font-size:13px; }
  .shell-location { padding:6px 0 8px; margin-bottom:8px; gap:2px; }
  .shell-location > div {gap:2px 8px;}
  #page-location {font-size:16px;}
  #scope-location,#read-freshness {font-size:12px;}
  main {padding-top:8px;}
  .page-head { grid-template-columns:minmax(0,1fr); }
  .page-head h1,.product-page-head h1 { font-size:24px; line-height:1.2; }
  .verified { width:fit-content; }
  .focus-grid,.call-sandbox-lab,.queue-list,.dialog-grid,.dialog-branches,.meeting-practice-lab,.crm-test-journey,.meeting-prep-identity,.meeting-prep-columns,.analytics-split { grid-template-columns:minmax(0,1fr); }
  .call-sandbox-lab { grid-template-areas:'copy' 'card' 'panel'; }
  .call-company,.call-sandbox-lab .call-company { font-size:24px; }
  .test-journey-progress { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .test-journey-progress li strong { overflow:visible; white-space:normal; }
  .call-website-proof { grid-template-columns:minmax(0,1fr); }
  .meeting-prep-brief a,.meeting-website { width:100%; overflow-wrap:anywhere; }
  .crm-toolbar > div { flex-wrap:wrap; }
  .crm-toolbar label { flex-basis:100%; }
  .meeting-lab-facts,.live-call-context { grid-template-columns:minmax(0,1fr); }
  #deal-dialog-content { padding:14px; }
  .dialog-head h2 { font-size:22px; }
  .live-call-head,.meeting-execution-dialog .dialog-head { display:grid;grid-template-columns:minmax(0,1fr) 44px; }
  .live-call-head > div:first-child,.meeting-execution-dialog .dialog-head > div:first-child {grid-column:1;grid-row:1;}
  .live-call-head-actions,.meeting-execution-head-actions {display:contents;}
  .live-call-head-actions .dialog-close,.meeting-execution-head-actions .dialog-close {grid-column:2;grid-row:1;}
  .live-call-head-actions > :not(.dialog-close),.meeting-execution-head-actions > :not(.dialog-close) {grid-column:1/-1;}
  .dialog-status { flex-wrap:wrap; }
 }
 @media(max-width:520px) {
  .nav-group { grid-template-columns:repeat(3,minmax(0,1fr)); }
 }
 /* Explicit week columns must outrank foundation min-width:0. Keep
    horizontal continuation inside the calendar, never the document. */
 @media(max-width:760px) {
  #view[data-view=closing] .cc-root.cc-mode-week :where(.cc-week-head,.cc-hour-row) { min-width:900px; }
 }
 .cc-calendar { display:flex; flex-direction:column; }
 .cc-scroll { flex:1 1 auto; min-height:0; height:auto; max-height:none; scrollbar-gutter:stable; }
 @media(max-width:760px) {
  /* Native RED: fixed 44px controls painted neighbouring labels on mobile.
     Keep the three actions inside a full-width row, without hiding text. */
  .cc-toolbar { grid-template-columns:minmax(0,1fr); }
  .cc-navigation { width:100%; }
  .cc-navigation .cc-control { flex:1 1 0; min-width:44px; padding:8px 4px; font-size:12px; line-height:1.4; white-space:normal; }
  .cc-filter-switch .cc-control { flex:1 1 0; min-width:44px; padding:8px 4px; font-size:12px; line-height:1.4; white-space:normal; }
  .cc-date-field { justify-self:stretch; grid-template-columns:auto minmax(0,1fr); }
 }
 @media print {
  body:not(:has(.quote-print-sheet)) { width:auto; background:#fff; color:#111; }
  .shell-location,.ui-scroll-hint { display:none; }
  body:not(:has(.quote-print-sheet)) main { width:100%; padding:0; }
  body:not(:has(.quote-print-sheet)) :where(.performance-table-wrap,.probability-tree) { overflow:visible; }
  .ui-state { break-inside:avoid; }
 }
}
/* L3 isolated/provisional: local operational board, not a second shell. */
@layer components {
 #view[data-view=crm] .crm-toolbar { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:12px; padding:12px; background:#fff; border:1px solid var(--line); }
 #view[data-view=crm] .crm-toolbar label { flex:1 1 260px; }
 #view[data-view=crm] .crm-toolbar input { width:100%; }
 #view[data-view=crm] .crm-toolbar > div { font-size:12px; color:var(--muted); }
 #view[data-view=crm] .crm-stage-picker { display:flex; align-items:center; gap:12px; margin:12px 0; }
 #view[data-view=crm] .pipeline-grid { gap:12px; }
 #view[data-view=crm] .pipeline-column { border:1px solid var(--line); padding:0; background:#f4f4f4; }
 #view[data-view=crm] .pipeline-column > header { padding:12px; background:#fff; border-bottom:1px solid var(--line); }
 #view[data-view=crm] .pipeline-column h2 { font-size:14px; }
 #view[data-view=crm] .pipeline-cards { gap:8px; padding:8px; }
 #view[data-view=crm] .crm-journey-card { padding:12px; gap:4px; min-height:0; border:1px solid var(--line); border-radius:0; box-shadow:none; }
 #view[data-view=crm] .crm-journey-card > :where(span,small) {margin-top:0;}
 #view[data-view=crm] .crm-activity-state {border-radius:0;padding:6px 8px;}
 #view[data-view=crm] .pipeline-column > header > span {border-radius:0;}
 #view[data-view=crm] .crm-card-open { position:static; inset:auto; display:flex; justify-content:space-between; align-items:center; gap:10px; width:100%; min-height:44px; padding:0; background:transparent; color:var(--ink); border:0; text-align:left; }
 #view[data-view=crm] .crm-card-open strong { font-size:16px; font-weight:650; }
 #view[data-view=crm] .crm-card-open:hover { text-decoration:underline; }
 #view[data-view=crm] .crm-website-url { font-size:12px; color:var(--muted); }
 #view[data-view=crm] .crm-card-tools { margin-top:6px; border-top:1px solid var(--line); }
 #view[data-view=crm] .crm-card-tools summary { display:flex; align-items:center; min-height:44px; font-size:12px; }
 #view[data-view=crm] .pipeline-card-foot { display:none; }
 /* Dossier and communications: rectilinear, scoped to L3 surfaces. */
 #deal-dialog:has([data-dossier-nav]) { width:min(920px,calc(100% - 24px));background:#fff; }
 #deal-dialog:has([data-dossier-nav]) .journey-dialog-head { border-bottom:1px solid var(--line);padding-bottom:14px;margin:0; }
 #deal-dialog:has([data-dossier-nav]) .journey-dialog-summary { padding:12px 0;margin:0;background:#fff;border:0;box-shadow:none; }
 #deal-dialog:has([data-dossier-nav]) .journey-dialog-summary h3 { font-size:18px;margin:8px 0 0; }
 .dossier-nav { display:flex;flex-wrap:wrap;gap:0;border-block:1px solid var(--line);margin:0 0 16px; }
 .dossier-nav button { background:#fff;border:0;border-right:1px solid var(--line);padding:8px 18px;min-height:44px;color:var(--ink);font-weight:600; }
 .dossier-nav button:hover {background:#ededed;}
 .dossier-identity { margin:0 0 18px; }
 .dossier-identity header {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;}
 .dossier-identity header h3 {flex:1 1 180px;min-width:0;}
 .dossier-identity header .crm-contact-trigger {flex:0 0 auto;white-space:nowrap;}
 .dossier-identity h3,.dossier-sources h3 {font-size:16px;margin:0;}
 .dossier-identity dl {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:12px 0;}
 .dossier-identity dl div {padding:8px 0;border-bottom:1px solid var(--line);}
 .dossier-identity dd {margin:4px 0 0;font-size:14px;}
 .dossier-identity .journey-contact-actions {display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;}
 .dossier-identity .secondary-action {border-radius:0;min-height:44px;background:#fff;border:1px solid var(--line);color:var(--ink);}
 .dossier-journey {padding:0;border-block:1px solid var(--line);margin:0 0 16px;}
 .dossier-journey summary {font-weight:600;padding:10px 0;min-height:44px;}
 .dossier-journey .lead-provenance-form {margin:12px 0;}
 #deal-dialog:has([data-dossier-nav]) .journey-timeline {margin:12px 0;padding:0;background:#fff;border:0;box-shadow:none;}
 #deal-dialog:has([data-dossier-nav]) .journey-timeline ol {padding:0;}
 #deal-dialog:has([data-dossier-nav]) .journey-timeline li {background:#fff;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px 0;}
 .dossier-sources {border-top:1px solid var(--line);margin-top:16px;padding-top:12px;font-size:12px;color:var(--muted);}
 .dossier-note {white-space:pre-wrap;color:var(--ink);}
 #deal-dialog:has([data-dossier-nav]) .journey-dialog-actions {border-top:1px solid var(--line);background:#fff;margin:16px 0 0;padding:12px 0;flex-wrap:wrap;}
 .crm-email-dialog {width:min(860px,calc(100% - 24px));background:#fff;border-color:var(--line);border-radius:0;}
 .crm-email {background:#fff;padding:20px;height:min(900px,calc(100dvh - 26px));}
 .crm-email .crm-email-sender {border-radius:0;background:#f4f4f4;padding:8px 10px;font-size:12px;}
 .crm-email-transport {font-size:12px;color:var(--muted);}
 .crm-email header {align-items:flex-start;}
 .crm-email button[data-email-close] {flex:0 0 88px;min-width:88px;white-space:nowrap;overflow-wrap:normal;padding:10px;}
 .crm-email h2 {font-size:22px;}
 .crm-email footer {background:#fff;gap:8px;padding-top:12px;}
 .crm-email footer button {border-radius:0;}
 .crm-email details {border-top:1px solid var(--line);padding-top:4px;}
 .crm-email summary {min-height:44px;padding:10px 0;}
 .crm-email-recipient label {margin:8px 0;}
 .crm-email [data-email-save] {background:#171717;color:#fff;border-color:#171717;}
 .crm-email [data-email-send] {background:#171717;color:#fff;border-color:#171717;}
 .crm-email textarea {border-radius:0;min-height:210px;}
 #crm-contacts-dialog {background:#fff;width:min(860px,calc(100% - 24px));padding:0;}
 #crm-contacts-dialog .crm-contacts-editor {padding:20px;}
 #crm-contacts-dialog .crm-contacts-company-grid {background:#f4f4f4;padding:12px;border:1px solid var(--line);margin:16px 0;}
 #crm-contacts-dialog .crm-contact-panel {background:#fff;border:0;padding:0;}
 #crm-contacts-dialog .crm-contact-panel h3 {font-size:16px;margin:0;}
 #crm-contacts-dialog .crm-contact-panel > p {font-size:12px;color:var(--muted);}
 #crm-contacts-dialog .crm-contacts-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
 #crm-contacts-dialog input,#crm-contacts-dialog textarea,#crm-contacts-dialog select {border-radius:0;background:#fff;border-color:#878787;}
 #crm-contacts-dialog .crm-contact-primary-choice {border-radius:0;border:1px solid var(--line);padding:8px;min-height:44px;}
 #crm-contacts-dialog .crm-contacts-actions {border-top:1px solid var(--line);padding:12px 0 0;margin-top:12px;}
 .crm-contact-snapshot {padding:12px;border-left:3px solid #171717;background:#f4f4f4;}
 #crm-enrichment-dialog {background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:0;}
 .crm-enrichment-panel article {background:#fff;border:1px solid var(--line);border-radius:0;}
 .crm-enrichment-panel input,.crm-enrichment-panel select {border-radius:0;background:#fff;border-color:#878787;}
 .crm-enrichment-panel button,.gatekeeper-continuation button {border-radius:0;background:#fff;border:1px solid var(--line);color:var(--ink);}
 .crm-enrichment-panel [data-enrich] {background:#171717;color:#fff;border-color:#171717;}
 .crm-enrichment-panel header {display:block;border-bottom:1px solid var(--line);padding-bottom:10px;}
 .crm-enrichment-request {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;}
 .crm-enrichment-recovery {padding:12px;border:1px dashed #878787;}
 @media(max-width:650px) { .dossier-nav {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));} .dossier-nav button {padding:8px;} .dossier-identity dl {grid-template-columns:minmax(0,1fr);} .crm-email {padding:14px;} .crm-email footer button {flex:1 1 45%;} #crm-contacts-dialog .crm-contacts-editor {padding:14px;} #crm-contacts-dialog .crm-contacts-fields {grid-template-columns:minmax(0,1fr);} .crm-enrichment-request {grid-template-columns:minmax(0,1fr);} }
 @media(max-width:767px) { #view[data-view=crm] .crm-toolbar {display:grid;grid-template-columns:minmax(0,1fr);gap:8px;} #view[data-view=crm] .crm-toolbar label {flex:none;} #view[data-view=crm] .crm-stage-picker { display:grid; grid-template-columns:minmax(0,1fr); gap:6px; } #view[data-view=crm] .pipeline-grid { display:block; } #view[data-view=crm] .pipeline-column { display:none; } #view[data-view=crm] .pipeline-column.is-selected-stage { display:block; } }
}

@layer components {
 .data-unit-legend {padding:12px 0;border-block:1px solid var(--line);margin-bottom:16px;font-size:13px;}
 .data-unit-legend h2 {font-size:16px;margin:0 0 10px;}
 .data-unit-legend dl,.team-user-facts {display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px 20px;}
 .data-unit-legend dt,.team-user-facts dt {font-weight:650;}
 .data-unit-legend dd,.team-user-facts dd {margin:4px 0 0;overflow-wrap:anywhere;}
 .data-unit-legend p {color:var(--muted);margin-bottom:0;}
 /* Keep active Data/Team panels angular and monochrome; legacy views-layer
    ratios carried hardcoded rounded/green surfaces into these new screens. */
 #view:is([data-view=team],[data-view=analytics]) :where(.sales-conversion,.conversion-ratios > div,.conversion-key-metrics > article,.team-money-metric,.personal-ratios,.team-administration) {border-radius:0;background:#fff;color:var(--ink);border-color:var(--line);}
 #view[data-view=team] .team-performance-table .badge {background:#f4f4f4;color:var(--ink);border-color:var(--line);}
 .team-user-details {display:grid;gap:12px;margin-top:16px;}
 .team-user-details .personal-ratios,.team-administration {border:1px solid var(--line);padding:12px;background:#fff;min-width:0;}
 .team-user-details summary,.team-administration > summary {min-height:44px;padding:10px 0;font-weight:650;cursor:pointer;overflow-wrap:anywhere;}
 .team-seat-status {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid var(--line);}
 .team-administration button {min-height:44px;border:1px solid var(--line);background:#fff;color:var(--ink);padding:8px 12px;}
 @media(max-width:650px) {.team-user-facts,.data-unit-legend dl {grid-template-columns:minmax(0,1fr);} .team-user-details .personal-ratios {padding:10px;} }
}


@layer components {
 .lead-manage-progress .lead-research-request {display:flex;flex-direction:column;gap:4px;min-width:0;}
 .lead-manage-progress [data-lead-request-date] {font-size:11px;line-height:1.5;color:var(--muted);overflow-wrap:anywhere;}
 .lead-manage-progress [data-lead-request-date] time {font-variant-numeric:tabular-nums;}
 .tm-dialog {width:min(1120px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid var(--line);color:var(--ink);background:var(--paper);border-radius:0;}
 .tm-dialog::backdrop {background:rgb(0 0 0 / 60%);}
 .tm-dialog>header {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);}
 .tm-dialog h2 {margin:0;font-size:22px;}
 .tm-dialog>header>button {width:44px;height:44px;min-width:44px;background:#111;color:#fff;border:0;}
 .tm-dialog>[role=status],.tm-content {padding:16px;}
 .tm-content {overflow:auto;max-height:calc(100dvh - 108px);}
 .tm-note {font-size:12px;color:var(--muted);}
 .tm-person {margin:0 0 14px;border:1px solid var(--line);padding:12px;}
 .tm-person>summary {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:16px;min-height:44px;}
 .tm-person>summary>span {font-size:12px;color:var(--muted);}
 .tm-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:12px 0;}
 .tm-grid>div {border:1px solid var(--line);padding:10px;}
 .tm-grid dt {font-size:12px;}
 .tm-grid dd {font-size:20px;margin:4px 0 0;font-weight:650;}
 .tm-ratios {display:flex;flex-wrap:wrap;gap:8px;}
 .tm-ratios>div {display:grid;gap:3px;flex:1 1 150px;background:#f4f4f4;padding:10px;font-size:12px;}
 .tm-scroll {overflow-x:auto;max-width:100%;margin:10px 0;}
 .tm-scroll table {border-collapse:collapse;min-width:380px;width:100%;font-size:13px;}
 .tm-scroll th,.tm-scroll td {padding:8px;text-align:left;border-bottom:1px solid var(--line);}
 @media(max-width:520px) {.tm-grid {grid-template-columns:repeat(2,minmax(0,1fr));}.tm-dialog h2{font-size:18px;}.tm-person{padding:8px;}}
}
