/* Revision 2. Load AFTER deal-card.css. All rules remain component-scoped.
   Summary/actions/event adornments use real data only; see V2-HANDOFF.md. */
#dealCardModal[data-crm-design="reference-v1"]{
 --brand:var(--nx-crm-brand,#0284c7);--accent:var(--nx-crm-accent,#38bdf8);--bg:#f7f9fb;--raised:#f3f6f8;--border:#e5ebef;--text:#192c38;--muted:#5f7380;--ok:#188052;
 background:rgb(25 46 60 / .14);backdrop-filter:blur(7px);font-size:14px;
}
[data-theme="dark"] #dealCardModal[data-crm-design="reference-v1"],#dealCardModal[data-crm-design="reference-v1"][data-theme="dark"]{
 --surface:#13212c;--bg:#0f1b25;--raised:#1a2b37;--border:#2a3c49;--text:#e7f1f6;--muted:#a6b7c3;--ok:#59d7a0;--brand:var(--nx-crm-brand-dark,#57c7f2);--accent:var(--nx-crm-accent-dark,#64dbdf);
}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-modal-box{inline-size:min(1040px,calc(100vw - 24px));max-inline-size:1040px;border-radius:22px;box-shadow:0 32px 100px #12354930,0 1px 2px #12354912;border:1px solid var(--border)}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-modal-header{position:relative;padding:24px 28px;gap:16px;background:var(--surface);color:var(--text);border:0;min-block-size:116px}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-modal-header:before{content:"";position:absolute;inset-block:0 auto;inset-inline:24px;block-size:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--brand),transparent);opacity:.65}
#dealCardModal[data-crm-design="reference-v1"] .nxdc-avatar{position:relative;inline-size:60px;block-size:60px;flex-basis:60px;background:linear-gradient(140deg,color-mix(in srgb,var(--brand) 12%,var(--surface)),color-mix(in srgb,#009391 5%,var(--surface)));border:1px solid color-mix(in srgb,var(--brand) 20%,var(--border));border-radius:var(--radius-lg,18px);color:var(--brand);font-size:23px;font-weight:500;box-shadow:inset 0 1px 0 #ffffff60}
#dealCardModal[data-crm-design="reference-v1"] .nxdc-eyebrow{display:flex;align-items:center;gap:7px;font:600 10px/1.4 Inter,Arial,sans-serif;letter-spacing:1.3px;color:var(--muted);margin-block-end:6px}
#dealCardModal[data-crm-design="reference-v1"] .nxdc-eyebrow span:last-child{font:500 11px Heebo,Arial,sans-serif;letter-spacing:0}
#dealCardModal[data-crm-design="reference-v1"] #dealCardTitle{font-size:24px;font-weight:600;letter-spacing:-.5px}
#dealCardModal[data-crm-design="reference-v1"] .nxdc-meta{color:var(--muted);font-size:12px;opacity:1;margin-block-start:5px}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-header-actions{gap:8px;align-items:center}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-header-actions :where(.btn,.modal-close){background:var(--surface);border:1px solid var(--border);color:var(--muted);min-block-size:36px;min-inline-size:36px;border-radius:var(--radius-sm,10px)}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-header-actions .btn:first-child{color:var(--text);padding-inline:14px}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-header-actions [data-nxdc-danger]{color:var(--muted)}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-header-actions [data-nxdc-danger]:hover{color:var(--bad);background:color-mix(in srgb,var(--bad) 6%,var(--surface))}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-modal-header :focus-visible{outline-color:var(--brand)}
#dealCardModal[data-crm-design="reference-v1"] svg{stroke-linecap:round;stroke-linejoin:round}
#dealCardModal[data-crm-design="reference-v1"] .nxdc-pipeline-band{display:flex;gap:22px;align-items:center;padding:14px 28px;border-block:1px solid var(--border);background:var(--surface)}
#dealCardModal[data-crm-design="reference-v1"] .nxdc-path-label{font-size:11px;color:var(--muted);white-space:nowrap}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-pipeline{flex:1;gap:10px}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-pipeline-step{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-sm,8px);background:var(--raised);color:var(--muted);font-size:12px;font-weight:500;padding:7px 12px;min-block-size:32px;transition:background 180ms,box-shadow 180ms}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-pipeline-step:before{content:"";inline-size:6px;block-size:6px;border-radius:50%;background:currentColor;opacity:.5}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-pipeline-step.active{border-color:color-mix(in srgb,var(--brand) 25%,var(--border));background:color-mix(in srgb,var(--brand) 9%,var(--surface));color:var(--brand);font-weight:600;opacity:1;box-shadow:0 2px 6px #0284c70a}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-pipeline-step.active:before{opacity:1;box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-body{grid-template-columns:minmax(300px,.84fr) minmax(0,1.16fr)}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-left{background:var(--bg);padding:22px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-right{padding:18px 22px 0}
#dealCardModal[data-crm-design="reference-v1"] .nxdc-summary{position:relative;isolation:isolate;overflow:hidden;border:1px solid color-mix(in srgb,#009391 20%,var(--border));background:linear-gradient(125deg,var(--surface) 30%,color-mix(in srgb,#009391 6%,var(--surface)));padding:18px 20px;border-radius:var(--radius-lg,16px);box-shadow:0 2px 5px #143c3d04,0 8px 24px #143c3d04}
#dealCardModal[data-crm-design="reference-v1"] .nxdc-summary:after{content:"";position:absolute;z-index:-1;inline-size:160px;block-size:160px;inset-inline-end:-80px;inset-block-start:-85px;border:1px solid color-mix(in srgb,#009391 10%,transparent);border-radius:50%;box-shadow:0 0 0 20px color-mix(in srgb,#009391 3%,transparent),0 0 0 45px color-mix(in srgb,#009391 2%,transparent)}
#dealCardModal[data-crm-design="reference-v1"] .nxdc-summary-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:11px}
#dealCardModal[data-crm-design="reference-v1"] .nxdc-order-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid color-mix(in srgb,var(--ok) 22%,transparent);border-radius:7px;background:color-mix(in srgb,var(--ok) 10%,var(--surface));color:var(--ok);font-size:10px;font-weight:600;white-space:nowrap}
#dealCardModal[data-crm-design="reference-v1"] .nxdc-order-pill svg{inline-size:12px;block-size:12px}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-amount-big{font:500 40px/1.25 Inter,Arial,sans-serif;letter-spacing:-1.8px;color:var(--text);direction:ltr;text-align:start;margin:13px 0 14px}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-amount-big small{font-size:24px;margin-inline-end:5px;color:var(--muted);letter-spacing:-.5px}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-amount-big>span{font-size:24px;color:var(--muted);letter-spacing:-.5px}
#dealCardModal[data-crm-design="reference-v1"] .nxdc-summary-bottom{display:flex;align-items:center;justify-content:space-between;padding-block-start:11px;border-block-start:1px solid var(--border);color:var(--muted);font-size:11px}
#dealCardModal[data-crm-design="reference-v1"] .nxdc-summary-bottom>span:first-child{display:flex;align-items:center;gap:6px}
#dealCardModal[data-crm-design="reference-v1"] .nxdc-subtle-badge{display:inline-flex;font-size:10px;padding:4px 8px;border-radius:6px;background:var(--raised);border:1px solid var(--border);color:var(--muted);white-space:nowrap}
#dealCardModal[data-crm-design="reference-v1"] .nxdc-contact-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 22px}
#dealCardModal[data-crm-design="reference-v1"] .nxdc-contact-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:11px 4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm,11px);font-size:10px;color:var(--muted);cursor:pointer;transition:transform 180ms,box-shadow 180ms,background 180ms}
#dealCardModal[data-crm-design="reference-v1"] .nxdc-contact-actions button.nxdc-action-primary{background:linear-gradient(140deg,var(--accent),var(--brand));color:#082f49;border-color:transparent;box-shadow:0 4px 12px #0284c71a}
#dealCardModal[data-crm-design="reference-v1"] .nxdc-contact-actions button:hover{transform:translateY(-2px);box-shadow:0 5px 14px #14374912}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-info-block{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius,13px);margin:0 0 12px}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-info-block-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;margin:0 0 7px;color:var(--text)}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-info-block-title svg{width:14px;height:14px;color:var(--muted)}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-info-row{padding:9px 0;font-size:12px;line-height:1.5}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-info-row:last-child{border-block-end:0;padding-block-end:0}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-info-label{font-size:11px}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-info-value{font-weight:500}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-tabs{background:var(--raised);padding:4px;border:1px solid var(--border);border-radius:var(--radius-sm,11px);gap:4px;flex:none;overflow:visible}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-tab{display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:7px;min-block-size:36px;padding:7px 9px;font-size:11px;transition:background 160ms,color 160ms}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-tab svg{width:14px;height:14px}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-tab.active{background:var(--surface);color:var(--brand);box-shadow:0 1px 4px #1b405514;font-weight:600;border:0}
#dealCardModal[data-crm-design="reference-v1"] .nxdc-section-heading{display:flex;align-items:center;justify-content:space-between;margin:22px 0 14px;font-size:13px;font-weight:600;color:var(--text)}
#dealCardModal[data-crm-design="reference-v1"] .nxdc-section-mark{display:flex;align-items:center;color:var(--muted)}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-quick-add{padding:9px;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius,12px);box-shadow:0 3px 12px #23435905;flex:none}
#dealCardModal[data-crm-design="reference-v1"] #dealCardQuickNote{min-block-size:33px;background:transparent;border:0;padding:5px 8px;font-size:12px}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-quick-add .btn-primary{min-block-size:34px;min-inline-size:34px;border-radius:var(--radius-sm,8px);background:var(--raised);color:var(--brand);border:1px solid var(--border);padding:8px}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-tab-content{padding:18px 0 16px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
#dealCardModal[data-crm-design="reference-v1"] .deal-timeline{padding-inline-start:40px}
#dealCardModal[data-crm-design="reference-v1"] .deal-timeline::before{inset-inline-start:13px;inset-block:38px 32px;background:linear-gradient(var(--border) 80%,transparent)}
#dealCardModal[data-crm-design="reference-v1"] .deal-timeline-date-separator{margin:0 0 10px;padding-block:7px;font-size:10px}
#dealCardModal[data-crm-design="reference-v1"] .deal-timeline-date-separator span{background:transparent;border:0;padding:0;color:var(--muted);font-size:10px}
#dealCardModal[data-crm-design="reference-v1"] .deal-timeline-item{border:1px solid var(--border);border-radius:var(--radius,12px);background:var(--surface);padding:13px 15px;margin-block-end:14px;box-shadow:0 2px 5px #15303b03;transition:border-color 180ms,box-shadow 180ms}
#dealCardModal[data-crm-design="reference-v1"] .deal-timeline-item:hover{background:var(--surface);border-color:color-mix(in srgb,var(--brand) 25%,var(--border));box-shadow:0 4px 14px #15303b07;transform:none}
#dealCardModal[data-crm-design="reference-v1"] .deal-timeline-dot{inset-inline-start:-40px;inset-block-start:12px;inline-size:27px;block-size:27px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius-sm,9px);background:var(--raised);color:var(--muted);box-shadow:0 0 0 5px var(--surface)}
#dealCardModal[data-crm-design="reference-v1"] .deal-timeline-dot svg{inline-size:13px;block-size:13px}
#dealCardModal[data-crm-design="reference-v1"] .deal-timeline-action{font-weight:600;font-size:12px;line-height:1.5}
#dealCardModal[data-crm-design="reference-v1"] .deal-timeline-time{font-size:10px;white-space:nowrap;padding-block-start:2px}
#dealCardModal[data-crm-design="reference-v1"] .deal-timeline-detail{font-size:11px;line-height:1.85;margin:8px 0}
#dealCardModal[data-crm-design="reference-v1"] .deal-timeline-user{font-size:10px;margin-block-start:9px;padding-block-start:9px;border-block-start:1px solid var(--border)}
#dealCardModal[data-crm-design="reference-v1"] .nxdc-event-note{background:color-mix(in srgb,var(--brand) 3%,var(--surface))}
#dealCardModal[data-crm-design="reference-v1"] .nxdc-event-recurring .deal-timeline-dot{color:var(--ok);background:color-mix(in srgb,var(--ok) 7%,var(--surface));border-color:color-mix(in srgb,var(--ok) 20%,var(--border))}
#dealCardModal[data-crm-design="reference-v1"] :where(.nxdc-task,.nxdc-file){display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--border);border-radius:var(--radius,12px);background:var(--surface);margin-block-end:12px;font-size:12px;text-align:start}
#dealCardModal[data-crm-design="reference-v1"] :where(.nxdc-task,.nxdc-file)>div{flex:1}
#dealCardModal[data-crm-design="reference-v1"] :where(.nxdc-task,.nxdc-file) small{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-block-start:6px}
#dealCardModal[data-crm-design="reference-v1"] .nxdc-task-check{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--border);background:var(--raised);border-radius:var(--radius-sm,8px);color:var(--brand)}
#dealCardModal[data-crm-design="reference-v1"] .deal-card-note-item{background:var(--surface);font-size:12px;line-height:1.8}
#dealCardModal[data-crm-design="reference-v1"] .nxdc-note-top{display:flex;align-items:center;gap:8px;font-size:12px}
#dealCardModal[data-crm-design="reference-v1"] .nxdc-note-top span{margin-inline-start:auto;color:var(--muted);font-size:10px}
#dealCardModal[data-crm-design="reference-v1"] .nxdc-sheen{pointer-events:none;position:absolute;inset:0;overflow:hidden;border-radius:inherit}
#dealCardModal[data-crm-design="reference-v1"] .nxdc-sheen:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#ffffff65 50%,transparent 70%);transform:translateX(-130%);opacity:0}
#dealCardModal[data-crm-design="reference-v1"].show .nxdc-attention .nxdc-sheen:after{animation:nxdc-sweep 1800ms var(--ease) 400ms 2}
#dealCardModal[data-crm-design="reference-v1"].show .nxdc-attention .nxdc-order-pill svg{animation:nxdc-turn 900ms var(--ease) 500ms 2}
#dealCardModal[data-crm-design="reference-v1"].show .deal-timeline-item{animation:nxdc-appear 420ms var(--ease) both;animation-delay:calc(70ms * var(--entry,0))}
@keyframes nxdc-sweep{0%{opacity:0;transform:translateX(-130%)}15%,70%{opacity:.7}100%{opacity:0;transform:translateX(130%)}}
@keyframes nxdc-turn{0%,100%{transform:rotate(0)}60%{transform:rotate(180deg)}}
@keyframes nxdc-appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:680px){
 #dealCardModal[data-crm-design="reference-v1"] .deal-card-modal-box{border-radius:var(--radius-lg,17px)}
 #dealCardModal[data-crm-design="reference-v1"] .deal-card-modal-header{padding:16px;gap:10px;min-block-size:0}
 #dealCardModal[data-crm-design="reference-v1"] .nxdc-avatar{inline-size:46px;block-size:46px;flex-basis:46px;border-radius:var(--radius,13px);font-size:19px}
 #dealCardModal[data-crm-design="reference-v1"] #dealCardTitle{font-size:21px}
 #dealCardModal[data-crm-design="reference-v1"] .deal-card-header-actions{inline-size:auto;margin-inline-start:auto}
 #dealCardModal[data-crm-design="reference-v1"] .deal-card-header-actions .btn:first-child{padding:9px}
 #dealCardModal[data-crm-design="reference-v1"] .deal-card-header-actions .btn:first-child>span:last-child{display:none}
 #dealCardModal[data-crm-design="reference-v1"] .deal-card-header-actions :where(.btn,.modal-close){min-inline-size:36px;min-block-size:44px}
 #dealCardModal[data-crm-design="reference-v1"] .nxdc-meta{font-size:10px}
 #dealCardModal[data-crm-design="reference-v1"] .nxdc-pipeline-band{padding:10px 16px;gap:0}
 #dealCardModal[data-crm-design="reference-v1"] .nxdc-path-label{display:none}
 #dealCardModal[data-crm-design="reference-v1"] .deal-card-pipeline{min-inline-size:0;gap:6px}
 #dealCardModal[data-crm-design="reference-v1"] .deal-card-left{padding:16px}
 #dealCardModal[data-crm-design="reference-v1"] .deal-card-right{padding:16px}
 #dealCardModal[data-crm-design="reference-v1"] .deal-card-tab{padding:7px 4px;font-size:11px;gap:4px;min-block-size:44px}
 #dealCardModal[data-crm-design="reference-v1"] .deal-card-tab svg{inline-size:12px}
 #dealCardModal[data-crm-design="reference-v1"] .deal-card-info-block{padding:13px}
 #dealCardModal[data-crm-design="reference-v1"] .deal-timeline{padding-inline-start:33px}
 #dealCardModal[data-crm-design="reference-v1"] .deal-timeline-dot{inset-inline-start:-34px}
 #dealCardModal[data-crm-design="reference-v1"] .deal-timeline-item{padding:12px}
}
@media(prefers-reduced-motion:reduce){
 #dealCardModal[data-crm-design="reference-v1"].show .deal-timeline-item,
 #dealCardModal[data-crm-design="reference-v1"].show .nxdc-attention .nxdc-order-pill svg,
 #dealCardModal[data-crm-design="reference-v1"].show .nxdc-attention .nxdc-sheen:after{animation:none}
 #dealCardModal[data-crm-design="reference-v1"] :where(button,.deal-timeline-item){transition:none}
}

/* ===== NEXORA system palette — the deal card follows the palette the user picked (--primary), not the sky default ===== */
#dealCardModal[data-crm-design="reference-v1"]{--nx-crm-brand:var(--primary,#009391);--nx-crm-accent:color-mix(in srgb,var(--primary,#009391) 62%,#fff)}
[data-theme="dark"] #dealCardModal[data-crm-design="reference-v1"],#dealCardModal[data-crm-design="reference-v1"][data-theme="dark"]{--nx-crm-brand-dark:color-mix(in srgb,var(--primary,#009391) 60%,#fff);--nx-crm-accent-dark:color-mix(in srgb,var(--primary,#009391) 48%,#fff)}
#dealCardModal[data-crm-design="reference-v1"] .nxdc-contact-actions button.nxdc-action-primary{color:#fff}