/* CRM One 2.4 — readable typography, quiet surfaces, consistent vector icons. */
.crm-view,.crm-dialog{--crm-accent:var(--business-primary,#0097da);font-size:calc(14px * var(--business-font-scale,1));line-height:1.5}
.crm-view .crm-panel{box-shadow:0 4px 20px #172c4505;border-radius:16px}
.crm-view .crm-btn,.crm-dialog .crm-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;min-height:36px;border-radius:9px;font-weight:600}
.crm-view .crm-btn.primary,.crm-dialog .crm-btn.primary{color:white;background:var(--crm-accent);border-color:transparent;box-shadow:none}
.crm-icon-button{width:34px;height:34px;border-radius:8px;background:transparent;color:var(--muted);border:1px solid var(--border)}
.crm-icon-button:hover{background:color-mix(in srgb,var(--crm-accent) 9%,var(--card));color:var(--crm-accent);border-color:var(--crm-accent)}
.crm-icon-button.danger{background:transparent;color:#ba4656;border-color:var(--border)}
.crm-icon-button.danger:hover{background:#fff0f2;border-color:#ba4656}
.crm-funnel-workspace{grid-template-columns:minmax(0,1fr) 340px;gap:20px;align-items:start}
.crm-funnel-workspace.funnel-collapsed{grid-template-columns:minmax(0,1fr) 58px}
.crm-table-heading{padding:20px 22px;background:var(--card)}
.crm-table-heading h3{font-size:16px;font-weight:700}
.crm-config-table{font-size:14px;min-width:1120px;border-collapse:collapse}
.crm-config-table th{font-size:11px;letter-spacing:.045em;padding:14px 16px;background:color-mix(in srgb,var(--muted) 5%,var(--card));color:var(--muted);font-weight:650}
.crm-config-table td{font-size:13px;padding:17px 16px;border-right:0;line-height:1.5}
.crm-config-table .crm-group-cell{background:var(--card);text-align:left}
.crm-config-table .crm-phase-cell{background:var(--card);min-width:150px}
.crm-config-table tbody tr:hover td:not([rowspan]){background:color-mix(in srgb,var(--crm-accent) 3%,var(--card))}
.crm-phase-label{display:block;border-left:3px solid var(--phase);padding:7px 0 7px 11px;font-size:12px;letter-spacing:.025em}
.crm-process-cell>b{font-size:14px;font-weight:650;min-width:145px}
.crm-process-counts{margin-top:7px;gap:10px}
.crm-process-counts span{padding:0;background:transparent;color:var(--muted);font-size:12px}
.crm-area-badge{font-size:10px;letter-spacing:.02em;padding:6px 8px;white-space:nowrap}
.crm-position,.crm-code{font-size:12px}
.crm-config-table .crm-percent{display:inline-flex;align-items:center;justify-content:center;gap:2px;white-space:nowrap;min-width:65px;min-height:33px;padding:5px 11px;border-radius:8px;background:color-mix(in srgb,var(--crm-accent) 10%,var(--card));color:var(--crm-accent);box-shadow:none;font-size:14px;font-weight:750}
.crm-config-table .crm-percent small{display:inline;font-size:12px;margin:0;color:inherit;line-height:inherit}
.crm-status-pill{font-size:11px;padding:4px 8px}
.crm-row-actions{display:grid;grid-template-columns:repeat(3,32px);gap:5px}
.crm-row-actions .crm-icon-button{width:32px;height:30px;padding:6px}
.crm-config-metrics{font-size:13px;gap:24px}
.crm-soft-badge{font-size:11px;padding:5px 8px}
.crm-funnel-preview{position:sticky;top:16px;width:auto;max-width:none;text-align:left;background:var(--card)}
.crm-preview-header{padding:19px 17px}
.crm-preview-heading small{font-size:9px;letter-spacing:.1em}
.crm-preview-heading h3{font-size:16px}
.crm-preview-meta{padding:15px 17px 0;gap:6px}
.crm-funnel-shapes{padding:0 17px 12px;display:block}
.crm-funnel-band{width:100%;min-height:0;clip-path:none;background:none;color:var(--text);display:flex;align-items:flex-start;gap:12px;padding:15px 0;margin:0;border-top:1px solid var(--border);text-align:left}
.crm-phase-index{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:29px;height:29px;border:1px solid color-mix(in srgb,var(--phase) 45%,var(--border));border-radius:9px;background:color-mix(in srgb,var(--phase) 13%,var(--card));color:var(--text);font-size:11px;font-weight:700}
.crm-phase-content{flex:1;min-width:0}
.crm-phase-content>b{font-size:12px;font-weight:750;letter-spacing:.025em;overflow-wrap:anywhere}
.crm-phase-processes{display:flex;flex-direction:column;align-items:stretch;gap:5px;margin-top:7px}
.crm-process-chip{display:flex;justify-content:space-between;align-items:baseline;gap:8px;background:transparent;border:0;padding:0;border-radius:0;font-size:12px;color:var(--muted);line-height:1.6}
.crm-process-chip strong{color:var(--text);white-space:nowrap;font-size:12px}
.crm-process-chip span{overflow-wrap:anywhere}
.crm-funnel-client{flex-direction:row;justify-content:center;gap:8px;background:color-mix(in srgb,var(--crm-accent) 6%,var(--card));padding:14px;margin:0;font-size:10px;color:var(--crm-accent);border-top:1px solid var(--border)}
.crm-funnel-client svg{width:18px;height:18px}
.crm-preview-note{font-size:11px;padding:14px 20px;line-height:1.6;text-align:center}
.crm-dialog{border:1px solid var(--border);border-radius:18px;box-shadow:0 30px 90px #10223e40}
.crm-dialog .crm-dialog-head{padding:18px 24px;background:var(--card);color:var(--text);border-bottom:1px solid var(--border)}
.crm-dialog .crm-dialog-head h3{font-size:16px;font-weight:700}
.crm-dialog .crm-dialog-body{padding:24px}
.crm-checklist-dialog .crm-dialog-body{background:color-mix(in srgb,var(--muted) 3%,var(--card))}
.crm-editor-intro{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.crm-editor-symbol{display:flex;align-items:center;justify-content:center;width:52px;height:52px;flex-shrink:0;background:color-mix(in srgb,var(--crm-accent) 10%,var(--card));color:var(--crm-accent);border-radius:14px}
.crm-editor-symbol svg{width:25px;height:25px}
.crm-eyebrow{display:block;color:var(--muted);font-size:10px;letter-spacing:.09em;font-weight:700}
.crm-editor-intro h2{font-size:22px;line-height:1.3;margin:4px 0}
.crm-editor-intro p{font-size:13px;color:var(--muted);margin:0}
.crm-editor-intro>.crm-soft-badge{margin-left:auto;white-space:nowrap}
.crm-checklist-editor{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:20px;align-items:start}
.crm-checklist-editor>.crm-panel{padding:0;overflow:hidden;border-radius:14px;background:var(--card);box-shadow:none}
.crm-editor-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px;border-bottom:1px solid var(--border);flex-wrap:wrap}
.crm-editor-panel-head h3{display:flex;align-items:center;gap:8px;font-size:15px;margin:0;overflow-wrap:anywhere}
.crm-editor-panel-head h3 svg{color:var(--crm-accent)}
.crm-editor-panel-head p{font-size:12px;color:var(--muted);margin:5px 0 0}
.crm-editor-panel-head .crm-eyebrow{margin-bottom:6px}
.crm-checklist-items,.crm-task-items{padding:16px}
.crm-checklist-item{border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:16px;transition:border-color .15s}
.crm-checklist-item:last-child{margin-bottom:0}
.crm-checklist-item.selected{border-color:var(--crm-accent);background:color-mix(in srgb,var(--crm-accent) 4%,var(--card));box-shadow:inset 3px 0 var(--crm-accent)}
.crm-item-heading{display:flex;gap:12px;align-items:flex-start}
.crm-item-heading>div{flex:1;min-width:0}
.crm-item-symbol{color:var(--crm-accent);padding-top:4px}
.crm-item-heading h4,.crm-task-item h4{font-size:14px;line-height:1.5;font-weight:650;margin:3px 0 5px;overflow-wrap:anywhere}
.crm-item-heading p{font-size:12px;color:var(--muted);margin:0;line-height:1.6;overflow-wrap:anywhere}
.crm-item-heading .crm-code{font-size:10px;letter-spacing:.055em}
.crm-item-heading .crm-status-pill{flex-shrink:0}
.crm-item-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding-top:12px;border-top:1px solid var(--border);font-size:12px;flex-wrap:wrap}
.crm-task-item{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--border)}
.crm-task-item:first-child{padding-top:4px}.crm-task-item:last-child{border-bottom:0}
.crm-task-number{width:29px;height:29px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:color-mix(in srgb,var(--muted) 7%,var(--card));font-size:11px;color:var(--muted);flex-shrink:0}
.crm-task-copy{flex:1;min-width:0}.crm-task-copy>div{display:flex;gap:6px;flex-wrap:wrap}
.crm-required{font-size:10px;color:var(--muted);padding:4px 0}
.crm-select-checklist{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px;text-align:center}
.crm-select-checklist>svg{width:40px;height:40px;color:var(--crm-accent)}
.crm-select-checklist .crm-empty{border:0;background:none}
.crm-reference-board .crm-column{flex-basis:300px;background:color-mix(in srgb,var(--muted) 4%,var(--card));border:1px solid var(--border);border-radius:14px}
.crm-reference-board .crm-column>header{background:var(--card);border-top:3px solid var(--stage);border-bottom:1px solid var(--border);font-size:14px;padding:15px 12px}
.crm-card-disclosure summary{padding:18px}
.crm-card-disclosure summary h4{font-size:16px}.crm-card-company{font-size:13px}.crm-card-summary-bottom strong{font-size:17px}
.crm-source-tag,.crm-mini-probability{font-size:11px}.crm-card-summary-hint{font-size:11px}
.crm-card-expanded dl{font-size:12px}.crm-detail-person{font-size:13px}.crm-card-actions .crm-btn{font-size:12px}.crm-card-actions .crm-badge{font-size:11px}
.crm-management-pane{font-size:14px}.crm-management-pane>h3{font-size:14px}.crm-followup p,.crm-check-group .crm-check-row{font-size:13px}
@media(max-width:1100px){.crm-funnel-workspace{grid-template-columns:minmax(0,1fr) 310px}.crm-checklist-editor{grid-template-columns:1fr}.crm-dialog .crm-dialog-body{padding:18px}}
@media(max-width:850px){.crm-funnel-workspace,.crm-funnel-workspace.funnel-collapsed{grid-template-columns:minmax(0,1fr)}.crm-funnel-preview{position:static}.crm-editor-intro{flex-wrap:wrap}.crm-editor-intro>.crm-soft-badge{margin-left:68px}.crm-item-heading{flex-wrap:wrap}.crm-task-item{flex-wrap:wrap}.crm-task-item .crm-actions{margin-left:auto}.crm-funnel-overview{max-width:400px;margin:auto}.crm-config-table{min-width:1120px}}

/* v2.5: phase labels and values live inside each funnel segment. */
.crm-integrated-funnel{display:flex;flex-direction:column;align-items:center;gap:7px;padding:22px 12px 24px}
.crm-integrated-funnel .crm-funnel-band{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:6px;width:var(--band-width);min-height:100px;box-sizing:border-box;margin:0;padding:13px 9% 19px;border:0;background:none;clip-path:none;text-align:center;color:var(--text)}
.crm-integrated-funnel .crm-funnel-band::before{content:'';position:absolute;inset:0;z-index:-1;clip-path:polygon(0 0,100% 0,94% 100%,6% 100%);background:linear-gradient(120deg,color-mix(in srgb,var(--phase) 22%,var(--card)),color-mix(in srgb,var(--phase) 40%,var(--card)));border-top:2px solid color-mix(in srgb,var(--phase) 70%,var(--card))}
.crm-integrated-funnel .crm-phase-index{width:auto;height:auto;min-height:0;padding:0;border:0;background:none;border-radius:0;font-size:10px;line-height:1.3;letter-spacing:.1em;color:var(--muted)}
.crm-integrated-funnel .crm-phase-content{flex:none;min-width:0;width:100%}
.crm-integrated-funnel .crm-phase-content>b{display:block;font-size:12px;line-height:1.5;font-weight:750;overflow-wrap:anywhere}
.crm-integrated-funnel .crm-phase-processes{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:5px;margin-top:8px}
.crm-integrated-funnel .crm-process-chip{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px;padding:4px 7px;border:1px solid color-mix(in srgb,var(--card) 75%,transparent);border-radius:6px;background:color-mix(in srgb,var(--card) 72%,transparent);font-size:11px;line-height:1.5;color:var(--text);max-width:100%;box-sizing:border-box}
.crm-integrated-funnel .crm-process-chip strong{font-size:11px;margin:0;font-weight:800}
.crm-integrated-funnel .crm-process-chip.is-inactive{opacity:1;color:var(--muted)}
/* v2.6 — commercial workspace and guided follow-up */
.crm-board-overview{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 4px 20px;font-size:13px;color:var(--text);flex-wrap:wrap}
.crm-board-overview>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.crm-board-overview svg{color:var(--crm-accent)}
.crm-overview-divider{height:16px;width:1px;background:var(--border)}
.crm-reference-board{gap:18px;padding-bottom:18px;scroll-snap-type:x proximity;scrollbar-color:var(--crm-accent) var(--border);scrollbar-width:thin}
.crm-reference-board .crm-column{flex:0 0 310px;padding:0 12px 16px;min-height:55vh;scroll-snap-align:start;background:color-mix(in srgb,var(--stage) 4%,var(--card));border:1px solid var(--border);border-radius:16px}
.crm-reference-board .crm-column>header{margin:0 -12px 0;padding:18px 15px 14px;display:block;background:linear-gradient(140deg,color-mix(in srgb,var(--stage) 12%,var(--card)),var(--card));border-top:3px solid var(--stage);border-bottom:1px solid var(--border);border-radius:15px 15px 0 0;min-height:88px}
.crm-column-heading{display:flex;align-items:center;gap:8px}.crm-column-heading>b{font-size:14px;flex:1;min-width:0;overflow-wrap:anywhere}.crm-column-heading>svg{width:14px;color:var(--muted)}
.crm-stage-dot{width:8px;height:8px;border-radius:50%;background:var(--stage);flex-shrink:0}
.crm-column-count{font-size:12px;min-width:24px;text-align:center;padding:2px 6px;border-radius:7px;background:var(--card);border:1px solid var(--border);color:var(--text)}
.crm-column-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:10px;letter-spacing:.04em;color:var(--muted)}.crm-column-caption strong{font-size:12px;color:var(--text);white-space:nowrap}
.crm-column-tools{display:flex;align-items:center;padding:9px 0;margin:0;gap:4px}.crm-column-tools>span{margin-right:auto;font-size:10px;font-weight:650;color:var(--muted);letter-spacing:.08em}
.crm-column-tools .crm-icon-button{width:26px;height:25px;min-height:0;padding:4px;border-color:transparent;background:transparent}.crm-column-tools svg{transform:rotate(-90deg);width:14px;height:14px}
.crm-board-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 18px;border:1px dashed color-mix(in srgb,var(--stage) 30%,var(--border));border-radius:12px;background:color-mix(in srgb,var(--card) 60%,transparent);color:var(--muted)}
.crm-board-empty>svg{width:34px;height:34px;padding:8px;border-radius:11px;background:color-mix(in srgb,var(--stage) 10%,var(--card));color:var(--stage);margin-bottom:12px}.crm-board-empty b{font-size:12px;color:var(--text);font-weight:600}.crm-board-empty p{font-size:11px;line-height:1.6;margin:7px 0 0}
.crm-compact-card{border:1px solid var(--border);border-left:3px solid var(--stage);border-radius:13px;box-shadow:0 5px 16px #12263c08;transition:box-shadow .15s,border-color .15s;margin-bottom:12px;background:var(--card)}
.crm-compact-card:hover{box-shadow:0 8px 22px #12263c14;border-color:color-mix(in srgb,var(--stage) 50%,var(--border))}
.crm-card-disclosure summary{padding:16px}.crm-card-summary-top{margin-bottom:10px}.crm-source-tag{font-size:10px;padding:4px 7px;color:var(--crm-accent);background:color-mix(in srgb,var(--crm-accent) 8%,var(--card))}
.crm-card-disclosure summary h4{font-size:16px;font-weight:750;margin:0 0 8px;line-height:1.4}.crm-card-company{font-size:12px}.crm-card-summary-bottom{margin-top:18px;padding-top:13px;border-top:1px solid var(--border)}.crm-card-summary-bottom strong{font-size:19px;letter-spacing:-.03em}
.crm-card-next{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);margin-top:13px;line-height:1.5}.crm-card-next svg{width:14px;height:14px}
.crm-card-footline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px}.crm-card-rating{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:#91631b;background:#fff5e3;padding:4px 6px;border-radius:6px}.crm-card-rating svg{width:12px;height:12px}.crm-card-rating.is-qualified{color:#247353;background:#eaf7ef}.crm-card-summary-hint{margin:0;font-size:10px;color:var(--crm-accent)}
.crm-card-expanded{padding:17px;background:color-mix(in srgb,var(--muted) 2%,var(--card))}.crm-card-expanded>.crm-eyebrow{margin-bottom:12px;font-size:9px}.crm-detail-person{padding-bottom:8px;font-size:14px}.crm-detail-person>svg{width:28px;height:28px;padding:6px;background:color-mix(in srgb,var(--crm-accent) 10%,var(--card));color:var(--crm-accent);border-radius:9px}
.crm-card-expanded dl>div{grid-template-columns:85px minmax(0,1fr);padding:3px 0}.crm-card-expanded dt{font-weight:500;color:var(--muted)}.crm-card-expanded dd{color:var(--text)}
.crm-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding-top:14px}.crm-card-actions .crm-btn{font-size:11px;min-height:36px;background:var(--card);border:1px solid var(--border);padding:7px;white-space:normal}.crm-card-actions .crm-manage-action{grid-column:1/-1;background:var(--crm-accent);color:white;border-color:var(--crm-accent);font-size:12px}.crm-card-actions .crm-rate-btn{grid-column:1/-1;background:color-mix(in srgb,var(--stage) 9%,var(--card));color:var(--text);border-color:transparent}.crm-card-actions>.crm-badge{display:none}
.crm-dialog.crm-management-dialog{width:min(1720px,97vw);max-height:95dvh;overflow:hidden;padding:0}
.crm-management-dialog .crm-dialog-head{padding:18px 25px;background:linear-gradient(110deg,color-mix(in srgb,var(--crm-accent) 9%,var(--card)),var(--card))}.crm-management-dialog .crm-dialog-head h3{display:flex;align-items:center;gap:12px;margin:0;font-size:18px}.crm-dialog-title-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--crm-accent);color:white;border-radius:12px}.crm-management-dialog .crm-dialog-head h3 small{display:block;font-size:12px;font-weight:500;margin-top:3px;color:var(--muted)}
.crm-management-dialog .crm-dialog-body{padding:0 22px;background:color-mix(in srgb,var(--muted) 4%,var(--card));max-height:calc(95dvh - 82px);overflow:auto}
.crm-management-context{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 0;flex-wrap:wrap}.crm-management-context>div{display:flex;align-items:center;gap:10px}.crm-context-avatar{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--crm-accent)}.crm-management-context b{display:block;font-size:14px}.crm-management-context div>span:not(.crm-context-avatar){font-size:11px;color:var(--muted)}.crm-context-meta>span{display:inline-flex;gap:6px;align-items:center}.crm-context-meta strong{font-size:18px;padding-left:14px;border-left:1px solid var(--border)}
.crm-management-grid{grid-template-columns:minmax(240px,.9fr) minmax(340px,1.35fr) minmax(240px,.9fr);gap:18px;height:min(59vh,720px);min-height:280px}
.crm-management-pane{padding-right:5px;scrollbar-width:thin;scrollbar-color:var(--border) transparent;font-size:14px}
.crm-management-pane>h3{display:flex;gap:10px;align-items:center;padding:14px 15px;border:0;border-bottom:1px solid var(--border);border-radius:11px;font-size:14px;margin-bottom:12px;box-shadow:0 2px 4px #10203003}.crm-management-pane>h3>svg{color:var(--crm-accent);width:20px;height:20px}.crm-management-pane>h3 small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:3px}
.crm-task-progress{padding:16px;border:1px solid var(--border);border-radius:12px;background:var(--card);margin-bottom:13px}.crm-task-progress>div{display:flex;justify-content:space-between;gap:8px;font-size:11px}.crm-task-progress>div span{color:var(--crm-accent);font-weight:700}.crm-task-progress progress{display:block;width:100%;height:7px;margin:12px 0 9px;accent-color:var(--crm-accent)}.crm-task-progress>small{font-size:10px;color:var(--muted);line-height:1.5;display:block}
.crm-check-group{padding:16px;border-radius:12px}.crm-check-group h4{display:flex;justify-content:space-between;align-items:center;gap:8px;color:var(--text);font-size:13px;margin-bottom:6px}.crm-group-count{color:var(--crm-accent);font-size:10px;padding:3px 6px;border-radius:5px;background:color-mix(in srgb,var(--crm-accent) 9%,var(--card));white-space:nowrap}.crm-check-group p{font-size:11px;line-height:1.6}.crm-check-group .crm-check-row{padding:10px;font-size:12px;gap:8px;background:var(--card);line-height:1.55;cursor:pointer}.crm-check-group .crm-check-row:has(input:checked){border-color:color-mix(in srgb,var(--crm-accent) 35%,var(--border));background:color-mix(in srgb,var(--crm-accent) 5%,var(--card))}.crm-check-group input{accent-color:var(--crm-accent);width:16px;height:16px;flex-shrink:0}
.crm-management-fields .crm-form-grid{display:flex;flex-direction:column;gap:13px;padding:0;background:none}.crm-field-section{border:1px solid var(--border);border-radius:12px;padding:16px;background:var(--card)}.crm-field-section h4{display:flex;align-items:center;gap:8px;font-size:12px;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--border);color:var(--text)}.crm-field-section h4 svg{width:16px;height:16px;color:var(--crm-accent)}.crm-field-section-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.crm-field-section-grid .wide{grid-column:1/-1}.crm-field-section .crm-field{min-width:0;font-size:12px;gap:6px}.crm-field-section .crm-field>span{font-size:11px;font-weight:600;color:var(--muted)}.crm-field-section input,.crm-field-section select,.crm-field-section textarea{font-size:13px;width:100%;min-width:0;border-radius:8px;padding:10px 11px;background:var(--card);color:var(--text)}.crm-field-section textarea{min-height:85px}.crm-field-section :is(input,select,textarea):focus{outline:2px solid color-mix(in srgb,var(--crm-accent) 30%,transparent);outline-offset:1px;border-color:var(--crm-accent)}
.crm-timeline{padding-left:13px;border-left:1px solid var(--border);margin-left:8px}.crm-followup{position:relative;padding:16px;margin-bottom:15px;border:1px solid var(--border);border-radius:12px;background:var(--card)}.crm-followup::before{content:'';position:absolute;left:-19px;top:22px;width:9px;height:9px;border-radius:50%;background:var(--crm-accent);box-shadow:0 0 0 4px var(--card)}.crm-followup>small{font-size:10px;color:var(--muted)}.crm-followup h4{display:flex;align-items:center;gap:7px;font-size:13px;margin:10px 0}.crm-followup h4 svg{width:16px;height:16px;color:#24936a}.crm-followup p{font-size:12px;line-height:1.7;margin:7px 0}.crm-followup .crm-badge{font-size:10px;padding:4px 6px}.crm-timeline-actions{display:flex;justify-content:flex-end;gap:6px;border-top:1px solid var(--border);margin-top:14px;padding-top:10px}.crm-timeline-actions .crm-icon-button{width:28px;height:28px}
.crm-management-dialog .crm-form-footer{position:sticky;bottom:0;z-index:3;background:color-mix(in srgb,var(--muted) 4%,var(--card));padding:16px 0;margin:0;border-top:1px solid var(--border);gap:10px}.crm-save-note{margin-right:auto;display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:11px}.crm-save-note svg{width:14px;height:14px}.crm-management-dialog .crm-form-footer .crm-btn{min-height:40px;padding:9px 16px}
@media(max-width:1100px){.crm-management-grid{grid-template-columns:minmax(220px,.9fr) minmax(300px,1.2fr);height:auto}.crm-management-pane{max-height:55vh}.crm-management-pane:last-child{grid-column:1/-1;max-height:300px}.crm-field-section-grid{grid-template-columns:1fr}.crm-context-meta{flex-wrap:wrap}}
@media(max-width:720px){.crm-dialog.crm-management-dialog{width:98vw;max-height:96dvh}.crm-management-dialog .crm-dialog-body{padding:0 12px;max-height:calc(96dvh - 80px)}.crm-management-dialog .crm-dialog-head{padding:14px}.crm-management-dialog .crm-dialog-head h3{font-size:16px}.crm-management-grid{display:flex;flex-direction:column;height:auto;min-height:0}.crm-management-pane{max-height:none;overflow:visible;padding:0}.crm-management-pane>h3{position:static}.crm-save-note{display:none}.crm-management-dialog .crm-form-footer{justify-content:flex-end}.crm-reference-board .crm-column{flex-basis:285px}.crm-management-context{gap:10px}.crm-context-meta strong{font-size:15px}.crm-board-overview{font-size:12px}}
@media(prefers-reduced-motion:reduce){.crm-compact-card{transition:none}}
/* v2.7 — close zones appear during opportunity dragging, never for column dragging. */
.crm-closure-dock{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:min(900px,94vw);z-index:1000;border:1px solid var(--border);border-radius:18px;padding:15px 20px 20px;background:var(--card);box-shadow:0 14px 60px #102c4540}
.crm-closure-dock[hidden]{display:none!important}.crm-closure-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px;font-size:13px}.crm-closure-caption span{font-size:11px;color:var(--muted)}
.crm-closure-targets{display:grid;grid-template-columns:1fr 1fr;gap:16px}.crm-close-target{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;min-height:85px;padding:14px;border:2px dashed currentColor;border-radius:12px}.crm-close-target.won{color:#238364;background:color-mix(in srgb,#238364 7%,var(--card))}.crm-close-target.lost{color:#c45461;background:color-mix(in srgb,#c45461 7%,var(--card))}.crm-close-target strong{font-size:17px}.crm-close-target small{width:100%;text-align:center;font-size:11px}.crm-close-target.drag-over{border-style:solid;box-shadow:inset 0 0 0 2px currentColor}.crm-close-target[aria-disabled=true]{opacity:.5;cursor:not-allowed}
.crm-closed-list{margin-top:16px;border:1px solid var(--border);border-radius:12px;background:var(--card)}.crm-closed-list>summary{display:flex;gap:10px;align-items:center;padding:17px;cursor:pointer;font-size:14px;font-weight:650}.crm-closed-rows{padding:0 17px 17px}.crm-closed-rows article{display:flex;align-items:center;gap:14px;padding:13px 0;border-top:1px solid var(--border);flex-wrap:wrap;font-size:13px}.crm-closed-rows article>div{flex:1;min-width:160px}.crm-closed-rows small{display:block;color:var(--muted);margin-top:3px}.crm-card-close-actions{grid-column:1/-1;display:flex;gap:7px;padding-top:8px;border-top:1px solid var(--border)}.crm-card-close-actions button{flex:1}
@media(max-width:650px){.crm-closure-dock{bottom:8px;padding:12px}.crm-closure-caption{display:block}.crm-closure-caption span{display:block;margin-top:5px}.crm-close-target strong{font-size:14px}.crm-closure-targets{gap:8px}}
.crm-account-pagination{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:18px;font-size:13px}.crm-account-pagination span{margin-right:auto}.crm-account-profile{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.crm-account-profile h2{font-size:23px;margin:10px 0}.crm-account-profile p{font-size:13px;color:var(--muted);overflow-wrap:anywhere}.crm-account-docs{margin-top:16px}.crm-source-data{margin-top:16px}.crm-source-data summary{cursor:pointer;font-weight:650}.crm-source-data dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}.crm-source-data dl>div{padding:12px;border-bottom:1px solid var(--border);min-width:0}.crm-source-data dt{font-size:11px;color:var(--muted)}.crm-source-data dd{font-size:13px;margin:5px 0;overflow-wrap:anywhere}
@media(max-width:700px){.crm-account-profile{flex-direction:column}.crm-source-data dl{grid-template-columns:1fr}.crm-account-pagination{flex-wrap:wrap}}
/* v2.10 — account directory, relationship profile and contact editor */
.crm-directory-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.crm-directory-kpis article{display:flex;align-items:center;gap:14px;padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--card);box-shadow:0 4px 15px #11294505}.crm-directory-kpis article>span{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:43px;height:43px;border-radius:12px;background:color-mix(in srgb,var(--crm-accent) 10%,var(--card));color:var(--crm-accent)}.crm-directory-kpis strong{display:block;font-size:25px;letter-spacing:-.03em;line-height:1.3}.crm-directory-kpis small{font-size:11px;color:var(--muted)}
.crm-directory{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--card)}.crm-directory-toolbar{display:flex;align-items:center;gap:9px;padding:18px 20px 14px}.crm-directory-search{display:flex;align-items:center;gap:9px;flex:1;min-width:0;padding:0 13px;border:1px solid var(--border);border-radius:9px;background:color-mix(in srgb,var(--muted) 3%,var(--card))}.crm-directory-search>svg{color:var(--muted);width:17px}.crm-directory-search input{width:100%;min-width:0;border:0!important;box-shadow:none!important;background:transparent!important;padding:12px 0;color:var(--text);font-size:13px}.crm-directory-search:focus-within{outline:2px solid var(--crm-accent);outline-offset:1px}
.crm-directory-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 20px 18px;border-bottom:1px solid var(--border)}.crm-directory-filters label{display:flex;flex-direction:column;gap:6px;min-width:0}.crm-directory-filters label>span{font-size:10px;letter-spacing:.04em;color:var(--muted);font-weight:650}.crm-directory-filters select{width:100%;min-width:0;max-width:100%;font-size:12px;padding:9px;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--card)}
.crm-directory-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px}.crm-directory-caption b{font-size:14px}.crm-directory-caption span{font-size:10px;color:var(--muted)}.crm-directory-scroll{max-height:min(65vh,740px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.crm-directory-table{min-width:1060px;border-collapse:separate;border-spacing:0}.crm-directory-table th{position:sticky;top:0;z-index:1;background:var(--card);font-size:10px;padding:13px 17px;border-bottom:1px solid var(--border);box-shadow:0 1px 0 var(--border)}.crm-directory-table td{padding:17px;font-size:12px;vertical-align:middle;border-bottom:1px solid var(--border)}.crm-directory-table tbody tr:hover{background:color-mix(in srgb,var(--crm-accent) 3%,var(--card))}.crm-directory-table small{font-size:10px;margin-top:5px;color:var(--muted)}
.crm-directory-identity{display:flex;align-items:center;gap:12px;min-width:220px;max-width:320px}.crm-account-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--crm-accent) 16%,var(--border));border-radius:12px;font-size:13px;font-weight:750;letter-spacing:.02em;color:var(--crm-accent);background:color-mix(in srgb,var(--crm-accent) 8%,var(--card))}.crm-account-name{display:block;padding:0;border:0;background:none;text-align:left;font:inherit;font-size:13px;line-height:1.5;font-weight:650;color:var(--text);cursor:pointer;overflow-wrap:anywhere}.crm-account-name:hover{color:var(--crm-accent);text-decoration:underline}.crm-directory-line{display:flex;align-items:center;gap:7px;max-width:250px;overflow-wrap:anywhere}.crm-directory-line svg{width:13px;height:13px;color:var(--muted)}.crm-relation-badges{display:flex;gap:7px}.crm-relation-badges span{display:flex;align-items:center;gap:5px;padding:4px 7px;border-radius:6px;border:1px solid var(--border);font-size:11px;color:var(--muted)}.crm-relation-badges svg{width:13px;height:13px}.crm-directory-table .crm-actions{flex-wrap:nowrap;gap:5px}.crm-directory-table .crm-icon-button{width:31px;height:31px}
.crm-account-status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:7px;background:color-mix(in srgb,var(--muted) 8%,var(--card));color:var(--muted);font-size:10px;font-weight:700;white-space:nowrap}.crm-account-status i{width:5px;height:5px;background:currentColor;border-radius:50%}.crm-account-status.status-ACTIVO,.crm-account-status.status-CLIENTE{background:#eaf7f0;color:#267956}.crm-account-status.status-POTENCIAL,.crm-account-status.status-PROSPECTO{background:#edf2ff;color:#5266ac}.crm-account-status.status-INACTIVO{background:#fbeff0;color:#a75967}
.crm-directory-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--border);padding:13px 20px;font-size:11px;color:var(--muted)}#crmAccountSentinel{display:flex;justify-content:center;padding:12px}#crmAccountSentinel[hidden]{display:none}
.crm-account-profile-dialog .crm-dialog-body{padding:0;background:color-mix(in srgb,var(--muted) 3%,var(--card))}.crm-profile-cover{display:flex;align-items:center;gap:20px;padding:30px;border-bottom:1px solid var(--border);background:linear-gradient(115deg,color-mix(in srgb,var(--crm-accent) 12%,var(--card)),var(--card) 80%)}.crm-profile-cover>.crm-account-avatar{width:80px;height:80px;font-size:26px;border-radius:22px;background:var(--card);box-shadow:0 7px 20px #1234500a}.crm-profile-cover>div:not(.crm-actions){flex:1;min-width:0}.crm-profile-cover h2{font-size:26px;line-height:1.25;letter-spacing:-.025em;margin:6px 0 8px;overflow-wrap:anywhere}.crm-profile-cover p{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-size:12px;color:var(--muted)}.crm-profile-cover p svg{width:14px;height:14px}.crm-profile-cover .crm-eyebrow{font-size:10px}.crm-profile-cover .crm-icon-button{width:37px;height:37px;background:var(--card)}
.crm-profile-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--card);border-bottom:1px solid var(--border)}.crm-profile-metrics>div{display:flex;align-items:center;justify-content:center;gap:9px;padding:19px 10px;border-right:1px solid var(--border)}.crm-profile-metrics svg{width:17px;color:var(--crm-accent)}.crm-profile-metrics strong{font-size:21px}.crm-profile-metrics span{font-size:11px;color:var(--muted)}
.crm-profile-layout.crm-account-profile{display:grid;grid-template-columns:290px minmax(0,1fr);align-items:start;gap:22px;padding:25px;margin:0}.crm-profile-facts{background:var(--card);border:1px solid var(--border);border-radius:13px;padding:20px;min-width:0}.crm-profile-facts h3{font-size:13px;margin:0 0 18px}.crm-profile-facts>div:not(.crm-profile-note){display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-bottom:1px solid var(--border)}.crm-profile-facts>div>svg{width:15px;height:15px;color:var(--muted);margin-top:4px}.crm-profile-facts dl{margin:0;min-width:0}.crm-profile-facts dt{font-size:10px;color:var(--muted)}.crm-profile-facts dd{font-size:12px;line-height:1.6;margin:3px 0 0;overflow-wrap:anywhere}.crm-profile-note h4{font-size:11px;margin:20px 0 6px}.crm-profile-note p{font-size:12px;line-height:1.7;color:var(--muted);overflow-wrap:anywhere}
.crm-profile-main{min-width:0;display:flex;flex-direction:column;gap:18px}.crm-profile-section{border:1px solid var(--border);border-radius:13px;background:var(--card);padding:20px;margin:0}.crm-profile-section>header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.crm-profile-section>header>div{display:flex;align-items:center;gap:9px}.crm-profile-section h3{font-size:14px;margin:0}.crm-profile-section>header svg{color:var(--crm-accent);width:17px}.crm-profile-empty{font-size:12px;color:var(--muted);padding:15px 0;margin:0}.crm-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:13px}.crm-person-card{border:1px solid var(--border);border-radius:12px;padding:16px;min-width:0;background:var(--card)}.crm-person-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.crm-person-top>div{flex:1;min-width:0}.crm-person-top h4{font-size:14px;line-height:1.4;margin:0 0 4px;overflow-wrap:anywhere}.crm-person-top p{font-size:11px;line-height:1.5;margin:0;color:var(--muted);overflow-wrap:anywhere}.crm-person-top>.crm-account-avatar{width:37px;height:37px;font-size:12px;border-radius:50%}.crm-principal{color:#ad812b}.crm-principal svg{width:17px;height:17px}.crm-person-card .crm-soft-badge{font-size:9px;letter-spacing:.03em;margin-bottom:10px}.crm-person-channel{display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.7;margin:6px 0;overflow-wrap:anywhere}.crm-person-channel span{min-width:0}.crm-person-channel svg{width:14px;height:14px;color:var(--muted)}.crm-person-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:14px;padding-top:10px;border-top:1px solid var(--border)}.crm-person-card footer>span{font-size:10px;color:var(--muted)}.crm-person-card .crm-icon-button{width:29px;height:29px}
.crm-upload-zone{position:relative;display:flex;align-items:center;gap:13px;padding:20px;border:1px dashed color-mix(in srgb,var(--crm-accent) 45%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--crm-accent) 4%,var(--card));cursor:pointer;margin-bottom:13px}.crm-upload-zone>svg{width:32px;height:32px;padding:6px;color:var(--crm-accent);background:var(--card);border-radius:9px}.crm-upload-zone b{display:block;font-size:12px}.crm-upload-zone small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.crm-upload-zone input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.crm-upload-zone:focus-within{outline:2px solid var(--crm-accent);outline-offset:3px}.crm-profile-documents article,.crm-profile-deal{display:flex;align-items:center;gap:10px;padding:13px 0;border-top:1px solid var(--border);font-size:12px}.crm-profile-documents article>div,.crm-profile-deal>div{flex:1;min-width:0}.crm-profile-documents b,.crm-profile-deal b{overflow-wrap:anywhere}.crm-profile-documents small,.crm-profile-deal small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.crm-document-symbol{display:flex;align-items:center;justify-content:center;width:33px;height:37px;flex-shrink:0;background:color-mix(in srgb,var(--crm-accent) 7%,var(--card));color:var(--crm-accent);border-radius:7px}.crm-profile-section.crm-source-data summary{display:flex;align-items:center;gap:9px;font-size:13px}.crm-profile-section.crm-source-data .crm-muted{font-size:11px}
.crm-contacts-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.crm-contacts-intro h2{font-size:22px;margin:5px 0}.crm-contacts-intro p{font-size:12px;color:var(--muted);margin:0}.crm-edit-intro{display:flex;align-items:center;gap:13px;padding-bottom:22px}.crm-edit-intro>svg{width:44px;height:44px;padding:11px;border-radius:12px;background:color-mix(in srgb,var(--crm-accent) 9%,var(--card));color:var(--crm-accent)}.crm-edit-intro h2{font-size:21px;margin:0 0 5px}.crm-edit-intro p{font-size:12px;color:var(--muted);margin:0}.crm-account-edit-dialog .crm-dialog-body{background:color-mix(in srgb,var(--muted) 3%,var(--card))}.crm-account-edit-dialog .crm-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.crm-edit-section{border:1px solid var(--border);border-radius:13px;padding:20px;background:var(--card);min-width:0}.crm-edit-section h3{display:flex;align-items:center;gap:8px;font-size:13px;margin:0 0 18px;padding-bottom:13px;border-bottom:1px solid var(--border)}.crm-edit-section h3 svg{width:16px;color:var(--crm-accent)}.crm-edit-section>div{display:grid;grid-template-columns:1fr 1fr;gap:15px}.crm-edit-section .crm-field{min-width:0}.crm-edit-section .crm-field>span{font-size:11px;font-weight:650;color:var(--muted)}.crm-edit-section input,.crm-edit-section select,.crm-edit-section textarea{font-size:13px;min-width:0;width:100%;padding:11px;border-radius:8px}.crm-edit-section .check{grid-column:1/-1}.crm-edit-section .check input{width:17px;height:17px;accent-color:var(--crm-accent)}.crm-edit-section .wide{grid-column:1/-1}.crm-account-edit-dialog .crm-form-footer{position:sticky;bottom:-24px;background:var(--card);padding:17px;border:1px solid var(--border);border-radius:10px;margin-top:20px;z-index:2}
@media(max-width:1100px){.crm-directory-kpis{grid-template-columns:1fr 1fr}.crm-profile-layout.crm-account-profile{grid-template-columns:240px minmax(0,1fr);padding:18px;gap:16px}.crm-profile-metrics>div{flex-wrap:wrap;gap:5px}.crm-profile-metrics span{width:100%;text-align:center}.crm-account-edit-dialog .crm-form-grid{grid-template-columns:1fr}}
@media(max-width:750px){.crm-directory-filters{grid-template-columns:1fr 1fr}.crm-directory-caption{align-items:flex-start;flex-direction:column}.crm-directory-kpis article{padding:13px;gap:9px}.crm-directory-kpis strong{font-size:21px}.crm-directory-kpis small{font-size:10px}.crm-directory-kpis article>span{width:33px;height:33px}.crm-profile-cover{padding:20px;gap:13px;flex-wrap:wrap}.crm-profile-cover h2{font-size:21px}.crm-profile-cover>.crm-account-avatar{width:55px;height:55px;font-size:19px}.crm-profile-cover>.crm-actions{margin-left:auto}.crm-profile-layout.crm-account-profile{grid-template-columns:1fr;padding:13px}.crm-profile-metrics{grid-template-columns:1fr 1fr}.crm-profile-section{padding:15px}.crm-contacts-intro{align-items:flex-start}.crm-contacts-intro h2{font-size:18px}.crm-edit-section>div{grid-template-columns:1fr}.crm-profile-deal{flex-wrap:wrap}.crm-directory-footer{font-size:10px}.crm-edit-intro h2{font-size:18px}}

/* v2.11 — catálogo compartido */
.crm-geo-picker{grid-column:1/-1;border:1px solid var(--border);border-radius:16px;padding:18px;background:var(--card)}
.crm-geo-picker header{display:flex;align-items:center;gap:12px;margin-bottom:18px;color:var(--business-primary)}
.crm-geo-picker header small{display:block;color:var(--muted);margin-top:5px;font-weight:400}
.crm-geo-fields{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.crm-geo-fields .wide{grid-column:1/-1}.crm-geo-summary{color:var(--muted);font-size:12px;line-height:1.6;margin:14px 0 0}
@media(max-width:640px){.crm-geo-fields{grid-template-columns:1fr}}
/* v2.12 — espacio comercial, vistas y acciones */
.crm-command-bar{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--card);margin:20px 0 12px;flex-wrap:wrap}
.crm-view-switch{display:flex;padding:4px;background:color-mix(in srgb,var(--business-primary) 7%,var(--card));border-radius:12px;gap:4px}
.crm-view-switch button{display:flex;align-items:center;gap:8px;border:0;border-radius:9px;padding:10px 15px;background:transparent;color:var(--muted);cursor:pointer;font:inherit;font-weight:600}.crm-view-switch button.active{background:var(--business-primary);color:#fff;box-shadow:0 3px 9px #142e4920}
.crm-command-bar svg,.crm-board-legend svg,.crm-commercial-metrics svg,.crm-quick-panel svg{width:19px;height:19px;flex-shrink:0}
.crm-command-search{display:flex;align-items:center;gap:10px;flex:1;min-width:200px;padding:0 12px;border:1px solid var(--border);border-radius:10px;color:var(--muted)}.crm-command-search input{border:0!important;background:transparent;color:var(--text);min-width:0;width:100%;padding:12px!important;outline-offset:2px}
.crm-board-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.crm-board-filters select,.crm-command-bar>select{min-width:145px;max-width:250px;padding:10px 12px;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:10px;font:inherit;font-size:13px}
.crm-commercial-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.crm-commercial-metrics article{display:flex;align-items:flex-start;gap:12px;padding:18px;background:var(--card);border:1px solid var(--border);border-radius:14px}.crm-commercial-metrics svg{color:var(--business-primary);margin-top:3px}.crm-commercial-metrics small{display:block;color:var(--muted);margin-bottom:7px;font-size:12px}.crm-commercial-metrics strong{font-size:18px;line-height:1.5;overflow-wrap:anywhere}
.crm-board-legend{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:14px 0 20px;color:var(--muted);font-size:12px}.crm-board-legend span{display:flex;align-items:center;gap:6px}.crm-board-legend i{width:8px;height:8px;border-radius:50%;background:#ce5461}.crm-board-legend i.today{background:#2583df}.crm-board-legend i.future{background:#d3a01c}.crm-board-legend i.overdue{background:#a05ebc}.crm-board-legend small{margin-left:auto}
.crm-activity-plus{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid currentColor;border-radius:9px;cursor:pointer;background:#fff;color:#c04353;flex-shrink:0}.crm-activity-plus svg{width:17px;height:17px}.crm-activity-plus.is-today{color:#1671ca;background:#eef7ff}.crm-activity-plus.is-future{color:#9b7000;background:#fff7da}.crm-activity-plus.is-overdue{color:#8750a3;background:#f6effd}.crm-activity-plus.is-none{color:#c04353;background:#fff0f1}.crm-activity-plus:hover{box-shadow:0 3px 10px #23395525;transform:translateY(-1px)}
.crm-card-quick{display:flex;align-items:center;gap:9px;padding:10px 16px;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}
.crm-business-list{border:1px solid var(--border);background:var(--card);border-radius:16px;overflow:hidden}.crm-list-scroll{overflow:auto;max-height:68vh}.crm-business-list table{width:100%;min-width:1150px;border-collapse:collapse;font-size:13px}.crm-business-list th{position:sticky;top:0;z-index:1;background:var(--card);border-bottom:1px solid var(--border);padding:16px 14px;text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.crm-business-list td{padding:15px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.crm-business-list tr:hover td{background:color-mix(in srgb,var(--business-primary) 3%,var(--card))}.crm-business-list small{display:block;color:var(--muted);margin-top:5px;font-size:11px}.crm-business-link{border:0;padding:0;background:transparent;color:var(--text);font:inherit;font-weight:650;text-align:left;cursor:pointer;line-height:1.5}.crm-business-link:hover{color:var(--business-primary);text-decoration:underline}.crm-business-list>footer{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;font-size:12px;color:var(--muted)}.crm-value{white-space:nowrap;font-variant-numeric:tabular-nums}.crm-phase-label{display:inline-block;padding:5px 9px;border-radius:7px;background:color-mix(in srgb,var(--stage) 15%,var(--card));color:var(--text);border-left:3px solid var(--stage);font-size:11px;font-weight:600}
.crm-date-navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.crm-date-navigation>div{display:flex;gap:8px}.crm-date-navigation p{font-size:12px;color:var(--muted)}.crm-month-board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(290px,1fr);overflow-x:auto;gap:15px;padding-bottom:16px}.crm-month-lane{background:color-mix(in srgb,var(--business-primary) 3%,var(--card));border:1px solid var(--border);border-radius:16px;overflow:hidden;min-width:0}.crm-month-lane>header{padding:18px;background:var(--card);border-bottom:1px solid var(--border)}.crm-month-lane>header>span{font-weight:700;text-transform:capitalize;font-size:15px}.crm-month-lane>header>b{display:block;font-size:11px;color:var(--muted);margin-top:5px}.crm-month-lane dl{margin:14px 0 0;font-size:11px}.crm-month-lane dl div{display:flex;justify-content:space-between;gap:12px;padding:5px 0}.crm-month-lane dt{color:var(--muted)}.crm-month-lane dd{margin:0;text-align:right;font-weight:600;line-height:1.6}.crm-month-lane .won dd{color:#23875f}.crm-month-lane .lost dd{color:#bf4c5c}.crm-month-lane>div{padding:12px;max-height:60vh;overflow-y:auto;min-height:200px}
.crm-date-card{padding:14px;margin-bottom:12px;border:1px solid var(--border);border-top:3px solid var(--stage);border-radius:12px;background:color-mix(in srgb,var(--stage) 6%,var(--card));box-shadow:0 3px 8px #1b304508}.crm-date-card header{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px;align-items:center}.crm-date-card p{font-size:12px;color:var(--muted);line-height:1.5}.crm-date-card footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:10px;gap:8px}.crm-date-card strong{font-size:13px}.crm-date-card small{font-size:10px;color:var(--muted)}.crm-undated{margin:16px 0;border:1px solid var(--border);border-radius:12px;padding:16px}.crm-undated summary{cursor:pointer;font-weight:600;display:flex;align-items:center;gap:10px}.crm-undated summary svg{width:18px}.crm-undated>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:16px}.crm-forecast-note{color:var(--muted);font-size:12px;line-height:1.7}
.crm-quick-panel{padding:8px}.crm-quick-panel h2{margin:8px 0}.crm-quick-panel>p{color:var(--muted)}.crm-next-activity{display:flex;gap:12px;align-items:center;border:1px solid var(--border);border-radius:12px;padding:16px;margin:20px 0;background:color-mix(in srgb,var(--business-primary) 6%,var(--card))}.crm-next-activity small{display:block;margin-top:5px;color:var(--muted)}.crm-quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.crm-quick-grid .crm-btn{display:flex;gap:10px;align-items:center;justify-content:flex-start;padding:16px;text-decoration:none}.crm-quick-unavailable{padding:16px;color:var(--muted);border:1px dashed var(--border);border-radius:10px;font-size:12px}
@media(max-width:900px){.crm-commercial-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.crm-date-navigation{align-items:flex-start;flex-direction:column}.crm-month-board{grid-auto-columns:300px}}@media(max-width:560px){.crm-command-bar{gap:8px}.crm-command-search{order:3;flex-basis:100%}.crm-board-filters select{max-width:none;min-width:0;width:calc(50% - 5px)}.crm-commercial-metrics article{padding:12px}.crm-commercial-metrics strong{font-size:14px}.crm-quick-grid{grid-template-columns:1fr}.crm-board-legend small{margin-left:0}.crm-view-switch button{padding:9px}}
/* v2.14 — navegación y carga progresiva real */
.crm-board-travel{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--card);border:1px solid var(--border);border-radius:12px;margin:12px 0;box-shadow:0 5px 16px #1327400a}.crm-top-scroll{flex:1;overflow-x:auto;overflow-y:hidden;min-width:0;height:20px;scrollbar-color:var(--business-primary) color-mix(in srgb,var(--business-primary) 8%,var(--card))}.crm-top-scroll>div{height:1px}.crm-board-travel button{font-size:20px;flex-shrink:0}.crm-board-travel button:disabled{opacity:.35;cursor:default}
.crm-bucket-scroll{max-height:62vh;min-height:100px;overflow-y:auto;overscroll-behavior:contain;padding:10px;scrollbar-gutter:stable}.crm-page-sentinel{grid-column:1/-1;text-align:center;padding:16px;color:var(--muted);font-size:12px}.crm-page-sentinel small{display:block;margin-bottom:8px}.crm-page-sentinel p{color:#b84555}.crm-page-sentinel>span{display:block;font-size:11px}.crm-undated>div.crm-undated-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.crm-column>.crm-bucket-scroll{flex:1}.crm-month-board{grid-auto-columns:minmax(340px,1fr)}
.crm-month-lane>header.crm-month-pro{padding:18px;background:linear-gradient(135deg,color-mix(in srgb,var(--business-primary) 6%,var(--card)),var(--card))}.crm-month-title{display:flex;gap:12px;align-items:center;margin-bottom:18px}.crm-month-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;color:var(--business-primary);background:color-mix(in srgb,var(--business-primary) 12%,var(--card))}.crm-month-icon svg{width:21px;height:21px}.crm-month-title h3{font-size:16px;line-height:1.4;margin:3px 0 0;text-transform:capitalize}.crm-month-title .crm-eyebrow{font-size:9px;letter-spacing:.08em;color:var(--muted)}.crm-month-title>.crm-soft-badge{margin-left:auto}.crm-month-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px}.crm-month-stat{padding:12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--metric) 22%,var(--border));background:color-mix(in srgb,var(--metric) 8%,var(--card));--metric:#2e83c7}.crm-month-stat.forecast{--metric:#8263c3}.crm-month-stat.won{--metric:#278760}.crm-month-stat.lost{--metric:#c05262}.crm-month-stat>span{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--metric)}.crm-month-stat svg{width:14px;height:14px}.crm-month-stat strong{display:block;margin-top:9px;font-size:13px;line-height:1.6;color:var(--text);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.crm-month-stat small{display:block;margin-top:4px;font-size:10px;color:var(--muted)}
#crm-kanban[aria-busy=true] .crm-command-bar:after{content:'Actualizando resultados…';font-size:12px;color:var(--muted)}
@media(max-width:560px){.crm-month-board{grid-auto-columns:310px}.crm-month-lane>header.crm-month-pro{padding:13px}.crm-month-stat{padding:10px}.crm-board-travel{gap:8px}.crm-bucket-scroll{max-height:58vh}}
/* Meses conectados: timeline horizontal */
.crm-timeline-months{gap:0;padding:0 0 18px;align-items:start}.crm-timeline-months>.crm-month-lane{border:0;border-radius:0;background:transparent;overflow:visible;padding:0 10px}.crm-month-milestone{height:60px;position:relative;display:flex;align-items:center;gap:8px;margin:0 -10px;padding-left:28px}.crm-month-milestone:before{content:'';position:absolute;left:0;right:0;top:30px;height:3px;background:color-mix(in srgb,var(--business-primary) 25%,var(--border))}.crm-month-milestone>span{position:relative;z-index:1;background:var(--business-primary);color:white;width:33px;height:33px;border:5px solid var(--card);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;box-shadow:0 0 0 1px color-mix(in srgb,var(--business-primary) 30%,var(--card))}.crm-month-milestone>b{position:relative;font-size:10px;padding:3px 6px;background:var(--card);color:var(--muted)}.crm-timeline-months .crm-month-pro{border:1px solid var(--border);border-radius:16px 16px 0 0;box-shadow:0 6px 20px #15344c08}.crm-timeline-months>.crm-month-lane>.crm-bucket-scroll{border:1px solid var(--border);border-top:0;border-radius:0 0 16px 16px;background:color-mix(in srgb,var(--business-primary) 3%,var(--card));padding:15px;position:relative}.crm-timeline-months .crm-date-card{position:relative;border-left:3px solid var(--stage)}
.crm-date-stamp{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);margin:10px 0}.crm-date-stamp svg{width:14px;height:14px}
/* v2.15 — período explícito y recorrido punteado */
.crm-period-navigation{padding:20px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(110deg,color-mix(in srgb,var(--business-primary) 7%,var(--card)),var(--card));align-items:center;flex-wrap:wrap}.crm-period-navigation .crm-period-heading{display:flex;align-items:center;gap:14px}.crm-period-symbol{display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:14px;background:color-mix(in srgb,var(--business-primary) 14%,var(--card));color:var(--business-primary);flex-shrink:0}.crm-period-symbol svg{width:24px;height:24px}.crm-period-heading h3{font-size:18px;text-transform:capitalize;margin:5px 0;color:var(--text)}.crm-period-heading p{margin:0;font-size:12px}.crm-period-heading .crm-eyebrow{font-size:10px;letter-spacing:.1em;color:var(--muted)}.crm-period-navigation .crm-period-controls{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.crm-period-controls .crm-btn{min-height:40px;white-space:nowrap}.crm-month-picker{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted)}.crm-month-picker input{min-height:40px;padding:8px 10px;border:1px solid var(--border);border-radius:9px;font:inherit;font-size:13px;color:var(--text);background:var(--card);color-scheme:light dark}.crm-travel-label{font-size:11px;color:var(--muted);white-space:nowrap;min-width:100px}.crm-board-travel{padding:10px 14px}.crm-timeline-months{grid-auto-columns:clamp(340px,31vw,440px);padding-top:4px}.crm-timeline-months>.crm-month-lane{padding:0 12px}.crm-timeline-months>.crm-month-lane>.crm-month-milestone{box-sizing:border-box;height:88px;min-height:88px;max-height:88px;overflow:visible;padding:0 24px;margin:0 -12px;align-items:center}.crm-month-milestone:before{top:43px;left:0;right:0;height:0;border-top:2px dashed color-mix(in srgb,var(--business-primary) 48%,var(--border));background:none}.crm-month-milestone>span{box-sizing:content-box;width:36px;height:36px;font-size:12px;font-weight:700;border:6px solid var(--card);box-shadow:0 0 0 1px color-mix(in srgb,var(--business-primary) 32%,var(--card)),0 4px 12px #19354b12}.crm-month-milestone>b{font-size:10px;letter-spacing:.06em;padding:5px 9px;border:1px solid var(--border);border-radius:20px;background:var(--card)}.crm-month-milestone:after{content:'';position:absolute;left:47px;top:67px;bottom:0;border-left:2px dashed color-mix(in srgb,var(--business-primary) 30%,var(--border))}.crm-timeline-months .crm-month-pro{box-shadow:0 8px 24px #142a4010;border-top:3px solid color-mix(in srgb,var(--business-primary) 45%,var(--border))}.crm-timeline-months .is-current-month .crm-month-pro{border-top-color:var(--business-primary)}.is-current-month .crm-month-milestone>b{background:var(--business-primary);color:#fff;border-color:var(--business-primary)}.crm-timeline-months .crm-month-title{margin-bottom:18px}.crm-timeline-months .crm-month-title h3{font-size:17px}.crm-month-stat{padding:13px}.crm-month-stat.won{background:color-mix(in srgb,#278760 10%,var(--card))}.crm-month-stat.lost{background:color-mix(in srgb,#c05262 9%,var(--card))}.crm-timeline-months .crm-date-card{box-shadow:0 4px 12px #1830470a}
@media(max-width:700px){.crm-period-navigation{padding:15px}.crm-period-navigation .crm-period-controls{width:100%}.crm-period-controls .crm-btn{flex:1}.crm-month-picker{flex:1;min-width:150px}.crm-period-heading h3{font-size:16px}.crm-travel-label{display:none}.crm-timeline-months{grid-auto-columns:310px}}

/* v2.16 — carga compartida e intervalos */
.crm-month-picker select{min-height:40px;border:1px solid var(--border);border-radius:9px;padding:8px 12px;background:var(--card);color:var(--text);font:inherit;font-size:13px}
.system-loading-surface{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;min-height:320px;padding:36px;border:1px solid var(--border);border-radius:22px;background:radial-gradient(ellipse at top,color-mix(in srgb,var(--business-primary,#009ace) 9%,var(--card)),var(--card) 65%);text-align:center;overflow:hidden}
.system-loading-surface small{display:block;letter-spacing:.18em;color:var(--muted);font-size:10px;margin-bottom:10px}.system-loading-surface strong{display:block;color:var(--text);font-size:20px}.system-loading-surface p{font-size:13px;color:var(--muted);margin:8px 0}
.system-orbit{position:relative;width:76px;height:76px;flex-shrink:0;display:grid;place-items:center;color:var(--business-primary,#009ace)}
.system-orbit>span{font-size:32px;background:color-mix(in srgb,var(--business-primary,#009ace) 10%,var(--card));border-radius:18px;width:48px;height:48px;display:grid;place-items:center}
.system-orbit>i{position:absolute;inset:0;border:2px solid color-mix(in srgb,var(--business-primary,#009ace) 15%,transparent);border-top-color:var(--business-primary,#009ace);border-radius:50%;animation:system-orbit 1.5s linear infinite}.system-orbit>i:nth-child(2){inset:-8px;border-style:dashed;opacity:.5;animation-direction:reverse;animation-duration:5s}
.system-loading-track{width:190px;height:4px;background:color-mix(in srgb,var(--business-primary,#009ace) 10%,var(--card));border-radius:8px;overflow:hidden}.system-loading-track i{display:block;height:100%;width:45%;border-radius:8px;background:var(--business-primary,#009ace);animation:system-travel 1.5s ease-in-out infinite alternate}
.system-skeleton{display:flex;gap:12px;width:min(520px,90%)}.system-skeleton i{height:42px;flex:1;border-radius:10px;background:color-mix(in srgb,var(--business-primary,#009ace) 5%,var(--card));border:1px solid var(--border)}
.system-request-loader{position:fixed;bottom:24px;right:24px;z-index:20000;pointer-events:none;display:flex;align-items:center;gap:14px;padding:16px 22px;border:1px solid var(--border);border-radius:16px;background:var(--card);color:var(--text);box-shadow:0 12px 45px #12334b25}.system-request-loader[hidden]{display:none}.system-request-loader b{display:block;font-size:13px}.system-request-loader small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.system-mini-orbit{width:26px;height:26px;border:3px solid var(--border);border-top-color:var(--business-primary,#009ace);border-radius:50%;animation:system-orbit 1s linear infinite}
.loading-card{border:1px solid var(--border);border-radius:24px!important;box-shadow:0 24px 80px #112b4933;background:var(--card)!important;color:var(--text);padding:36px!important;gap:22px}.loading-card .system-orbit{margin:8px auto 18px}
body:has(#loading.visible) .system-request-loader{visibility:hidden}
.history-loading,.module-loading{border-radius:18px;background:linear-gradient(120deg,color-mix(in srgb,var(--business-primary,#009ace) 7%,var(--card)),var(--card));border:1px solid var(--border)}
@keyframes system-orbit{to{transform:rotate(360deg)}}@keyframes system-travel{to{transform:translateX(125%)}}
@media(prefers-reduced-motion:reduce){.system-orbit>i,.system-mini-orbit,.system-loading-track i{animation:none}}
@media(max-width:600px){.system-request-loader{right:12px;bottom:12px;max-width:calc(100vw - 24px)}.system-loading-surface{padding:24px;min-height:280px}.system-loading-surface strong{font-size:17px}}

#crm-kanban[aria-busy=true] .crm-command-bar:after{content:none}

/* v2.17 — esqueletos de página según contenido */
.system-loading-page{width:100%;min-width:0}
.system-loading-page>.system-loading-surface{min-height:190px;padding:26px;gap:16px}.system-loading-page .system-orbit{width:58px;height:58px}.system-loading-page .system-orbit>span{width:38px;height:38px;font-size:26px}.system-loading-page .system-loading-surface strong{font-size:18px}.system-loading-page .system-loading-surface p{margin-bottom:0}
.system-page-skeleton{margin-top:22px;width:100%;display:grid;gap:18px;--sk-fill:color-mix(in srgb,var(--business-primary,#009ace) 10%,var(--card));--sk-edge:color-mix(in srgb,var(--business-primary,#009ace) 7%,var(--border))}
.system-page-skeleton *{box-sizing:border-box}.system-page-skeleton i{display:block;background:var(--sk-fill);border-radius:7px;position:relative;overflow:hidden}
.system-page-skeleton i:after{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent, color-mix(in srgb,var(--card) 70%,transparent),transparent);transform:translateX(-100%);animation:sk-sweep 2.3s ease-in-out infinite}
.sk-bar{height:12px;width:100%;min-width:16px}.sk-bar.short{width:30%}.sk-bar.medium{width:58%}
.sk-row{display:flex;gap:12px;align-items:center;min-width:0}.sk-avatar{width:34px;height:34px;flex-shrink:0;border-radius:10px!important}
.sk-toolbar{display:flex;align-items:center;gap:18px;padding:14px 18px;border:1px solid var(--sk-edge);border-radius:13px;background:var(--card)}.sk-toolbar>.sk-bar{max-width:200px}.sk-search{height:34px;flex:1;margin-left:auto}.sk-pill{width:68px;height:26px;border-radius:20px!important;flex-shrink:0}
.sk-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.sk-metric{display:grid;gap:16px;padding:20px;border:1px solid var(--sk-edge);border-radius:14px;background:var(--card)}.sk-metric>.sk-bar:last-child{height:24px}
.sk-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.sk-column{display:grid;align-content:start;gap:16px;padding:18px 14px;border:1px solid var(--sk-edge);border-radius:15px;background:color-mix(in srgb,var(--business-primary,#009ace) 3%,var(--card))}
.sk-card{display:grid;gap:16px;padding:18px;border:1px solid var(--sk-edge);border-radius:12px;background:var(--card)}.sk-card-foot{justify-content:space-between;margin-top:8px}
.sk-panel{padding:20px;border:1px solid var(--sk-edge);border-radius:15px;background:var(--card)}.sk-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sk-dashboard{display:grid;grid-template-columns:1.7fr 1fr;gap:18px}.sk-chart{height:220px;display:flex;gap:14px;align-items:flex-end;border-bottom:1px solid var(--sk-edge);margin-top:26px}.sk-chart i{flex:1;border-radius:6px 6px 0 0}
.sk-list-row{padding:12px 0;border-bottom:1px solid var(--sk-edge)}
.sk-form{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sk-field{height:42px;margin-top:12px}
.sk-table{padding:0;overflow:hidden}.sk-table-head,.sk-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 80px;gap:22px;align-items:center;padding:17px 22px}.sk-table-head{background:var(--sk-fill)}.sk-table-row+.sk-table-row{border-top:1px solid var(--sk-edge)}
.system-page-pending>:not(.system-navigation-placeholder){display:none!important}
body:has(.view.active .system-loading-page) .system-request-loader{visibility:hidden}
@keyframes sk-sweep{0%{transform:translateX(-100%);opacity:.35}50%{opacity:1}100%{transform:translateX(100%);opacity:.35}}
@media(max-width:900px){.sk-board,.sk-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sk-dashboard{grid-template-columns:1fr}.sk-board>.sk-column:nth-child(n+3){display:none}}
@media(max-width:560px){.sk-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.sk-cards,.sk-form{grid-template-columns:1fr}.sk-table-head,.sk-table-row{grid-template-columns:2fr 1fr;gap:12px;padding:15px}.sk-table-head>:nth-child(n+3),.sk-table-row>:nth-child(n+3){display:none}.sk-toolbar{gap:10px}.sk-toolbar>.sk-bar{max-width:85px}.sk-card{padding:12px}.sk-column{padding:12px 8px}.system-page-skeleton{gap:12px}}
@media(prefers-reduced-motion:reduce){.system-page-skeleton i:after{animation:none;display:none}}

/* v2.18 — ficha comercial y secciones */
.crm-dialog.crm-opportunity-dialog{width:min(1180px,95vw);max-height:94dvh;padding:0;overflow:hidden}
.crm-opportunity-dialog>.crm-dialog-head{padding:16px 24px;background:var(--card);border-bottom:1px solid var(--border)}.crm-opportunity-dialog>.crm-dialog-head h3{font-size:13px;color:var(--muted);letter-spacing:.03em}
.crm-opportunity-dialog>.crm-dialog-body{padding:0;max-height:calc(94dvh - 72px);overflow-y:auto;background:color-mix(in srgb,var(--business-primary) 2%,var(--card))}
.crm-deal-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;background:linear-gradient(120deg,color-mix(in srgb,var(--business-primary) 13%,var(--card)),var(--card));border-bottom:1px solid var(--border)}
.crm-deal-identity{display:flex;gap:17px;align-items:center;min-width:0}.crm-deal-symbol{display:grid;place-items:center;width:58px;height:58px;flex-shrink:0;border-radius:17px;background:var(--business-primary);color:white;box-shadow:0 8px 22px color-mix(in srgb,var(--business-primary) 22%,transparent)}.crm-deal-symbol svg{width:27px;height:27px}
.crm-deal-identity .crm-eyebrow{font-size:10px;letter-spacing:.12em;color:var(--muted)}.crm-deal-identity h2{font-size:22px;line-height:1.35;margin:8px 0;overflow-wrap:anywhere;color:var(--text)}.crm-deal-identity p{margin:0;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:13px}.crm-deal-identity p svg{width:16px;height:16px;flex-shrink:0}
.crm-deal-value{text-align:right;flex-shrink:0}.crm-deal-value>small{display:block;color:var(--muted);font-size:11px}.crm-deal-value>strong{display:block;font-size:25px;letter-spacing:-.03em;margin:7px 0 12px;color:var(--text);font-variant-numeric:tabular-nums}
.crm-deal-context{display:flex;gap:22px;flex-wrap:wrap;padding:15px 28px;background:var(--card);font-size:12px;color:var(--muted);border-bottom:1px solid var(--border)}.crm-deal-context span{display:flex;align-items:center;gap:7px}.crm-deal-context svg{width:16px;height:16px;color:var(--business-primary)}
.crm-tabs.crm-deal-tabs{position:sticky;top:0;z-index:2;display:flex;gap:6px;padding:12px 22px;margin:0;background:var(--card);border-bottom:1px solid var(--border);overflow-x:auto;flex-wrap:nowrap}
.crm-deal-tabs .crm-btn{display:flex;align-items:center;gap:8px;white-space:nowrap;border:0;border-radius:10px;background:transparent;color:var(--muted);padding:12px}.crm-deal-tabs .crm-btn svg{width:17px;height:17px}.crm-deal-tabs .crm-btn small{display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;background:color-mix(in srgb,var(--muted) 10%,var(--card));border-radius:7px;font-size:10px}.crm-deal-tabs .crm-btn.selected{background:color-mix(in srgb,var(--business-primary) 12%,var(--card));color:var(--business-primary);box-shadow:inset 0 -2px var(--business-primary);font-weight:700}.crm-deal-tabs .crm-btn:focus-visible{outline:2px solid var(--business-primary);outline-offset:-2px}
.crm-deal-content{padding:26px;min-height:300px}.crm-deal-content .crm-details{gap:14px}.crm-deal-content .crm-details>div{position:relative;padding:20px 18px 18px 56px;border:1px solid var(--border);border-radius:13px;background:var(--card);min-height:92px;box-shadow:0 3px 12px #102b4205}.crm-detail-metric-icon{position:absolute;top:21px;left:16px;width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--business-primary) 9%,var(--card));color:var(--business-primary)}.crm-detail-metric-icon svg{width:16px;height:16px}.crm-deal-content .crm-details small{font-size:11px;color:var(--muted)}.crm-deal-content .crm-details b{display:block;margin-top:9px;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.crm-deal-content>.crm-actions{margin:22px 0;padding-top:18px;border-top:1px solid var(--border)}.crm-deal-content .crm-actions .crm-btn{display:inline-flex;align-items:center;gap:7px}.crm-deal-content .crm-actions svg{width:16px;height:16px}.crm-deal-content>.crm-muted{margin-top:0;line-height:1.8;font-size:13px}.crm-deal-content .crm-config-list{padding:19px;border:1px solid var(--border);border-radius:13px;background:var(--card);margin-bottom:12px;gap:20px}.crm-score-stage>div:first-child{flex:1}.crm-score-stage b{display:flex;align-items:center;gap:8px}.crm-score-stage b svg{width:17px;height:17px;color:var(--business-primary)}.crm-score-stage progress{width:min(360px,100%);height:7px;accent-color:var(--business-primary)}.crm-deal-content .crm-field:has(#crmPdfUpload){display:block;padding:22px;border:2px dashed color-mix(in srgb,var(--business-primary) 35%,var(--border));border-radius:14px;background:var(--card);margin-bottom:20px}.crm-deal-content #crmPdfUpload{display:block;margin-top:12px;width:100%}
.crm-deal-content .crm-timeline{border-left:2px dashed color-mix(in srgb,var(--business-primary) 35%,var(--border));padding-left:22px}.crm-deal-event{position:relative;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:16px}.crm-deal-event:before{content:'';position:absolute;width:10px;height:10px;left:-29px;top:25px;border-radius:50%;background:var(--business-primary);box-shadow:0 0 0 4px var(--card)}.crm-event-kind{display:flex;align-items:center;gap:7px;color:var(--business-primary);font-size:11px;font-weight:700;margin-bottom:10px}.crm-event-kind svg{width:16px;height:16px}.crm-deal-event>small{font-size:11px;color:var(--muted)}.crm-deal-event h4{font-size:14px;margin:12px 0}.crm-deal-event p{font-size:13px;line-height:1.7}.crm-deal-content .crm-source-data{margin-top:20px;background:var(--card)}.crm-deal-content .crm-empty{padding:34px;border-radius:14px;background:var(--card)}
@media(max-width:760px){.crm-deal-hero{align-items:flex-start;flex-direction:column;padding:20px}.crm-deal-value{text-align:left;margin-left:75px}.crm-deal-value>strong{font-size:22px}.crm-deal-identity h2{font-size:18px}.crm-deal-context{padding:14px 20px;gap:12px}.crm-tabs.crm-deal-tabs{padding:10px}.crm-deal-content{padding:16px}.crm-deal-content .crm-details{grid-template-columns:1fr 1fr}.crm-deal-content .crm-config-list{flex-wrap:wrap}.crm-opportunity-dialog>.crm-dialog-head{padding:14px 18px}}
@media(max-width:460px){.crm-deal-content .crm-details{grid-template-columns:1fr}.crm-deal-symbol{width:44px;height:44px}.crm-deal-value{margin-left:0}.crm-deal-context{font-size:11px}}

/* Panel comercial */
.crm-dash-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:22px 0 15px}.crm-dash-caption>span{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.1em;font-weight:700;color:var(--muted)}.crm-dash-caption svg{width:17px;height:17px;color:var(--business-primary)}.crm-dash-caption small{font-size:11px;color:var(--muted)}
.crm-dashboard-pro .crm-kpis{gap:16px}.crm-dashboard-pro .crm-dash-kpi{--tone:var(--business-primary);padding:22px;border-radius:17px;position:relative;overflow:hidden;background:linear-gradient(140deg,color-mix(in srgb,var(--tone) 7%,var(--card)),var(--card));border:1px solid color-mix(in srgb,var(--tone) 18%,var(--border));box-shadow:0 5px 20px #11283e06}.crm-dash-kpi.violet{--tone:#8360bd}.crm-dash-kpi.green{--tone:#258764}.crm-dash-kpi.amber{--tone:#ae7924}.crm-dash-kpi>div{display:flex;gap:10px;align-items:center}.crm-kpi-symbol{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:color-mix(in srgb,var(--tone) 12%,var(--card));color:var(--tone)}.crm-kpi-symbol svg{width:19px;height:19px}.crm-dashboard-pro .crm-kpi b{font-size:clamp(20px,1.8vw,30px);margin:22px 0 10px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.crm-dashboard-pro .crm-kpi em{font-size:11px;line-height:1.7;color:var(--muted)}
.crm-dash-attention{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:17px 20px;border:1px solid var(--border);border-radius:15px;background:var(--card);margin:22px 0}.crm-dash-attention>div{display:flex;align-items:center;gap:12px;margin-right:auto}.crm-dash-attention svg{width:22px;height:22px;color:var(--business-primary)}.crm-dash-attention b{font-size:13px;display:block}.crm-dash-attention small{font-size:11px;display:block;color:var(--muted);margin-top:4px}.attention-chip{font-size:11px;font-weight:600;padding:8px 12px;border-radius:9px;background:color-mix(in srgb,var(--business-primary) 8%,var(--card));color:var(--business-primary)}.attention-chip.late{background:color-mix(in srgb,#bc4e60 10%,var(--card));color:#bc4e60}.attention-chip.missing{color:var(--muted);background:color-mix(in srgb,var(--muted) 8%,var(--card))}
.crm-dashboard-pro .crm-grid{align-items:start;gap:20px}.crm-dashboard-pro .crm-panel{border-radius:18px;padding:23px;box-shadow:0 5px 18px #102a4005}.crm-dash-section-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:22px}.crm-dash-section-head>span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:color-mix(in srgb,var(--business-primary) 10%,var(--card));color:var(--business-primary);flex-shrink:0}.crm-dash-section-head svg{width:19px;height:19px}.crm-dash-section-head h3{margin:0;font-size:15px}.crm-dash-section-head p{margin:6px 0 0;font-size:11px;line-height:1.6;color:var(--muted)}
.crm-distribution .crm-bar{padding:12px 0;border-bottom:1px solid var(--border);margin:0}.crm-distribution .crm-bar:last-child{border:0}.crm-distribution .crm-bar>div{gap:10px;flex-wrap:wrap}.crm-distribution .crm-bar b{font-size:12px}.crm-distribution .crm-bar span{font-size:11px;color:var(--muted)}.crm-distribution .crm-bar strong{color:var(--text)}.crm-distribution .crm-bar>i{height:8px;margin:10px 0 6px}.crm-distribution .crm-bar>small{font-size:10px;color:var(--muted)}
.crm-dash-side{display:grid;gap:20px}.crm-agenda-item{display:flex;align-items:center;gap:11px;padding:15px 0;border-bottom:1px solid var(--border);--agenda:#aa7826}.crm-agenda-item:last-child{border:0}.crm-agenda-item.late{--agenda:#bb5060}.crm-agenda-item.today{--agenda:var(--business-primary)}.crm-agenda-icon{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:10px;color:var(--agenda);background:color-mix(in srgb,var(--agenda) 10%,var(--card))}.crm-agenda-icon svg{width:16px;height:16px}.crm-agenda-item>div{flex:1;min-width:0}.crm-agenda-status{font-size:10px;color:var(--agenda)}.crm-agenda-item b{display:block;font-size:12px;margin:6px 0;overflow-wrap:anywhere}.crm-agenda-item p{font-size:11px;color:var(--muted);margin:0}.crm-agenda-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 18px;border:1px dashed var(--border);border-radius:13px;background:color-mix(in srgb,var(--business-primary) 3%,var(--card))}.crm-agenda-empty>svg{width:30px;height:30px;color:var(--business-primary);margin-bottom:16px}.crm-agenda-empty b{font-size:13px}.crm-agenda-empty p{font-size:12px;line-height:1.7;color:var(--muted)}
.crm-outcome-track{height:10px;background:color-mix(in srgb,#bc4e60 30%,var(--card));border-radius:9px;overflow:hidden}.crm-outcome-track i{display:block;height:100%;background:#278760}.crm-outcome-legend{display:flex;justify-content:space-between;gap:14px;margin-top:15px;font-size:12px}.crm-outcome-legend span{display:flex;align-items:center;gap:6px}.crm-outcome-legend i{width:7px;height:7px;border-radius:50%;background:#278760}.crm-outcome-legend span:last-child i{background:#bc4e60}
@media(max-width:800px){.crm-dashboard-pro .crm-grid{grid-template-columns:1fr}.crm-dash-caption{align-items:flex-start;flex-direction:column}.crm-dashboard-pro .crm-panel{padding:18px}.crm-dash-attention>div{width:100%;margin-bottom:5px}}

.crm-outcome-track.is-empty{background:var(--border)}
/* v2.19 — pulso visible del skeleton */
.system-page-skeleton i{animation:sk-pulse 1.6s ease-in-out infinite}
.system-page-skeleton .sk-metric:nth-child(2n) i,.system-page-skeleton .sk-column:nth-child(2n) i,.system-page-skeleton .sk-table-row:nth-child(2n) i{animation-delay:.18s}
@keyframes sk-pulse{0%,100%{opacity:.38}50%{opacity:1}}
@media(prefers-reduced-motion:reduce){.system-page-skeleton i{animation:none;opacity:1}}
.crm-chart-grid{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.4fr);gap:20px;margin:22px 0}
.crm-donut-layout{display:flex;align-items:center;gap:28px;flex-wrap:wrap;justify-content:center;padding:18px 0}
.crm-donut{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;box-shadow:0 8px 25px #17394d12}.crm-donut>div{width:140px;height:140px;border-radius:50%;background:var(--card);display:flex;flex-direction:column;align-items:center;justify-content:center}.crm-donut b{font-size:28px;font-variant-numeric:tabular-nums}.crm-donut small{font-size:11px;color:var(--muted);margin-top:6px}
.crm-chart-legend{flex:1;min-width:170px}.crm-chart-legend>div{display:flex;align-items:center;gap:9px;padding:13px 0;border-bottom:1px solid var(--border);font-size:12px}.crm-chart-legend i{width:9px;height:9px;border-radius:50%;flex-shrink:0}.crm-chart-legend span{flex:1}.crm-chart-legend small{width:42px;text-align:right;color:var(--muted)}
.crm-stage-chart{display:flex;gap:16px;overflow-x:auto;align-items:flex-start;padding:12px 4px 8px}.crm-stage-chart-item{flex:1;min-width:68px;text-align:center}.crm-stage-chart-item>b{display:block;font-size:12px;margin-bottom:10px}.crm-stage-chart-track{height:174px;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid var(--border);background:repeating-linear-gradient(to top,transparent 0,transparent 42px,var(--border) 43px,transparent 44px)}.crm-stage-chart-track i{display:block;width:70%;max-width:42px;border-radius:7px 7px 0 0}.crm-stage-chart-item>span{display:block;font-size:10px;line-height:1.5;margin-top:10px;overflow-wrap:anywhere}
@media(max-width:1050px){.crm-chart-grid{grid-template-columns:1fr}.crm-donut-layout{justify-content:flex-start}.crm-chart-legend{max-width:420px}}
/* v2.20 — tablero modular */
.crm-widget-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:24px 0 18px}.crm-widget-toolbar h3{margin:0;font-size:19px}.crm-widget-toolbar p{font-size:12px;color:var(--muted);margin:6px 0}.crm-widget-toolbar>div:last-child{display:flex;gap:8px}.crm-widget-toolbar .crm-btn{display:inline-flex;gap:7px;align-items:center}.crm-widget-toolbar svg{width:17px;height:17px}
.crm-widgets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.crm-widget{min-width:0;border:1px solid var(--border);border-radius:18px;background:var(--card);box-shadow:0 7px 24px #14364a09;overflow:hidden}
.crm-widget>header{padding:17px 19px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:linear-gradient(110deg,color-mix(in srgb,var(--business-primary) 7%,var(--card)),var(--card));border-bottom:1px solid var(--border)}
.crm-widget>header>div:first-child{display:flex;gap:10px;align-items:center}.crm-widget h3{font-size:14px;margin:0}.crm-widget-symbol{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;color:var(--business-primary);background:color-mix(in srgb,var(--business-primary) 12%,var(--card))}.crm-widget-symbol svg{width:18px;height:18px}
.crm-widget-actions{display:flex;gap:4px;flex-wrap:wrap}.crm-widget-actions .crm-icon-button{width:29px;height:29px;background:var(--card);border:1px solid var(--border);border-radius:8px}.crm-widget-actions svg{width:14px;height:14px}
.crm-widget-caption{display:flex;justify-content:space-between;gap:12px;padding:13px 19px 0;font-size:11px;color:var(--muted)}.crm-widget-caption>span{font-weight:700;color:var(--business-primary)}.crm-widget-filter-note{padding:0 19px;font-size:10px;color:var(--muted);line-height:1.6}.crm-widget-content{padding:8px 20px 22px;min-height:290px}.crm-widget-bars{max-height:380px;overflow-y:auto;scrollbar-width:thin;padding-right:8px}.crm-widget-bars .crm-bar{padding:10px 0}.crm-widget-bars .crm-bar>div{gap:12px;flex-wrap:wrap}.crm-widget-bars .crm-bar b{font-size:12px}.crm-widget-bars .crm-bar span{font-size:11px;color:var(--muted)}
.crm-widget-funnel{display:flex;flex-direction:column;align-items:center;gap:7px;padding:12px 0}.crm-widget-funnel>div{box-sizing:border-box;min-height:58px;padding:13px 24px;text-align:center;clip-path:polygon(0 0,100% 0,95% 100%,5% 100%);background:color-mix(in srgb,var(--funnel-color) 23%,var(--card));border-top:2px solid var(--funnel-color)}.crm-widget-funnel b{display:block;font-size:12px}.crm-widget-funnel span{display:block;font-size:10px;margin-top:5px;color:var(--text)}
.crm-widget-deal{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--border)}.crm-widget-deal b{font-size:12px;display:block}.crm-widget-deal small{display:block;font-size:11px;color:var(--muted);margin-top:7px}
.crm-widget-catalog>input{width:100%;padding:13px;border:1px solid var(--border);border-radius:11px;background:var(--card);color:var(--text);margin-bottom:20px}.crm-widget-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.crm-widget-catalog-grid article{padding:19px;border:1px solid var(--border);border-radius:13px;background:var(--card)}.crm-widget-catalog-grid article[hidden]{display:none}.crm-widget-catalog-grid article>span{color:var(--business-primary)}.crm-widget-catalog-grid svg{width:24px;height:24px}.crm-widget-catalog-grid h3{font-size:14px}.crm-widget-catalog-grid p{font-size:12px;color:var(--muted);line-height:1.6;min-height:54px}.crm-widget-future{margin-top:18px;padding:18px;border:1px dashed var(--border);border-radius:12px;font-size:12px;color:var(--muted)}.crm-widget-future summary{cursor:pointer;font-weight:700}.crm-widget-future p{line-height:1.8}
.crm-widget-expanded{padding:20px;min-height:350px}.crm-widget-expanded .crm-widget-bars{max-height:65vh}.crm-widget-expanded .crm-donut{width:260px;height:260px}.crm-widget-expanded .crm-donut>div{width:200px;height:200px}
.crm-widget-table-scroll{overflow:auto;max-height:55vh;border:1px solid var(--border);border-radius:12px}.crm-widget-table{width:100%;border-collapse:collapse;font-size:12px}.crm-widget-table th{position:sticky;top:0;background:var(--card);color:var(--muted);text-align:left;border-bottom:1px solid var(--border)}.crm-widget-table td,.crm-widget-table th{padding:13px;border-bottom:1px solid var(--border)}.crm-widget-table td{min-width:100px}.crm-widget-table td:first-child{min-width:190px}
@media(max-width:1050px){.crm-widget-actions{gap:3px}.crm-widget-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.crm-widgets-grid{grid-template-columns:1fr}.crm-widget-toolbar{align-items:flex-start;flex-direction:column}.crm-widget-catalog-grid{grid-template-columns:1fr}.crm-widget-caption{flex-wrap:wrap}.crm-widget-content{min-height:230px}}

/* v2.21 — widgets densos y catálogo visual */
.crm-widgets-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px}
.crm-widget{box-shadow:0 6px 24px #1730460c;transition:box-shadow .2s,border-color .2s}
.crm-widget:hover{box-shadow:0 10px 30px #17304615;border-color:color-mix(in srgb,var(--business-primary) 35%,var(--border))}
.crm-widget>header{padding:16px;gap:12px}.crm-widget>header>div:first-child{width:100%}.crm-widget h3{font-size:14px;line-height:1.4}
.crm-widget-actions{width:100%;justify-content:flex-end;border-top:1px solid var(--border);padding-top:10px}.crm-widget-actions .crm-icon-button{width:28px;height:28px}
.crm-widget-caption{padding:13px 16px 0;flex-wrap:wrap;gap:6px}.crm-widget-filter-note{padding:0 16px;font-size:10px;max-height:48px;overflow:auto}
.crm-widget-facts{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 16px 10px}.crm-widget-facts>div{padding:12px 10px;border:1px solid var(--border);border-radius:11px;background:linear-gradient(130deg,color-mix(in srgb,var(--business-primary) 5%,var(--card)),var(--card))}.crm-widget-facts small{display:block;color:var(--muted);font-size:10px;line-height:1.6}.crm-widget-facts b{display:block;font-size:clamp(12px,1vw,16px);letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:6px}
.crm-widget-reach{display:flex;gap:7px;flex-wrap:wrap;padding:0 16px 12px;border-bottom:1px solid var(--border)}.crm-widget-reach span{display:inline-flex;gap:5px;align-items:center;padding:4px 6px;border-radius:6px;background:color-mix(in srgb,var(--muted) 6%,var(--card));font-size:10px;color:var(--muted)}.crm-widget-reach svg{width:12px;height:12px}
.crm-widget-content{min-height:200px;padding:10px 16px 18px}.crm-widget .crm-donut-layout{gap:14px;padding:12px 0}.crm-widget .crm-donut{width:144px;height:144px}.crm-widget .crm-donut>div{width:106px;height:106px}.crm-widget .crm-donut b{font-size:24px}.crm-widget .crm-chart-legend{min-width:140px}.crm-widget .crm-chart-legend>div{font-size:11px;padding:10px 0;gap:6px}
.crm-widget .crm-widget-bars{max-height:290px}.crm-widget .crm-widget-funnel{padding:4px 0}.crm-widget .crm-widget-funnel>div{min-height:52px;padding:10px 18px}
.crm-widget-insight{display:flex;gap:9px;align-items:flex-start;margin:0 16px 16px;padding:12px;border:1px solid color-mix(in srgb,var(--business-primary) 18%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--business-primary) 5%,var(--card));font-size:11px;line-height:1.7;color:var(--muted)}.crm-widget-insight>svg{width:16px;height:16px;flex-shrink:0;color:var(--business-primary);margin-top:2px}.crm-widget-insight b{color:var(--text)}
.crm-widget-catalog-dialog{width:min(1180px,96vw)!important}.crm-widget-catalog-dialog .crm-dialog-body,.crm-widget-dialog .crm-dialog-body{background:color-mix(in srgb,var(--business-primary) 2%,var(--card))}
.crm-widget-catalog-hero{display:flex;gap:18px;align-items:center;padding:24px;border:1px solid var(--border);border-radius:17px;background:linear-gradient(120deg,color-mix(in srgb,var(--business-primary) 12%,var(--card)),var(--card));margin-bottom:20px}.crm-widget-catalog-hero>span{width:54px;height:54px;display:grid;place-items:center;flex-shrink:0;border-radius:16px;background:var(--business-primary);color:white}.crm-widget-catalog-hero>span svg{width:27px;height:27px}.crm-widget-catalog-hero small{font-size:10px;letter-spacing:.08em;color:var(--muted)}.crm-widget-catalog-hero h2{font-size:23px;margin:8px 0}.crm-widget-catalog-hero p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.crm-widget-catalog-hero>b{margin-left:auto;font-size:22px;white-space:nowrap}.crm-widget-catalog-hero>b small{display:block;font-weight:400;letter-spacing:0;margin-top:5px}
.crm-widget-catalog-grid{gap:17px}.crm-widget-catalog-grid article{padding:0;overflow:hidden;box-shadow:0 4px 16px #14304807;transition:box-shadow .2s}.crm-widget-catalog-grid article:hover{box-shadow:0 9px 25px #14304817}.crm-widget-preview{height:110px;display:flex;gap:22px;align-items:center;justify-content:center;background:linear-gradient(130deg,color-mix(in srgb,var(--business-primary) 7%,var(--card)),color-mix(in srgb,#8b73c2 6%,var(--card)));border-bottom:1px solid var(--border)}
.preview-ring{width:76px;height:76px;border-radius:50%;background:conic-gradient(var(--business-primary) 0 45%,#67baa2 45% 75%,#e3b275 75%);position:relative}.preview-ring:after{content:'';position:absolute;inset:15px;border-radius:50%;background:var(--card)}.preview-legend{display:grid;gap:9px}.preview-legend i{display:block;width:66px;height:7px;border-radius:5px;background:color-mix(in srgb,var(--business-primary) 22%,var(--card))}.preview-legend i:nth-child(2){width:50px}.preview-legend i:nth-child(3){width:58px}
.preview-bars{display:flex;align-items:flex-end;gap:13px;height:70px;width:145px}.preview-bars i{flex:1;height:45%;border-radius:5px 5px 0 0;background:color-mix(in srgb,var(--business-primary) 60%,var(--card))}.preview-bars i:nth-child(2){height:80%;background:#90a4d9}.preview-bars i:nth-child(3){height:60%;background:#69baa3}.preview-bars i:nth-child(4){height:100%;background:var(--business-primary)}
.preview-funnel{display:flex;flex-direction:column;align-items:center;gap:4px;width:155px}.preview-funnel i{display:block;width:100%;height:14px;clip-path:polygon(0 0,100% 0,94% 100%,6% 100%);background:var(--business-primary)}.preview-funnel i:nth-child(2){width:85%;background:#8097d2}.preview-funnel i:nth-child(3){width:70%;background:#71b5a4}.preview-funnel i:nth-child(4){width:55%;background:#d3b17c}
.crm-catalog-card-title{display:flex;align-items:center;gap:9px;padding:17px 17px 0}.crm-catalog-card-title>span{display:flex;color:var(--business-primary)}.crm-catalog-card-title svg{width:19px;height:19px}.crm-widget-catalog-grid h3{margin:0;font-size:14px}.crm-widget-catalog-grid p{margin:10px 17px 16px;min-height:54px;line-height:1.7}.crm-catalog-card-bottom{display:flex;align-items:center;justify-content:space-between;padding:12px 17px;border-top:1px solid var(--border)}.crm-catalog-card-bottom small{font-size:10px;color:var(--muted)}.crm-catalog-card-bottom .crm-btn{display:flex;align-items:center;gap:5px}.crm-catalog-card-bottom svg{width:14px;height:14px}
.crm-widget-dialog .crm-dialog-head h3{display:flex;align-items:center;gap:10px}.crm-widget-dialog .crm-dialog-head h3 svg{width:22px;height:22px;color:var(--business-primary)}.crm-widget-dialog .crm-widget-facts{margin:10px 0}.crm-widget-dialog .crm-widget-facts b{font-size:22px}.crm-widget-dialog .crm-widget-reach{padding:0 0 16px}.crm-widget-dialog .crm-widget-expanded{padding:22px 0;min-height:250px}.crm-widget-dialog .crm-widget-insight{margin:0 0 18px}.crm-widget-popup-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border);padding-top:18px}.crm-widget-popup-actions .crm-btn{display:flex;gap:7px;align-items:center}.crm-widget-popup-actions svg{width:16px;height:16px}
@media(max-width:1250px){.crm-widgets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.crm-widgets-grid{grid-template-columns:1fr}.crm-widget-catalog-hero{padding:18px;flex-wrap:wrap;gap:12px}.crm-widget-catalog-hero h2{font-size:19px}.crm-widget-catalog-hero>b{margin-left:0;width:100%;font-size:18px}.crm-widget-catalog-hero>b small{display:inline;margin-left:9px}.crm-widget-dialog .crm-widget-facts b{font-size:17px}}
@media(prefers-reduced-motion:reduce){.crm-widget,.crm-widget-catalog-grid article{transition:none}}

/* v2.22 — mosaico por la columna con espacio disponible */
.crm-widgets-grid{--widget-columns:3}
.crm-widgets-grid.is-masonry{position:relative;display:block}
.crm-widgets-grid.is-masonry>.crm-widget{position:absolute;box-sizing:border-box;margin:0}
@media(max-width:1250px){.crm-widgets-grid{--widget-columns:2}}
@media(max-width:760px){.crm-widgets-grid{--widget-columns:1}}
@media print{.crm-widgets-grid.is-masonry{display:block;height:auto!important}.crm-widgets-grid.is-masonry>.crm-widget{position:static;width:100%!important;margin-bottom:18px;break-inside:avoid}}

.crm-widget-drag-handle{margin-left:auto;flex-shrink:0;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--border);border-radius:9px;color:var(--muted);background:var(--card);cursor:grab;touch-action:none}
.crm-widget-drag-handle svg{width:18px;height:18px;pointer-events:none}.crm-widget-drag-handle:focus-visible{outline:2px solid var(--business-primary);outline-offset:2px}
.crm-widget-drag-handle:active,.crm-widget-drag-active{cursor:grabbing}.crm-widget-drag-active{user-select:none}
.crm-widget.widget-dragging{opacity:.42;border:2px dashed var(--business-primary)}
.crm-widget.widget-drop-before{box-shadow:0 -5px 0 var(--business-primary),0 0 0 2px color-mix(in srgb,var(--business-primary) 30%,transparent)}
.crm-widget.widget-drop-after{box-shadow:0 5px 0 var(--business-primary),0 0 0 2px color-mix(in srgb,var(--business-primary) 30%,transparent)}
.crm-widget-drag-ghost{position:fixed;pointer-events:none;z-index:30000;max-width:280px;padding:15px 19px;border-radius:12px;background:var(--card);color:var(--text);border:2px solid var(--business-primary);box-shadow:0 12px 36px #122c4940;font-size:13px;font-weight:700}

/* v2.23 — miniatura propia por widget */
.crm-widget-catalog-grid .crm-widget-preview>svg{width:220px;height:100px;max-width:100%;display:block}.crm-widget-preview{height:124px;padding:8px;box-sizing:border-box}
/* v2.24: searchable account picker; keeps the opportunity draft in place. */
#crmDialog.crm-opportunity-edit-dialog{width:min(1050px,calc(100vw - 32px));max-width:calc(100vw - 32px)}
.crm-opportunity-edit-dialog .crm-dialog-body,.crm-opportunity-edit-dialog .crm-form-grid,.crm-opportunity-edit-dialog .crm-field{min-width:0}
.crm-opportunity-edit-dialog input,.crm-opportunity-edit-dialog select,.crm-opportunity-edit-dialog textarea{min-width:0;max-width:100%;box-sizing:border-box}
.crm-account-picker{grid-column:1/-1;display:flex;flex-direction:column;gap:10px}
.crm-account-picker>label:first-child{display:flex;align-items:center;gap:8px;font-weight:700}
.crm-account-results{max-height:250px;overflow:auto;overscroll-behavior:contain}
.crm-account-result{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:1px solid var(--business-border,#dbe6ef);border-radius:12px;background:white;text-align:left;margin:5px 0;cursor:pointer;color:inherit}
.crm-account-result:hover,.crm-account-result:focus-visible{background:#eef9ff;border-color:#009cdb;outline:2px solid #b8e8ff}
.crm-account-result>span:nth-child(2){display:grid;gap:4px;flex:1;min-width:0;overflow-wrap:anywhere}
.crm-account-result small,.crm-account-selected small{color:#63718b}
.crm-account-result svg{width:18px;flex-shrink:0}
.crm-account-selected{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#eefaf5;padding:12px;border-radius:12px;color:#247855}
.crm-account-selected svg{width:20px}
.crm-quick-account{background:linear-gradient(130deg,#edf9ff,#f7f6ff);border:1px solid #c8e7f5;padding:18px;border-radius:16px}
.crm-quick-account[hidden]{display:none}
.crm-quick-account-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}
.crm-quick-account-fields label{display:grid;gap:6px}
.crm-quick-account [role=alert]{color:#a72e43}
.crm-widget-table-scroll{max-height:60vh;overflow:auto;overscroll-behavior:contain}
@media(max-width:650px){.crm-quick-account-fields{grid-template-columns:1fr}}
.crm-widget-skeleton{display:grid;align-content:center;gap:22px;min-height:200px;padding:20px}
.crm-widget-skeleton .sk-bar{height:22px;width:100%}
.crm-widget-skeleton .sk-bar:nth-child(2){width:70%;height:65px}
.crm-widget-skeleton .sk-bar:last-child{width:85%}
/* v2.26: independent columns, compact account search popover. */
.crm-opportunity-edit-dialog .crm-form-grid{grid-template-areas:"opportunity account" "management account" "value account" "description description";grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.crm-opportunity-edit-dialog .crm-edit-section:nth-child(1){grid-area:opportunity}
.crm-opportunity-edit-dialog .crm-edit-section:nth-child(2){grid-area:account}
.crm-opportunity-edit-dialog .crm-edit-section:nth-child(3){grid-area:management}
.crm-opportunity-edit-dialog .crm-edit-section:nth-child(4){grid-area:value}
.crm-opportunity-edit-dialog .crm-edit-section:nth-child(5){grid-area:description}
.crm-account-search-box{position:relative;min-width:0}
.crm-account-search-box .crm-account-results{position:absolute;inset:calc(100% + 6px) 0 auto;z-index:10;max-height:240px;padding:6px;border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:0 12px 30px #152a4530}
.crm-account-results[hidden]{display:none!important}
#crmAccountSelection:empty{display:none}
@media(max-width:760px){.crm-opportunity-edit-dialog .crm-form-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"opportunity" "account" "management" "value" "description"}}
.crm-contacts-scroll{max-height:60vh;overflow:auto;overscroll-behavior:contain;padding:2px}