/* Exact supplied CRM design, scoped to the CRM root. No demo runtime. */
.crm2.crm-reference{
    --navy:#173454; --navy-2:#1f4468; --navy-dark:#0e2236; --heading:#0e2236; --accent-text:#1f4468;
    --purple:#9759E7; --purple-dark:#7440BE; --purple-tint:#F3ECFC;
    --turquoise:#96CDCD; --turquoise-dark:#4F9B9B; --turquoise-tint:#EAF6F6;
    --light-blue:#AAD2F1; --light-blue-dark:#5B96C9; --light-blue-tint:#EBF5FD;
    --pale-blue:#ECF4FA; --pale-green:#DBFCFC;
    --navy-tint:#EAEFF4; --bg:#F5F7FA; --card:#FFFFFF; --border:#E7ECF1;
    --text:#182B3D; --text-soft:#5B6B7C; --text-faint:#93A2B1;
    --success:#1E9E5A; --success-tint:#E9F7EF; --danger:#E64545; --danger-tint:#FCEBEB; --amber:#D98A16; --amber-tint:#FDF3E0;
    --radius-lg:16px; --radius-md:12px; --radius-sm:9px;
    --shadow:0 1px 2px rgba(15,35,60,.04), 0 6px 20px rgba(15,35,60,.05);
  }
html[data-theme="dark"] .crm2.crm-reference{
    --heading:#EDF2F7; --accent-text:#8FC1EE;
    --navy-tint:#1C2836; --bg:#0F1720; --card:#182230; --border:#2A3644;
    --text:#E7ECF1; --text-soft:#9FB0C0; --text-faint:#6C7F92;
    --purple-tint:#241A35; --turquoise-tint:#16302F; --light-blue-tint:#132A3C;
    --pale-blue:#22394D; --pale-green:#1B3B3B;
    --success-tint:#123524; --danger-tint:#3A1418; --amber-tint:#3A2A10;
    --shadow:0 1px 2px rgba(0,0,0,.25), 0 6px 20px rgba(0,0,0,.3);
  }
html[data-theme="dark"] .crm2.crm-reference .stat-card,html[data-theme="dark"] .crm2.crm-reference .deal-card,html[data-theme="dark"] .crm2.crm-reference .modal,html[data-theme="dark"] .crm2.crm-reference .list-wrap,html[data-theme="dark"] .crm2.crm-reference .funnel-panel,html[data-theme="dark"] .crm2.crm-reference .ab-pop,html[data-theme="dark"] .crm2.crm-reference .pn-menu,html[data-theme="dark"] .crm2.crm-reference .jdp{
    box-shadow:0 1px 2px rgba(0,0,0,.3), 0 10px 26px rgba(0,0,0,.35);
  }
html[data-theme="dark"] .crm2.crm-reference img{filter:brightness(.92) contrast(1.02);}
.crm2.crm-reference *{box-sizing:border-box;}
.crm2.crm-reference,.crm2.crm-reference{margin:0;padding:0;}
.crm2.crm-reference{font-family:'Vazirmatn','Tahoma','Segoe UI',sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;}
.crm2.crm-reference a{color:inherit;text-decoration:none;}
.crm2.crm-reference button{font-family:inherit;cursor:pointer;}
.crm2.crm-reference ::selection{background:var(--purple);color:#fff;}
.crm2.crm-reference .icon{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;}
.crm2.crm-reference .wrap{max-width:none;width:100%;margin:0 auto;padding:22px 26px 60px;}
.crm2.crm-reference .top-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap;}
.crm2.crm-reference .th-title h1{font-size:19px;margin:0 0 4px;color:var(--heading);}
.crm2.crm-reference .th-title p{margin:0;font-size:12.5px;color:var(--text-soft);}
.crm2.crm-reference .th-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.crm2.crm-reference .btn-primary{padding:10px 18px;border-radius:10px;border:1px solid var(--navy);background:var(--navy);color:#fff;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:8px;}
.crm2.crm-reference .btn-primary:hover{background:var(--navy-2);}
.crm2.crm-reference .btn-outline{padding:10px 16px;border-radius:10px;border:1px solid var(--border);background:var(--light-blue-tint);color:var(--accent-text);font-size:12.8px;font-weight:700;display:inline-flex;align-items:center;gap:7px;}
.crm2.crm-reference .btn-outline:hover{background:#DCEBF9;}
.crm2.crm-reference .btn-ghost{padding:9px 14px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--text-soft);font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:7px;}
.crm2.crm-reference .btn-ghost:hover{background:var(--bg);}
.crm2.crm-reference .btn-ghost.active{background:var(--navy-tint);color:var(--accent-text);border-color:var(--navy-tint);}
.crm2.crm-reference .btn-danger{padding:10px 16px;border-radius:10px;border:1px solid var(--danger);background:var(--danger);color:#fff;font-size:12.8px;font-weight:700;}
.crm2.crm-reference .btn-danger:hover{background:#C63838;}
.crm2.crm-reference .search-input{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:11px;padding:9px 14px;color:var(--text-faint);min-width:220px;}
.crm2.crm-reference .search-input .icon{color:var(--text-faint);}
.crm2.crm-reference .search-input input{border:none;outline:none;background:none;flex:1;font-family:inherit;font-size:12.8px;color:var(--text);}
.crm2.crm-reference select.form-select-sm{border:1px solid var(--border);border-radius:10px;background:var(--card);padding:9px 12px;font-family:inherit;font-size:12.5px;color:var(--text);outline:none;}
.crm2.crm-reference .stat-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px;}
.crm2.crm-reference .loss-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.crm2.crm-reference .loss-stats .stat-card{padding:11px 12px;}
.crm2.crm-reference .loss-stats .sc-label{margin-bottom:6px;}
.crm2.crm-reference .loss-stats .sc-value{font-size:15.5px;}
@media (max-width:640px){.crm2.crm-reference .loss-stats{grid-template-columns:1fr;}
}
.crm2.crm-reference .stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;box-shadow:var(--shadow);transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;}
.crm2.crm-reference .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(15,35,60,.10);border-color:var(--light-blue);}
.crm2.crm-reference .stat-card .sc-label{font-size:11.3px;color:var(--text-soft);margin-bottom:8px;font-weight:600;}
.crm2.crm-reference .stat-card .sc-value{font-size:18px;font-weight:800;color:var(--heading);}
.crm2.crm-reference .stat-card .sc-value.danger{color:var(--danger);}
.crm2.crm-reference .stat-card .sc-value.success{color:var(--success);}
@media (max-width:1200px){.crm2.crm-reference .stat-row{grid-template-columns:repeat(3,1fr);}
}
.crm2.crm-reference .filter-bar{display:none;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:16px;box-shadow:var(--shadow);gap:10px;flex-wrap:wrap;align-items:center;}
.crm2.crm-reference .filter-bar.open{display:flex;}
.crm2.crm-reference .filter-bar .fb-clear{margin-inline-start:auto;font-size:12px;color:var(--danger);font-weight:700;background:none;border:none;}
.crm2.crm-reference .view-tabs{display:flex;gap:6px;background:var(--card);border:1px solid var(--border);border-radius:11px;padding:4px;}
.crm2.crm-reference .view-tabs button{padding:7px 14px;border-radius:8px;border:none;background:none;font-size:12.5px;font-weight:700;color:var(--text-soft);display:flex;align-items:center;gap:6px;}
.crm2.crm-reference .view-tabs button.active{background:var(--navy);color:#fff;}
.crm2.crm-reference .kanban{display:flex;gap:14px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory;}
.crm2.crm-reference .stage-col{flex:0 0 268px;display:flex;flex-direction:column;background:#EEF1F5;border-radius:var(--radius-md);max-height:max(calc((100vh - 260px) * 2), 640px);scroll-snap-align:start;scroll-snap-stop:always;}
.crm2.crm-reference .stage-col.dragover{outline:2px dashed var(--navy-2);outline-offset:-2px;}
.crm2.crm-reference .stage-head{padding:12px 12px 10px;border-bottom:2px solid rgba(0,0,0,.05);}
.crm2.crm-reference .stage-head .sh-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;}
.crm2.crm-reference .stage-head .sh-title{display:flex;align-items:center;gap:7px;font-size:12.8px;font-weight:800;color:var(--heading);}
.crm2.crm-reference .stage-head .sh-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;}
.crm2.crm-reference .stage-head .sh-count{font-size:11px;font-weight:700;color:#fff;background:var(--text-faint);border-radius:20px;padding:1px 8px;}
.crm2.crm-reference .stage-head .sh-add{width:24px;height:24px;border-radius:7px;border:1px solid var(--border);background:var(--card);color:var(--text-soft);display:flex;align-items:center;justify-content:center;}
.crm2.crm-reference .stage-head .sh-add:hover{background:var(--navy-tint);color:var(--accent-text);}
.crm2.crm-reference .stage-head .sh-sum{font-size:11.5px;color:var(--text-soft);font-weight:600;}
.crm2.crm-reference .stage-head .sh-stagebar{display:flex;gap:4px;margin:8px 0 2px;}
.crm2.crm-reference .stage-head .sh-stagebar .seg{flex:1;height:4px;border-radius:3px;background:var(--border);}
.crm2.crm-reference .stage-col.won .stage-head{border-bottom-color:rgba(30,158,90,.25);}
.crm2.crm-reference .stage-col.lost .stage-head{border-bottom-color:rgba(230,69,69,.25);}
.crm2.crm-reference .stage-stamp{position:relative;width:42px;height:42px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:2.5px solid currentColor;transform:rotate(-9deg);mix-blend-mode:multiply;opacity:.92;}
.crm2.crm-reference .stage-stamp::after{content:'';position:absolute;inset:4px;border-radius:50%;border:1px dashed currentColor;opacity:.8;}
.crm2.crm-reference .stage-stamp span{position:relative;font-size:8.6px;font-weight:800;letter-spacing:.2px;line-height:1.15;text-align:center;padding:0 2px;color:currentColor;}
.crm2.crm-reference .stage-stamp.stamp-won{color:#1E9E5A;}
.crm2.crm-reference .stage-stamp.stamp-lost{color:#E64545;}
.crm2.crm-reference #kanbanBoard .stage-head{padding:0 0 10px;overflow:visible;}
.crm2.crm-reference #kanbanBoard .stage-head .sh-top{
    align-items:center;justify-content:space-between;gap:6px;
    margin:0 -19px 11px;padding:11px 27px;position:relative;min-height:54px;
    color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.15);
    clip-path:polygon(100% 0,24px 0,0 50%,24px 100%,100% 100%,calc(100% - 24px) 50%);
    z-index:2;
  }
.crm2.crm-reference #kanbanBoard .stage-head .sh-top.sh-top-first{clip-path:polygon(100% 0,24px 0,0 50%,24px 100%,100% 100%);padding-inline-start:14px;margin-inline-start:0;}
.crm2.crm-reference #kanbanBoard .stage-head .sh-top.sh-top-last{clip-path:polygon(100% 0,0 0,0 100%,100% 100%,calc(100% - 24px) 50%);padding-inline-end:18px;margin-inline-end:0;}
.crm2.crm-reference #kanbanBoard .stage-head .sh-title{color:#fff;flex:1;min-width:0;}
.crm2.crm-reference #kanbanBoard .stage-head .sh-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;max-width:100%;vertical-align:middle;}
.crm2.crm-reference #kanbanBoard .stage-head .sh-dot{display:none;}
.crm2.crm-reference #kanbanBoard .stage-head .sh-count{background:rgba(255,255,255,.32);color:#fff;flex-shrink:0;}
.crm2.crm-reference #kanbanBoard .stage-head .sh-add{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.16);color:#fff;flex-shrink:0;}
.crm2.crm-reference #kanbanBoard .stage-stamp{flex-shrink:0;}
.crm2.crm-reference #kanbanBoard .stage-head .sh-add:hover{background:rgba(255,255,255,.34);color:#fff;}
.crm2.crm-reference #kanbanBoard .stage-head .sh-sum{padding:0 14px;}
.crm2.crm-reference #kanbanBoard .stage-head .sh-stagebar{margin:0 14px 8px;}
.crm2.crm-reference #kanbanBoard .stage-stamp{width:32px;height:32px;}
.crm2.crm-reference #kanbanBoard .stage-stamp span{font-size:7.6px;}
.crm2.crm-reference #kanbanBoard .stage-stamp.stamp-won,.crm2.crm-reference #kanbanBoard .stage-stamp.stamp-lost{color:#fff;mix-blend-mode:normal;opacity:.95;}
.crm2.crm-reference #kanbanBoard .stage-head .sh-top{transition:filter .15s ease, transform .15s ease;}
.crm2.crm-reference #kanbanBoard .stage-head .sh-top:hover{filter:brightness(1.1) saturate(1.08);transform:scale(1.02);}
.crm2.crm-reference .stage-body{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:9px;}
.crm2.crm-reference .deal-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 12px;box-shadow:0 1px 2px rgba(15,35,60,.05);cursor:grab;}
.crm2.crm-reference .deal-card:active{cursor:grabbing;}
.crm2.crm-reference .deal-card.dragging{opacity:.4;}
.crm2.crm-reference .deal-card .dc-title{font-size:12.8px;font-weight:700;color:var(--text);margin-bottom:6px;}
.crm2.crm-reference .deal-card .dc-org{font-size:11.3px;color:var(--text-soft);margin-bottom:9px;display:flex;align-items:center;gap:5px;}
.crm2.crm-reference .deal-card .dc-need{font-size:10.6px;color:var(--text-faint);margin:-5px 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.crm2.crm-reference .deal-card .dc-amount{font-size:13.2px;font-weight:800;color:var(--accent-text);margin-bottom:8px;}
.crm2.crm-reference .deal-card .dc-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:9px;}
.crm2.crm-reference .dc-tag{font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px;background:var(--purple-tint);color:var(--purple-dark);}
.crm2.crm-reference .deal-card .dc-docs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:9px;}
.crm2.crm-reference .dc-doc{font-size:9.8px;font-weight:700;padding:2px 7px;border-radius:20px;border:1px solid transparent;white-space:nowrap;line-height:1.5;}
.crm2.crm-reference .dc-doc.off{background:transparent;color:var(--text-faint);border:1px dashed var(--border);font-weight:600;}
.crm2.crm-reference .dc-doc.on.pf{background:var(--amber-tint);color:var(--amber);}
.crm2.crm-reference .dc-doc.on.iv{background:var(--success-tint);color:var(--success);}
.crm2.crm-reference .dc-doc.on.ct{background:var(--purple-tint);color:var(--purple-dark);}
.crm2.crm-reference .dc-foot{display:flex;align-items:center;justify-content:space-between;}
.crm2.crm-reference .dc-owner{width:23px;height:23px;border-radius:50%;background:var(--navy);color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.crm2.crm-reference .dc-followup{display:flex;align-items:center;gap:4px;font-size:10.8px;font-weight:700;color:var(--text-soft);}
.crm2.crm-reference .dc-followup.overdue{color:var(--danger);}
.crm2.crm-reference .dc-followup .icon{width:12px;height:12px;}
.crm2.crm-reference .dc-activity{display:flex;align-items:center;gap:3px;font-size:10.5px;color:var(--text-faint);margin-top:7px;}
.crm2.crm-reference .dc-activity .icon{width:12px;height:12px;}
.crm2.crm-reference .stage-empty{font-size:11.5px;color:var(--text-faint);text-align:center;padding:16px 6px;}
.crm2.crm-reference .list-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);overflow:hidden;}
.crm2.crm-reference table.deals-table{width:100%;border-collapse:collapse;font-size:12.6px;}
.crm2.crm-reference table.deals-table th{text-align:right;padding:11px 12px;background:var(--bg);color:var(--text-soft);font-weight:700;font-size:11.5px;border-bottom:1px solid var(--border);white-space:nowrap;}
.crm2.crm-reference table.deals-table td{padding:11px 12px;border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap;}
.crm2.crm-reference table.deals-table tr:last-child td{border-bottom:none;}
.crm2.crm-reference table.deals-table tr:hover td{background:#FAFBFC;}
.crm2.crm-reference .stage-pill{font-size:10.6px;font-weight:700;padding:3px 9px;border-radius:20px;display:inline-flex;align-items:center;gap:5px;}
.crm2.crm-reference .status-pill{font-size:10.6px;font-weight:700;padding:3px 9px;border-radius:20px;}
.crm2.crm-reference .status-pill.open{background:var(--light-blue-tint);color:var(--accent-text);}
.crm2.crm-reference .status-pill.won{background:var(--success-tint);color:var(--success);}
.crm2.crm-reference .status-pill.lost{background:var(--danger-tint);color:var(--danger);}
.crm2.crm-reference .bulk-bar{display:none;align-items:center;gap:10px;background:var(--navy-tint);border-bottom:1px solid var(--border);padding:9px 14px;font-size:12px;font-weight:700;color:var(--accent-text);}
.crm2.crm-reference .bulk-bar.show{display:flex;}
.crm2.crm-reference .funnel-panel{background:#FFFFFF;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 18px 20px;box-shadow:var(--shadow);margin-top:18px;}
.crm2.crm-reference .df-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px;}
.crm2.crm-reference .funnel-panel h3{margin:0;font-size:15px;color:var(--heading);}
.crm2.crm-reference .df-sub{margin-top:3px;font-size:12px;color:var(--text-soft);}
.crm2.crm-reference .df-filters{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;}
.crm2.crm-reference .df-fl{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--text-soft);}
.crm2.crm-reference .df-sel{appearance:none;-webkit-appearance:none;font-family:inherit;font-size:12.5px;color:var(--text);min-width:150px;padding:7px 12px 7px 30px;border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;
    background:var(--pale-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23173454' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat left 10px center;}
.crm2.crm-reference .df-sel:hover{border-color:#96CDCD;}
.crm2.crm-reference .df-sel:focus-visible{outline:2px solid #96CDCD;outline-offset:2px;}
.crm2.crm-reference .df-sel option{color:#182B3D;background:#fff;}
.crm2.crm-reference .df-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.75fr) minmax(0,.8fr);gap:14px;align-items:stretch;}
.crm2.crm-reference .df-card{background:var(--pale-blue);border:1px solid var(--border);border-radius:var(--radius-md);display:flex;flex-direction:column;min-height:470px;min-width:0;}
.crm2.crm-reference #dashSalesTrend .df-card{background:#fff;border:none;border-radius:0;min-height:0;}
.crm2.crm-reference #dashSalesTrend .df-card-h{display:none;}
.crm2.crm-reference #dashSalesTrend .df-body{padding:8px 16px 16px;}
.crm2.crm-reference #dashSalesTrend .df-svg circle{transition:transform .15s ease, filter .15s ease;transform-box:fill-box;transform-origin:center;cursor:pointer;}
.crm2.crm-reference #dashSalesTrend .df-svg circle:hover{transform:scale(1.45);filter:drop-shadow(0 2px 4px rgba(23,52,84,.35));}
.crm2.crm-reference #dfBigChart .df-card{background:#fff;border:none;border-radius:0;min-height:0;}
.crm2.crm-reference #dfBigChart .df-body{padding:8px 4px 16px;}
.crm2.crm-reference #dfBigChart .df-svg circle{transition:transform .15s ease, filter .15s ease;transform-box:fill-box;transform-origin:center;cursor:pointer;}
.crm2.crm-reference #dfBigChart .df-svg circle:hover{transform:scale(1.45);filter:drop-shadow(0 2px 4px rgba(23,52,84,.35));}
.crm2.crm-reference .df-card-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:13px 16px 11px;border-bottom:1px solid var(--border);font-size:13.5px;font-weight:700;color:var(--heading);}
.crm2.crm-reference .df-card-h small{font-size:11.5px;font-weight:500;color:var(--text-soft);}
.crm2.crm-reference .df-body{flex:1;display:flex;flex-direction:column;justify-content:center;padding:14px 14px 16px;min-height:0;}
.crm2.crm-reference .df-svg{display:block;width:100%;height:auto;}
.crm2.crm-reference .df-svg text{font-family:inherit;}
.crm2.crm-reference .df-empty{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;font-size:12.5px;color:var(--text-soft);}
.crm2.crm-reference .df-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:7px 14px;margin-top:14px;font-size:11.5px;color:var(--text);}
.crm2.crm-reference .df-legend span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
.crm2.crm-reference .df-legend i{width:11px;height:11px;border-radius:3px;display:inline-block;}
.crm2.crm-reference .df-legend i.ln{width:18px;height:0;border-radius:0;border-top:2.5px solid;background:none;}
.crm2.crm-reference .df-legend i.ln.dash{border-top-style:dashed;}
.crm2.crm-reference .df-legend.top{justify-content:flex-end;margin:0 0 6px;}
.crm2.crm-reference .df-tt{text-align:center;margin-bottom:12px;}
.crm2.crm-reference .df-tt small{display:block;font-size:11.5px;color:var(--text-soft);}
.crm2.crm-reference .df-tt strong{display:block;margin-top:2px;font-size:19px;font-weight:800;color:var(--heading);line-height:1.5;}
.crm2.crm-reference .df-tt em{font-style:normal;font-size:11.5px;font-weight:500;color:var(--text-soft);display:inline-block;margin-inline-start:3px;}
.crm2.crm-reference .df-tbar{display:flex;justify-content:center;align-items:stretch;gap:10px;flex:1;min-height:190px;}
.crm2.crm-reference .df-scale{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;font-size:10.5px;color:var(--text-faint);padding:0;}
.crm2.crm-reference .df-track{position:relative;width:96px;border-radius:12px;background:rgba(170,210,241,.28);border:1px dashed rgba(170,210,241,.55);}
.crm2.crm-reference .df-track.no-target{opacity:.5;}
.crm2.crm-reference .df-fill{position:absolute;inset-inline:0;bottom:0;border-radius:12px;background:linear-gradient(to top,#9759E7,#AAD2F1);display:flex;align-items:flex-start;justify-content:center;min-height:6px;transition:height .5s ease;}
.crm2.crm-reference .df-fill b{margin-top:9px;font-size:12px;font-weight:700;color:#0E2236;text-align:center;line-height:1.5;padding:0 4px;}
.crm2.crm-reference .df-fill.low b{position:absolute;bottom:100%;margin:0 0 6px;color:var(--heading);white-space:nowrap;}
.crm2.crm-reference .df-chip{align-self:center;margin:12px 0 2px;padding:3px 14px;border-radius:20px;background:#DBFCFC;color:#0E2236;font-size:13px;font-weight:800;}
.crm2.crm-reference .df-chip.none{background:rgba(170,210,241,.28);color:var(--text-soft);font-weight:600;font-size:12px;}
.crm2.crm-reference .df-rem{text-align:center;font-size:12px;color:var(--text);}
.crm2.crm-reference .df-rem.done{color:var(--turquoise-dark);font-weight:700;}
.crm2.crm-reference .df-reps{margin-top:12px;padding-top:10px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:7px;}
.crm2.crm-reference .df-rep{display:grid;grid-template-columns:82px minmax(0,1fr) 38px;align-items:center;gap:8px;font-size:11.5px;color:var(--text);}
.crm2.crm-reference .df-rep .rn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.crm2.crm-reference .df-rep .rb{height:6px;border-radius:6px;background:rgba(170,210,241,.35);overflow:hidden;}
.crm2.crm-reference .df-rep .rb i{display:block;height:100%;border-radius:6px;background:#4F9B9B;}
.crm2.crm-reference .df-rep em{font-style:normal;text-align:left;color:var(--text-soft);}
@media (max-width:1180px){.crm2.crm-reference .df-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
.crm2.crm-reference .df-trend{grid-column:1 / -1;order:3;}
}
@media (max-width:700px){.crm2.crm-reference .df-grid{grid-template-columns:minmax(0,1fr);}
.crm2.crm-reference .df-card{min-height:0;}
.crm2.crm-reference .df-tbar{min-height:220px;}
.crm2.crm-reference .df-sel{min-width:130px;}
}
@media (prefers-reduced-motion:reduce){.crm2.crm-reference .df-fill{transition:none;}
}
.crm2.crm-reference .overlay{position:fixed;inset:0;background:rgba(14,34,54,.45);display:none;align-items:center;justify-content:center;z-index:100;padding:20px;}
.crm2.crm-reference .overlay.open{display:flex;animation:crmref-fadeIn .15s ease;}
@keyframes crmref-fadeIn{from{opacity:0;}to{opacity:1;}}
.crm2.crm-reference .modal{background:var(--card);border-radius:var(--radius-lg);width:100%;max-width:640px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(15,35,60,.25);}
.crm2.crm-reference .modal.wide{max-width:820px;}
.crm2.crm-reference .modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border);}
.crm2.crm-reference .modal-head h3{margin:0;font-size:15px;color:var(--heading);}
.crm2.crm-reference .modal-close{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--text-soft);}
.crm2.crm-reference .modal-close:hover{background:var(--bg);}
.crm2.crm-reference .modal-body{padding:20px 22px;overflow-y:auto;}
.crm2.crm-reference .modal-foot{padding:16px 22px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;}
.crm2.crm-reference .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;}
.crm2.crm-reference .form-section-h{grid-column:1/-1;font-size:12.3px;font-weight:800;color:var(--heading);border-top:1px solid var(--border);padding-top:14px;margin-top:2px;}
.crm2.crm-reference .form-group{display:flex;flex-direction:column;}
.crm2.crm-reference .form-group.full{grid-column:1/-1;}
.crm2.crm-reference .form-label{font-size:12.3px;font-weight:700;color:var(--text);margin-bottom:7px;}
.crm2.crm-reference .form-input,.crm2.crm-reference .form-select,.crm2.crm-reference .form-textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);padding:10px 13px;font-family:inherit;font-size:12.8px;color:var(--text);outline:none;transition:border-color .15s;}
.crm2.crm-reference .form-input:focus,.crm2.crm-reference .form-select:focus,.crm2.crm-reference .form-textarea:focus{border-color:var(--accent-text);}
.crm2.crm-reference .form-textarea{resize:vertical;min-height:64px;}
.crm2.crm-reference .dd-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px;}
.crm2.crm-reference .dd-tabs button{padding:9px 4px;margin-left:16px;border:none;background:none;font-size:12.6px;font-weight:700;color:var(--text-faint);border-bottom:2px solid transparent;}
.crm2.crm-reference .dd-tabs button.active{color:var(--accent-text);border-color:var(--accent-text);}
.crm2.crm-reference .tab-badge{display:inline-block;min-width:17px;padding:0 5px;border-radius:9px;background:var(--navy-tint);color:var(--accent-text);font-size:10.5px;line-height:16px;font-weight:800;}
.crm2.crm-reference .acts-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap;}
.crm2.crm-reference .acts-sub{font-size:12px;color:var(--text-soft);font-weight:700;}
.crm2.crm-reference .btn-sm{padding:7px 12px !important;font-size:12px !important;}
.crm2.crm-reference .act-row{display:flex;gap:10px;align-items:flex-start;padding:11px;border:1px solid var(--border);border-radius:10px;margin-bottom:8px;background:var(--card);}
.crm2.crm-reference .act-row.is-done{opacity:.62;}
.crm2.crm-reference .act-row.is-overdue{border-color:var(--danger);background:var(--danger-tint);}
.crm2.crm-reference .act-row.is-today{border-color:var(--accent-text);}
.crm2.crm-reference .act-main{flex:1;min-width:0;}
.crm2.crm-reference .act-title{font-size:12.8px;font-weight:800;color:var(--text);margin-bottom:4px;}
.crm2.crm-reference .act-when{font-size:11.6px;color:var(--text-soft);margin-bottom:4px;font-weight:700;}
.crm2.crm-reference .act-audit{font-size:11px;color:var(--text-faint);line-height:1.8;border-top:1px dashed var(--border);padding-top:5px;margin-top:5px;}
.crm2.crm-reference .act-note{font-size:11.4px;color:var(--text-soft);margin-top:4px;font-style:italic;}
.crm2.crm-reference .act-empty{padding:18px;text-align:center;font-size:12.4px;color:var(--text-faint);border:1px dashed var(--border);border-radius:10px;}
.crm2.crm-reference .task.clickable{cursor:pointer;transition:background .15s,border-color .15s;}
.crm2.crm-reference .task.clickable:hover{background:var(--navy-tint);}
.crm2.crm-reference .tk-sub-audit{font-size:10.8px;color:var(--text-faint);margin-top:3px;}
.crm2.crm-reference .dd-pane{display:none;}
.crm2.crm-reference .dd-pane.active{display:block;}
.crm2.crm-reference .dd-field-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--border);font-size:12.6px;}
.crm2.crm-reference .dd-field-row span:first-child{color:var(--text-soft);}
.crm2.crm-reference .dd-field-row span:last-child{font-weight:700;color:var(--text);}
.crm2.crm-reference .timeline{position:relative;padding-inline-start:20px;}
.crm2.crm-reference .timeline:before{content:'';position:absolute;top:4px;bottom:4px;right:5px;width:2px;background:var(--border);}
.crm2.crm-reference .tl-item{position:relative;padding-inline-start:20px;padding-bottom:16px;}
.crm2.crm-reference .tl-item:before{content:'';position:absolute;right:0px;top:3px;width:11px;height:11px;border-radius:50%;background:var(--navy-2);border:2px solid #fff;box-shadow:0 0 0 2px var(--navy-2);}
.crm2.crm-reference .tl-item .tl-text{font-size:12.4px;font-weight:600;color:var(--text);}
.crm2.crm-reference .tl-item .tl-meta{font-size:10.8px;color:var(--text-faint);margin-top:3px;}
.crm2.crm-reference .tl-item.tl-queue:before{background:var(--purple-dark);box-shadow:0 0 0 2px var(--purple-dark);}
.crm2.crm-reference .dc-activity{cursor:pointer;}
.crm2.crm-reference .dc-activity:hover{color:var(--accent-text);text-decoration:underline;}
.crm2.crm-reference .dd-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--border);gap:14px;flex-wrap:wrap;}
.crm2.crm-reference .dd-head-title{display:flex;align-items:baseline;gap:8px;}
.crm2.crm-reference .dd-head-title h3{margin:0;font-size:15.5px;color:var(--heading);}
.crm2.crm-reference .dd-head-title .dd-no{font-size:12px;color:var(--text-faint);font-weight:700;}
.crm2.crm-reference .dd-head-actions{display:flex;align-items:center;gap:8px;}
.crm2.crm-reference .dd-kebab-wrap{position:relative;}
.crm2.crm-reference .dd-icon-btn{width:32px;height:32px;border-radius:9px;border:1px solid var(--border);background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--text-soft);}
.crm2.crm-reference .dd-icon-btn:hover{background:var(--bg);}
.crm2.crm-reference .dd-menu{display:none;position:absolute;top:calc(100% + 6px);left:0;z-index:60;min-width:150px;background:var(--card);border:1px solid var(--border);border-radius:11px;box-shadow:0 14px 34px rgba(15,35,60,.16);overflow:hidden;padding:5px;}
.crm2.crm-reference .dd-menu.open{display:block;}
.crm2.crm-reference .dd-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border:none;background:none;border-radius:7px;font-size:12.5px;font-weight:600;color:var(--text);text-align:right;font-family:inherit;}
.crm2.crm-reference .dd-menu button:hover{background:var(--bg);}
.crm2.crm-reference .dd-menu button.danger{color:var(--danger);}
.crm2.crm-reference .status-pill-btn{padding:7px 14px;border-radius:20px;border:1.5px solid var(--border);background:var(--card);font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px;color:var(--text-soft);}
.crm2.crm-reference .status-pill-btn .icon{width:13px;height:13px;}
.crm2.crm-reference .status-pill-btn.win{border-color:#BFE6CE;color:var(--success);}
.crm2.crm-reference .status-pill-btn.win:hover{background:var(--success-tint);}
.crm2.crm-reference .status-pill-btn.win.on{background:var(--success);border-color:var(--success);color:#fff;}
.crm2.crm-reference .status-pill-btn.lose{border-color:#F5C6C6;color:var(--danger);}
.crm2.crm-reference .status-pill-btn.lose:hover{background:var(--danger-tint);}
.crm2.crm-reference .status-pill-btn.lose.on{background:var(--danger);border-color:var(--danger);color:#fff;}
.crm2.crm-reference .dd-track-wrap{padding:14px 22px 4px;}
.crm2.crm-reference .pipeline-track{display:flex;width:100%;}
.crm2.crm-reference .pt-seg{
    flex:1;height:36px;display:flex;align-items:center;justify-content:center;
    font-size:11.6px;font-weight:700;color:var(--text-soft);background:#DCE2E8;
    padding:0 20px;cursor:pointer;user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    clip-path:polygon(100% 0, 15% 0, 0 50%, 15% 100%, 100% 100%, 85% 50%);
    margin-right:-16px;transition:filter .12s;
  }
.crm2.crm-reference .pt-seg:first-child{clip-path:polygon(100% 0, 15% 0, 0 50%, 15% 100%, 100% 100%); margin-right:0;}
.crm2.crm-reference .pt-seg:last-child{clip-path:polygon(100% 0, 0 0, 0 100%, 100% 100%, 85% 50%);}
.crm2.crm-reference .dd-track-label{font-size:10.8px;color:var(--text-faint);margin-bottom:7px;font-weight:600;line-height:1.6;}
.crm2.crm-reference .pt-divider{width:1px;align-self:stretch;background:var(--border);margin:0 6px;flex-shrink:0;}
.crm2.crm-reference .pt-seg.pt-final{clip-path:none !important;border-radius:8px;margin:0 2px;flex:0 0 auto;padding:0 16px;border:1.5px dashed var(--border);background:var(--card);color:var(--text-soft);display:flex;align-items:center;gap:5px;}
.crm2.crm-reference .pt-seg.pt-final svg{width:14px;height:14px;}
.crm2.crm-reference .pt-seg.pt-final.win-final{border-color:#BFE6CE;color:var(--success);}
.crm2.crm-reference .pt-seg.pt-final.win-final:hover{background:var(--success-tint);}
.crm2.crm-reference .pt-seg.pt-final.win-final.reached{background:var(--success);border-style:solid;border-color:var(--success);color:#fff;}
.crm2.crm-reference .pt-seg.pt-final.lost-final{border-color:#F5C6C6;color:var(--danger);}
.crm2.crm-reference .pt-seg.pt-final.lost-final:hover{background:var(--danger-tint);}
.crm2.crm-reference .pt-seg.pt-final.lost-final.reached{background:var(--danger);border-style:solid;border-color:var(--danger);color:#fff;}
.crm2.crm-reference .pt-seg:hover{filter:brightness(0.95);}
.crm2.crm-reference .pt-seg.active{background:var(--amber);color:#fff;}
.crm2.crm-reference .pt-seg.won{background:var(--success);color:#fff;}
.crm2.crm-reference .reason-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.crm2.crm-reference .reason-card{border:1.5px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-size:12.3px;font-weight:600;cursor:pointer;}
.crm2.crm-reference .reason-pill-row{display:flex;flex-wrap:wrap;gap:8px;}
.crm2.crm-reference .reason-pill{display:inline-flex;align-items:center;gap:6px;border:1.5px solid var(--border);border-radius:999px;padding:6px 14px;font-size:12.3px;font-weight:600;cursor:pointer;background:var(--card);color:var(--text-soft);}
.crm2.crm-reference .reason-pill .dot{width:8px;height:8px;border-radius:50%;flex:none;}
.crm2.crm-reference .reason-pill:hover{border-color:var(--pill-color,var(--border));}
.crm2.crm-reference .reason-pill.selected{border-color:var(--pill-color,var(--danger));background:var(--pill-tint,var(--danger-tint));color:var(--pill-color,var(--danger));}
.crm2.crm-reference .modal-foot{transition:opacity .18s ease, max-height .28s ease, padding .28s ease;overflow:hidden;max-height:80px;}
.crm2.crm-reference .modal-foot.ldv-hidden{opacity:0;max-height:0;padding-top:0;padding-bottom:0;pointer-events:none;}
.crm2.crm-reference .ldv-disq-inline{display:flex;flex-direction:column;gap:10px;padding:0 26px;border-top:0 solid var(--border);background:var(--bg);
    max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease, opacity .25s ease .05s, padding .3s ease, border-width .3s ease;}
.crm2.crm-reference .ldv-disq-inline.open{max-height:320px;opacity:1;padding:16px 26px;border-top-width:1px;}
.crm2.crm-reference .reason-card:hover{border-color:var(--light-blue-dark);}
.crm2.crm-reference .reason-card.selected{border-color:var(--danger);background:var(--danger-tint);color:var(--danger);}
.crm2.crm-reference .toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--navy-dark);color:#fff;padding:12px 20px;border-radius:11px;font-size:12.6px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.2);opacity:0;pointer-events:none;transition:.2s;z-index:200;display:flex;align-items:center;gap:8px;}
.crm2.crm-reference .toast.show{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto;}
.crm2.crm-reference .c360-hero{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(135deg,var(--navy-tint),#fff 70%);border:1px solid var(--border);border-radius:var(--radius-md);padding:15px 16px;margin-bottom:14px;}
.crm2.crm-reference .c360-av{width:52px;height:52px;border-radius:14px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;color:#fff;background:linear-gradient(135deg,var(--purple),var(--light-blue-dark));box-shadow:0 6px 16px rgba(151,89,231,.22);}
.crm2.crm-reference .c360-hi{flex:1;min-width:0;}
.crm2.crm-reference .c360-name{font-size:15.5px;font-weight:800;color:var(--heading);display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:3px;}
.crm2.crm-reference .c360-sub{font-size:12.2px;color:var(--text-soft);font-weight:600;margin-bottom:8px;}
.crm2.crm-reference .c360-badges{display:flex;gap:6px;flex-wrap:wrap;}
.crm2.crm-reference .c360-badge{font-size:10.6px;font-weight:800;padding:3px 9px;border-radius:20px;background:var(--navy-tint);color:var(--accent-text);border:1px solid transparent;}
.crm2.crm-reference .c360-badge.p{background:var(--purple-tint);color:var(--purple-dark);}
.crm2.crm-reference .c360-badge.t{background:var(--turquoise-tint);color:var(--turquoise-dark);}
.crm2.crm-reference .c360-badge.a{background:var(--amber-tint);color:var(--amber);}
.crm2.crm-reference .c360-badge.g{background:var(--success-tint);color:var(--success);}
.crm2.crm-reference .c360-badge.d{background:var(--danger-tint);color:var(--danger);}
.crm2.crm-reference .c360-hero-side{display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex-shrink:0;}
.crm2.crm-reference .c360-hero-amount{font-size:17px;font-weight:800;color:var(--heading);white-space:nowrap;}
.crm2.crm-reference .c360-hero-amount small{font-size:11px;font-weight:700;color:var(--text-faint);}
.crm2.crm-reference .c360-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px;}
.crm2.crm-reference .c360-tile{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;}
.crm2.crm-reference .c360-tile b{display:block;font-size:15px;font-weight:800;color:var(--heading);line-height:1.5;}
.crm2.crm-reference .c360-tile span{font-size:10.8px;color:var(--text-soft);font-weight:700;}
.crm2.crm-reference .c360-tile.ok b{color:var(--success);}
.crm2.crm-reference .c360-tile.warn b{color:var(--danger);}
.crm2.crm-reference .c360-block{border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:12px;overflow:hidden;background:var(--card);}
.crm2.crm-reference .c360-block-h{display:flex;align-items:center;gap:7px;padding:10px 13px;background:var(--bg);border-bottom:1px solid var(--border);font-size:12.3px;font-weight:800;color:var(--heading);}
.crm2.crm-reference .c360-block-h .icon{width:14px;height:14px;color:var(--accent-text);}
.crm2.crm-reference .c360-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding:4px 13px 8px;}
.crm2.crm-reference .c360-grid.one{grid-template-columns:1fr;}
.crm2.crm-reference .c360-f{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:8px 0;border-bottom:1px dashed var(--border);font-size:12.4px;}
.crm2.crm-reference .c360-f:last-child{border-bottom:none;}
.crm2.crm-reference .c360-f > span:first-child{color:var(--text-soft);flex-shrink:0;}
.crm2.crm-reference .c360-f > span:last-child{font-weight:700;color:var(--text);text-align:left;word-break:break-word;}
.crm2.crm-reference .c360-f a{color:var(--light-blue-dark);font-weight:700;}
.crm2.crm-reference .c360-f a:hover{text-decoration:underline;}
.crm2.crm-reference .opf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:12px 13px 4px;}
.crm2.crm-reference .opf-stat{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;text-align:center;}
.crm2.crm-reference .opf-stat b{display:block;font-size:17px;font-weight:800;color:var(--heading);line-height:1.5;}
.crm2.crm-reference .opf-stat span{font-size:10.6px;color:var(--text-soft);font-weight:700;}
@media (max-width:640px){.crm2.crm-reference .opf-stats{grid-template-columns:1fr;}
}
.crm2.crm-reference .opf-charts{padding:6px 13px 13px;}
.crm2.crm-reference .opf-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.crm2.crm-reference .opf-row:last-child{margin-bottom:0;}
.crm2.crm-reference .opf-label{flex:0 0 132px;font-size:11.6px;font-weight:700;color:var(--text);}
.crm2.crm-reference .opf-track{flex:1;height:22px;background:var(--navy-tint);border-radius:8px;overflow:hidden;}
.crm2.crm-reference .opf-fill{height:100%;border-radius:8px;display:flex;align-items:center;padding:0 9px;color:#fff;font-size:10.8px;font-weight:700;white-space:nowrap;min-width:46px;transition:width .25s;}
.crm2.crm-reference .c360-f.empty > span:last-child{color:var(--text-faint);font-weight:600;}
.crm2.crm-reference .c360-qbar{display:flex;align-items:center;gap:6px;justify-content:flex-start;flex-wrap:wrap;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 10px;margin-bottom:16px;box-shadow:var(--shadow);}
.crm2.crm-reference .c360-qbtn{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:9px;border:1px solid transparent;background:none;font-family:inherit;font-size:12.4px;font-weight:700;color:var(--accent-text);}
.crm2.crm-reference .c360-qbtn .icon{width:15px;height:15px;}
.crm2.crm-reference .c360-qbtn:hover{background:var(--navy-tint);border-color:var(--border);}
.crm2.crm-reference .c360-qbtn + .c360-qbtn{border-right:1px solid var(--border);border-radius:9px;}
.crm2.crm-reference .c360-addbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:2px 0 12px;}
.crm2.crm-reference .c360-addbar:empty{display:none;}
.crm2.crm-reference .addbar-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:9px;border:1.5px solid var(--navy);background:var(--navy-tint);color:var(--navy);font-family:inherit;font-size:12.5px;font-weight:800;cursor:pointer;transition:background .15s,color .15s;}
.crm2.crm-reference .addbar-btn .icon{width:15px;height:15px;stroke:currentColor;}
.crm2.crm-reference .addbar-btn:hover{background:var(--navy);color:#fff;}
.crm2.crm-reference .addbar-btn.sec{border-color:var(--border);background:var(--card);color:var(--accent-text);}
.crm2.crm-reference .addbar-btn.sec:hover{background:var(--navy-tint);color:var(--navy);}
.crm2.crm-reference .addbar-note{font-size:12px;color:var(--text-soft);font-weight:600;}
.crm2.crm-reference .acts-sub{font-size:12px;font-weight:600;color:var(--text-soft);margin:0 2px 12px;line-height:1.9;}
.crm2.crm-reference .acts-sub:empty{display:none;}
.crm2.crm-reference .c360-chip{display:block;width:fit-content;margin:4px auto 14px;background:var(--navy-dark);color:#fff;font-size:12px;font-weight:700;padding:6px 20px;border-radius:8px;}
.crm2.crm-reference .c360-empty{display:flex;align-items:center;justify-content:center;gap:22px;padding:18px 10px 24px;flex-wrap:wrap;}
.crm2.crm-reference .c360-empty-txt{text-align:center;font-size:12.6px;color:var(--text-soft);line-height:2.1;}
.crm2.crm-reference .c360-empty-txt a{color:var(--light-blue-dark);font-weight:700;text-decoration:underline;cursor:pointer;display:block;}
.crm2.crm-reference .c360-empty-txt a.q{text-decoration:none;color:var(--light-blue-dark);}
.crm2.crm-reference .c360-empty-txt a:hover{color:var(--accent-text);}
.crm2.crm-reference .c360-empty svg{flex-shrink:0;}
.crm2.crm-reference .hist-tabs{display:flex;align-items:center;gap:0;border:1px solid var(--border);border-radius:11px;background:var(--card);padding:4px;width:fit-content;margin:0 auto 12px;flex-wrap:wrap;}
.crm2.crm-reference .hist-tabs button{border:none;background:none;font-family:inherit;font-size:12.2px;font-weight:700;color:var(--text-soft);padding:7px 13px;border-radius:8px;border-bottom:2px solid transparent;}
.crm2.crm-reference .hist-tabs button:hover{background:var(--bg);}
.crm2.crm-reference .hist-tabs button.active{color:var(--heading);border-bottom-color:var(--turquoise-dark);background:var(--turquoise-tint);}
.crm2.crm-reference .hist-tabs .htb-sep{width:1px;height:18px;background:var(--border);margin:0 3px;}
.crm2.crm-reference .hist-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap;}
.crm2.crm-reference .hist-tools-r{display:flex;align-items:center;gap:6px;}
.crm2.crm-reference .hist-ibtn{width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--text-soft);}
.crm2.crm-reference .hist-ibtn:hover{background:var(--bg);color:var(--accent-text);}
.crm2.crm-reference .hist-ibtn.on{background:var(--navy-tint);color:var(--accent-text);border-color:var(--navy-tint);}
.crm2.crm-reference .hist-pager{display:flex;align-items:center;gap:4px;font-size:11.6px;color:var(--text-soft);font-weight:700;}
.crm2.crm-reference .hist-pager .pg{width:26px;height:26px;border-radius:7px;border:1px solid var(--border);background:var(--card);color:var(--text-soft);display:flex;align-items:center;justify-content:center;}
.crm2.crm-reference .hist-pager .pg:disabled{opacity:.4;cursor:default;}
.crm2.crm-reference .hist-pager .pg-num{min-width:28px;text-align:center;border:1px solid var(--border);border-radius:7px;padding:3px 6px;background:var(--card);color:var(--heading);}
.crm2.crm-reference .hist-search{display:flex;align-items:center;gap:7px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:7px 12px;min-width:210px;}
.crm2.crm-reference .hist-search input{border:none;outline:none;background:none;flex:1;font-family:inherit;font-size:12.3px;color:var(--text);}
.crm2.crm-reference .hist-search .icon{color:var(--text-faint);width:14px;height:14px;}
.crm2.crm-reference .hist-item{border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 13px;margin-bottom:9px;background:var(--card);position:relative;}
.crm2.crm-reference .hist-item.note{background:#FFFBE6;border-color:#F0E4A8;}
.crm2.crm-reference .hist-item.file{background:var(--light-blue-tint);border-color:#CFE4F6;}
.crm2.crm-reference .hist-item.inv{background:var(--amber-tint);border-color:#F2DEB4;}
.crm2.crm-reference .hist-item.log{background:var(--card);border-style:dashed;}
.crm2.crm-reference .hist-h{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px;}
.crm2.crm-reference .hist-h .hist-ic{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--navy-tint);color:var(--accent-text);}
.crm2.crm-reference .hist-h .hist-ic .icon{width:14px;height:14px;}
.crm2.crm-reference .hist-item.note .hist-ic{background:#F6EEC2;color:#8A7420;}
.crm2.crm-reference .hist-item.file .hist-ic{background:#D8EAFA;color:var(--light-blue-dark);}
.crm2.crm-reference .hist-item.inv .hist-ic{background:#F6E6C4;color:var(--amber);}
.crm2.crm-reference .hist-t{flex:1;min-width:0;font-size:12.8px;font-weight:800;color:var(--text);line-height:1.7;}
.crm2.crm-reference .hist-body{font-size:12.4px;color:var(--text);line-height:2;white-space:pre-wrap;margin-bottom:7px;}
.crm2.crm-reference .hist-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:11px;color:var(--text-faint);font-weight:600;padding-top:6px;border-top:1px dashed rgba(0,0,0,.08);}
.crm2.crm-reference .hist-meta .hm{display:inline-flex;align-items:center;gap:4px;}
.crm2.crm-reference .hist-meta .hm .icon{width:12px;height:12px;}
.crm2.crm-reference .hist-tag{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:800;padding:2px 8px;border-radius:20px;background:rgba(23,52,84,.07);color:var(--accent-text);}
.crm2.crm-reference .hist-del{position:absolute;top:9px;left:10px;width:24px;height:24px;border-radius:7px;border:1px solid transparent;background:none;display:flex;align-items:center;justify-content:center;color:var(--text-faint);opacity:0;transition:.15s;}
.crm2.crm-reference .hist-item:hover .hist-del{opacity:1;}
.crm2.crm-reference .hist-del:hover{background:var(--danger-tint);color:var(--danger);}
.crm2.crm-reference .hist-none{padding:22px;text-align:center;font-size:12.4px;color:var(--text-faint);border:1px dashed var(--border);border-radius:10px;}
@media (max-width:760px){.crm2.crm-reference .c360-tiles{grid-template-columns:repeat(2,1fr);}
.crm2.crm-reference .c360-grid{grid-template-columns:1fr;}
.crm2.crm-reference .c360-hero{flex-direction:column;}
}
.crm2.crm-reference .modal.fu-modal{max-width:1000px;}
.crm2.crm-reference .fu-wrap{display:grid;grid-template-columns:1fr 360px;gap:0;overflow:hidden;flex:1;min-height:0;}
.crm2.crm-reference .fu-form{padding:18px 22px;overflow-y:auto;}
.crm2.crm-reference .fu-cal{border-inline-start:1px solid var(--border);background:var(--bg);display:flex;flex-direction:column;min-height:0;}
.crm2.crm-reference .fu-title-input{font-size:14px !important;font-weight:700;padding:12px 14px !important;}
.crm2.crm-reference .fu-check{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--text);margin:10px 0;cursor:pointer;}
.crm2.crm-reference .fu-check input{width:16px;height:16px;accent-color:var(--accent-text);cursor:pointer;}
.crm2.crm-reference .fu-check.sm{font-size:11.5px;color:var(--text-soft);margin:6px 0 0;}
.crm2.crm-reference .fu-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:12px;}
.crm2.crm-reference .fu-date-wrap{position:relative;}
.crm2.crm-reference .fu-date-wrap .fu-cal-ic{position:absolute;inset-inline-start:10px;top:50%;transform:translateY(-50%);color:var(--text-faint);pointer-events:none;}
.crm2.crm-reference .fu-date-wrap input{padding-inline-start:32px !important;}
.crm2.crm-reference .fu-owner{display:flex;align-items:center;gap:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);overflow:hidden;}
.crm2.crm-reference .fu-owner .fu-ow-ic{width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:var(--text-soft);border-inline-end:1px solid var(--border);flex-shrink:0;}
.crm2.crm-reference .fu-owner select{flex:1;border:none;outline:none;background:none;padding:10px 12px;font-family:inherit;font-size:12.8px;color:var(--text);}
.crm2.crm-reference .fu-cal-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border);background:var(--card);}
.crm2.crm-reference .fu-cal-head b{font-size:12.6px;color:var(--heading);font-weight:800;}
.crm2.crm-reference .fu-navbtn{width:28px;height:28px;border-radius:8px;border:1px solid var(--border);background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--text-soft);}
.crm2.crm-reference .fu-navbtn:hover{background:var(--bg);color:var(--accent-text);}
.crm2.crm-reference .fu-cal-top{padding:8px 12px;border-bottom:1px solid var(--border);background:var(--card);min-height:44px;display:flex;align-items:center;}
.crm2.crm-reference .fu-preview{display:flex;align-items:center;gap:7px;background:var(--navy);color:#fff;border-radius:8px;padding:7px 11px;font-size:12px;font-weight:700;width:100%;}
.crm2.crm-reference .fu-preview .icon{width:14px;height:14px;}
.crm2.crm-reference .fu-cal-body{flex:1;overflow-y:auto;}
.crm2.crm-reference .fu-hour{display:flex;border-bottom:1px solid var(--border);min-height:46px;}
.crm2.crm-reference .fu-hour-lbl{width:52px;flex-shrink:0;border-inline-end:1px solid var(--border);font-size:10.5px;color:var(--text-faint);font-weight:700;padding:5px 0 0;text-align:center;background:var(--card);}
.crm2.crm-reference .fu-hour-slot{flex:1;padding:4px 6px;display:flex;flex-direction:column;gap:4px;}
.crm2.crm-reference .fu-hour.is-target{background:var(--light-blue-tint);}
.crm2.crm-reference .fu-ev{font-size:11px;font-weight:700;border-radius:6px;padding:4px 8px;background:var(--turquoise-tint);color:var(--turquoise-dark);border-inline-start:3px solid var(--turquoise-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.crm2.crm-reference .fu-ev.is-new{background:var(--navy);color:#fff;border-color:var(--purple);}
.crm2.crm-reference .fu-ev.is-done{opacity:.6;text-decoration:line-through;}
.crm2.crm-reference .fu-foot{justify-content:space-between !important;align-items:center;flex-wrap:wrap;gap:10px;}
.crm2.crm-reference .fu-foot .fu-check{margin:0;}
.crm2.crm-reference .fu-foot-btns{display:flex;gap:8px;flex-wrap:wrap;}
.crm2.crm-reference .btn-save{padding:10px 18px;border-radius:10px;border:1px solid var(--success);background:var(--success);color:#fff;font-size:12.8px;font-weight:700;}
.crm2.crm-reference .btn-save:hover{background:#178A4C;}
.crm2.crm-reference .btn-save.alt{background:var(--card);color:var(--success);}
.crm2.crm-reference .btn-save.alt:hover{background:var(--success-tint);}
.crm2.crm-reference .btn-primary:disabled,.crm2.crm-reference .btn-save:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.15);}
.crm2.crm-reference .btn-primary:disabled:hover{background:var(--navy);}
.crm2.crm-reference .btn-save:disabled:hover{background:var(--success);}
.crm2.crm-reference .req-star{color:var(--danger);font-weight:800;}
.crm2.crm-reference .amt-group{display:flex;gap:8px;}
.crm2.crm-reference .amt-group .form-input{flex:1;min-width:0;}
.crm2.crm-reference .amt-group .amt-cur{flex:0 0 92px;width:92px;padding:10px 8px;text-align:center;font-weight:700;}
.crm2.crm-reference .form-hint-req{font-size:11px;color:var(--danger);margin-top:5px;display:none;}
.crm2.crm-reference .form-hint-req.show{display:block;}
.crm2.crm-reference .form-input.req-err{border-color:var(--danger);}
.crm2.crm-reference .jc-wrap{position:relative;}
.crm2.crm-reference .jc-field{display:flex;align-items:center;gap:6px;}
.crm2.crm-reference .jc-field .form-input{cursor:pointer;background:var(--card);}
.crm2.crm-reference .jdp-clear{flex:0 0 auto;width:34px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);color:var(--text-faint);font-size:14px;line-height:1;}
.crm2.crm-reference .jdp-clear:hover{background:var(--bg);color:var(--text-soft);}
.crm2.crm-reference .jdp{position:absolute;z-index:80;top:calc(100% + 6px);right:0;width:262px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 10px 30px rgba(15,35,60,.16);padding:10px;display:none;}
.crm2.crm-reference .jcs.open{display:block;}
.crm2.crm-reference .jc-h{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px;}
.crm2.crm-reference .jc-h b{font-size:12.5px;font-weight:800;color:var(--text);}
.crm2.crm-reference .jc-nav{width:27px;height:27px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text-soft);font-size:13px;line-height:1;}
.crm2.crm-reference .jc-nav:hover{background:var(--bg);}
.crm2.crm-reference .jc-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;}
.crm2.crm-reference .jc-dow{font-size:10.4px;color:var(--text-faint);text-align:center;font-weight:700;padding:3px 0;}
.crm2.crm-reference .jc-d{height:30px;border-radius:8px;border:1px solid transparent;background:none;font-family:inherit;font-size:12px;color:var(--text);}
.crm2.crm-reference .jc-d:hover{background:var(--bg);}
.crm2.crm-reference .jc-d.blank{visibility:hidden;pointer-events:none;}
.crm2.crm-reference .jc-d.today{border-color:var(--light-blue-dark);color:var(--accent-text);font-weight:800;}
.crm2.crm-reference .jc-d.sel{background:var(--navy);color:#fff;font-weight:800;}
.crm2.crm-reference .jc-f{display:flex;justify-content:space-between;align-items:center;margin-top:9px;padding-top:8px;border-top:1px solid var(--border);}
.crm2.crm-reference .jc-f button{border:none;background:none;font-family:inherit;font-size:11.5px;font-weight:700;color:var(--accent-text);}
.crm2.crm-reference .jc-f button:hover{text-decoration:underline;}
@media (max-width:880px){.crm2.crm-reference .fu-wrap{grid-template-columns:1fr;}
.crm2.crm-reference .fu-cal{border-inline-start:none;border-top:1px solid var(--border);max-height:300px;}
.crm2.crm-reference .fu-3col{grid-template-columns:1fr;}
}
.crm2.crm-reference .fu-toggle-list{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;margin:4px 0 14px;background:var(--card);}
.crm2.crm-reference .fu-toggle-row{display:flex;align-items:center;gap:10px;padding:12px 13px;cursor:pointer;}
.crm2.crm-reference .fu-toggle-row + .fu-toggle-row{border-top:1px solid var(--border);}
.crm2.crm-reference .fu-toggle-row.disabled{cursor:not-allowed;}
.crm2.crm-reference .fu-toggle-ic{width:19px;height:19px;color:var(--text-soft);flex-shrink:0;}
.crm2.crm-reference .fu-toggle-ic .icon{width:19px;height:19px;}
.crm2.crm-reference .fu-toggle-text{flex:1;min-width:0;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;}
.crm2.crm-reference .fu-toggle-title{font-size:12.6px;font-weight:700;color:var(--text);}
.crm2.crm-reference .fu-toggle-hint{font-size:11px;font-weight:700;color:var(--text-faint);}
.crm2.crm-reference .fu-toggle-hint.warn{color:var(--danger);}
.crm2.crm-reference .fu-toggle-row input[type="checkbox"]{width:16px;height:16px;accent-color:var(--accent-text);cursor:pointer;flex-shrink:0;}
.crm2.crm-reference .fu-toggle-row.disabled input[type="checkbox"]{cursor:not-allowed;}
.crm2.crm-reference .fu-sub-opts{display:none;align-items:center;gap:8px;padding:0 13px 12px 13px;background:var(--bg);}
.crm2.crm-reference .fu-sub-opts.show{display:flex;}
.crm2.crm-reference .fu-sub-opts select,.crm2.crm-reference .fu-sub-opts input{flex:1;border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-family:inherit;font-size:12px;color:var(--text);background:var(--card);outline:none;}
.crm2.crm-reference ::-webkit-scrollbar{width:8px;height:8px;}
.crm2.crm-reference ::-webkit-scrollbar-thumb{background:#D4DBE2;border-radius:20px;}
.crm2.crm-reference .app-bar{position:sticky;top:0;z-index:60;background:var(--navy);color:#fff;border-bottom:1px solid rgba(255,255,255,.08);}
.crm2.crm-reference .app-bar-inner{max-width:none;width:100%;margin:0 auto;padding:10px 26px;display:flex;align-items:center;gap:16px;}
.crm2.crm-reference .ab-brand{display:flex;align-items:center;gap:10px;flex-shrink:0;position:relative;cursor:pointer;border-radius:10px;padding:4px 6px;margin:-4px -6px;}
.crm2.crm-reference .ab-brand:hover{background:rgba(255,255,255,.08);}
.crm2.crm-reference .ab-logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--purple),var(--light-blue-dark));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;}
.crm2.crm-reference .ab-org{line-height:1.25;}
.crm2.crm-reference .ab-org b{display:block;font-size:13px;}
.crm2.crm-reference .ab-org span{font-size:10.8px;color:rgba(255,255,255,.62);}
.crm2.crm-reference .ab-module{display:inline-flex;align-items:center;gap:6px;font-size:11.2px;font-weight:700;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);padding:4px 10px;border-radius:20px;color:#fff;}
.crm2.crm-reference .ab-module .dot{width:7px;height:7px;border-radius:50%;background:#5BE49B;}
.crm2.crm-reference .ab-search{flex:1;max-width:520px;position:relative;}
.crm2.crm-reference .ab-search .abs-field{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);border-radius:11px;padding:8px 13px;}
.crm2.crm-reference .ab-search input{flex:1;border:none;outline:none;background:none;color:#fff;font-family:inherit;font-size:12.6px;}
.crm2.crm-reference .ab-search input::placeholder{color:rgba(255,255,255,.55);}
.crm2.crm-reference .ab-search .icon{color:rgba(255,255,255,.7);}
.crm2.crm-reference .abs-results{position:absolute;inset-inline-start:0;inset-inline-end:0;top:calc(100% + 8px);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 18px 44px rgba(15,35,60,.2);max-height:380px;overflow-y:auto;display:none;padding:6px;}
.crm2.crm-reference .abs-results.open{display:block;}
.crm2.crm-reference .abs-group{font-size:10.6px;font-weight:800;color:var(--text-faint);padding:8px 10px 4px;}
.crm2.crm-reference .abs-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:9px;cursor:pointer;color:var(--text);}
.crm2.crm-reference .abs-item:hover{background:var(--navy-tint);}
.crm2.crm-reference .abs-item .ai-t{font-size:12.4px;font-weight:700;}
.crm2.crm-reference .abs-item .ai-s{font-size:10.8px;color:var(--text-soft);}
.crm2.crm-reference .abs-item .ai-k{margin-inline-start:auto;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;background:var(--navy-tint);color:var(--accent-text);}
.crm2.crm-reference .abs-empty{padding:16px;text-align:center;font-size:12px;color:var(--text-faint);}
.crm2.crm-reference .ab-actions{display:flex;align-items:center;gap:8px;margin-inline-start:auto;position:relative;}
.crm2.crm-reference .ab-icon-btn{width:35px;height:35px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.1);color:#fff;display:flex;align-items:center;justify-content:center;position:relative;}
.crm2.crm-reference .ab-icon-btn:hover{background:rgba(255,255,255,.2);}
.crm2.crm-reference .ab-badge{position:absolute;top:-5px;inset-inline-end:-5px;min-width:17px;height:17px;border-radius:20px;background:var(--danger);color:#fff;font-size:9.5px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--navy);}
.crm2.crm-reference .ab-user{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:11px;padding:5px 11px 5px 7px;color:#fff;}
.crm2.crm-reference .ab-user:hover{background:rgba(255,255,255,.2);}
.crm2.crm-reference .ab-avatar{width:28px;height:28px;border-radius:50%;background:var(--purple);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;}
.crm2.crm-reference .ab-user .abu-name{font-size:12.3px;font-weight:700;line-height:1.2;}
.crm2.crm-reference .ab-user .abu-role{font-size:10px;color:rgba(255,255,255,.6);}
.crm2.crm-reference .ab-pop{position:absolute;top:calc(100% + 10px);inset-inline-end:0;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 18px 44px rgba(15,35,60,.22);width:320px;display:none;z-index:70;overflow:hidden;}
.crm2.crm-reference .ab-pop.open{display:block;}
.crm2.crm-reference .ab-pop .pop-head{padding:12px 15px;border-bottom:1px solid var(--border);font-size:12.6px;font-weight:800;color:var(--heading);display:flex;align-items:center;justify-content:space-between;}
.crm2.crm-reference .ab-pop .pop-head button{border:none;background:none;font-size:11.4px;font-weight:700;color:var(--purple-dark);}
.crm2.crm-reference .ab-pop .pop-body{max-height:330px;overflow-y:auto;}
.crm2.crm-reference .notif{display:flex;gap:10px;padding:11px 15px;border-bottom:1px solid var(--border);cursor:pointer;}
.crm2.crm-reference .notif:hover{background:var(--bg);}
.crm2.crm-reference .notif.unread{background:var(--light-blue-tint);}
.crm2.crm-reference .notif .nf-dot{width:8px;height:8px;border-radius:50%;background:var(--purple);margin-top:6px;flex-shrink:0;}
.crm2.crm-reference .notif.read .nf-dot{background:var(--border);}
.crm2.crm-reference .notif .nf-t{font-size:12.2px;font-weight:700;color:var(--text);margin-bottom:3px;}
.crm2.crm-reference .notif .nf-s{font-size:11px;color:var(--text-soft);}
.crm2.crm-reference .notif .nf-time{font-size:10.4px;color:var(--text-faint);margin-top:4px;}
.crm2.crm-reference .pop-menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:11px 15px;border:none;background:none;font-family:inherit;font-size:12.4px;font-weight:600;color:var(--text);text-align:start;}
.crm2.crm-reference .pop-menu-item:hover{background:var(--bg);}
.crm2.crm-reference .pop-menu-item .icon{color:var(--text-soft);}
.crm2.crm-reference .pop-menu-row{display:flex;align-items:center;gap:9px;width:100%;padding:11px 15px;font-size:12.4px;font-weight:600;color:var(--text);}
.crm2.crm-reference .pop-menu-row .icon{color:var(--text-soft);}
.crm2.crm-reference .pop-menu-row span{flex:1;}
.crm2.crm-reference .tgl{position:relative;display:inline-block;width:36px;height:21px;flex-shrink:0;}
.crm2.crm-reference .tgl input{opacity:0;width:0;height:0;}
.crm2.crm-reference .tgl-track{position:absolute;inset:0;background:var(--border);border-radius:20px;transition:.18s;cursor:pointer;}
.crm2.crm-reference .tgl-track:before{content:"";position:absolute;width:15px;height:15px;inset-inline-start:3px;top:3px;background:#fff;border-radius:50%;transition:inset-inline-start .18s;box-shadow:0 1px 3px rgba(0,0,0,.25);}
.crm2.crm-reference .tgl input:checked + .tgl-track{background:var(--navy);}
.crm2.crm-reference .tgl input:checked + .tgl-track:before{inset-inline-start:18px;}
.crm2.crm-reference .pop-user-head{padding:15px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--border);background:var(--navy-tint);}
.crm2.crm-reference .pop-user-head .puh-av{width:42px;height:42px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;}
.crm2.crm-reference .pop-user-head b{display:block;font-size:13px;color:var(--heading);}
.crm2.crm-reference .pop-user-head span{font-size:11px;color:var(--text-soft);}
.crm2.crm-reference .page-nav{display:flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:5px;margin-bottom:18px;width:fit-content;box-shadow:var(--shadow);}
.crm2.crm-reference .page-nav button{padding:9px 16px;border-radius:9px;border:none;background:none;font-family:inherit;font-size:13px;font-weight:700;color:var(--text-soft);display:flex;align-items:center;gap:7px;}
.crm2.crm-reference .page-nav button.active{background:var(--navy);color:#fff;}
.crm2.crm-reference .page-nav button .pn-count{font-size:10.4px;font-weight:800;background:var(--navy-tint);color:var(--accent-text);border-radius:20px;padding:1px 7px;}
.crm2.crm-reference .page-nav button.active .pn-count{background:rgba(255,255,255,.2);color:#fff;}
.crm2.crm-reference .qa-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:20px;}
@media (max-width:1200px){.crm2.crm-reference .qa-grid{grid-template-columns:repeat(4,1fr);}
}
@media (max-width:760px){.crm2.crm-reference .qa-grid{grid-template-columns:repeat(2,1fr);}
}
.crm2.crm-reference .qa-btn{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 12px;display:flex;flex-direction:column;align-items:center;gap:9px;box-shadow:var(--shadow);transition:transform .12s,border-color .12s;}
.crm2.crm-reference .qa-btn:hover{border-color:var(--accent-text);transform:translateY(-2px);}
.crm2.crm-reference .qa-btn .qa-ic{width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;}
.crm2.crm-reference .qa-btn .qa-ic .icon{width:19px;height:19px;stroke-width:1.9;}
.crm2.crm-reference .qa-btn .qa-label{font-size:12.2px;font-weight:700;color:var(--text);text-align:center;line-height:1.35;}
.crm2.crm-reference .qa-ic.c-navy,.crm2.crm-reference .ds-ic.c-navy{background:var(--navy-tint);color:var(--accent-text);}
.crm2.crm-reference .qa-ic.c-purple,.crm2.crm-reference .ds-ic.c-purple{background:var(--purple-tint);color:var(--purple-dark);}
.crm2.crm-reference .qa-ic.c-turq,.crm2.crm-reference .ds-ic.c-turq{background:var(--turquoise-tint);color:var(--turquoise-dark);}
.crm2.crm-reference .qa-ic.c-blue,.crm2.crm-reference .ds-ic.c-blue{background:var(--light-blue-tint);color:var(--light-blue-dark);}
.crm2.crm-reference .qa-ic.c-amber,.crm2.crm-reference .ds-ic.c-amber{background:var(--amber-tint);color:var(--amber);}
.crm2.crm-reference .qa-ic.c-green,.crm2.crm-reference .ds-ic.c-green{background:var(--success-tint);color:var(--success);}
.crm2.crm-reference .qa-ic.c-danger,.crm2.crm-reference .ds-ic.c-danger{background:var(--danger-tint);color:var(--danger);}
.crm2.crm-reference .jstage-bar{height:4px;border-radius:4px;background:#EEF1F5;overflow:hidden;margin-top:9px;}
.crm2.crm-reference .jstage-bar i{display:block;height:100%;border-radius:4px;}
.crm2.crm-reference .jstage-add{width:100%;border:1px dashed var(--border);background:none;border-radius:9px;padding:8px;font-family:inherit;font-size:11.4px;font-weight:700;color:var(--text-soft);}
.crm2.crm-reference .jstage-add:hover{background:var(--bg);color:var(--accent-text);}
.crm2.crm-reference .desk-cols{display:grid;grid-template-columns:1.55fr 1fr;gap:16px;align-items:start;}
@media (max-width:1100px){.crm2.crm-reference .desk-cols{grid-template-columns:1fr;}
}
.crm2.crm-reference .panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;}
.crm2.crm-reference .panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap;}
.crm2.crm-reference .panel-head > div:first-child{flex:1;min-width:0;}
.crm2.crm-reference .panel-head h3{margin:0;font-size:13.6px;color:var(--heading);display:flex;align-items:center;gap:8px;}
.crm2.crm-reference .panel-head .ph-sub{font-size:11.2px;color:var(--text-soft);margin-top:2px;}
.crm2.crm-reference .queue-tabs{display:flex;gap:5px;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:4px;}
.crm2.crm-reference .queue-tabs button{padding:6px 11px;border-radius:7px;border:none;background:none;font-family:inherit;font-size:11.8px;font-weight:700;color:var(--text-soft);display:flex;align-items:center;gap:5px;}
.crm2.crm-reference .queue-tabs button.active{background:var(--card);color:var(--accent-text);box-shadow:0 1px 3px rgba(15,35,60,.12);}
.crm2.crm-reference .queue-tabs .qt-n{font-size:10px;font-weight:800;border-radius:20px;padding:1px 6px;background:var(--navy-tint);color:var(--accent-text);}
.crm2.crm-reference .queue-tabs button.active .qt-n{background:var(--navy);color:#fff;}
.crm2.crm-reference .queue-tabs button[data-q="overdue"] .qt-n{background:var(--danger-tint);color:var(--danger);}
.crm2.crm-reference .toast-action{margin-inline-start:12px;padding:4px 12px;border-radius:7px;border:1px solid rgba(255,255,255,.45);background:transparent;color:inherit;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer;}
.crm2.crm-reference .toast-action:hover{background:rgba(255,255,255,.15);}
.crm2.crm-reference .task.just-changed{animation:crmref-tkFlash 1.4s ease-out;}
@keyframes crmref-tkFlash{0%{background:var(--success-tint);}100%{background:transparent;}}
.crm2.crm-reference .tk-donetag{background:var(--success-tint) !important;color:var(--success) !important;}
.crm2.crm-reference .queue-divider{display:flex;align-items:center;gap:8px;padding:9px 16px;font-size:11.4px;font-weight:800;color:var(--text-faint);background:#FAFBFC;border-bottom:1px solid var(--border);}
.crm2.crm-reference .queue-divider:before{content:'';flex:1;height:1px;background:var(--border);}
.crm2.crm-reference .queue-divider:after{content:'';flex:1;height:1px;background:var(--border);}
.crm2.crm-reference .showdone-toggle{display:flex;align-items:center;gap:6px;font-size:11.6px;font-weight:700;color:var(--text-soft);cursor:pointer;user-select:none;}
.crm2.crm-reference .task{display:flex;align-items:flex-start;gap:11px;padding:12px 16px;border-bottom:1px solid var(--border);}
.crm2.crm-reference .task:last-child{border-bottom:none;}
.crm2.crm-reference .task:hover{background:#FAFBFC;}
.crm2.crm-reference .task.done{opacity:.55;}
.crm2.crm-reference .task.done .tk-title{text-decoration:line-through;}
.crm2.crm-reference .tk-ic{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.crm2.crm-reference .tk-main{flex:1;min-width:0;}
.crm2.crm-reference .tk-title{font-size:12.6px;font-weight:700;color:var(--text);margin-bottom:4px;}
.crm2.crm-reference .tk-person{font-size:11.2px;color:var(--text-soft);display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.crm2.crm-reference .tk-person .icon{width:12px;height:12px;}
.crm2.crm-reference .tk-side{display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex-shrink:0;}
.crm2.crm-reference .tk-when{font-size:11px;font-weight:700;color:var(--text-soft);white-space:nowrap;}
.crm2.crm-reference .tk-when.overdue{color:var(--danger);}
.crm2.crm-reference .tk-when.today{color:var(--amber);}
.crm2.crm-reference .tk-btns{display:flex;gap:5px;}
.crm2.crm-reference .tk-btn{width:27px;height:27px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text-soft);display:flex;align-items:center;justify-content:center;}
.crm2.crm-reference .tk-btn:hover{background:var(--navy-tint);color:var(--accent-text);}
.crm2.crm-reference .tk-btn.ok.on{background:var(--success-tint);color:var(--success);border-color:var(--success);}
.crm2.crm-reference .tk-btn.ok:hover{background:var(--success-tint);color:var(--success);border-color:var(--success-tint);}
.crm2.crm-reference .tk-tag{font-size:9.8px;font-weight:700;padding:2px 7px;border-radius:20px;background:var(--navy-tint);color:var(--accent-text);}
.crm2.crm-reference .attn{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);}
.crm2.crm-reference .attn:last-child{border-bottom:none;}
.crm2.crm-reference .attn-bar{width:3px;border-radius:3px;align-self:stretch;flex-shrink:0;}
.crm2.crm-reference .attn-main{flex:1;min-width:0;}
.crm2.crm-reference .attn-t{font-size:12.4px;font-weight:700;color:var(--text);margin-bottom:3px;}
.crm2.crm-reference .attn-s{font-size:11px;color:var(--text-soft);line-height:1.6;}
.crm2.crm-reference .attn-cta{border:1px solid var(--border);background:var(--card);border-radius:8px;padding:6px 11px;font-family:inherit;font-size:11.2px;font-weight:700;color:var(--accent-text);white-space:nowrap;align-self:center;}
.crm2.crm-reference .attn-cta:hover{background:var(--navy-tint);}
.crm2.crm-reference .panel-empty{padding:30px 18px;text-align:center;}
.crm2.crm-reference .panel-empty .pe-t{font-size:12.6px;font-weight:700;color:var(--text-soft);margin-bottom:4px;}
.crm2.crm-reference .panel-empty .pe-s{font-size:11.4px;color:var(--text-faint);}
.crm2.crm-reference .desk-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px;}
@media (max-width:1100px){.crm2.crm-reference .desk-stats{grid-template-columns:repeat(2,1fr);}
}
.crm2.crm-reference .dstat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:13px 15px;box-shadow:var(--shadow);display:flex;align-items:center;gap:11px;transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;}
.crm2.crm-reference .dstat:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(15,35,60,.10);border-color:var(--light-blue);}
.crm2.crm-reference .dstat .ds-ic{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.crm2.crm-reference .dstat .ds-v{font-size:17px;font-weight:800;color:var(--heading);line-height:1.2;}
.crm2.crm-reference .dstat .ds-l{font-size:11px;color:var(--text-soft);font-weight:600;}
.crm2.crm-reference .dstat .ds-extra{font-size:11px;font-weight:700;color:var(--text-soft);margin-right:4px;}
.crm2.crm-reference .dstat .ds-extra.up{color:var(--turquoise-dark);}
.crm2.crm-reference .dstat .ds-extra.down{color:var(--danger);}
.crm2.crm-reference .dash-stats-wrap{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:auto auto auto;gap:12px;margin-bottom:18px;align-items:stretch;}
.crm2.crm-reference .dopp-col{grid-column:1;grid-row:1 / 4;}
.crm2.crm-reference .leads-col{grid-column:2;grid-row:1 / 4;}
.crm2.crm-reference .value-col{grid-column:3;grid-row:1 / 4;}
.crm2.crm-reference .activity-col{grid-column:4;grid-row:1 / 4;}
@media (max-width:1100px){.crm2.crm-reference .dash-stats-wrap{grid-template-columns:repeat(2,1fr);grid-template-rows:none;}
.crm2.crm-reference .dopp-col,.crm2.crm-reference .leads-col,.crm2.crm-reference .value-col,.crm2.crm-reference .activity-col{grid-column:auto;grid-row:auto;}
}
.crm2.crm-reference .dopp{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;height:100%;transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;}
.crm2.crm-reference .dopp:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(15,35,60,.10);border-color:var(--purple);}
.crm2.crm-reference .dopp-top{position:relative;background:var(--light-blue-tint);border-radius:20px;padding:9px 46px 9px 14px;display:flex;align-items:center;}
.crm2.crm-reference .dopp-title{font-size:12px;font-weight:700;color:var(--accent-text);}
.crm2.crm-reference .dopp-badge{position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;font-size:12.5px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:3px solid var(--card);}
.crm2.crm-reference .dopp-sub{font-size:12.5px;font-weight:800;color:var(--heading);display:flex;align-items:center;gap:8px;}
.crm2.crm-reference .dopp-sub:after{content:'';flex:1;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--navy),var(--border) 70%);}
.crm2.crm-reference .dopp-pills{display:flex;flex-direction:column;gap:7px;flex:1;justify-content:flex-start;}
.crm2.crm-reference .dopp-pill{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-radius:20px;font-size:12px;font-weight:600;color:var(--accent-text);transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;}
.crm2.crm-reference .dopp-pill:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 4px 12px rgba(15,35,60,.12);filter:brightness(1.03);}
.crm2.crm-reference .dopp-pill b{font-size:13.5px;font-weight:800;}
.crm2.crm-reference .dopp-pill.bad{background:var(--danger-tint);}
.crm2.crm-reference .dopp-pill.bad b{color:var(--danger);}
.crm2.crm-reference .dopp-badge.dlink,.crm2.crm-reference .dopp-badge.dlink:hover{border-bottom:none;color:#fff;}
.crm2.crm-reference .dopp-rates{display:flex;flex-direction:column;gap:6px;padding-top:9px;margin-top:1px;border-top:1px dashed var(--border);}
.crm2.crm-reference .dopp-rate{display:flex;align-items:center;justify-content:space-between;font-size:11.5px;font-weight:600;color:var(--text-soft);cursor:help;}
.crm2.crm-reference .dopp-rate b{font-size:12.5px;font-weight:800;color:var(--heading);}
.crm2.crm-reference .dopp-col .dopp-top{background:var(--pale-blue);}
.crm2.crm-reference .dopp-col .dopp-badge{background:var(--navy);}
.crm2.crm-reference .dopp-col .dopp-sub:after{background:linear-gradient(90deg,var(--navy),var(--border) 70%);}
.crm2.crm-reference .dopp-col .dopp-pill{background:var(--pale-blue);}
.crm2.crm-reference .dopp-col .dopp-pill b{color:var(--navy);}
.crm2.crm-reference .leads-col .dopp-top{background:var(--purple-tint);}
.crm2.crm-reference .leads-col .dopp-badge{background:var(--purple);}
.crm2.crm-reference .leads-col .dopp-sub:after{background:linear-gradient(90deg,var(--purple),var(--border) 70%);}
.crm2.crm-reference .leads-col .dopp-pill{background:var(--purple-tint);}
.crm2.crm-reference .leads-col .dopp-pill b{color:var(--purple-dark);}
.crm2.crm-reference .value-col .dopp-top{background:var(--turquoise-tint);}
.crm2.crm-reference .value-col .dopp-sub:after{background:linear-gradient(90deg,var(--turquoise-dark),var(--border) 70%);}
.crm2.crm-reference .value-col .dopp-pill{background:var(--turquoise-tint);}
.crm2.crm-reference .value-col .dopp-pill b{color:var(--turquoise-dark);}
.crm2.crm-reference .activity-col .dopp-top{background:var(--light-blue-tint);}
.crm2.crm-reference .activity-col .dopp-sub:after{background:linear-gradient(90deg,var(--light-blue-dark),var(--border) 70%);}
.crm2.crm-reference .activity-col .dopp-pill{background:var(--light-blue-tint);}
.crm2.crm-reference .activity-col .dopp-pill b{color:var(--light-blue-dark);}
.crm2.crm-reference .dopp-col .dopp-pill.bad,.crm2.crm-reference .leads-col .dopp-pill.bad,.crm2.crm-reference .value-col .dopp-pill.bad,.crm2.crm-reference .activity-col .dopp-pill.bad{background:var(--danger-tint);}
.crm2.crm-reference .dopp-col .dopp-pill.bad b,.crm2.crm-reference .leads-col .dopp-pill.bad b,.crm2.crm-reference .value-col .dopp-pill.bad b,.crm2.crm-reference .activity-col .dopp-pill.bad b{color:var(--danger);}
.crm2.crm-reference .cc-grid{display:grid;grid-template-columns:230px 1fr;gap:16px;}
@media (max-width:640px){.crm2.crm-reference .cc-grid{grid-template-columns:1fr;}
}
.crm2.crm-reference .dialpad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;}
.crm2.crm-reference .dialpad button{padding:12px 0;border-radius:10px;border:1px solid var(--border);background:var(--card);font-family:inherit;font-size:15px;font-weight:700;color:var(--heading);}
.crm2.crm-reference .dialpad button:hover{background:var(--navy-tint);}
.crm2.crm-reference .cc-number{width:100%;text-align:center;border:1px solid var(--border);border-radius:10px;padding:11px;font-family:inherit;font-size:16px;font-weight:700;letter-spacing:1px;margin-bottom:10px;outline:none;color:var(--heading);}
.crm2.crm-reference .cc-call{width:100%;margin-top:9px;padding:11px;border-radius:10px;border:none;background:var(--success);color:#fff;font-family:inherit;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px;}
.crm2.crm-reference .cc-call:hover{background:#178A4C;}
.crm2.crm-reference .cc-log{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;max-height:300px;overflow-y:auto;}
.crm2.crm-reference .cc-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--border);}
.crm2.crm-reference .cc-item:last-child{border-bottom:none;}
.crm2.crm-reference .cc-item .cci{width:27px;height:27px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.crm2.crm-reference .cc-item .cc-n{font-size:12.2px;font-weight:700;}
.crm2.crm-reference .cc-item .cc-s{font-size:10.8px;color:var(--text-soft);}
.crm2.crm-reference .cc-item .cc-btn{margin-inline-start:auto;border:1px solid var(--border);background:var(--card);border-radius:8px;padding:5px 10px;font-family:inherit;font-size:11px;font-weight:700;color:var(--success);}
.crm2.crm-reference .chip-row{display:flex;flex-wrap:wrap;gap:7px;}
.crm2.crm-reference .chip-opt{border:1px solid var(--border);background:var(--card);border-radius:9px;padding:8px 13px;font-family:inherit;font-size:12.2px;font-weight:700;color:var(--text-soft);}
.crm2.crm-reference .chip-opt.selected{border-color:var(--accent-text);background:var(--navy-tint);color:var(--accent-text);}
.crm2.crm-reference .hint{font-size:11px;color:var(--text-faint);margin-top:6px;}
.crm2.crm-reference .switch-row{display:flex;align-items:center;gap:9px;font-size:12.4px;font-weight:600;color:var(--text);}
.crm2.crm-reference .mf-group{display:flex;flex-direction:column;gap:8px;}
.crm2.crm-reference .mf-row{display:flex;align-items:center;gap:8px;}
.crm2.crm-reference .mf-row .form-input{flex:1;min-width:0;}
.crm2.crm-reference .mf-remove{flex:0 0 auto;width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text-faint);display:flex;align-items:center;justify-content:center;cursor:pointer;}
.crm2.crm-reference .mf-remove:hover{color:var(--danger);border-color:var(--danger);background:var(--danger-tint);}
.crm2.crm-reference .mf-remove .icon{width:14px;height:14px;}
.crm2.crm-reference .mf-add{display:inline-flex;align-items:center;gap:5px;background:none;border:none;padding:0;margin-top:2px;font-family:inherit;font-size:11.8px;font-weight:700;color:var(--turquoise-dark);cursor:pointer;align-self:flex-start;}
.crm2.crm-reference .mf-add:hover{color:var(--accent-text);}
.crm2.crm-reference .mf-add .icon{width:14px;height:14px;}
.crm2.crm-reference .form-info-row{display:flex;align-items:center;gap:8px;}
.crm2.crm-reference .form-info-ic{width:17px;height:17px;border-radius:50%;border:1.4px solid var(--text-faint);color:var(--text-faint);display:inline-flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:800;flex-shrink:0;cursor:help;}
.crm2.crm-reference .switch-row input{accent-color:var(--accent-text);width:16px;height:16px;}
.crm2.crm-reference .page-panel[hidden]{display:none;}
.crm2.crm-reference .step-badge{font-size:10px;font-weight:800;padding:2px 8px;border-radius:20px;background:var(--purple-tint);color:var(--purple-dark);}
.crm2.crm-reference .dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:stretch;}
@media (max-width:1100px){.crm2.crm-reference .dash-grid{grid-template-columns:1fr;}
}
.crm2.crm-reference #dashTopGrid{grid-template-columns:1fr 1fr;align-items:stretch;}
.crm2.crm-reference .dash-grid > .panel{display:flex;flex-direction:column;min-width:0;}
.crm2.crm-reference #dashTrend{flex:1;display:flex;flex-direction:column;justify-content:center;}
.crm2.crm-reference #dashConversion{flex:1;display:flex;flex-direction:column;justify-content:center;}
.crm2.crm-reference .dash-grid-3{grid-template-columns:repeat(3,1fr);}
.crm2.crm-reference .dash-grid-3 #attnList,.crm2.crm-reference .dash-grid-3 #dashFeed{max-height:440px;overflow-y:auto;}
@media (max-width:1280px){.crm2.crm-reference .dash-grid-3{grid-template-columns:1fr 1fr;}
.crm2.crm-reference .dash-grid-3 > .panel:last-child{grid-column:1 / -1;}
}
@media (max-width:1100px){.crm2.crm-reference .dash-grid-3{grid-template-columns:1fr;}
}
.crm2.crm-reference #dashTopGrid > .panel{display:flex;flex-direction:column;}
.crm2.crm-reference #dashTopGrid > .panel > #dashFunnel,.crm2.crm-reference #dashTopGrid > .panel > #dashSources{flex:1;}
.crm2.crm-reference #dashTopGrid > .panel > #dashFunnelDonut,.crm2.crm-reference #dashTopGrid > .panel > #dashFunnelColumn{flex:1;display:flex;flex-direction:column;justify-content:center;}
.crm2.crm-reference .won-trend-legend{display:flex;align-items:center;gap:14px;font-size:11.5px;color:var(--text-soft);font-weight:600;flex-shrink:0;flex-wrap:wrap;justify-content:center;}
.crm2.crm-reference .won-trend-legend span{display:flex;align-items:center;gap:5px;}
.crm2.crm-reference .won-trend-legend i{width:13px;height:3px;border-radius:2px;display:inline-block;}
.crm2.crm-reference .won-trend-legend i.wt-leg-dash{width:14px;height:0;background:none;border-radius:0;border-top-width:2px;border-top-style:dashed;}
.crm2.crm-reference .won-trend-chart .wt-cmp-line{stroke-dasharray:6 4;opacity:.55;}
.crm2.crm-reference .won-trend-chart{width:100%;height:auto;display:block;overflow:visible;}
.crm2.crm-reference .won-trend-chart .wt-grid{stroke:var(--border);stroke-width:1;}
.crm2.crm-reference .won-trend-chart .wt-axis-l{font-size:10.6px;fill:var(--text-faint);font-weight:600;}
.crm2.crm-reference .won-trend-chart .wt-axis-r{font-size:10.6px;fill:var(--text-faint);font-weight:600;}
.crm2.crm-reference .won-trend-chart .wt-x-label{font-size:11px;fill:var(--text-soft);font-weight:600;}
.crm2.crm-reference .won-trend-chart .wt-dot{transition:r .12s ease;}
.crm2.crm-reference .won-trend-chart .wt-dot:hover{r:5.5;}
.crm2.crm-reference .fcol-wrap{position:relative;}
.crm2.crm-reference .fcol-svg{display:block;width:100%;height:auto;overflow:visible;}
.crm2.crm-reference .fcol-grid{stroke:var(--border);stroke-width:1;stroke-dasharray:3 4;}
.crm2.crm-reference .fcol-axis{stroke:var(--border);stroke-width:1.2;}
.crm2.crm-reference .fcol-tick,.crm2.crm-reference .fcol-xl,.crm2.crm-reference .fcol-yt{fill:var(--text-soft);font-size:11px;font-weight:600;}
.crm2.crm-reference .fcol-xl{fill:var(--text);font-weight:700;font-size:11.5px;text-anchor:middle;}
.crm2.crm-reference .fcol-tick{text-anchor:end;dominant-baseline:central;}
.crm2.crm-reference .fcol-yt{text-anchor:middle;font-size:10.5px;}
.crm2.crm-reference .fcol-bar{cursor:pointer;transform-box:fill-box;transform-origin:50% 100%;transition:transform .18s ease, filter .18s ease, opacity .18s ease;}
.crm2.crm-reference .fcol-bar.hl{transform:scale(1.06,1.03);filter:drop-shadow(0 6px 10px rgba(15,35,60,.30));}
.crm2.crm-reference .fcol-bar.dim,.crm2.crm-reference .fcol-val.dim,.crm2.crm-reference .fcol-xl.dim{opacity:.4;}
.crm2.crm-reference .fcol-val{fill:var(--heading);font-size:12.5px;font-weight:800;text-anchor:middle;pointer-events:none;transition:opacity .18s ease;}
.crm2.crm-reference .fcol-xl{transition:opacity .18s ease;}
.crm2.crm-reference .fcol-chip{cursor:default;}
.crm2.crm-reference .fcol-chip path{fill:#5F6E7E;transition:fill .15s ease;}
.crm2.crm-reference .fcol-chip:hover path{fill:#43505E;}
.crm2.crm-reference .fcol-chip text{fill:#fff;font-size:10.8px;font-weight:800;text-anchor:middle;dominant-baseline:central;pointer-events:none;}
.crm2.crm-reference .fcol-note{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:8px;font-size:10.8px;font-weight:600;color:var(--text-soft);}
.crm2.crm-reference .fcol-lg{display:inline-flex;align-items:center;gap:6px;}
.crm2.crm-reference .fcol-lg i{width:10px;height:10px;border-radius:50%;display:inline-block;}
.crm2.crm-reference .queue-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--border);}
.crm2.crm-reference .queue-pager[hidden]{display:none;}
.crm2.crm-reference .queue-pager .qp-info{font-size:11.5px;font-weight:600;color:var(--text-soft);}
.crm2.crm-reference .queue-pager .qp-info b{color:var(--text);font-weight:800;}
.crm2.crm-reference .queue-pager .qp-btns{display:flex;align-items:center;gap:5px;}
.crm2.crm-reference .queue-pager .qp-btn{min-width:30px;height:30px;padding:0 8px;border:1px solid var(--border);background:var(--card);color:var(--text-soft);border-radius:8px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease,border-color .15s ease;}
.crm2.crm-reference .queue-pager .qp-btn:hover:not(:disabled):not(.active){background:var(--navy-tint);color:var(--text);}
.crm2.crm-reference .queue-pager .qp-btn.active{background:var(--navy);border-color:var(--navy);color:#fff;cursor:default;}
.crm2.crm-reference .queue-pager .qp-btn:disabled{opacity:.4;cursor:not-allowed;}
.crm2.crm-reference .queue-pager .qp-btn svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
.crm2.crm-reference .queue-pager .qp-gap{min-width:18px;text-align:center;color:var(--text-faint);font-weight:700;}
.crm2.crm-reference #teamPerf{flex:1;display:flex;flex-direction:column;justify-content:center;}
.crm2.crm-reference .tpc-hit{fill:transparent;transition:fill .15s ease;cursor:default;}
.crm2.crm-reference .tpc-hit.on{fill:var(--light-blue-tint);}
.crm2.crm-reference .tpc-grid{stroke:var(--border);stroke-width:1;stroke-dasharray:3 4;}
.crm2.crm-reference .tpc-axis{stroke:var(--border);stroke-width:1.4;}
.crm2.crm-reference .tpc-tick{fill:var(--text-soft);font-size:11px;font-weight:600;text-anchor:middle;}
.crm2.crm-reference .tpc-axt{fill:var(--text-soft);font-size:11.5px;font-weight:700;text-anchor:middle;}
.crm2.crm-reference .tpc-nm{fill:var(--text);font-size:12.5px;font-weight:700;text-anchor:start;dominant-baseline:central;}
.crm2.crm-reference .tpc-av{fill:var(--navy);}
.crm2.crm-reference .tpc-avt{fill:#fff;font-size:9.5px;font-weight:800;text-anchor:middle;dominant-baseline:central;}
.crm2.crm-reference .tpc-tot{fill:var(--navy);font-size:12.5px;font-weight:800;text-anchor:start;dominant-baseline:central;}
.crm2.crm-reference .tpc-sn{font-size:11px;font-weight:800;text-anchor:middle;dominant-baseline:central;fill:var(--navy-dark);pointer-events:none;}
.crm2.crm-reference .tpc-sn.lost{fill:#fff;}
.crm2.crm-reference .tpc-lt{font-weight:800;color:var(--text);}
.crm2.crm-reference .tpc-legend b{font-weight:800;color:var(--text);}
html[data-theme="dark"] .crm2.crm-reference .tpc-tot{fill:var(--text);}
.crm2.crm-reference .tpc-seg{stroke:var(--card);stroke-width:1.5;transition:opacity .15s ease, filter .15s ease;cursor:pointer;}
.crm2.crm-reference .tpc-seg:hover{filter:brightness(.93);}
.crm2.crm-reference .tpc-sn,.crm2.crm-reference .tpc-tot{transition:opacity .15s ease;}
.crm2.crm-reference .tpc-seg.dim,.crm2.crm-reference .tpc-sn.dim,.crm2.crm-reference .tpc-tot.dim{opacity:.22;}
.crm2.crm-reference .tpc-row{transition:opacity .15s ease;}
.crm2.crm-reference .tpc-row.dim{opacity:.35;}
.crm2.crm-reference .tpc-won{fill:var(--turquoise);background:var(--turquoise);}
.crm2.crm-reference .tpc-lost{fill:var(--purple);background:var(--purple);}
.crm2.crm-reference .tpc-open{fill:var(--light-blue);background:var(--light-blue);}
.crm2.crm-reference .tpc-legend{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:6px;font-size:11px;font-weight:600;color:var(--text-soft);}
.crm2.crm-reference .tpc-legend span{display:inline-flex;align-items:center;gap:6px;}
.crm2.crm-reference .tpc-legend i{width:11px;height:11px;border-radius:50%;display:inline-block;}
.crm2.crm-reference .fcol-note svg path{fill:#5F6E7E;}
@media (max-width:1100px){.crm2.crm-reference #dashTopGrid{grid-template-columns:1fr;}
}
.crm2.crm-reference .dfun-row{display:flex;align-items:center;gap:11px;margin-bottom:11px;}
.crm2.crm-reference .dfun-label{flex:0 0 108px;font-size:11.8px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:6px;}
.crm2.crm-reference .dfun-label .dfl-num{width:19px;height:19px;border-radius:50%;color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.crm2.crm-reference .dfun-track{flex:1;height:28px;background:#EEF1F5;border-radius:8px;overflow:hidden;}
.crm2.crm-reference .dfun-fill{height:100%;border-radius:8px;display:flex;align-items:center;padding:0 10px;color:#fff;font-size:11.2px;font-weight:700;white-space:nowrap;min-width:64px;}
.crm2.crm-reference .dfun-drop{flex:0 0 66px;text-align:left;font-size:10.8px;font-weight:700;color:var(--text-faint);}
.crm2.crm-reference .dfun-drop.bad{color:var(--danger);}
.crm2.crm-reference #dashFunnel{flex:1;display:flex;flex-direction:column;justify-content:center;}
.crm2.crm-reference .ffun-wrap{position:relative;display:flex;align-items:stretch;justify-content:center;gap:14px;}
.crm2.crm-reference .ffun-side{display:flex;flex-direction:column;flex:0 0 auto;}
.crm2.crm-reference .ffun-lbl-col{flex:1 1 150px;min-width:130px;}
.crm2.crm-reference .ffun-drp-col{flex:0 0 84px;}
.crm2.crm-reference .ffun-item{height:52px;display:flex;align-items:center;gap:8px;border-radius:10px;padding:0 6px;margin:0 -6px;cursor:pointer;transition:background .15s ease, opacity .15s ease;}
.crm2.crm-reference .ffun-item.hl{background:var(--navy-tint);}
.crm2.crm-reference .ffun-item.dim{opacity:.45;}
.crm2.crm-reference .ffun-num{width:20px;height:20px;border-radius:50%;color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.crm2.crm-reference .ffun-nm{font-size:11.8px;font-weight:800;color:var(--text);line-height:1.5;}
.crm2.crm-reference .ffun-sub{font-size:10.2px;font-weight:600;color:var(--text-soft);line-height:1.5;}
.crm2.crm-reference .ffun-badge{display:inline-flex;align-items:center;gap:4px;font-size:10.6px;font-weight:800;padding:3px 9px;border-radius:20px;background:var(--navy-tint);color:var(--text-soft);white-space:nowrap;}
.crm2.crm-reference .ffun-badge svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;}
.crm2.crm-reference .ffun-badge.bad{background:var(--danger-tint);color:var(--danger);}
.crm2.crm-reference .ffun-badge.in{background:var(--success-tint);color:var(--success);}
.crm2.crm-reference .ffun-svg{flex:0 0 auto;display:block;overflow:visible;}
.crm2.crm-reference .ffun-seg{stroke:var(--card);stroke-width:3;stroke-linejoin:round;cursor:pointer;transform-box:fill-box;transform-origin:center;transition:transform .18s ease, filter .18s ease, opacity .18s ease;}
.crm2.crm-reference .ffun-seg.hl{transform:scale(1.045);filter:drop-shadow(0 6px 10px rgba(15,35,60,.32));}
.crm2.crm-reference .ffun-seg.dim{opacity:.4;}
.crm2.crm-reference .ffun-shine{pointer-events:none;stroke:none;transform-box:fill-box;transform-origin:center;transition:transform .18s ease, opacity .18s ease;}
.crm2.crm-reference .ffun-shine.hl{transform:scale(1.045);}
.crm2.crm-reference .ffun-shine.dim{opacity:.4;}
.crm2.crm-reference .ffun-val{fill:#fff;font-size:13px;font-weight:800;pointer-events:none;text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:rgba(0,0,0,.18);stroke-width:2px;transition:opacity .18s ease;}
.crm2.crm-reference .ffun-val.dim{opacity:.4;}
.crm2.crm-reference .ffun-tip{position:absolute;z-index:5;pointer-events:none;background:#0E2236;color:#fff;border-radius:10px;padding:8px 11px;font-size:11px;font-weight:600;line-height:1.75;box-shadow:0 8px 22px rgba(15,35,60,.28);opacity:0;transform:translateY(4px);transition:opacity .12s ease, transform .12s ease;white-space:nowrap;}
.crm2.crm-reference .ffun-tip.on{opacity:1;transform:none;}
.crm2.crm-reference .ffun-tip b{font-weight:800;}
.crm2.crm-reference .ffun-tip .tp-h{display:flex;align-items:center;gap:6px;font-weight:800;font-size:11.8px;margin-bottom:2px;}
.crm2.crm-reference .ffun-tip .tp-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
@media (max-width:520px){.crm2.crm-reference .ffun-lbl-col{flex-basis:110px;min-width:100px;}
.crm2.crm-reference .ffun-drp-col{flex-basis:72px;}
}
.crm2.crm-reference .view-toggle{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:9px;padding:2px;gap:2px;}
.crm2.crm-reference .view-toggle .vt-btn{border:none;background:none;padding:5px 12px;font-size:11px;font-weight:700;color:var(--text-soft);border-radius:7px;cursor:pointer;}
.crm2.crm-reference .view-toggle .vt-btn.active{background:var(--card);color:var(--accent-text);box-shadow:var(--shadow);}
.crm2.crm-reference .view-toggle.dr-overridden{opacity:.5;}
.crm2.crm-reference .dfun-donut-wrap{display:flex;align-items:center;gap:28px;flex-wrap:wrap;}
.crm2.crm-reference .dfun-donut-legend{flex:1;min-width:180px;display:flex;flex-direction:column;gap:9px;}
.crm2.crm-reference .dfun-donut-legend .dl-row{display:flex;align-items:center;gap:8px;font-size:11.8px;font-weight:700;color:var(--text);}
.crm2.crm-reference .dfun-donut-legend .dl-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;}
.crm2.crm-reference .dfun-donut-legend .dl-name{flex:1;}
.crm2.crm-reference .dfun-donut-legend .dl-val{color:var(--text-soft);font-weight:600;font-size:11px;}
.crm2.crm-reference .dfun-donut-seg{cursor:pointer;transition:stroke-width .15s ease, filter .15s ease, opacity .15s ease;}
.crm2.crm-reference .dfun-donut-seg.dim{opacity:.4;}
.crm2.crm-reference .dfun-donut-seg:hover,.crm2.crm-reference .dfun-donut-seg.pin{stroke-width:34px;filter:drop-shadow(0 3px 8px rgba(15,35,60,.35));}
.crm2.crm-reference .dfun-donut-legend .dl-row{cursor:pointer;border-radius:8px;padding:4px 6px;margin:0 -6px;transition:background .15s ease;}
.crm2.crm-reference .dfun-donut-legend .dl-row.hl,.crm2.crm-reference .dfun-donut-legend .dl-row:hover{background:var(--navy-tint);}
.crm2.crm-reference .src-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;}
.crm2.crm-reference .src-name{flex:0 0 104px;font-size:11.8px;font-weight:700;color:var(--text);}
.crm2.crm-reference .src-track{flex:1;height:8px;background:#EEF1F5;border-radius:8px;overflow:hidden;}
.crm2.crm-reference .src-track i{display:block;height:100%;border-radius:8px;background:var(--turquoise-dark);}
.crm2.crm-reference .src-val{flex:0 0 96px;text-align:left;font-size:11px;font-weight:700;color:var(--text-soft);}
.crm2.crm-reference .tm-wrap{position:relative;width:100%;}
.crm2.crm-reference .tm-cell{position:absolute;box-sizing:border-box;border:2px solid var(--card);border-radius:3px;padding:9px 12px;overflow:hidden;cursor:default;transition:filter .15s,opacity .15s,transform .15s,box-shadow .15s;}
.crm2.crm-reference .tm-cell.tm-hover{filter:brightness(1.09);transform:scale(1.015);z-index:2;box-shadow:0 6px 16px rgba(15,30,50,.22);}
.crm2.crm-reference .tm-cell.tm-dim{opacity:.32;}
.crm2.crm-reference .tm-cell.tm-active{z-index:3;box-shadow:0 0 0 2px var(--purple),0 6px 16px rgba(15,30,50,.25);}
.crm2.crm-reference .tm-name{display:block;font-size:12.2px;font-weight:800;line-height:1.35;overflow:hidden;white-space:normal;word-break:break-word;}
.crm2.crm-reference .tm-val{display:block;font-size:10.6px;font-weight:700;opacity:.82;margin-top:4px;white-space:normal;overflow:hidden;}
.crm2.crm-reference .tm-cell.tm-sm .tm-val{display:none;}
.crm2.crm-reference .tm-cell.tm-xs .tm-name{font-size:10.5px;}
.crm2.crm-reference .tm-tooltip{position:fixed;display:none;background:var(--heading);color:#fff;padding:9px 12px;border-radius:9px;font-size:11.3px;line-height:1.9;box-shadow:0 8px 22px rgba(0,0,0,.28);z-index:9999;pointer-events:none;max-width:220px;}
.crm2.crm-reference .tm-tooltip b{display:block;font-size:12px;font-weight:800;margin-bottom:2px;}
.crm2.crm-reference .tm-tooltip span{display:block;opacity:.9;}
.crm2.crm-reference .loss-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;cursor:pointer;padding:4px;margin:0 -4px 10px;border-radius:8px;}
.crm2.crm-reference .loss-row:hover{background:var(--danger-tint);}
.crm2.crm-reference .loss-name{flex:0 0 118px;font-size:11.8px;font-weight:700;color:var(--text);}
.crm2.crm-reference .loss-track{flex:1;height:8px;background:#EEF1F5;border-radius:8px;overflow:hidden;}
.crm2.crm-reference .loss-track i{display:block;height:100%;border-radius:8px;background:var(--danger);}
.crm2.crm-reference .loss-val{flex:0 0 108px;text-align:left;font-size:11px;font-weight:700;color:var(--text-soft);}
.crm2.crm-reference .trend{display:flex;align-items:flex-end;gap:10px;height:150px;}
.crm2.crm-reference .trend-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end;}
.crm2.crm-reference .trend-bars{width:100%;display:flex;gap:3px;align-items:flex-end;justify-content:center;flex:1;}
.crm2.crm-reference .trend-bars i{width:12px;border-radius:5px 5px 0 0;display:block;min-height:3px;}
.crm2.crm-reference .trend-bars i.done{background:var(--success);}
.crm2.crm-reference .trend-bars i.open{background:var(--light-blue-dark);}
.crm2.crm-reference .trend-day{font-size:10.4px;color:var(--text-faint);font-weight:700;white-space:nowrap;}
.crm2.crm-reference .trend-legend{display:flex;gap:14px;justify-content:center;margin-top:12px;font-size:11px;font-weight:700;color:var(--text-soft);}
.crm2.crm-reference .trend-legend span{display:flex;align-items:center;gap:5px;}
.crm2.crm-reference .trend-legend i{width:9px;height:9px;border-radius:3px;display:block;}
.crm2.crm-reference .as-chart{display:flex;flex-direction:column;gap:16px;}
.crm2.crm-reference .as-body{display:flex;align-items:stretch;gap:8px;padding:24px 4px 28px;}
.crm2.crm-reference .as-ylab{writing-mode:vertical-rl;font-size:11px;font-weight:700;color:var(--text-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.2px;}
.crm2.crm-reference .as-ticks{position:relative;width:26px;flex-shrink:0;}
.crm2.crm-reference .as-ticks span{position:absolute;inset-inline-end:2px;transform:translateY(50%);font-size:10.4px;font-weight:700;color:var(--text-faint);}
.crm2.crm-reference .as-plot{position:relative;flex:1;height:208px;min-width:0;}
.crm2.crm-reference .as-plot .as-grid{position:absolute;inset-inline:0;height:1px;background:var(--border);display:block;}
.crm2.crm-reference .as-plot .as-grid.as-zero{background:var(--text-faint);opacity:.45;}
.crm2.crm-reference .as-cols{position:absolute;inset:0;display:flex;align-items:flex-end;gap:14px;}
.crm2.crm-reference .as-col{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;min-width:0;}
.crm2.crm-reference .as-bar{position:relative;width:100%;max-width:190px;}
.crm2.crm-reference .as-stack{height:100%;width:100%;display:flex;flex-direction:column-reverse;border-radius:7px 7px 0 0;overflow:hidden;}
.crm2.crm-reference .as-stack i{display:block;width:100%;min-height:3px;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(23,52,84,.07);transition:opacity .16s ease;}
.crm2.crm-reference .as-chart:not(.as-focused) .as-bar:hover .as-stack i{opacity:.82;}
.crm2.crm-reference .as-chart:not(.as-focused) .as-bar .as-stack i:hover{opacity:1;}
.crm2.crm-reference .as-chart.as-focused .as-stack i{opacity:.15;}
.crm2.crm-reference .as-chart.as-focused .as-stack i.on{opacity:1;}
.crm2.crm-reference .as-chart.as-focused .as-legend span{opacity:.38;}
.crm2.crm-reference .as-chart.as-focused .as-legend span.on{opacity:1;}
html[data-theme="dark"] .crm2.crm-reference .as-stack i{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);}
.crm2.crm-reference .as-tot{position:absolute;bottom:100%;inset-inline-start:0;width:100%;margin-bottom:7px;text-align:center;font-size:12.4px;font-weight:800;color:var(--heading);}
.crm2.crm-reference .as-cap{position:absolute;top:100%;margin-top:9px;font-size:11.6px;font-weight:700;color:var(--text-soft);white-space:nowrap;}
.crm2.crm-reference .as-legend{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;font-size:11px;font-weight:700;color:var(--text-soft);}
.crm2.crm-reference .as-legend span{display:flex;align-items:center;gap:6px;cursor:pointer;transition:opacity .16s ease;}
.crm2.crm-reference .as-legend i{width:9px;height:9px;border-radius:50%;display:block;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(23,52,84,.1);}
.crm2.crm-reference .as-hint{text-align:center;font-size:10.5px;color:var(--text-faint);font-weight:600;margin-top:-6px;}
.crm2.crm-reference .cv-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;height:100%;justify-content:center;}
.crm2.crm-reference .cv-gauge{width:100%;max-width:330px;cursor:pointer;}
.crm2.crm-reference .cv-gauge svg{display:block;width:100%;height:auto;overflow:visible;}
.crm2.crm-reference .cv-track{fill:none;stroke:var(--pale-blue);stroke-linecap:round;}
html[data-theme="dark"] .crm2.crm-reference .cv-track{stroke:var(--navy-tint);}
.crm2.crm-reference .cv-fill{fill:none;stroke-linecap:round;transition:stroke-dasharray .7s cubic-bezier(.3,.9,.3,1),filter .25s ease,stroke-width .25s ease;}
.crm2.crm-reference .cv-gauge:hover .cv-fill{filter:brightness(1.16) drop-shadow(0 0 9px rgba(151,89,231,.5));}
.crm2.crm-reference .cv-needle{fill:var(--navy);transition:transform .7s cubic-bezier(.3,.9,.3,1);}
html[data-theme="dark"] .crm2.crm-reference .cv-needle{fill:var(--light-blue);}
.crm2.crm-reference .cv-hub-ring{fill:var(--card);}
.crm2.crm-reference .cv-end{font-size:12px;font-weight:700;fill:var(--text-faint);}
.crm2.crm-reference .cv-val{font-size:30px;font-weight:800;fill:var(--heading);transition:fill .25s ease;}
.crm2.crm-reference .cv-gauge:hover .cv-val{fill:var(--accent-text);}
.crm2.crm-reference .cv-unit{font-size:15px;font-weight:700;fill:var(--text-soft);}
.crm2.crm-reference .cv-legend{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;width:100%;}
.crm2.crm-reference .cv-chip{display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:10px;background:var(--bg);border:1px solid var(--border);text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background .15s ease;}
html[data-theme="dark"] .crm2.crm-reference .cv-chip{background:var(--navy-tint);}
.crm2.crm-reference .cv-chip:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(15,35,60,.14);border-color:var(--accent-text);}
.crm2.crm-reference .cv-chip:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px;}
.crm2.crm-reference .cv-chip.dlink,.crm2.crm-reference .cv-chip.dlink:hover{border-bottom:none;}
.crm2.crm-reference .cv-chip i{width:9px;height:9px;border-radius:50%;display:block;flex-shrink:0;}
.crm2.crm-reference .cv-chip b{font-size:13px;font-weight:800;color:var(--heading);}
.crm2.crm-reference .cv-chip span{font-size:11px;font-weight:700;color:var(--text-soft);}
.crm2.crm-reference .cv-note{font-size:11px;font-weight:700;color:var(--text-faint);text-align:center;}
@media (max-width:640px){.crm2.crm-reference .as-plot{height:176px;}
.crm2.crm-reference .as-cols{gap:10px;}
.crm2.crm-reference .as-bar{max-width:130px;}
}
.crm2.crm-reference .at-filters{display:flex;flex-direction:column;gap:9px;padding:14px 16px;border-bottom:1px solid var(--border);}
.crm2.crm-reference .at-frow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;}
.crm2.crm-reference .at-flabel{font-size:11.2px;font-weight:700;color:var(--text-soft);flex:none;}
.crm2.crm-reference .at-chk{position:relative;display:inline-flex;align-items:center;gap:6px;font-size:11.6px;font-weight:600;color:var(--text);cursor:pointer;user-select:none;}
.crm2.crm-reference .at-chk input{position:absolute;opacity:0;width:0;height:0;pointer-events:none;}
.crm2.crm-reference .at-box{position:relative;width:14px;height:14px;flex:none;border-radius:4px;border:1.5px solid var(--text-faint);background:var(--card);transition:background .15s ease,border-color .15s ease;}
.crm2.crm-reference .at-box::after{content:"";position:absolute;left:50%;top:45%;width:7px;height:4px;border-left:1.6px solid #fff;border-bottom:1.6px solid #fff;transform:translate(-50%,-50%) rotate(-45deg);opacity:0;transition:opacity .12s ease;}
.crm2.crm-reference .at-chk:hover .at-box{border-color:var(--c);}
.crm2.crm-reference .at-chk input:checked + .at-box{background:var(--c);border-color:var(--c);}
.crm2.crm-reference .at-chk input:checked + .at-box::after{opacity:1;}
.crm2.crm-reference .at-fclear{margin-inline-start:auto;font-size:10.8px;font-weight:700;color:var(--danger);background:none;border:0;cursor:pointer;padding:2px 4px;}
.crm2.crm-reference .at-fclear:hover{text-decoration:underline;}
.crm2.crm-reference .at-chart{display:flex;flex-direction:column;gap:12px;padding:16px;}
.crm2.crm-reference .at-body{display:flex;align-items:stretch;gap:8px;}
.crm2.crm-reference .at-ylab{writing-mode:vertical-rl;font-size:11px;font-weight:700;color:var(--text-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.2px;}
.crm2.crm-reference .at-ticks{position:relative;width:22px;flex-shrink:0;}
.crm2.crm-reference .at-ticks span{position:absolute;inset-inline-end:2px;transform:translateY(50%);font-size:10.4px;font-weight:700;color:var(--text-faint);}
.crm2.crm-reference .at-plot{position:relative;flex:1;height:220px;min-width:0;}
.crm2.crm-reference .at-plot .at-grid{position:absolute;inset-inline:0;height:1px;background:var(--border);display:block;}
.crm2.crm-reference .at-plot .at-grid.at-zero{background:var(--text-faint);opacity:.45;}
.crm2.crm-reference .at-plot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;}
.crm2.crm-reference .at-line{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:opacity .16s ease;}
.crm2.crm-reference .at-area{opacity:.08;transition:opacity .16s ease;}
.crm2.crm-reference .at-dot{stroke:var(--card);stroke-width:1.6;transition:opacity .16s ease;}
.crm2.crm-reference .at-chart:not(.at-focused) .at-series:hover .at-line{opacity:1;stroke-width:3.2;}
.crm2.crm-reference .at-chart.at-focused .at-series{opacity:.15;}
.crm2.crm-reference .at-chart.at-focused .at-series.on{opacity:1;}
.crm2.crm-reference .at-xaxis{display:flex;justify-content:space-between;gap:2px;margin-inline-start:30px;}
.crm2.crm-reference .at-xaxis span{font-size:9.6px;font-weight:600;color:var(--text-faint);white-space:nowrap;}
.crm2.crm-reference .at-legend{display:flex;flex-wrap:wrap;gap:8px 16px;justify-content:center;font-size:11px;font-weight:700;color:var(--text-soft);}
.crm2.crm-reference .at-legend span{display:flex;align-items:center;gap:6px;cursor:pointer;transition:opacity .16s ease;}
.crm2.crm-reference .at-legend i{width:16px;height:3px;border-radius:2px;display:block;flex-shrink:0;}
.crm2.crm-reference .at-chart.at-focused .at-legend span{opacity:.38;}
.crm2.crm-reference .at-chart.at-focused .at-legend span.on{opacity:1;}
.crm2.crm-reference .at-hint{text-align:center;font-size:10.5px;color:var(--text-faint);font-weight:600;}
@media (max-width:900px){.crm2.crm-reference .at-plot{height:180px;}
.crm2.crm-reference .at-xaxis span:nth-child(odd){opacity:0;}
}
.crm2.crm-reference .feed{display:flex;gap:10px;padding:11px 16px;border-bottom:1px solid var(--border);}
.crm2.crm-reference .feed:last-child{border-bottom:none;}
.crm2.crm-reference .feed .fd-dot{width:9px;height:9px;border-radius:50%;margin-top:5px;flex-shrink:0;}
.crm2.crm-reference .feed .fd-t{font-size:12.2px;font-weight:700;color:var(--text);margin-bottom:3px;}
.crm2.crm-reference .feed .fd-s{font-size:10.9px;color:var(--text-soft);}
.crm2.crm-reference .tperf-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);}
.crm2.crm-reference .tperf-row:last-child{border-bottom:none;}
.crm2.crm-reference .pc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px;}
.crm2.crm-reference .pc-toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.crm2.crm-reference .pc-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;}
@media (max-width:980px){.crm2.crm-reference .pc-kpis{grid-template-columns:repeat(2,1fr);}
}
.crm2.crm-reference .pc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:14px;}
.crm2.crm-reference .pc-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:15px;box-shadow:var(--shadow);cursor:pointer;transition:transform .15s ease, box-shadow .15s ease;}
.crm2.crm-reference .pc-card:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(15,35,60,.1);border-color:var(--light-blue-dark);}
.crm2.crm-reference .pc-card-head{display:flex;align-items:center;gap:11px;margin-bottom:11px;}
.crm2.crm-reference .pc-av{width:42px;height:42px;border-radius:12px;background:var(--navy);color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.crm2.crm-reference .pc-av.co{border-radius:10px;background:var(--purple-dark);}
.crm2.crm-reference .pc-card-head b{display:block;font-size:13.4px;color:var(--heading);margin-bottom:2px;}
.crm2.crm-reference .pc-card-head span{display:block;font-size:11.3px;color:var(--text-soft);}
.crm2.crm-reference .pc-card-meta{display:flex;flex-direction:column;gap:6px;font-size:11.6px;color:var(--text-soft);margin-bottom:11px;}
.crm2.crm-reference .pc-card-meta div{display:flex;align-items:center;gap:6px;}
.crm2.crm-reference .pc-card-meta .icon{width:13px;height:13px;color:var(--text-faint);flex-shrink:0;}
.crm2.crm-reference .pc-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:11px;border-top:1px solid var(--border);flex-wrap:wrap;}
.crm2.crm-reference .pc-badges{display:flex;flex-wrap:wrap;gap:5px;}
.crm2.crm-reference .pc-badge{display:inline-flex;align-items:center;gap:4px;font-size:10.3px;font-weight:800;padding:2px 8px;border-radius:20px;}
.crm2.crm-reference .pc-empty{grid-column:1/-1;}
.crm2.crm-reference .pc-tag{font-size:10.6px;font-weight:800;padding:1px 8px;border-radius:20px;background:var(--navy-tint);color:var(--accent-text);}
.crm2.crm-reference .pc-list-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);overflow:hidden;}
.crm2.crm-reference .pc-list-wrap table.deals-table td{cursor:pointer;}
.crm2.crm-reference .pc-org-link{color:var(--accent-text);font-weight:700;cursor:pointer;}
.crm2.crm-reference .pc-org-link:hover{text-decoration:underline;}
.crm2.crm-reference .page-nav-row{position:relative;width:fit-content;margin-bottom:18px;}
.crm2.crm-reference .page-nav-row .page-nav{margin-bottom:0;}
.crm2.crm-reference .wrap{overflow-x:clip;}
.crm2.crm-reference .page-nav-row{position:sticky;top:72px;z-index:55;}
.crm2.crm-reference .page-nav-row::before{content:"";position:absolute;top:-10px;bottom:-8px;left:-1000px;right:-1000px;background:var(--bg);z-index:-1;pointer-events:none;}
@media (max-width:700px){.crm2.crm-reference .page-nav-row{position:relative;top:auto;}
.crm2.crm-reference .page-nav-row::before{display:none;}
}
.crm2.crm-reference .pn-sep{width:1px;height:22px;background:var(--border);margin:0 2px;}
.crm2.crm-reference .pn-caret{width:13px;height:13px;transition:transform .18s;}
.crm2.crm-reference .page-nav button.has-menu.menu-open .pn-caret{transform:rotate(180deg);}
.crm2.crm-reference .pn-menu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:286px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 18px 44px rgba(15,35,60,.18);padding:6px;z-index:60;display:none;}
.crm2.crm-reference .pn-menu.open{display:block;animation:crmref-fadeIn .13s ease;}
.crm2.crm-reference .pn-menu .pnm-title{font-size:10.6px;font-weight:800;color:var(--text-faint);padding:7px 10px 6px;}
.crm2.crm-reference .pn-menu button{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border:none;background:none;border-radius:10px;text-align:start;}
.crm2.crm-reference .pn-menu button:hover{background:var(--navy-tint);}
.crm2.crm-reference .pn-menu button.active{background:var(--light-blue-tint);}
.crm2.crm-reference .pnm-ic{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;}
.crm2.crm-reference .pnm-ic .icon{width:15px;height:15px;stroke:#fff;}
.crm2.crm-reference .pnm-tx b{display:block;font-size:12.5px;font-weight:700;color:var(--text);}
.crm2.crm-reference .pnm-tx span{display:block;font-size:10.6px;color:var(--text-faint);}
.crm2.crm-reference .pnm-n{margin-inline-start:auto;font-size:10.4px;font-weight:800;background:var(--navy-tint);color:var(--accent-text);border-radius:20px;padding:1px 7px;}
.crm2.crm-reference .lead-subnav{display:flex;gap:6px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:5px;margin-bottom:16px;width:fit-content;box-shadow:var(--shadow);flex-wrap:wrap;}
.crm2.crm-reference .lead-subnav button{padding:8px 14px;border-radius:9px;border:none;background:none;font-family:inherit;font-size:12.5px;font-weight:700;color:var(--text-soft);display:flex;align-items:center;gap:7px;}
.crm2.crm-reference .lead-subnav button.active{background:var(--navy);color:#fff;}
.crm2.crm-reference .lead-subnav button.active .icon{stroke:#fff;}
.crm2.crm-reference .lead-subnav .ls-n{font-size:10.3px;font-weight:800;background:var(--navy-tint);color:var(--accent-text);border-radius:20px;padding:1px 6px;}
.crm2.crm-reference .lead-subnav button.active .ls-n{background:rgba(255,255,255,.2);color:#fff;}
.crm2.crm-reference .lead-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px;}
@media (max-width:1200px){.crm2.crm-reference .lead-kpis{grid-template-columns:repeat(2,1fr);}
}
.crm2.crm-reference .lkpi{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:13px 15px;box-shadow:var(--shadow);position:relative;overflow:hidden;}
.crm2.crm-reference .lkpi:before{content:'';position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:var(--navy-2);}
.crm2.crm-reference .lkpi.amber:before{background:var(--amber);}
.crm2.crm-reference .lkpi.danger:before{background:var(--danger);}
.crm2.crm-reference .lkpi.green:before{background:var(--success);}
.crm2.crm-reference .lkpi.purple:before{background:var(--purple);}
.crm2.crm-reference .lkpi .lk-l{font-size:11.2px;color:var(--text-soft);font-weight:600;margin-bottom:7px;display:flex;align-items:center;gap:6px;}
.crm2.crm-reference .lkpi .lk-v{font-size:18px;font-weight:800;color:var(--heading);}
.crm2.crm-reference .lkpi .lk-s{font-size:10.6px;color:var(--text-faint);margin-top:4px;}
.crm2.crm-reference .lead-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;}
.crm2.crm-reference .lead-chips{display:flex;gap:6px;flex-wrap:wrap;}
.crm2.crm-reference .lead-chips button{padding:7px 13px;border-radius:20px;border:1px solid var(--border);background:var(--card);font-family:inherit;font-size:12px;font-weight:700;color:var(--text-soft);}
.crm2.crm-reference .lead-chips button.active{background:var(--navy);border-color:var(--accent-text);color:#fff;}
.crm2.crm-reference .st-pill{font-size:10.6px;font-weight:700;padding:3px 9px;border-radius:20px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;}
.crm2.crm-reference .st-pill i{width:7px;height:7px;border-radius:50%;display:inline-block;}
.crm2.crm-reference .rate-pill{font-size:10.4px;font-weight:800;padding:2px 8px;border-radius:20px;}
.crm2.crm-reference .rate-hot{background:var(--danger-tint);color:var(--danger);}
.crm2.crm-reference .rate-warm{background:var(--amber-tint);color:var(--amber);}
.crm2.crm-reference .rate-cold{background:var(--light-blue-tint);color:var(--light-blue-dark);}
.crm2.crm-reference .score-wrap{display:flex;align-items:center;gap:7px;min-width:96px;}
.crm2.crm-reference .score-track{flex:1;height:6px;border-radius:6px;background:#EEF1F5;overflow:hidden;}
.crm2.crm-reference .score-track i{display:block;height:100%;border-radius:6px;}
.crm2.crm-reference .score-num{font-size:11px;font-weight:800;color:var(--accent-text);}
.crm2.crm-reference .lead-name b{font-size:12.7px;font-weight:700;color:var(--text);display:block;}
.crm2.crm-reference .lead-name span{font-size:10.8px;color:var(--text-faint);}
.crm2.crm-reference .row-acts{display:flex;gap:5px;}
.crm2.crm-reference .ra-btn{width:27px;height:27px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text-soft);display:inline-flex;align-items:center;justify-content:center;}
.crm2.crm-reference .ra-btn:hover{background:var(--navy-tint);color:var(--accent-text);}
.crm2.crm-reference .ra-btn.green:hover{background:var(--success-tint);color:var(--success);}
.crm2.crm-reference .ra-btn.red:hover{background:var(--danger-tint);color:var(--danger);}
.crm2.crm-reference .lead-pager{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border-top:1px solid var(--border);font-size:12px;color:var(--text-soft);font-weight:600;flex-wrap:wrap;}
.crm2.crm-reference .lead-pager .lp-btns{display:flex;gap:5px;}
.crm2.crm-reference .lead-pager .lp-btns button{min-width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--card);font-family:inherit;font-size:12px;font-weight:700;color:var(--text-soft);padding:0 8px;}
.crm2.crm-reference .lead-pager .lp-btns button.active{background:var(--navy);color:#fff;border-color:var(--accent-text);}
.crm2.crm-reference .lead-pager .lp-btns button:disabled{opacity:.45;}
.crm2.crm-reference .empty-box{padding:36px 16px;text-align:center;color:var(--text-faint);font-size:12.4px;}
.crm2.crm-reference .empty-box b{display:block;color:var(--text-soft);font-size:13px;margin-bottom:5px;}
.crm2.crm-reference .lk-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 12px;box-shadow:0 1px 2px rgba(15,35,60,.05);cursor:grab;}
.crm2.crm-reference .lk-card.dragging{opacity:.4;}
.crm2.crm-reference .lk-card .lkc-top{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;margin-bottom:5px;}
.crm2.crm-reference .lk-card .lkc-name{font-size:12.7px;font-weight:700;}
.crm2.crm-reference .lk-card .lkc-co{font-size:11px;color:var(--text-soft);margin-bottom:8px;}
.crm2.crm-reference .lk-card .lkc-amt{font-size:12.8px;font-weight:800;color:var(--accent-text);margin-bottom:8px;}
.crm2.crm-reference .lk-card .lkc-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;}
.crm2.crm-reference .lk-card .lkc-age{font-size:10.5px;font-weight:700;color:var(--text-faint);display:flex;align-items:center;gap:4px;}
.crm2.crm-reference .lk-card .lkc-age.warn{color:var(--danger);}
.crm2.crm-reference .lk-card .lkc-age .icon{width:12px;height:12px;}
.crm2.crm-reference .rep-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
@media (max-width:1000px){.crm2.crm-reference .rep-grid{grid-template-columns:1fr;}
}
.crm2.crm-reference .rep-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);}
.crm2.crm-reference .rep-row:last-child{border-bottom:none;}
.crm2.crm-reference .rep-lbl{flex:0 0 118px;font-size:12px;font-weight:700;color:var(--text);display:flex;align-items:center;gap:6px;}
.crm2.crm-reference .rep-track{flex:1;height:22px;border-radius:7px;background:#EEF1F5;overflow:hidden;}
.crm2.crm-reference .rep-track i{display:block;height:100%;border-radius:7px;display:flex;align-items:center;padding:0 8px;color:#fff;font-size:10.6px;font-weight:800;white-space:nowrap;}
.crm2.crm-reference .rep-val{flex:0 0 96px;text-align:left;font-size:11.3px;font-weight:700;color:var(--text-soft);}
.crm2.crm-reference .imp-steps{display:flex;align-items:center;gap:8px;margin-bottom:18px;flex-wrap:wrap;}
.crm2.crm-reference .imp-step{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:11px;border:1px solid var(--border);background:var(--card);font-size:12.3px;font-weight:700;color:var(--text-faint);}
.crm2.crm-reference .imp-step b{width:22px;height:22px;border-radius:50%;background:var(--navy-tint);color:var(--accent-text);display:flex;align-items:center;justify-content:center;font-size:11px;}
.crm2.crm-reference .imp-step.active{border-color:var(--accent-text);color:var(--accent-text);background:var(--light-blue-tint);}
.crm2.crm-reference .imp-step.done{color:var(--success);border-color:rgba(30,158,90,.3);background:var(--success-tint);}
.crm2.crm-reference .imp-step.active b{background:var(--navy);color:#fff;}
.crm2.crm-reference .imp-step.done b{background:var(--success);color:#fff;}
.crm2.crm-reference .imp-arrow{color:var(--text-faint);font-size:12px;}
.crm2.crm-reference .imp-drop{border:2px dashed #CBD6E2;border-radius:var(--radius-md);background:#FAFCFE;padding:26px 18px;text-align:center;}
.crm2.crm-reference .imp-drop.over{border-color:var(--accent-text);background:var(--light-blue-tint);}
.crm2.crm-reference .imp-drop .idz-ic{width:44px;height:44px;border-radius:12px;background:var(--navy-tint);color:var(--accent-text);display:flex;align-items:center;justify-content:center;margin:0 auto 10px;}
.crm2.crm-reference .imp-drop .idz-ic .icon{width:21px;height:21px;}
.crm2.crm-reference .imp-drop b{display:block;font-size:13px;color:var(--heading);margin-bottom:4px;}
.crm2.crm-reference .imp-drop span{font-size:11.6px;color:var(--text-faint);}
.crm2.crm-reference .imp-file{display:flex;align-items:center;gap:10px;background:var(--success-tint);border:1px solid rgba(30,158,90,.25);border-radius:11px;padding:11px 14px;font-size:12.3px;font-weight:700;color:var(--success);}
.crm2.crm-reference .imp-file .icon{color:var(--success);}
.crm2.crm-reference .imp-file button{margin-inline-start:auto;border:none;background:none;color:var(--danger);font-family:inherit;font-size:11.6px;font-weight:700;}
.crm2.crm-reference .map-table{width:100%;border-collapse:collapse;font-size:12.3px;}
.crm2.crm-reference .map-table th{text-align:right;padding:10px 12px;background:var(--bg);color:var(--text-soft);font-size:11.4px;font-weight:700;border-bottom:1px solid var(--border);}
.crm2.crm-reference .map-table td{padding:9px 12px;border-bottom:1px solid var(--border);vertical-align:middle;}
.crm2.crm-reference .map-sample{font-size:11px;color:var(--text-faint);}
.crm2.crm-reference .imp-sum{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
@media (max-width:900px){.crm2.crm-reference .imp-sum{grid-template-columns:repeat(2,1fr);}
}
.crm2.crm-reference .imp-sum div{background:var(--bg);border:1px solid var(--border);border-radius:11px;padding:12px 14px;}
.crm2.crm-reference .imp-sum span{display:block;font-size:11px;color:var(--text-soft);font-weight:600;margin-bottom:5px;}
.crm2.crm-reference .imp-sum b{font-size:16px;font-weight:800;color:var(--heading);}
.crm2.crm-reference .imp-log{max-height:190px;overflow:auto;border:1px solid var(--border);border-radius:11px;}
.crm2.crm-reference .imp-log div{padding:8px 12px;border-bottom:1px solid var(--border);font-size:11.8px;}
.crm2.crm-reference .imp-log div:last-child{border-bottom:none;}
.crm2.crm-reference .imp-log .bad{color:var(--danger);background:var(--danger-tint);}
.crm2.crm-reference .create-grid{display:grid;grid-template-columns:1fr 330px;gap:18px;align-items:start;}
@media (max-width:1100px){.crm2.crm-reference .create-grid{grid-template-columns:1fr;}
}
.crm2.crm-reference .fs-block{padding:16px 18px;border-bottom:1px solid var(--border);}
.crm2.crm-reference .fs-block:last-child{border-bottom:none;}
.crm2.crm-reference .fs-title{font-size:12.6px;font-weight:800;color:var(--heading);margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.crm2.crm-reference .fs-title .icon{color:var(--accent-text);}
.crm2.crm-reference .form-hint{font-size:10.7px;color:var(--text-faint);margin-top:5px;}
.crm2.crm-reference .form-input.err,.crm2.crm-reference .form-select.err{border-color:var(--danger);background:#FFF9F9;}
.crm2.crm-reference .err-msg{font-size:10.7px;color:var(--danger);font-weight:700;margin-top:5px;display:none;}
.crm2.crm-reference .err-msg.show{display:block;}
.crm2.crm-reference .dupe-warn{display:none;align-items:center;gap:9px;background:var(--amber-tint);border:1px solid rgba(217,138,22,.28);border-radius:11px;padding:11px 13px;font-size:12px;font-weight:700;color:var(--amber);margin-bottom:14px;}
.crm2.crm-reference .dupe-warn.show{display:flex;}
.crm2.crm-reference .prev-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:15px 16px;box-shadow:var(--shadow);}
.crm2.crm-reference .prev-card .pc-av{width:42px;height:42px;border-radius:12px;background:var(--navy);color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;}
.crm2.crm-reference .prev-line{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px dashed var(--border);font-size:11.8px;}
.crm2.crm-reference .prev-line:last-child{border-bottom:none;}
.crm2.crm-reference .prev-line span{color:var(--text-soft);font-weight:600;}
.crm2.crm-reference .prev-line b{font-weight:700;color:var(--text);}
.crm2.crm-reference .tips-list{font-size:11.6px;color:var(--text-soft);line-height:2;padding-inline-start:16px;margin:0;}
.crm2.crm-reference .ld-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.crm2.crm-reference .ld-av{width:46px;height:46px;border-radius:13px;background:var(--navy);color:#fff;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;}
.crm2.crm-reference .ld-meta{display:grid;grid-template-columns:1fr 1fr;gap:9px 14px;background:var(--bg);border:1px solid var(--border);border-radius:11px;padding:13px 15px;margin-bottom:15px;}
.crm2.crm-reference .ld-meta div{font-size:11.9px;}
.crm2.crm-reference .ld-meta span{color:var(--text-soft);font-weight:600;}
.crm2.crm-reference .ld-meta b{font-weight:700;}
.crm2.crm-reference .ld-time{border-inline-start:2px solid var(--border);padding-inline-start:14px;margin-inline-start:6px;}
.crm2.crm-reference .ld-time .lt-item{position:relative;padding-bottom:13px;}
.crm2.crm-reference .ld-time .lt-item:before{content:'';position:absolute;inset-inline-start:-21px;top:4px;width:9px;height:9px;border-radius:50%;background:var(--navy-2);border:2px solid #fff;}
.crm2.crm-reference .ld-time .lt-t{font-size:12.2px;font-weight:700;}
.crm2.crm-reference .ld-time .lt-s{font-size:10.7px;color:var(--text-faint);}
.crm2.crm-reference .nc-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:18px;align-items:start;}
@media (max-width:1100px){.crm2.crm-reference .nc-layout{grid-template-columns:1fr;}
}
.crm2.crm-reference .nc-main{display:flex;flex-direction:column;gap:18px;min-width:0;}
.crm2.crm-reference .nc-side{position:sticky;top:76px;display:flex;flex-direction:column;gap:14px;}
@media (max-width:1100px){.crm2.crm-reference .nc-side{position:static;}
}
.crm2.crm-reference .nc-card-h{padding:15px 18px;border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.crm2.crm-reference .nc-card-h h3{margin:0 0 3px;font-size:13.8px;color:var(--heading);display:flex;align-items:center;gap:8px;}
.crm2.crm-reference .nc-card-h h3 .icon{color:var(--accent-text);}
.crm2.crm-reference .nc-card-h p{margin:0;font-size:11.6px;color:var(--text-soft);max-width:640px;}
.crm2.crm-reference .nc-card-b{padding:18px;}
.crm2.crm-reference .nc-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:20px;background:var(--navy-tint);color:var(--accent-text);font-size:11px;font-weight:800;white-space:nowrap;}
.crm2.crm-reference .nc-pill.custom{background:var(--purple-tint);color:var(--purple-dark);}
.crm2.crm-reference .nc-tpls{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:16px;}
.crm2.crm-reference .nc-tpl{border:1px solid var(--border);background:var(--card);border-radius:12px;padding:10px 12px;text-align:start;display:flex;flex-direction:column;gap:2px;transition:.15s;}
.crm2.crm-reference .nc-tpl b{font-size:12.4px;color:var(--text);}
.crm2.crm-reference .nc-tpl span{font-size:10.8px;color:var(--text-faint);}
.crm2.crm-reference .nc-tpl:hover{border-color:var(--accent-text);}
.crm2.crm-reference .nc-tpl.active{border-color:var(--accent-text);background:var(--light-blue-tint);box-shadow:0 0 0 1px var(--navy-2) inset;}
.crm2.crm-reference .nc-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px;}
.crm2.crm-reference .nc-tools .lbl{font-size:11.4px;font-weight:700;color:var(--text-soft);margin-inline-end:2px;}
.crm2.crm-reference .nc-tools .btn-ghost{padding:6px 11px;font-size:11.6px;}
.crm2.crm-reference .nc-scroll{overflow-x:auto;}
.crm2.crm-reference .nc-table{min-width:640px;}
.crm2.crm-reference .nc-row{display:grid;grid-template-columns:26px 34px minmax(150px,1fr) 110px 96px;gap:10px;align-items:center;padding:7px 0;}
.crm2.crm-reference .nc-row.nc-th{font-size:10.8px;font-weight:800;color:var(--text-faint);padding:0 0 6px;border-bottom:1px solid var(--border);margin-bottom:6px;}
.crm2.crm-reference .nc-row.nc-fixed{background:var(--bg);border-radius:10px;padding:8px 10px;margin:0 -10px;margin-top:6px;}
.crm2.crm-reference .nc-idx{width:24px;height:24px;border-radius:50%;background:var(--navy-tint);color:var(--accent-text);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;}
.crm2.crm-reference .nc-swatch{position:relative;width:34px;height:34px;border-radius:10px;border:2px solid #fff;box-shadow:0 0 0 1px var(--border);overflow:hidden;cursor:pointer;display:block;}
.crm2.crm-reference .nc-swatch input{position:absolute;inset:-6px;width:60px;height:60px;opacity:0;cursor:pointer;}
.crm2.crm-reference .nc-swatch.static{cursor:default;}
.crm2.crm-reference .nc-row .form-input{padding:8px 11px;}
.crm2.crm-reference .nc-num{position:relative;}
.crm2.crm-reference .nc-num .form-input{padding-inline-end:26px;text-align:center;}
.crm2.crm-reference .nc-num i{position:absolute;inset-inline-end:10px;top:50%;transform:translateY(-50%);font-style:normal;font-size:11.5px;color:var(--text-faint);pointer-events:none;}
.crm2.crm-reference .nc-acts{display:flex;gap:5px;justify-content:flex-end;}
.crm2.crm-reference .nc-ib{width:28px;height:28px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text-soft);display:flex;align-items:center;justify-content:center;padding:0;}
.crm2.crm-reference .nc-ib:hover:not(:disabled){background:var(--navy-tint);color:var(--accent-text);}
.crm2.crm-reference .nc-ib.del:hover:not(:disabled){background:var(--danger-tint);color:var(--danger);border-color:rgba(230,69,69,.35);}
.crm2.crm-reference .nc-ib:disabled{opacity:.35;cursor:not-allowed;}
.crm2.crm-reference .nc-fixed-name{font-size:12.6px;font-weight:800;display:flex;align-items:center;gap:8px;}
.crm2.crm-reference .nc-lock{font-size:10px;font-weight:800;color:var(--text-soft);background:var(--card);border:1px solid var(--border);border-radius:20px;padding:1px 8px;}
.crm2.crm-reference .nc-fixed-val{text-align:center;font-size:12.4px;font-weight:700;color:var(--text-soft);}
.crm2.crm-reference .nc-fixed-name small{font-size:10.8px;font-weight:600;color:var(--text-faint);}
.crm2.crm-reference .nc-row.nc-th span:nth-child(4){text-align:center;}
.crm2.crm-reference .nc-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px dashed var(--border);}
.crm2.crm-reference .nc-issues{display:none;background:var(--danger-tint);border:1px solid rgba(230,69,69,.28);color:var(--danger);border-radius:11px;padding:11px 14px;margin-top:14px;font-size:11.9px;font-weight:700;}
.crm2.crm-reference .nc-issues.show{display:block;}
.crm2.crm-reference .nc-issues ul{margin:6px 0 0;padding-inline-start:18px;line-height:1.9;}
.crm2.crm-reference .nc-hint{font-size:11.2px;color:var(--text-soft);line-height:1.9;margin-top:12px;}
.crm2.crm-reference .nc-hint b{color:var(--text);}
.crm2.crm-reference .form-input.err{border-color:var(--danger);background:#FFF9F9;}
.crm2.crm-reference .nc-fv{display:flex;flex-direction:column;gap:9px;}
.crm2.crm-reference .nc-fv-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11.6px;margin-bottom:3px;}
.crm2.crm-reference .nc-fv-top b{font-weight:700;color:var(--text);}
.crm2.crm-reference .nc-fv-top span{color:var(--text-faint);font-weight:700;font-size:10.8px;}
.crm2.crm-reference .nc-fv-track{height:14px;background:#EEF1F5;border-radius:20px;overflow:hidden;}
.crm2.crm-reference .nc-fv-bar{height:100%;border-radius:20px;transition:width .25s;min-width:6px;}
.crm2.crm-reference .nc-fv-end{display:flex;gap:8px;margin-top:6px;}
.crm2.crm-reference .nc-fv-end span{flex:1;text-align:center;padding:7px 6px;border-radius:9px;font-size:11.6px;font-weight:800;}
.crm2.crm-reference .nc-fv-end .w{background:var(--success-tint);color:var(--success);}
.crm2.crm-reference .nc-fv-end .l{background:var(--danger-tint);color:var(--danger);}
.crm2.crm-reference .nc-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.crm2.crm-reference .nc-stat{background:var(--bg);border:1px solid var(--border);border-radius:11px;padding:10px 12px;}
.crm2.crm-reference .nc-stat b{display:block;font-size:17px;color:var(--heading);}
.crm2.crm-reference .nc-stat span{font-size:10.8px;color:var(--text-soft);font-weight:600;}
.crm2.crm-reference .nc-cols{display:flex;gap:6px;flex-wrap:wrap;}
.crm2.crm-reference .nc-col-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;background:#EEF1F5;font-size:11px;font-weight:700;color:var(--text);}
.crm2.crm-reference .nc-col-chip i{width:8px;height:8px;border-radius:50%;display:inline-block;}
.crm2.crm-reference .nc-co-head{display:flex;align-items:center;gap:12px;}
.crm2.crm-reference .nc-co-av{width:44px;height:44px;border-radius:12px;background:var(--navy);color:#fff;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.crm2.crm-reference .nc-co-head b{display:block;font-size:13.5px;color:var(--heading);}
.crm2.crm-reference .nc-co-head span{font-size:11.4px;color:var(--text-soft);}
.crm2.crm-reference .nc-users{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;}
@media (max-width:820px){.crm2.crm-reference .nc-users{grid-template-columns:repeat(3,1fr);}
}
@media (max-width:520px){.crm2.crm-reference .nc-users{grid-template-columns:repeat(2,1fr);}
}
.crm2.crm-reference .nc-usr{border:1px solid var(--border);background:var(--card);color:var(--text-soft);border-radius:12px;padding:16px 10px;font-family:inherit;font-size:14px;font-weight:800;text-align:center;transition:.15s;cursor:pointer;}
.crm2.crm-reference .nc-usr:hover{border-color:var(--accent-text);color:var(--text);}
.crm2.crm-reference .nc-usr.active{border-color:var(--accent-text);background:var(--light-blue-tint);color:var(--accent-text);box-shadow:0 0 0 1px var(--accent-text) inset;}
.crm2.crm-reference .nc-usr small{display:block;margin-top:3px;font-size:10.4px;font-weight:600;color:var(--text-faint);}
.crm2.crm-reference .nc-meta-chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px;}
.crm2.crm-reference .overlay.inv-fs{padding:0;align-items:stretch;justify-content:stretch;background:var(--card);}
.crm2.crm-reference .overlay.inv-fs .modal.inv-page{max-width:none;width:100%;max-height:none;height:100%;border-radius:0;box-shadow:none;}
.crm2.crm-reference .inv-topbar{display:flex;align-items:center;gap:22px;padding:13px 26px;background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap;}
.crm2.crm-reference .inv-topbar h3{margin:0;font-size:17px;color:var(--heading);}
.crm2.crm-reference .inv-help{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:0;font-family:inherit;font-size:11.8px;font-weight:600;color:#0a6cdc;cursor:pointer;}
.crm2.crm-reference .inv-help i{width:14px;height:14px;border-radius:50%;background:#0a6cdc;color:#fff;font-style:normal;font-size:9px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;}
.crm2.crm-reference .inv-topbar .inv-x{margin-inline-start:auto;border:none;background:none;}
.crm2.crm-reference .inv-scroll{flex:1;overflow-y:auto;}
.crm2.crm-reference .inv-body{padding:22px 26px 34px;}
.crm2.crm-reference .inv-top-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px 30px;}
.crm2.crm-reference .inv-f{display:flex;flex-direction:column;min-width:0;}
.crm2.crm-reference .inv-f .rq{color:var(--danger);}
.crm2.crm-reference .inv-f.f-type{grid-column:1;grid-row:1;}
.crm2.crm-reference .inv-f.f-no{grid-column:5;grid-row:1;}
.crm2.crm-reference .inv-f.f-name{grid-column:1;grid-row:2;}
.crm2.crm-reference .inv-f.f-reg{grid-column:2;grid-row:2;}
.crm2.crm-reference .inv-f.f-nid{grid-column:3;grid-row:2;}
.crm2.crm-reference .inv-f.f-eco{grid-column:4;grid-row:2;}
.crm2.crm-reference .inv-f.f-date{grid-column:5;grid-row:2;}
.crm2.crm-reference .inv-f.f-post{grid-column:1;grid-row:3;}
.crm2.crm-reference .inv-f.f-tel{grid-column:2;grid-row:3;}
.crm2.crm-reference .inv-f.f-fax{grid-column:3;grid-row:3;}
.crm2.crm-reference .inv-f.f-adr{grid-column:4;grid-row:3;}
@media (max-width:1100px){.crm2.crm-reference .inv-top-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.crm2.crm-reference .inv-top-grid > .inv-f{grid-column:auto !important;grid-row:auto !important;}
}
@media (max-width:560px){.crm2.crm-reference .inv-top-grid{grid-template-columns:1fr;}
}
.crm2.crm-reference .inv-ic{position:relative;}
.crm2.crm-reference .inv-ic .form-input{padding-inline-end:40px;}
.crm2.crm-reference .inv-ic-btn{position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);border:none;background:none;color:var(--text-soft);width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;}
.crm2.crm-reference .inv-ic-btn:hover{color:var(--accent-text);}
.crm2.crm-reference #invDateTxt{cursor:pointer;}
.crm2.crm-reference .inv-seller{margin-top:22px;}
.crm2.crm-reference .inv-obtn{padding:9px 16px;border:1px solid var(--text);background:var(--card);color:var(--text);border-radius:6px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;}
.crm2.crm-reference .inv-obtn:hover{background:var(--bg);}
.crm2.crm-reference .inv-tbl-wrap{margin-top:26px;overflow-x:hidden;container-type:inline-size;}
.crm2.crm-reference .inv-tbl{min-width:0;border:1px solid var(--border);}
.crm2.crm-reference .inv-tr{display:grid;grid-template-columns:var(--inv-cols,32px 48px minmax(150px,1.5fr) minmax(110px,1.1fr) minmax(120px,.9fr) minmax(110px,1fr) minmax(190px,1.4fr) 90px minmax(120px,1fr) 40px);align-items:stretch;border-bottom:1px solid var(--border);}
.crm2.crm-reference .inv-tr:last-child{border-bottom:none;}
.crm2.crm-reference .inv-tr > *{border-inline-start:1px solid var(--border);min-width:0;}
.crm2.crm-reference .inv-tr > *:first-child{border-inline-start:none;}
.crm2.crm-reference .inv-th{background:var(--navy-tint);font-size:12px;font-weight:800;color:var(--text);}
.crm2.crm-reference .inv-th > span{display:flex;align-items:center;justify-content:center;min-height:46px;}
.crm2.crm-reference .inv-tr input{border:none;background:transparent;padding:11px 9px;font-family:inherit;font-size:12.5px;color:var(--text);width:100%;outline:none;text-align:center;}
.crm2.crm-reference .inv-tr input:focus{background:var(--light-blue-tint);}
.crm2.crm-reference .inv-idx,.crm2.crm-reference .inv-final,.crm2.crm-reference .inv-c{display:flex;align-items:center;justify-content:center;font-size:12.5px;}
.crm2.crm-reference .inv-final{font-weight:700;color:var(--heading);}
.crm2.crm-reference .inv-tax{position:relative;}
.crm2.crm-reference .inv-tax input{padding-inline-end:24px;}
.crm2.crm-reference .inv-tax i{position:absolute;inset-inline-end:9px;top:50%;transform:translateY(-50%);font-style:normal;font-size:11.5px;color:var(--text-faint);pointer-events:none;}
.crm2.crm-reference .inv-ib{width:28px;height:28px;border-radius:7px;border:1px solid transparent;background:none;color:var(--text-soft);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;}
.crm2.crm-reference .inv-ib:hover{background:var(--navy-tint);color:var(--accent-text);}
.crm2.crm-reference .inv-ib.del{color:var(--danger);}
.crm2.crm-reference .inv-ib.del:hover{background:var(--danger-tint);color:var(--danger);}
.crm2.crm-reference .inv-empty{padding:18px;text-align:center;font-size:12px;color:var(--text-faint);}
.crm2.crm-reference .inv-grip{display:flex;align-items:center;justify-content:center;width:26px;height:30px;color:var(--text-faint);cursor:grab;border-radius:6px;}
.crm2.crm-reference .inv-grip:hover{background:var(--navy-tint);color:var(--text-soft);}
.crm2.crm-reference .inv-tr.dragging{opacity:.45;}
.crm2.crm-reference .inv-tr.drag-over{box-shadow:0 2px 0 0 var(--accent-text) inset;background:var(--light-blue-tint);}
.crm2.crm-reference .inv-ttl{position:relative;display:flex;align-items:center;}
.crm2.crm-reference .inv-tr .inv-ttl input{border:1px solid var(--border);border-radius:6px;margin:6px;padding:8px 34px 8px 10px;text-align:start;}
.crm2.crm-reference .inv-tr .inv-ttl input:focus{border-color:var(--accent-text);}
.crm2.crm-reference .inv-si{position:absolute;inset-inline-end:17px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--text-soft);pointer-events:none;}
.crm2.crm-reference .inv-qty{display:flex;align-items:center;}
.crm2.crm-reference .inv-qty input{text-align:center;}
.crm2.crm-reference .inv-tr .inv-qty .inv-unit{width:56px;flex:none;color:var(--text-soft);font-size:11.8px;padding-inline:4px;}
.crm2.crm-reference .inv-disc{display:flex;align-items:center;gap:6px;padding:0 10px;}
.crm2.crm-reference .inv-disc select{border:none;border-bottom:1px solid var(--border);background:transparent;font-family:inherit;font-size:12px;color:var(--text);padding:6px 2px;outline:none;width:64px;flex:none;cursor:pointer;}
.crm2.crm-reference .inv-tr .inv-disc input{border:none;border-bottom:1px solid var(--border);padding:8px 4px;min-width:0;}
.crm2.crm-reference .inv-du{font-size:11.5px;color:var(--text-soft);min-width:26px;text-align:center;}
.crm2.crm-reference .inv-tr .inv-final{justify-content:flex-start;padding-inline:12px;}
.crm2.crm-reference [hidden].inv-prodpop,.crm2.crm-reference [hidden].jc{display:none !important;}
.crm2.crm-reference .pp-i small.pp-co{display:block;}
.crm2.crm-reference .inv-prodpop{position:fixed;z-index:400;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 28px rgba(15,35,60,.2);max-height:264px;overflow-y:auto;min-width:260px;}
.crm2.crm-reference .pp-i{display:flex;flex-direction:column;gap:2px;padding:9px 14px;cursor:pointer;font-size:12.6px;color:var(--text);border-bottom:1px solid var(--border);}
.crm2.crm-reference .pp-i:last-child{border-bottom:none;}
.crm2.crm-reference .pp-i small{display:flex;gap:12px;font-size:10.8px;color:var(--text-faint);}
.crm2.crm-reference .pp-i small em{font-style:normal;}
.crm2.crm-reference .pp-i.act,.crm2.crm-reference .pp-i:hover{background:var(--light-blue-tint);}
.crm2.crm-reference .pp-i.pp-add{color:var(--success);font-weight:700;}
.crm2.crm-reference .pp-empty{padding:14px;font-size:12px;color:var(--text-faint);text-align:center;}
.crm2.crm-reference .jc{position:fixed;z-index:500;width:292px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px rgba(15,35,60,.24);padding:12px;}
.crm2.crm-reference .jc-h{display:flex;align-items:center;gap:6px;margin-bottom:10px;}
.crm2.crm-reference .jc-h select{flex:1;min-width:0;border:1px solid var(--border);border-radius:7px;padding:6px;font-family:inherit;font-size:12px;background:var(--card);color:var(--text);}
.crm2.crm-reference .jc-nav{width:28px;height:28px;border:1px solid var(--border);border-radius:7px;background:var(--card);color:var(--text-soft);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;flex:none;}
.crm2.crm-reference .jc-nav:hover{background:var(--navy-tint);color:var(--accent-text);}
.crm2.crm-reference .jc-g{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center;}
.crm2.crm-reference .jc-w{font-size:10.8px;font-weight:800;color:var(--text-faint);padding:4px 0;}
.crm2.crm-reference .jc-d{border:none;background:none;border-radius:8px;padding:7px 0;font-family:inherit;font-size:12.5px;color:var(--text);cursor:pointer;}
.crm2.crm-reference .jc-d:hover{background:var(--navy-tint);}
.crm2.crm-reference .jc-d.fri{color:var(--danger);}
.crm2.crm-reference .jc-d.today{box-shadow:0 0 0 1px var(--accent-text) inset;}
.crm2.crm-reference .jc-d.sel,.crm2.crm-reference .jc-d.sel:hover{background:var(--navy);color:#fff;}
.crm2.crm-reference .jc-f{display:flex;justify-content:space-between;margin-top:8px;}
.crm2.crm-reference .jc-f button{border:none;background:none;color:var(--accent-text);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;padding:4px 6px;}
.crm2.crm-reference .inv-tbl-actions{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap;}
.crm2.crm-reference .inv-bottom{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:40px;margin-top:22px;align-items:start;}
@media (max-width:900px){.crm2.crm-reference .inv-bottom{grid-template-columns:1fr;}
}
.crm2.crm-reference .inv-notes .form-textarea{min-height:100px;}
.crm2.crm-reference .inv-totals{display:flex;flex-direction:column;}
.crm2.crm-reference .inv-l{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;font-size:12.6px;color:var(--text);}
.crm2.crm-reference .inv-l b{font-weight:600;}
.crm2.crm-reference .inv-amt{display:flex;align-items:center;gap:6px;font-size:12.2px;}
.crm2.crm-reference .inv-in{width:128px;height:36px;border:1px solid var(--border);border-radius:5px;padding:6px 9px;font-family:inherit;font-size:12.5px;background:var(--card);color:var(--text);outline:none;}
.crm2.crm-reference .inv-in:focus{border-color:var(--accent-text);}
.crm2.crm-reference .inv-xt{width:190px;text-align:start;}
.crm2.crm-reference .inv-addline{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--success);font-family:inherit;font-size:12.2px;font-weight:700;padding:8px 0;cursor:pointer;}
.crm2.crm-reference .inv-hr{border:none;border-top:1px solid var(--border);margin:8px 0;width:100%;}
.crm2.crm-reference .inv-round{align-self:flex-end;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#0a6cdc;cursor:pointer;margin-bottom:4px;}
.crm2.crm-reference .inv-l.pay b{font-weight:800;color:var(--heading);}
.crm2.crm-reference .inv-foot{padding:14px 26px;background:var(--card);box-shadow:0 -6px 16px rgba(15,35,60,.06);position:relative;z-index:1;}
.crm2.crm-reference .qb-drop{position:relative;display:inline-block;}
.crm2.crm-reference .c360-qbtn + .qb-drop{border-right:1px solid var(--border);}
.crm2.crm-reference .qb-inv .qb-chev{width:13px;height:13px;transition:transform .15s;}
.crm2.crm-reference .qb-drop.open .qb-inv{background:var(--navy-tint);border-color:var(--border);}
.crm2.crm-reference .qb-drop.open .qb-chev{transform:rotate(180deg);}
.crm2.crm-reference .qb-menu{display:none;position:absolute;top:calc(100% + 6px);inset-inline-start:0;min-width:100%;background:var(--card);border:1px solid var(--border);border-radius:9px;box-shadow:0 8px 24px rgba(15,35,60,.16);z-index:30;overflow:hidden;}
.crm2.crm-reference .qb-drop.open .qb-menu{display:block;}
.crm2.crm-reference .qb-menu button{display:block;width:100%;text-align:start;padding:11px 16px;border:none;background:none;font-family:inherit;font-size:12.4px;font-weight:800;color:var(--text);white-space:nowrap;cursor:pointer;}
.crm2.crm-reference .qb-menu button:hover{background:var(--bg);color:var(--accent-text);}
.crm2.crm-reference .sb-note{font-size:11px;color:var(--text-faint);margin-bottom:12px;}
.crm2.crm-reference .sb-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.crm2.crm-reference .sb-name{flex:0 0 88px;font-size:11.8px;font-weight:800;color:var(--text);line-height:1.5;}
.crm2.crm-reference .sb-name small{display:block;font-size:10.3px;font-weight:600;color:var(--text-faint);}
.crm2.crm-reference .sb-bar{position:relative;flex:1;height:30px;min-width:0;}
.crm2.crm-reference .sb-bar-fill{position:absolute;inset-inline-start:0;top:0;height:100%;display:flex;border-radius:9px;overflow:hidden;background:#EEF1F5;transition:width .25s;}
.crm2.crm-reference .sb-seg{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:1px;padding:0 8px;border-inline-start:2px solid #fff;overflow:hidden;cursor:pointer;transition:filter .12s;}
.crm2.crm-reference .sb-seg:first-child{border-inline-start:none;}
.crm2.crm-reference .sb-seg:hover{filter:brightness(.9);box-shadow:inset 0 0 0 2px var(--navy-dark);}
.crm2.crm-reference .sb-seg b{font-size:10.8px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.crm2.crm-reference .sb-seg span{font-size:10.2px;font-weight:600;opacity:.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.crm2.crm-reference .sb-count{position:absolute;top:50%;transform:translateY(-50%);font-size:11.3px;font-weight:800;color:var(--heading);white-space:nowrap;}
.crm2.crm-reference .sb-row-total{margin-bottom:14px;padding-bottom:12px;border-bottom:1px dashed var(--border);}
.crm2.crm-reference .sb-row-total .sb-name{color:var(--heading);}
.crm2.crm-reference .sb-row-total .sb-bar-fill{background:var(--navy-2);opacity:.92;}
.crm2.crm-reference .sb-tip{position:fixed;z-index:180;display:none;min-width:220px;background:var(--card);border:1px solid var(--border);border-radius:9px;box-shadow:0 8px 24px rgba(15,35,60,.18);padding:10px 13px;pointer-events:none;font-size:11.8px;}
.crm2.crm-reference .sb-tip .tl{display:flex;justify-content:space-between;gap:16px;padding:2.5px 0;}
.crm2.crm-reference .sb-tip .tl span{color:var(--text-faint);font-weight:600;}
.crm2.crm-reference .sb-tip .tl b{color:var(--text);font-weight:700;text-align:end;}
.crm2.crm-reference{ --dr-accent:#F08C00; --dr-tint:#FFDDB3; --dr-soft:#FFF3E2; --dr-ink:#3D2400; }
html[data-theme="dark"] .crm2.crm-reference{ --dr-accent:#F5A03C; --dr-tint:#4B3413; --dr-soft:#33260F; --dr-ink:#FFDCA8; }
.crm2.crm-reference .dr{display:inline-flex;flex:none;}
.crm2.crm-reference .dr-bar{display:flex;justify-content:flex-start;align-items:center;gap:8px;flex-wrap:wrap;margin:-6px 0 10px;}
.crm2.crm-reference .dr-row{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap;}
.crm2.crm-reference .dr-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.crm2.crm-reference .dr-menu.dr-gran{width:150px;}
.crm2.crm-reference .won-trend-chart .wt-hit{fill:transparent;}
.crm2.crm-reference .won-trend-chart.wt-off-v .wt-s-v,.crm2.crm-reference .won-trend-chart.wt-off-v .wt-axis-l{display:none;}
.crm2.crm-reference .won-trend-chart.wt-off-c .wt-s-c,.crm2.crm-reference .won-trend-chart.wt-off-c .wt-axis-r{display:none;}
.crm2.crm-reference .wt-toggles{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:12px 16px 0;}
.crm2.crm-reference .wt-chk{position:relative;display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--text);cursor:pointer;user-select:none;}
.crm2.crm-reference .wt-chk input{position:absolute;opacity:0;width:0;height:0;pointer-events:none;}
.crm2.crm-reference .wt-box{position:relative;width:18px;height:18px;flex:none;border-radius:5px;border:1.5px solid var(--text-faint);background:var(--card);transition:background .15s ease,border-color .15s ease,box-shadow .15s ease;}
.crm2.crm-reference .wt-box::after{content:"";position:absolute;left:50%;top:46%;width:9px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translate(-50%,-50%) rotate(-45deg);opacity:0;transition:opacity .12s ease;}
.crm2.crm-reference .wt-chk:hover .wt-box{border-color:var(--c);}
.crm2.crm-reference .wt-chk input:checked + .wt-box{background:var(--c);border-color:var(--c);}
.crm2.crm-reference .wt-chk input:checked + .wt-box::after{opacity:1;}
.crm2.crm-reference .wt-chk input:focus-visible + .wt-box{box-shadow:0 0 0 2px var(--dr-accent);}
.crm2.crm-reference .wt-stat-toggles{gap:14px;}
.crm2.crm-reference .wtc-card{position:relative;display:flex;flex-direction:column;gap:2px;min-width:220px;padding:10px 16px 12px;border-radius:12px;border:1.5px solid var(--c);color:var(--c);background:color-mix(in srgb, var(--c) 9%, var(--card));box-shadow:0 1px 2px rgba(15,35,60,.06);cursor:pointer;user-select:none;transition:background .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease,border-color .15s ease;}
.crm2.crm-reference .wtc-card input{position:absolute;opacity:0;width:0;height:0;pointer-events:none;}
.crm2.crm-reference .wtc-top{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;margin-bottom:4px;white-space:nowrap;}
.crm2.crm-reference .wtc-box{position:relative;width:16px;height:16px;flex:none;border-radius:4px;border:1.5px solid currentColor;background:var(--card);transition:background .15s,border-color .15s;}
.crm2.crm-reference .wtc-box::after{content:"";position:absolute;left:50%;top:45%;width:8px;height:4.5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translate(-50%,-50%) rotate(-45deg);opacity:0;transition:opacity .12s;}
.crm2.crm-reference .wtc-num{font-size:19px;font-weight:800;line-height:1.15;white-space:nowrap;}
.crm2.crm-reference .wtc-stat{display:flex;align-items:baseline;gap:6px;white-space:nowrap;}
.crm2.crm-reference .wtc-num-sm{font-size:16px;}
.crm2.crm-reference .wtc-trend{font-size:12px;font-weight:700;opacity:.65;}
.crm2.crm-reference .wtc-cap{display:block;font-size:11px;font-weight:600;opacity:.85;margin-top:1px;white-space:nowrap;}
.crm2.crm-reference .wtc-stat-cmp{margin-top:8px;padding-top:7px;border-top:1px solid color-mix(in srgb, currentColor 30%, transparent);}
.crm2.crm-reference .wtc-hidden{display:none!important;}
.crm2.crm-reference .wtc-card:hover{box-shadow:0 6px 16px rgba(15,35,60,.16);border-color:var(--c);transform:translateY(-2px);}
.crm2.crm-reference .wtc-card:active{transform:translateY(0);box-shadow:0 2px 6px rgba(15,35,60,.12);}
.crm2.crm-reference .wtc-card:has(input:checked){background:var(--c);color:#fff;border-color:var(--c);box-shadow:0 4px 12px rgba(15,35,60,.2);}
.crm2.crm-reference .wtc-card:has(input:checked):hover{box-shadow:0 8px 18px rgba(15,35,60,.26);}
.crm2.crm-reference .wtc-card:has(input:checked) .wtc-box{border-color:#fff;background:rgba(255,255,255,.001);}
.crm2.crm-reference .wtc-card:has(input:checked) .wtc-box::after{opacity:1;}
.crm2.crm-reference .wtc-card:has(input:focus-visible){box-shadow:0 0 0 2px var(--dr-accent);}
.crm2.crm-reference .wt-btn{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 11px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);font-family:inherit;font-size:12.5px;font-weight:600;white-space:nowrap;cursor:pointer;}
.crm2.crm-reference .wt-btn:hover{border-color:var(--dr-accent);}
.crm2.crm-reference .wt-btn:focus-visible,.crm2.crm-reference .wt-btn.open{outline:none;border-color:var(--dr-accent);box-shadow:0 0 0 1px var(--dr-accent);}
.crm2.crm-reference .wt-icon-btn{width:34px;padding:0;justify-content:center;flex:none;}
.crm2.crm-reference .wt-icon-btn svg,.crm2.crm-reference .wt-btn .wt-ic{width:15px;height:15px;flex:none;color:var(--heading);}
.crm2.crm-reference .wt-cmp-btn.on{background:var(--navy-tint);color:var(--accent-text);border-color:var(--navy-tint);}
.crm2.crm-reference .wt-cmp-btn.on .wt-ic{color:var(--accent-text);}
.crm2.crm-reference .wt-btn .wt-chev{width:11px;height:11px;flex:none;color:var(--text-soft);transition:transform .15s;}
.crm2.crm-reference .wt-btn.open .wt-chev{transform:rotate(180deg);}
.crm2.crm-reference .modal.wt-modal{max-width:1120px;}
.crm2.crm-reference .wt-modal .modal-head{align-items:flex-start;gap:12px;}
.crm2.crm-reference .wt-modal-sub{font-size:11.5px;color:var(--text-soft);margin-top:3px;}
.crm2.crm-reference .wt-modal-tools{display:flex;align-items:center;gap:10px;flex:none;}
.crm2.crm-reference .wt-modal .modal-body{padding:16px 22px 20px;}
.crm2.crm-reference .wt-exp{position:relative;}
.crm2.crm-reference .wt-exp-menu{position:absolute;top:calc(100% + 6px);left:0;min-width:220px;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 30px rgba(15,35,60,.18);padding:6px 0;z-index:6;}
.crm2.crm-reference .wt-exp-menu[hidden]{display:none;}
html[data-theme="dark"] .crm2.crm-reference .wt-exp-menu{box-shadow:0 10px 30px rgba(0,0,0,.45);}
.crm2.crm-reference .wt-exp-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 14px;border:0;background:none;font-family:inherit;font-size:13px;color:var(--text);text-align:start;cursor:pointer;}
.crm2.crm-reference .wt-exp-item:hover,.crm2.crm-reference .wt-exp-item:focus-visible{background:var(--bg);outline:none;}
.crm2.crm-reference .wt-exp-item .ext{margin-inline-start:auto;font-size:10.5px;font-weight:700;color:var(--text-faint);direction:ltr;}
.crm2.crm-reference .wt-exp-sep{height:1px;background:var(--border);margin:5px 0;}
.crm2.crm-reference .wt-fmt{display:inline-block;width:10px;height:10px;flex:none;border-radius:3px;}
.crm2.crm-reference .wt-fmt-name{direction:ltr;unicode-bidi:isolate;font-weight:700;letter-spacing:.2px;}
.crm2.crm-reference .wt-fmt.x{background:#1E9E5A;}
.crm2.crm-reference .wt-fmt.c{background:#4F9B9B;}
.crm2.crm-reference .wt-fmt.p{background:#E64545;}
.crm2.crm-reference .wt-fmt.i{background:#5B96C9;}
.crm2.crm-reference .wt-fmt.v{background:#9759E7;}
.crm2.crm-reference #wtBigChart{padding:6px 0 0;}
.crm2.crm-reference .won-trend-chart .wt-tick{stroke:var(--text-faint);stroke-width:1.2;}
.crm2.crm-reference .sb-tip.wt-tip{min-width:170px;max-width:220px;white-space:normal;overflow-wrap:anywhere;}
.crm2.crm-reference .sb-tip .wt-tt{font-weight:800;color:var(--heading);line-height:1.7;padding-bottom:5px;margin-bottom:3px;border-bottom:1px solid var(--border);}
.crm2.crm-reference .won-trend-chart .wt-hit:hover{fill:var(--light-blue-tint);}
.crm2.crm-reference .dr-trigger[data-kind="gran"] .dr-lbl{min-width:44px;text-align:start;}
.crm2.crm-reference .dr-trigger{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 11px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);font-family:inherit;font-size:12.5px;font-weight:600;white-space:nowrap;cursor:pointer;}
.crm2.crm-reference .dr-trigger:hover{border-color:var(--dr-accent);}
.crm2.crm-reference .dr-trigger:focus-visible,.crm2.crm-reference .dr-trigger.open{outline:none;border-color:var(--dr-accent);box-shadow:0 0 0 1px var(--dr-accent);}
.crm2.crm-reference .dr-ic{width:15px;height:15px;flex:none;color:var(--heading);}
.crm2.crm-reference .dr-chev{width:11px;height:11px;flex:none;color:var(--text-soft);transition:transform .15s;}
.crm2.crm-reference .dr-trigger.open .dr-chev{transform:rotate(180deg);}
.crm2.crm-reference .dr-menu{position:fixed;z-index:450;width:228px;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 30px rgba(15,35,60,.18);padding:6px 0;}
.crm2.crm-reference .dr-menu[hidden]{display:none;}
html[data-theme="dark"] .crm2.crm-reference .dr-menu,html[data-theme="dark"] .crm2.crm-reference .dr-sub{box-shadow:0 10px 30px rgba(0,0,0,.45);}
.crm2.crm-reference .dr-menu.fly-in{max-height:calc(100vh - 16px);overflow-y:auto;}
.crm2.crm-reference .dr-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 14px;border:0;background:none;font-family:inherit;font-size:13px;color:var(--text);text-align:start;cursor:pointer;}
.crm2.crm-reference .dr-item:hover,.crm2.crm-reference .dr-item:focus-visible{background:var(--bg);outline:none;}
.crm2.crm-reference .dr-item.sel,.crm2.crm-reference .dr-item.sel:hover,.crm2.crm-reference .dr-item.sel:focus-visible{background:var(--dr-tint);color:var(--dr-ink);}
.crm2.crm-reference .dr-sep{height:1px;margin:6px 0;background:var(--border);}
.crm2.crm-reference .dr-side{width:11px;height:11px;flex:none;color:var(--text-soft);}
.crm2.crm-reference .dr-menu.fly-r .dr-side{transform:scaleX(-1);}
.crm2.crm-reference .dr-menu.fly-in .dr-side{transform:rotate(-90deg);}
.crm2.crm-reference .dr-menu.fly-in.sub-open .dr-side{transform:rotate(90deg);}
.crm2.crm-reference .dr-sub{display:none;position:absolute;top:-1px;width:292px;padding:12px;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 30px rgba(15,35,60,.18);}
.crm2.crm-reference .dr-menu.sub-open .dr-sub{display:block;}
.crm2.crm-reference .dr-menu.fly-l .dr-sub{right:calc(100% + 4px);}
.crm2.crm-reference .dr-menu.fly-r .dr-sub{left:calc(100% + 4px);}
.crm2.crm-reference .dr-menu.fly-in .dr-sub{position:static;width:auto;margin-top:6px;padding:10px 12px 12px;border:0;border-top:1px solid var(--border);border-radius:0;box-shadow:none;}
.crm2.crm-reference .dr-ch{display:flex;align-items:center;gap:6px;margin-bottom:10px;}
.crm2.crm-reference .dr-nav{flex:none;width:28px;height:28px;padding:0;border:1px solid var(--border);border-radius:7px;background:var(--card);color:var(--text-soft);font-size:15px;line-height:1;cursor:pointer;}
.crm2.crm-reference .dr-nav:hover{border-color:var(--dr-accent);color:var(--text);}
.crm2.crm-reference .dr-selm,.crm2.crm-reference .dr-sely{min-width:0;height:28px;border:1px solid var(--border);border-radius:7px;padding:0 6px;background:var(--card);color:var(--text);font-family:inherit;font-size:12px;}
.crm2.crm-reference .dr-selm{flex:1.3;}
.crm2.crm-reference .dr-sely{flex:1;}
.crm2.crm-reference .dr-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px 0;}
.crm2.crm-reference .dr-dow{padding:4px 0;text-align:center;font-size:10.8px;font-weight:800;color:var(--text-faint);}
.crm2.crm-reference .dr-dow.fri{color:var(--danger);}
.crm2.crm-reference .dr-day{height:30px;padding:0;border:0;border-radius:0;background:none;font-family:inherit;font-size:12.5px;color:var(--text);cursor:pointer;}
.crm2.crm-reference .dr-day.blank{visibility:hidden;pointer-events:none;}
.crm2.crm-reference .dr-day.fri{color:var(--danger);}
.crm2.crm-reference .dr-day:hover{background:var(--bg);border-radius:8px;}
.crm2.crm-reference .dr-day.today{box-shadow:0 0 0 1px var(--dr-accent) inset;border-radius:8px;}
.crm2.crm-reference .dr-day.in{background:var(--dr-soft);color:var(--text);}
.crm2.crm-reference .dr-day.in:hover{border-radius:0;background:var(--dr-tint);}
.crm2.crm-reference .dr-day.edge,.crm2.crm-reference .dr-day.edge:hover{background:var(--dr-accent);color:#fff;font-weight:800;border-radius:8px;}
.crm2.crm-reference .dr-foot{margin-top:10px;padding-top:10px;border-top:1px solid var(--border);}
.crm2.crm-reference .dr-sum{min-height:18px;margin-bottom:9px;font-size:11.8px;font-weight:600;color:var(--text-soft);text-align:center;}
.crm2.crm-reference .dr-sum b{color:var(--text);font-weight:800;}
.crm2.crm-reference .dr-btns{display:flex;gap:8px;}
.crm2.crm-reference .dr-act{flex:1;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--text-soft);font-family:inherit;font-size:12.5px;font-weight:700;cursor:pointer;}
.crm2.crm-reference .dr-act:hover{background:var(--bg);}
.crm2.crm-reference .dr-act.apply{border-color:var(--dr-accent);background:var(--dr-accent);color:#fff;}
.crm2.crm-reference .dr-act.apply:hover{filter:brightness(.95);}
.crm2.crm-reference .dr-act.apply:disabled{opacity:.4;cursor:not-allowed;filter:none;}
.crm2.crm-reference .wtcmp-menu{width:322px;padding:14px;max-height:calc(100vh - 24px);overflow-y:auto;}
.crm2.crm-reference .wtcmp-head{margin-bottom:8px;}
.crm2.crm-reference .wtcmp-title{font-size:13.5px;font-weight:800;color:var(--heading);margin-bottom:8px;}
.crm2.crm-reference .wtcmp-cur{font-size:11.5px;color:var(--text-soft);margin-bottom:4px;}
.crm2.crm-reference .wtcmp-cur b{color:var(--text);font-weight:700;}
.crm2.crm-reference .wtcmp-days{color:var(--text-faint);}
.crm2.crm-reference .wtcmp-hint{font-size:11px;color:var(--text-faint);line-height:1.7;}
.crm2.crm-reference .wtcmp-tabs{display:flex;gap:16px;border-bottom:1px solid var(--border);}
.crm2.crm-reference .wtcmp-tab{padding:0 1px 8px;font-size:12.5px;font-weight:700;color:var(--dr-ink);border-bottom:2px solid var(--dr-accent);}
.crm2.crm-reference .wtcmp-list{display:flex;flex-direction:column;margin:8px -6px 0;}
.crm2.crm-reference .wtcmp-row{display:flex;align-items:center;gap:8px;padding:7px 6px;border-radius:7px;cursor:pointer;font-size:12.3px;color:var(--text);}
.crm2.crm-reference .wtcmp-row:hover{background:var(--bg);}
.crm2.crm-reference .wtcmp-row input[type=radio]{width:15px;height:15px;flex:none;margin:0;accent-color:var(--dr-accent);}
.crm2.crm-reference .wtcmp-row.custom{margin-top:5px;padding-top:11px;border-top:1px solid var(--border);font-weight:700;}
.crm2.crm-reference .wtcmp-custom{margin-top:4px;}
.crm2.crm-reference .wtcmp-block-title{font-size:11px;font-weight:700;color:var(--text-faint);margin:10px 0 6px;}
.crm2.crm-reference .wtcmp-fields{display:flex;align-items:stretch;gap:8px;}
.crm2.crm-reference .wtcmp-field{flex:1;min-width:0;text-align:start;padding:6px 9px;border:1px solid var(--border);border-radius:8px;background:var(--card);cursor:pointer;font-family:inherit;}
.crm2.crm-reference .wtcmp-field:hover{border-color:var(--dr-accent);}
.crm2.crm-reference .wtcmp-field.active{border-color:var(--dr-accent);box-shadow:0 0 0 1px var(--dr-accent) inset;}
.crm2.crm-reference .wtcmp-field.readonly{cursor:default;background:var(--bg);}
.crm2.crm-reference .wtcmp-field.readonly:hover{border-color:var(--border);}
.crm2.crm-reference .wtcmp-field .wtf-lbl{display:block;font-size:9.5px;color:var(--text-faint);margin-bottom:2px;}
.crm2.crm-reference .wtcmp-field .wtf-val{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:11.8px;font-weight:700;color:var(--text);}
.crm2.crm-reference .wtcmp-field.readonly .wtf-val{color:var(--text-soft);}
.crm2.crm-reference .wtcmp-field .wtf-val .dr-ic{width:13px;height:13px;flex:none;color:var(--text-faint);}
.crm2.crm-reference .wtcmp-vs{text-align:center;font-size:11px;color:var(--text-faint);margin:10px 0 0;}
.crm2.crm-reference .wtcmp-auto{font-size:10.3px;color:var(--text-faint);line-height:1.7;margin-top:8px;}
.crm2.crm-reference .wtcmp-mini-cal{margin-top:10px;padding-top:10px;border-top:1px dashed var(--border);}
.crm2.crm-reference .trend.dr-dense{gap:5px;}
.crm2.crm-reference .trend.dr-dense .trend-bars{gap:2px;}
.crm2.crm-reference .trend.dr-dense .trend-bars i{width:7px;}
.crm2.crm-reference .trend.dr-dense .trend-day{font-size:9.6px;}
.crm2.crm-reference .trend-day.dr-skip{visibility:hidden;}
.crm2.crm-reference #statRow{grid-template-columns:repeat(5,1fr);}
.crm2.crm-reference .sc-sub{font-size:11.5px;font-weight:700;color:var(--text-soft);margin-top:4px;}
.crm2.crm-reference .sc-sub.danger{color:var(--danger);}
.crm2.crm-reference .dlink{color:inherit;text-decoration:none;cursor:pointer;border-bottom:1.5px dashed transparent;transition:border-color .15s,color .15s;}
.crm2.crm-reference .dlink:hover{border-bottom-color:currentColor;}
.crm2.crm-reference .dstat .dlink:hover,.crm2.crm-reference .stat-card .sc-value:not(.danger) .dlink:hover{color:var(--accent-text);}
.crm2.crm-reference .dlink:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px;border-radius:4px;}
.crm2.crm-reference .dl-modal{position:fixed;inset:0;z-index:9999;background:rgba(14,34,54,.45);display:flex;align-items:center;justify-content:center;padding:20px;}
.crm2.crm-reference .dl-box{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);width:min(640px,100%);max-height:80vh;display:flex;flex-direction:column;overflow:hidden;}
.crm2.crm-reference .dl-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border);}
.crm2.crm-reference .dl-head b{font-size:14px;color:var(--heading);}
.crm2.crm-reference .dl-head button{border:none;background:none;font-size:18px;cursor:pointer;color:var(--text-soft);}
.crm2.crm-reference .dl-list{overflow:auto;}
.crm2.crm-reference .dl-row{display:flex;align-items:center;gap:12px;width:100%;padding:11px 18px;border:none;border-bottom:1px solid var(--border);background:none;cursor:pointer;text-align:start;font:inherit;color:inherit;}
.crm2.crm-reference .dl-row:hover{background:var(--purple-tint);}
.crm2.crm-reference .dl-row .n{flex:1;min-width:0;}
.crm2.crm-reference .dl-row .n b{display:block;font-size:13px;}
.crm2.crm-reference .dl-row .n span{font-size:11.5px;color:var(--text-soft);}
.crm2.crm-reference .dl-row .st{font-size:11px;font-weight:800;padding:3px 9px;border-radius:99px;color:#fff;white-space:nowrap;}
.crm2.crm-reference .dl-row .am{font-size:12px;font-weight:800;min-width:96px;text-align:end;}
.crm2.crm-reference .dl-foot{padding:10px 18px;border-top:1px solid var(--border);font-size:12px;color:var(--text-soft);display:flex;justify-content:space-between;}
.crm2.crm-reference .dl-empty{padding:28px;text-align:center;color:var(--text-faint);font-size:13px;}
.crm2.crm-reference .dl-flash{animation:crmref-dlFlash 2s ease;}
@keyframes crmref-dlFlash{0%,60%{box-shadow:0 0 0 3px rgba(105,56,190,.45);}100%{box-shadow:0 0 0 0 rgba(105,56,190,0);}}
@media (max-width:1200px){.crm2.crm-reference #statRow{grid-template-columns:repeat(3,1fr);}
}
.crm2.crm-reference .hint-tip{position:fixed;z-index:460;max-width:240px;padding:9px 12px;border-radius:10px;background:var(--light-blue-tint);color:var(--text);border:1px solid var(--light-blue);font-size:11.3px;font-weight:500;line-height:1.8;box-shadow:0 8px 22px rgba(15,35,60,.12);pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .12s ease, transform .12s ease;}
.crm2.crm-reference .hint-tip.show{opacity:1;transform:none;}
.crm2.crm-reference .hint-tip b{display:block;margin-bottom:3px;font-size:12px;font-weight:800;color:var(--navy);}
.crm2.crm-reference .tg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px;align-content:start;overflow-x:hidden;overflow-y:auto;max-height:566px;scroll-snap-type:y proximity;scrollbar-width:thin;}
@media (max-width:560px){.crm2.crm-reference .tg-grid{grid-template-columns:minmax(0,1fr);}
}
.crm2.crm-reference .tg-grid .tg-svg{max-width:280px;margin-inline:auto;}
.crm2.crm-reference .tg-grid::-webkit-scrollbar{width:7px;}
.crm2.crm-reference .tg-grid::-webkit-scrollbar-track{background:transparent;}
.crm2.crm-reference .tg-grid::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px;}
.crm2.crm-reference .tg-grid::-webkit-scrollbar-thumb:hover{background:var(--text-faint);}
.crm2.crm-reference .tg-split{display:flex;align-items:stretch;}
.crm2.crm-reference .tg-main{flex:2 1 0%;min-width:0;}
.crm2.crm-reference .tg-side{flex:1 1 0%;min-width:0;border-inline-start:1px solid var(--border);padding:16px 18px;display:flex;flex-direction:column;}
@media (max-width:1150px){.crm2.crm-reference .tg-split{flex-direction:column;}
.crm2.crm-reference .tg-side{border-inline-start:none;border-top:1px solid var(--border);}
}
.crm2.crm-reference .tgb-list{display:flex;flex-direction:column;gap:16px;flex:1;}
.crm2.crm-reference .tgb-row{display:flex;flex-direction:column;gap:6px;}
.crm2.crm-reference .tgb-top{display:flex;align-items:center;justify-content:space-between;}
.crm2.crm-reference .tgb-name{font-size:11.8px;font-weight:800;color:var(--text);}
.crm2.crm-reference .tgb-pct{font-size:10.8px;font-weight:800;padding:1px 7px;border-radius:20px;background:var(--pale-blue);color:var(--navy-2);}
.crm2.crm-reference .tgb-pct.hi{background:var(--success-tint);color:var(--success);}
.crm2.crm-reference .tgb-pct.mid{background:var(--amber-tint);color:var(--amber);}
.crm2.crm-reference .tgb-track{position:relative;height:26px;border-radius:7px;background:var(--pale-blue);overflow:visible;direction:ltr;margin-top:2px;}
html[data-theme="dark"] .crm2.crm-reference .tgb-track{background:var(--navy-tint);}
.crm2.crm-reference .tgb-fill{position:absolute;top:0;bottom:0;left:0;border-radius:7px;background:linear-gradient(90deg,var(--light-blue-dark),var(--purple));display:flex;align-items:center;padding:0 8px;overflow:hidden;}
.crm2.crm-reference .tgb-fill span{font-size:10.4px;font-weight:800;color:#fff;white-space:nowrap;}
.crm2.crm-reference .tgb-tick{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--navy-dark);opacity:.5;border-radius:2px;}
html[data-theme="dark"] .crm2.crm-reference .tgb-tick{background:var(--text-faint);}
.crm2.crm-reference .tgb-tick-lbl{position:absolute;top:50%;transform:translateY(-50%);font-size:9.4px;font-weight:700;color:var(--text-soft);white-space:nowrap;}
.crm2.crm-reference .tgb-total{margin-top:auto;padding-top:14px;border-top:1px dashed var(--border);}
.crm2.crm-reference .tgb-total .tgb-name{font-size:12.6px;color:var(--heading);}
.crm2.crm-reference .tgb-total .tgb-track{height:30px;}
.crm2.crm-reference .tgb-total .tgb-fill{background:linear-gradient(90deg,var(--navy-2),var(--purple-dark));}
.crm2.crm-reference .tgb-legend{display:flex;justify-content:center;gap:8px;margin-top:14px;font-size:10.8px;font-weight:700;color:var(--text-soft);}
.crm2.crm-reference .tgb-legend span{display:flex;align-items:center;gap:6px;}
.crm2.crm-reference .tgb-legend i{width:9px;height:9px;border-radius:3px;display:block;background:linear-gradient(90deg,var(--light-blue-dark),var(--purple));}
.crm2.crm-reference .tgb-empty{font-size:11.5px;color:var(--text-faint);text-align:center;padding:20px 6px;}
.crm2.crm-reference .tg-card{scroll-snap-align:start;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card);padding:12px 12px 10px;display:flex;flex-direction:column;min-width:0;}
.crm2.crm-reference .tg-hd{display:flex;align-items:center;gap:8px;margin-bottom:6px;}
.crm2.crm-reference .tg-av{width:26px;height:26px;border-radius:50%;background:var(--navy-tint);color:var(--accent-text);font-size:10.5px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;flex:none;}
.crm2.crm-reference .tg-nm{font-size:12.6px;font-weight:800;color:var(--heading);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.crm2.crm-reference .tg-pct{font-size:11px;font-weight:800;padding:2px 9px;border-radius:999px;background:var(--navy-tint);color:var(--text-soft);flex:none;}
.crm2.crm-reference .tg-pct.lo{background:var(--danger-tint);color:var(--danger);}
.crm2.crm-reference .tg-pct.mid{background:var(--amber-tint);color:var(--amber);}
.crm2.crm-reference .tg-pct.hi{background:var(--success-tint);color:var(--success);}
.crm2.crm-reference .tg-svg{width:100%;height:auto;display:block;}
.crm2.crm-reference .tg-svg text{font-family:inherit;}
.crm2.crm-reference .tg-lbl{font-size:10.5px;fill:var(--text-soft);}
.crm2.crm-reference .tg-val{font-size:12px;font-weight:800;fill:var(--heading);}
.crm2.crm-reference .tg-rem{font-size:11.5px;font-weight:700;fill:var(--text);}
.crm2.crm-reference .tg-rem.done{fill:var(--success);}
.crm2.crm-reference .tg-needle{fill:var(--heading);}
.crm2.crm-reference .tg-meta{font-size:11px;color:var(--text-faint);text-align:center;margin-top:2px;}
.crm2.crm-reference .tg-tbl{width:100%;border-collapse:collapse;}
.crm2.crm-reference .tg-tbl th{font-size:11.5px;color:var(--text-soft);font-weight:700;padding:0 6px 8px;text-align:center;}
.crm2.crm-reference .tg-tbl th:first-child,.crm2.crm-reference .tg-tbl td:first-child{text-align:right;}
.crm2.crm-reference .tg-tbl td{padding:6px;border-top:1px solid var(--border);}
.crm2.crm-reference .tg-tbl .tg-who{display:flex;align-items:center;gap:8px;font-size:12.6px;font-weight:700;color:var(--heading);white-space:nowrap;}
.crm2.crm-reference .tg-tbl .form-input{text-align:center;padding:8px 10px;min-width:110px;}
.crm2.crm-reference .tg-unit{font-size:11.3px;color:var(--text-soft);margin-top:12px;line-height:1.9;}
.crm2.crm-reference .lb-list{flex:1;display:flex;flex-direction:column;justify-content:space-around;gap:6px;padding:10px 20px 6px;}
.crm2.crm-reference .lb-row{display:flex;align-items:center;gap:12px;min-width:0;}
.crm2.crm-reference .lb-av{position:relative;width:46px;height:46px;border-radius:50%;flex:none;border:0;padding:0;background:var(--navy);color:#fff;font-family:inherit;font-size:14px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;cursor:default;}
.crm2.crm-reference button.lb-av{cursor:pointer;}
.crm2.crm-reference .lb-av img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;}
.crm2.crm-reference .lb-cam{position:absolute;inset:0;border-radius:50%;background:rgba(14,34,54,.55);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease;}
.crm2.crm-reference button.lb-av:hover .lb-cam,.crm2.crm-reference button.lb-av:focus-visible .lb-cam{opacity:1;}
.crm2.crm-reference .lb-cam svg{width:18px;height:18px;}
.crm2.crm-reference .lb-rank{position:absolute;left:-4px;bottom:-2px;width:18px;height:18px;border-radius:50%;border:2px solid var(--card);background:var(--navy-tint);color:var(--text-soft);font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;}
.crm2.crm-reference .lb-rank.r1{background:#E9B949;color:#3D2A00;}
.crm2.crm-reference .lb-rank.r2{background:#B8C2CC;color:#22303D;}
.crm2.crm-reference .lb-rank.r3{background:#CD8B5A;color:#fff;}
.crm2.crm-reference .lb-tx{flex:1;min-width:0;}
.crm2.crm-reference .lb-nm{font-size:12px;font-weight:600;color:var(--text-soft);}
.crm2.crm-reference .lb-amt{font-size:15px;font-weight:700;color:var(--heading);line-height:1.4;}
.crm2.crm-reference .lb-amt small{display:inline-block;font-size:10.5px;font-weight:600;color:var(--text-soft);margin-inline-start:6px;}
.crm2.crm-reference .lb-sub{font-size:10.5px;color:var(--text-faint);}
.crm2.crm-reference .lb-bar{height:4px;border-radius:99px;background:var(--navy-tint);margin-top:5px;overflow:hidden;}
.crm2.crm-reference .lb-bar i{display:block;height:100%;border-radius:99px;transition:width .3s ease;}
.crm2.crm-reference .lb-note{font-size:11px;color:var(--text-faint);text-align:center;padding:2px 16px 12px;}
.crm2.crm-reference .cfg-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px;align-items:start;}
.crm2.crm-reference .cfg-side{position:sticky;top:78px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:8px;display:flex;flex-direction:column;gap:2px;}
.crm2.crm-reference .cfg-side-title{font-size:10.6px;font-weight:800;color:var(--text-faint);padding:8px 10px 6px;}
.crm2.crm-reference .cfg-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 11px;border:none;background:none;border-radius:10px;font-family:inherit;font-size:12.8px;font-weight:700;color:var(--text-soft);text-align:start;cursor:pointer;transition:background .15s,color .15s;}
.crm2.crm-reference .cfg-item .icon{width:16px;height:16px;flex:none;}
.crm2.crm-reference .cfg-item:hover{background:var(--navy-tint);color:var(--heading);}
.crm2.crm-reference .cfg-item.active{background:var(--navy);color:#fff;}
.crm2.crm-reference .cfg-main{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:22px;min-height:420px;}
.crm2.crm-reference .cfg-pane[hidden]{display:none;}
.crm2.crm-reference .cfg-pane.active{animation:crmref-fadeIn .15s ease;}
.crm2.crm-reference .cfg-pane-head{padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid var(--border);}
.crm2.crm-reference .cfg-pane-head h2{margin:0 0 4px;font-size:16.5px;color:var(--heading);}
.crm2.crm-reference .cfg-pane-head p{margin:0;font-size:12.4px;color:var(--text-soft);}
.crm2.crm-reference .cfg-empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:64px 16px;border:1.5px dashed var(--border);border-radius:var(--radius-md);color:var(--text-faint);}
.crm2.crm-reference .cfg-empty .icon{width:34px;height:34px;}
.crm2.crm-reference .cfg-empty b{font-size:13.2px;color:var(--text-soft);}
.crm2.crm-reference .cfg-empty span{font-size:12px;}
@media (max-width:900px){.crm2.crm-reference .cfg-layout{grid-template-columns:1fr;}
.crm2.crm-reference .cfg-side{position:static;flex-direction:row;overflow-x:auto;}
.crm2.crm-reference .cfg-side-title{display:none;}
.crm2.crm-reference .cfg-item{white-space:nowrap;width:auto;}
}
.crm2.crm-reference .cfg-tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin:-4px 0 18px;overflow-x:auto;}
.crm2.crm-reference .cfg-tabs button{display:flex;align-items:center;gap:7px;padding:10px 6px;margin-inline-end:14px;border:none;background:none;font-family:inherit;font-size:12.8px;font-weight:700;color:var(--text-faint);border-bottom:2px solid transparent;white-space:nowrap;cursor:pointer;}
.crm2.crm-reference .cfg-tabs button .icon{width:15px;height:15px;}
.crm2.crm-reference .cfg-tabs button:hover{color:var(--heading);}
.crm2.crm-reference .cfg-tabs button.active{color:var(--accent-text);border-bottom-color:var(--accent-text);}
.crm2.crm-reference .cfg-subpane[hidden]{display:none;}
.crm2.crm-reference .cfg-subpane.active{animation:crmref-fadeIn .15s ease;}
.crm2.crm-reference #cfgBasicTabs{position:sticky;top:var(--cfgStickTop,126px);z-index:30;background:var(--card);}
.crm2.crm-reference #ctcTabs{position:sticky;top:calc(var(--cfgStickTop,126px) + var(--cfgTabsH,38px));z-index:29;background:var(--card);}
@media (max-width:700px){.crm2.crm-reference #cfgBasicTabs{--cfgStickTop:66px;}
.crm2.crm-reference #ctcTabs{--cfgStickTop:66px;}
}
.crm2.crm-reference .tpl-toolbar{display:flex;justify-content:flex-start;margin-bottom:14px;}
.crm2.crm-reference .tpl-table th{font-size:12px;color:var(--heading);}
.crm2.crm-reference .tpl-table td{white-space:normal;}
.crm2.crm-reference .tpl-none{text-align:center;color:var(--text-faint);padding:34px 12px !important;}
.crm2.crm-reference .tpl-dots{width:32px;height:28px;border:none;background:none;border-radius:8px;color:var(--text-soft);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
.crm2.crm-reference .tpl-dots:hover{background:var(--navy-tint);color:var(--heading);}
.crm2.crm-reference .tpl-dots .icon{width:18px;height:18px;fill:currentColor;stroke:none;}
.crm2.crm-reference .tpl-menu{position:fixed;z-index:120;min-width:150px;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 32px rgba(15,35,60,.18);padding:6px;}
.crm2.crm-reference .tpl-menu[hidden]{display:none;}
.crm2.crm-reference .tpl-menu::before{content:"";position:absolute;top:-6px;left:var(--arrow-x,50%);width:10px;height:10px;background:var(--card);border-top:1px solid var(--border);border-left:1px solid var(--border);transform:translateX(-50%) rotate(45deg);}
.crm2.crm-reference .tpl-menu button{display:block;width:100%;text-align:start;padding:11px 12px;border:none;background:none;border-radius:8px;font-family:inherit;font-size:12.8px;font-weight:600;color:var(--text);cursor:pointer;}
.crm2.crm-reference .tpl-menu button:hover{background:var(--navy-tint);}
.crm2.crm-reference .tpl-menu button.danger{color:var(--danger);}
.crm2.crm-reference .tpl-menu button.danger:hover{background:var(--danger-tint);}
.crm2.crm-reference .src-note{display:flex;align-items:flex-start;gap:9px;background:var(--light-blue-tint);color:var(--accent-text);border-radius:var(--radius-sm);padding:11px 14px;font-size:12.2px;line-height:1.9;margin-bottom:14px;}
.crm2.crm-reference .src-note .icon{width:16px;height:16px;flex:none;margin-top:4px;}
.crm2.crm-reference .src-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-inline-end:8px;vertical-align:middle;}
.crm2.crm-reference .src-desc{font-size:11.2px;color:var(--text-faint);margin-top:3px;}
.crm2.crm-reference .src-badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:11px;font-weight:800;}
.crm2.crm-reference .src-badge.on{background:var(--success-tint);color:var(--success);}
.crm2.crm-reference .src-badge.off{background:var(--navy-tint);color:var(--text-faint);}
.crm2.crm-reference .tpl-table tr.src-off td{color:var(--text-faint);}
.crm2.crm-reference .src-tgl{position:relative;width:44px;height:24px;border:none;border-radius:20px;background:var(--border);cursor:pointer;direction:ltr;transition:background .18s;padding:0;vertical-align:middle;}
.crm2.crm-reference .src-tgl::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .18s;}
.crm2.crm-reference .src-tgl.on{background:#1FA67A;}
.crm2.crm-reference .src-tgl.on::after{left:23px;}
.crm2.crm-reference .src-swatches{display:flex;gap:8px;flex-wrap:wrap;}
.crm2.crm-reference .src-sw{width:26px;height:26px;border-radius:50%;border:2px solid transparent;box-shadow:0 0 0 1px var(--border);cursor:pointer;}
.crm2.crm-reference .src-sw.on{border-color:var(--card);box-shadow:0 0 0 2px var(--accent-text);}
.crm2.crm-reference .src-check{display:flex;align-items:center;gap:8px;font-size:12.6px;font-weight:700;color:var(--text);cursor:pointer;}
.crm2.crm-reference .actt-ic{display:inline-flex;width:30px;height:30px;border-radius:9px;align-items:center;justify-content:center;vertical-align:middle;margin-inline-end:10px;}
.crm2.crm-reference .actt-ic .icon{width:16px;height:16px;}
.crm2.crm-reference .actt-hint{color:var(--text-soft);font-size:12px;max-width:300px;}
.crm2.crm-reference .actt-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:8px;}
.crm2.crm-reference .actt-icb{width:42px;height:42px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;}
.crm2.crm-reference .actt-icb:hover{background:var(--navy-tint);}
.crm2.crm-reference .actt-icb.on{border-color:var(--accent-text);box-shadow:0 0 0 2px var(--navy-tint);color:var(--accent-text);background:var(--navy-tint);}
.crm2.crm-reference .actt-icb .icon{width:18px;height:18px;}
.crm2.crm-reference .actt-prev{display:flex;align-items:center;gap:10px;border:1px dashed var(--border);border-radius:10px;padding:10px 12px;}
.crm2.crm-reference .actt-prev .actt-ic{margin:0;}
.crm2.crm-reference .actt-prev b{font-size:12.8px;color:var(--heading);}
.crm2.crm-reference .actt-prev .actt-ph{font-size:11.5px;color:var(--text-faint);}
.crm2.crm-reference .fu-chip-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-inline-end:6px;vertical-align:middle;}
.crm2.crm-reference .lr-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-inline-end:8px;vertical-align:middle;}
.crm2.crm-reference .pf-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 14px;margin-bottom:16px;font-size:12.6px;color:var(--text);}
.crm2.crm-reference .pf-title{font-weight:800;color:var(--heading);}
.crm2.crm-reference .pf-cond{border:none;background:none;font-family:inherit;font-size:12.6px;color:var(--text);cursor:pointer;padding:4px 2px;border-radius:6px;}
.crm2.crm-reference .pf-cond:hover{background:var(--navy-tint);}
.crm2.crm-reference .pf-cond u{text-underline-offset:3px;font-weight:700;color:var(--accent-text);}
.crm2.crm-reference .pf-and{background:var(--navy-tint);color:var(--text-soft);font-size:11px;font-weight:800;border-radius:6px;padding:2px 9px;}
.crm2.crm-reference .pf-add{border:none;background:var(--navy-tint);color:var(--accent-text);font-family:inherit;font-size:11.8px;font-weight:800;border-radius:6px;padding:4px 11px;cursor:pointer;}
.crm2.crm-reference .pf-add:hover{background:var(--light-blue-tint);}
.crm2.crm-reference .pf-clear{border:none;background:none;color:var(--danger);font-family:inherit;font-size:11.6px;font-weight:700;cursor:pointer;margin-inline-start:auto;}
.crm2.crm-reference .pf-pop{position:fixed;z-index:130;width:min(820px,calc(100vw - 24px));background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 14px 40px rgba(15,35,60,.2);padding:14px;}
.crm2.crm-reference .pf-pop[hidden]{display:none;}
.crm2.crm-reference .pf-row{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;}
.crm2.crm-reference .pf-cell{flex:1 1 180px;min-width:150px;}
.crm2.crm-reference .pf-err{color:var(--danger);font-size:11.6px;margin-top:5px;}
.crm2.crm-reference .pf-err[hidden]{display:none;}
.crm2.crm-reference .pf-del{width:38px;height:38px;border:none;background:none;border-radius:9px;color:var(--text-soft);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
.crm2.crm-reference .pf-del:hover{background:var(--danger-tint);color:var(--danger);}
.crm2.crm-reference .pf-del .icon{width:17px;height:17px;}
.crm2.crm-reference .pf-apply,.crm2.crm-reference .pf-cancel{height:38px;padding:0 20px;border:none;border-radius:8px;font-family:inherit;font-size:12.8px;font-weight:800;color:#fff;cursor:pointer;}
.crm2.crm-reference .pf-apply{background:#1FA67A;}
.crm2.crm-reference .pf-apply:disabled{opacity:.45;cursor:not-allowed;}
.crm2.crm-reference .pf-cancel{background:#7B8794;}
.crm2.crm-reference .pc-kth{width:44px;padding-inline:6px !important;text-align:center !important;}
.crm2.crm-reference .pc-kebab{width:30px;height:30px;border:none;background:none;border-radius:8px;color:var(--text-soft);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
.crm2.crm-reference .pc-kebab:hover{background:var(--navy-tint);color:var(--heading);}
.crm2.crm-reference .pc-kebab .icon{width:17px;height:17px;fill:currentColor;stroke:none;}
.crm2.crm-reference .pc-colpop{position:fixed;z-index:130;width:250px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 14px 40px rgba(15,35,60,.2);overflow:hidden;}
.crm2.crm-reference .pc-colpop[hidden]{display:none;}
.crm2.crm-reference .pc-colpop-head{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--border);font-size:13px;color:var(--heading);}
.crm2.crm-reference .pc-colpop-head button{border:none;background:none;font-size:20px;line-height:1;color:var(--text-faint);cursor:pointer;padding:0 2px;}
.crm2.crm-reference .pc-colpop-head button:hover{color:var(--text);}
.crm2.crm-reference .pc-colpop-list{padding:8px 6px;max-height:300px;overflow-y:auto;}
.crm2.crm-reference .pc-colrow{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:12.8px;color:var(--text);cursor:pointer;}
.crm2.crm-reference .pc-colrow:hover{background:var(--navy-tint);}
.crm2.crm-reference .pc-colrow input{position:absolute;opacity:0;pointer-events:none;}
.crm2.crm-reference .pc-chk{width:18px;height:18px;flex:none;border-radius:5px;border:1.5px solid var(--text-faint);background:var(--card);position:relative;transition:background .12s,border-color .12s;}
.crm2.crm-reference .pc-colrow input:checked + .pc-chk{background:#1FA67A;border-color:#1FA67A;}
.crm2.crm-reference .pc-colrow input:checked + .pc-chk::after{content:"";position:absolute;left:5px;top:1.5px;width:4px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.crm2.crm-reference .pc-colrow input:focus-visible + .pc-chk{box-shadow:0 0 0 3px var(--light-blue-tint);}
.crm2.crm-reference .pc-colpop-reset{display:block;width:100%;border:none;border-top:1px solid var(--border);background:none;padding:10px;font-family:inherit;font-size:12px;font-weight:700;color:var(--accent-text);cursor:pointer;}
.crm2.crm-reference .pc-colpop-reset:hover{background:var(--navy-tint);}
.crm2.crm-reference #invOverlay .inv-tbl.no-grip .inv-tr > :nth-child(1){display:none;}
.crm2.crm-reference #invOverlay .inv-tbl.no-grip .inv-tr > :nth-child(2){border-inline-start:none;}
.crm2.crm-reference #invOverlay .inv-tbl.no-desc .inv-tr > :nth-child(4){display:none;}
.crm2.crm-reference #invOverlay .inv-tbl.no-disc .inv-tr > :nth-child(7){display:none;}
.crm2.crm-reference #invOverlay .inv-tbl.no-tax  .inv-tr > :nth-child(8){display:none;}
.crm2.crm-reference #invOverlay .inv-top-grid.inv-flow > .inv-f{grid-column:auto !important;grid-row:auto !important;}
.crm2.crm-reference #invOverlay .inv-bottom.no-notes .inv-totals{grid-column:2;}
@media (max-width:900px){.crm2.crm-reference #invOverlay .inv-bottom.no-notes .inv-totals{grid-column:1;}
}
.crm2.crm-reference .ivs-intro{font-size:12.2px;color:var(--text-soft);line-height:1.9;background:var(--navy-tint);border-radius:var(--radius-sm);padding:11px 14px;margin-bottom:18px;}
.crm2.crm-reference .ivs-sec{border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 18px;margin-bottom:16px;background:var(--card);}
.crm2.crm-reference .ivs-sec > h4{margin:0 0 3px;font-size:13.6px;color:var(--heading);}
.crm2.crm-reference .ivs-sec > p{margin:0 0 14px;font-size:11.8px;color:var(--text-faint);line-height:1.8;}
.crm2.crm-reference .ivs-list{display:grid;grid-template-columns:1fr 1fr;gap:0 26px;}
@media (max-width:900px){.crm2.crm-reference .ivs-list{grid-template-columns:1fr;}
}
.crm2.crm-reference .ivs-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--border);cursor:pointer;}
.crm2.crm-reference .ivs-t{display:flex;flex-direction:column;gap:2px;min-width:0;}
.crm2.crm-reference .ivs-t b{font-size:12.6px;font-weight:700;color:var(--text);}
.crm2.crm-reference .ivs-t small{font-size:11px;color:var(--text-faint);line-height:1.7;}
.crm2.crm-reference .ivs-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 18px;margin-bottom:6px;}
@media (max-width:1100px){.crm2.crm-reference .ivs-fields{grid-template-columns:repeat(2,minmax(0,1fr));}
}
.crm2.crm-reference .ivs-fields.two{grid-template-columns:repeat(2,minmax(0,1fr));}
.crm2.crm-reference .ivs-prev{margin:10px 0 4px;font-size:11.8px;color:var(--text-soft);}
.crm2.crm-reference .ivs-prev b{color:var(--heading);direction:ltr;unicode-bidi:isolate;}
.crm2.crm-reference .ivs-foot{display:flex;gap:10px;align-items:center;position:sticky;bottom:0;background:var(--card);padding:14px 0 2px;border-top:1px solid var(--border);}
.crm2.crm-reference .ivs-foot .ivs-sp{flex:1;}
.crm2.crm-reference #invOverlay .modal.wide{max-width:min(1280px,96vw);}
.crm2.crm-reference #invOverlay .inv-cell{display:flex;align-items:stretch;min-width:0;}
.crm2.crm-reference #invOverlay .inv-cell > input{flex:1;}
@container (max-width:1040px){.crm2.crm-reference .inv-tbl .inv-th{display:none;}
.crm2.crm-reference .inv-tbl .inv-tr:not(.inv-th){display:flex;flex-wrap:wrap;align-items:stretch;padding:8px 6px;gap:4px 0;border-bottom:8px solid var(--bg);}
.crm2.crm-reference .inv-tbl .inv-tr:not(.inv-th) > *{border-inline-start:none;}
.crm2.crm-reference .inv-tbl .inv-tr > :nth-child(1){order:1;flex:0 0 34px;}
.crm2.crm-reference .inv-tbl .inv-tr > :nth-child(2){order:2;flex:0 0 40px;}
.crm2.crm-reference .inv-tbl .inv-tr > :nth-child(3){order:3;flex:1 1 calc(100% - 130px);}
.crm2.crm-reference .inv-tbl .inv-tr > :nth-child(10){order:4;flex:0 0 40px;}
.crm2.crm-reference .inv-tbl .inv-tr:not(.inv-th) > :nth-child(n+4):nth-child(-n+9){order:5;flex:1 1 150px;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:4px 6px;}
.crm2.crm-reference .inv-tbl .inv-tr > [data-l]::before{content:attr(data-l);display:block;font-size:10.8px;font-weight:800;color:var(--text-faint);padding:0 4px 2px;}
.crm2.crm-reference .inv-tbl .inv-tr .inv-final{justify-content:flex-start;padding:4px 6px;}
.crm2.crm-reference .inv-tbl .inv-tr .inv-final::before{margin-bottom:6px;}
.crm2.crm-reference .inv-tbl .inv-tr .inv-disc,.crm2.crm-reference .inv-tbl .inv-tr .inv-qty{flex-direction:row !important;flex-wrap:wrap;}
.crm2.crm-reference .inv-tbl .inv-tr .inv-qty > input:not(.inv-unit){flex:1 1 60px;min-width:0;}
.crm2.crm-reference .inv-tbl .inv-tr .inv-qty > .inv-unit{flex:0 0 56px !important;width:56px;}
.crm2.crm-reference #invOverlay .inv-tbl .inv-tr .inv-cell > input{flex:0 0 auto;}
.crm2.crm-reference #invOverlay .inv-tbl .inv-tr .inv-qty,.crm2.crm-reference #invOverlay .inv-tbl .inv-tr .inv-disc{align-content:flex-start;}
.crm2.crm-reference #invOverlay .inv-tbl .inv-tr .inv-qty > input{flex:0 0 auto;align-self:flex-start;}
.crm2.crm-reference #invOverlay .inv-tbl .inv-tr .inv-qty > input:not(.inv-unit){flex:1 1 60px;}
.crm2.crm-reference .inv-tbl .inv-tr .inv-cell{flex-direction:column;}
.crm2.crm-reference .inv-tbl .inv-tr .inv-disc::before,.crm2.crm-reference .inv-tbl .inv-tr .inv-qty::before{flex:0 0 100%;}
.crm2.crm-reference .inv-tbl .inv-tr [data-l] input{border:1px solid var(--border);border-radius:6px;}
.crm2.crm-reference .inv-tbl .inv-tr .inv-disc input{border:1px solid var(--border);}
.crm2.crm-reference .inv-tbl .inv-tr .inv-tax i{top:auto;bottom:13px;transform:none;}
}
.crm2.crm-reference #dealDetailOverlay,.crm2.crm-reference #recordDetailOverlay,.crm2.crm-reference .overlay{--dd-tabs-h:45px;}
.crm2.crm-reference .modal-body > .dd-tabs{position:sticky;top:-20px;z-index:26;background:var(--card);padding-top:8px;margin-top:-8px;}
.crm2.crm-reference .dd-pane .c360-qbar{position:sticky;top:calc(var(--dd-tabs-h) - 20px + 4px);z-index:25;}
.crm2.crm-reference .dd-pane .c360-qbar::before{content:"";position:absolute;inset:-8px 0 auto 0;height:8px;background:var(--card);z-index:-1;pointer-events:none;}
.crm2.crm-reference #dealDetailOverlay{padding:0;align-items:stretch;justify-content:stretch;background:var(--card);}
.crm2.crm-reference #dealDetailOverlay .modal{max-width:none;width:100%;max-height:none;height:100%;border-radius:0;box-shadow:none;}
.crm2.crm-reference #dealDetailOverlay .dd-head,.crm2.crm-reference #dealDetailOverlay .dd-track-wrap{flex-shrink:0;}
.crm2.crm-reference #dealDetailOverlay .modal-body{flex:1 1 auto;min-height:0;display:flex;flex-direction:row;padding:0;overflow:hidden;}
.crm2.crm-reference #dealDetailOverlay .modal-body > .dd-tabs{display:none;}
.crm2.crm-reference #dealDetailOverlay .dd-pane,.crm2.crm-reference #dealDetailOverlay .dd-pane.active{display:block;min-height:0;overflow-y:auto;padding:18px 22px 24px;}
.crm2.crm-reference #dealDetailOverlay #dd-overview{flex:0 0 40%;max-width:40%;box-sizing:border-box;border-left:1px solid var(--border);background:var(--bg);}
.crm2.crm-reference #dealDetailOverlay #dd-acts{flex:1 1 60%;min-width:0;box-sizing:border-box;padding-top:0;}
.crm2.crm-reference #dealDetailOverlay #dd-acts .c360-qbar{top:0;margin-top:0;border-radius:0 0 var(--radius-md) var(--radius-md);}
.crm2.crm-reference #dealDetailOverlay #dd-acts .c360-qbar::before{display:none;}
.crm2.crm-reference #dealDetailOverlay #dd-acts .c360-qbar + .c360-chip{margin-top:4px;}
.crm2.crm-reference #dealDetailOverlay #dd-overview .c360-tiles{grid-template-columns:repeat(2,1fr);}
@media (max-width:1300px){.crm2.crm-reference #dealDetailOverlay #dd-overview .c360-grid{grid-template-columns:1fr;}
}
@media (max-width:900px){.crm2.crm-reference #dealDetailOverlay .modal-body{flex-direction:column;overflow-y:auto;}
.crm2.crm-reference #dealDetailOverlay .dd-pane,.crm2.crm-reference #dealDetailOverlay .dd-pane.active{overflow:visible;}
.crm2.crm-reference #dealDetailOverlay #dd-overview{flex:0 0 auto;max-width:none;border-left:none;border-bottom:1px solid var(--border);}
.crm2.crm-reference #dealDetailOverlay #dd-acts{flex:0 0 auto;}
}
.crm2.crm-reference #stageConfirmOverlay{z-index:130;}
.crm2.crm-reference #stageConfirmOverlay .sc-modal{background:var(--card);border-radius:var(--radius-lg);width:100%;max-width:560px;overflow:hidden;box-shadow:0 20px 60px rgba(15,35,60,.3);}
.crm2.crm-reference .sc-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 0;}
.crm2.crm-reference .sc-head h3{margin:0;font-size:12.6px;font-weight:700;color:var(--text-soft);}
.crm2.crm-reference .sc-x{border:none;background:none;color:var(--text-soft);width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;padding:0;}
.crm2.crm-reference .sc-x:hover{background:var(--bg);color:var(--heading);}
.crm2.crm-reference .sc-body{padding:26px 26px 34px;font-size:19px;line-height:1.9;color:var(--text-soft);font-weight:500;}
.crm2.crm-reference .sc-foot{display:flex;}
.crm2.crm-reference .sc-foot button{flex:1;border:none;padding:19px 10px;font-family:inherit;font-size:13.4px;font-weight:800;color:#fff;cursor:pointer;}
.crm2.crm-reference .sc-foot .sc-no{background:var(--danger);}
.crm2.crm-reference .sc-foot .sc-yes{background:var(--success);}
.crm2.crm-reference .sc-foot .sc-no:hover{filter:brightness(.93);}
.crm2.crm-reference .sc-foot .sc-yes:hover{filter:brightness(.93);}
.crm2.crm-reference .sc-foot button:focus-visible{outline:3px solid var(--navy);outline-offset:-3px;}
.crm2.crm-reference .hist-item.inv.invc{background:var(--card);border-color:var(--border);padding:14px 16px;}
.crm2.crm-reference .invc-top{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.crm2.crm-reference .invc-title{font-size:14px;font-weight:700;color:var(--heading);display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.crm2.crm-reference .invc-tools{display:flex;align-items:center;gap:8px;}
.crm2.crm-reference .invc-ib{width:32px;height:32px;border:0;background:none;color:var(--text-soft);display:flex;align-items:center;justify-content:center;border-radius:8px;padding:0;}
.crm2.crm-reference .invc-ib:hover{background:var(--bg);color:var(--heading);}
.crm2.crm-reference .invc-ib .icon{width:21px;height:21px;}
.crm2.crm-reference .invc-more{border-radius:50%;background:#1a73e8;color:#fff;}
.crm2.crm-reference .invc-more:hover{background:#1765cc;color:#fff;}
.crm2.crm-reference .invc-more .icon{width:18px;height:18px;fill:currentColor;stroke:none;}
.crm2.crm-reference .invc-amt{font-size:15px;font-weight:600;color:var(--text);margin:8px 0 12px;}
.crm2.crm-reference .invc-amt.off{text-decoration:line-through;color:var(--text-faint);}
.crm2.crm-reference .invc-meta{font-size:11.5px;color:var(--text-faint);font-weight:500;}
.crm2.crm-reference .invc-badge{font-size:10.5px;font-weight:800;padding:2px 9px;border-radius:20px;background:var(--navy-tint);color:var(--accent-text);}
.crm2.crm-reference .invc-badge.off{background:var(--danger-tint);color:var(--danger);}
.crm2.crm-reference .invc-menu{position:fixed;z-index:300;min-width:158px;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 28px rgba(15,35,60,.2);padding:6px 0;}
.crm2.crm-reference .invc-menu[hidden]{display:none;}
.crm2.crm-reference .invc-menu button{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;padding:9px 16px;text-align:right;font-size:13px;font-weight:600;color:var(--text);}
.crm2.crm-reference .invc-menu button:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0;}
.crm2.crm-reference .invc-menu button:hover{background:var(--bg);}
.crm2.crm-reference .invc-menu button.dg{color:var(--danger);}
.crm2.crm-reference .ivs-layout{display:grid;grid-template-columns:minmax(0,1fr) 500px;gap:18px;align-items:start;}
.crm2.crm-reference .ivs-pv{position:sticky;top:78px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;box-shadow:var(--shadow);}
.crm2.crm-reference .ivs-pv-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;font-size:13px;color:var(--heading);}
.crm2.crm-reference .ivs-seg{display:inline-flex;border:1px solid var(--border);border-radius:9px;overflow:hidden;}
.crm2.crm-reference .ivs-seg button{border:0;background:var(--card);padding:6px 13px;font-size:12px;font-weight:700;color:var(--text-soft);}
.crm2.crm-reference .ivs-seg button.on{background:var(--navy);color:#fff;}
.crm2.crm-reference .ivs-pv-stage{position:relative;overflow:hidden;background:var(--bg);border:1px solid var(--border);border-radius:8px;width:100%;}
.crm2.crm-reference .ivs-pv-stage .ivd{position:absolute;top:0;right:0;transform-origin:top right;}
.crm2.crm-reference .ivs-pv-note{font-size:11px;color:var(--text-faint);line-height:1.8;margin-top:10px;}
.crm2.crm-reference .ivs-fields.three{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:14px;}
.crm2.crm-reference .ivs-step{display:flex;align-items:stretch;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);overflow:hidden;transition:border-color .15s;}
.crm2.crm-reference .ivs-step:focus-within{border-color:var(--accent-text);}
.crm2.crm-reference .ivs-step .form-input{border:0;border-radius:0;text-align:center;min-width:0;flex:1;padding-inline:4px;}
.crm2.crm-reference .ivs-stp{width:38px;border:0;background:var(--navy-tint);color:var(--accent-text);font-size:18px;font-weight:700;line-height:1;flex-shrink:0;user-select:none;}
.crm2.crm-reference .ivs-stp:hover{background:var(--border);}
.crm2.crm-reference .ivs-stp:active{background:var(--navy);color:#fff;}
.crm2.crm-reference .ivs-img{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.crm2.crm-reference .ivs-thumb{width:46px;height:46px;border:1px dashed var(--border);border-radius:8px;background:var(--bg) center/contain no-repeat;flex-shrink:0;}
@media (min-width:1000px){.crm2.crm-reference .ivs-layout .ivs-list{grid-template-columns:1fr;}
.crm2.crm-reference .ivs-layout .ivs-fields{grid-template-columns:repeat(2,minmax(0,1fr));}
.crm2.crm-reference .ivs-layout .ivs-fields.three{grid-template-columns:1fr;}
}
@media (max-width:1000px){.crm2.crm-reference .ivs-layout{grid-template-columns:1fr;}
.crm2.crm-reference .ivs-pv{position:static;order:-1;}
}
.crm2.crm-reference #ivsPvOverlay .modal,.crm2.crm-reference #invPvOverlay .modal{max-width:min(1180px,96vw);}
.crm2.crm-reference #ivsPvOverlay .modal-body,.crm2.crm-reference #invPvOverlay .modal-body{background:var(--bg);padding:16px;}
.crm2.crm-reference #ivsPvOverlay .ivs-pv-stage,.crm2.crm-reference #invPvOverlay .ivs-pv-stage{border:0;}
.crm2.crm-reference #invPvOverlay .ivs-pv-stage{overflow:visible;}
.crm2.crm-reference #invPvOverlay{z-index:120;}
.crm2.crm-reference .invpv-tpl{display:flex;align-items:center;gap:10px;flex:1;min-width:0;}
.crm2.crm-reference .invpv-tpl label{font-size:13px;font-weight:700;color:var(--heading);white-space:nowrap;}
.crm2.crm-reference .invpv-tpl select{width:auto;min-width:220px;max-width:min(360px,100%);}
.crm2.crm-reference #invPvOverlay{padding:8px;}
.crm2.crm-reference #invPvOverlay .modal{max-width:min(1500px,99vw);max-height:98vh;height:98vh;}
.crm2.crm-reference #invPvOverlay .modal-head{padding:10px 14px;gap:10px;flex-wrap:wrap;justify-content:flex-start;flex:0 0 auto;}
.crm2.crm-reference #invPvOverlay .modal-body{padding:8px 10px;flex:1 1 auto;min-height:0;}
.crm2.crm-reference #invPvOverlay .modal-close{margin-inline-start:auto;flex:0 0 auto;}
.crm2.crm-reference #invPvOverlay .invpv-tpl select{padding-top:7px;padding-bottom:7px;}
.crm2.crm-reference #invPvOverlay #invPvFoot2{display:none;gap:8px;flex-wrap:wrap;align-items:center;}
.crm2.crm-reference #invPvOverlay.saved-mode #invPvFoot2{display:flex;}
.crm2.crm-reference #invPvOverlay .invpv-fit{padding:7px 12px;font-size:12.5px;}
.crm2.crm-reference #invPvOverlay.saved-mode > .modal > .modal-foot:not(#invPvFoot2){display:none;}
.crm2.crm-reference #invPvOverlay .modal-head{background:linear-gradient(180deg,var(--navy-tint),var(--card));border-bottom:1px solid var(--border);box-shadow:0 2px 8px rgba(15,35,60,.06);}
.crm2.crm-reference #invPvOverlay #invPvFoot2{padding-inline-start:14px;margin-inline-start:4px;border-inline-start:2px solid var(--border);}
.crm2.crm-reference .pv-b{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:10px;font-size:13.5px;font-weight:800;cursor:pointer;white-space:nowrap;border:1.5px solid var(--navy);transition:background .15s,color .15s,box-shadow .15s,transform .05s;}
.crm2.crm-reference .pv-b:active{transform:translateY(1px);}
.crm2.crm-reference .pv-b .pv-ic{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;}
.crm2.crm-reference .pv-back{background:var(--card);color:var(--navy);}
.crm2.crm-reference .pv-back:hover{background:var(--navy-tint);}
.crm2.crm-reference .pv-send{background:var(--navy-tint);color:var(--navy);}
.crm2.crm-reference .pv-send:hover{background:var(--navy);color:#fff;}
.crm2.crm-reference .pv-print{background:var(--navy);color:#fff;box-shadow:0 4px 12px rgba(23,52,84,.28);}
.crm2.crm-reference .pv-print:hover{background:var(--navy-dark);}
.crm2.crm-reference .pv-b:focus-visible{outline:3px solid rgba(31,68,104,.35);outline-offset:2px;}
.crm2.crm-reference #invPvFoot2 .pv-chev{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
@media (max-width:760px){.crm2.crm-reference #invPvOverlay #invPvFoot2{order:5;flex:1 1 100%;}
.crm2.crm-reference #invPvFoot2 button{flex:1 1 45%;justify-content:center;}
}
.crm2.crm-reference #ibOverlay.overlay{padding:0;align-items:stretch;justify-content:stretch;background:var(--bg);z-index:110;}
.crm2.crm-reference #ibOverlay .ib{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;}
.crm2.crm-reference .ib-top{display:flex;align-items:center;gap:10px;padding:12px 24px;background:var(--card);border-bottom:1px solid var(--border);flex-wrap:wrap;}
.crm2.crm-reference .ib-top h3{margin:0;margin-inline-end:auto;font-size:17px;color:var(--heading);}
.crm2.crm-reference .ib-top .btn-ghost{padding:10px 16px;font-size:13px;font-weight:700;}
.crm2.crm-reference .ib-body{flex:1;display:flex;min-height:0;}
.crm2.crm-reference .ib-panel{width:410px;flex:none;overflow-y:auto;padding:18px;background:var(--bg);border-inline-end:1px solid var(--border);}
.crm2.crm-reference .ib-stage{flex:1;min-width:0;overflow:auto;padding:24px;background:#DCE2E9;}
html[data-theme="dark"] .crm2.crm-reference .ib-stage{background:#0A1017;}
.crm2.crm-reference .ib-wrap{position:relative;margin:0 auto;}
.crm2.crm-reference .ib-wrap .ibp{position:absolute;left:0;top:0;transform-origin:0 0;box-shadow:0 2px 6px rgba(15,35,60,.14),0 14px 34px rgba(15,35,60,.16);}
.crm2.crm-reference .ib-acc{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:12px;box-shadow:var(--shadow);overflow:hidden;}
.crm2.crm-reference .ib-acc-h{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border:none;background:none;font-family:inherit;font-size:13.5px;font-weight:800;color:var(--heading);text-align:start;}
.crm2.crm-reference .ib-acc-h:hover{background:var(--bg);}
.crm2.crm-reference .ib-acc-h:focus-visible{outline:2px solid var(--accent-text);outline-offset:-2px;}
.crm2.crm-reference .ib-acc-h .icon{width:17px;height:17px;transition:transform .18s ease;color:var(--text-soft);}
.crm2.crm-reference .ib-acc.open .ib-acc-h .icon{transform:rotate(180deg);}
.crm2.crm-reference .ib-acc.open .ib-acc-h{border-bottom:1px solid var(--border);}
.crm2.crm-reference .ib-acc-b{display:none;padding:16px;}
.crm2.crm-reference .ib-acc.open .ib-acc-b{display:block;}
.crm2.crm-reference .ib-f{margin-bottom:14px;}
.crm2.crm-reference .ib-f:last-child{margin-bottom:0;}
.crm2.crm-reference .ib-f>.form-label{font-size:13px;font-weight:800;color:var(--heading);margin-bottom:8px;display:block;}
.crm2.crm-reference .ib-sub{font-size:13px;font-weight:800;color:var(--heading);margin:0 0 12px;}
.crm2.crm-reference .ib-sub.sp{margin-top:20px;}
.crm2.crm-reference .ib-radios{display:flex;gap:22px;align-items:center;margin-bottom:6px;}
.crm2.crm-reference .ib-radio{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:12.6px;font-weight:600;color:var(--text);}
.crm2.crm-reference .ib-radio input{position:absolute;opacity:0;pointer-events:none;}
.crm2.crm-reference .ib-radio .dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--border);display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--card);transition:all .14s;flex:none;}
.crm2.crm-reference .ib-radio .dot .icon{width:13px;height:13px;stroke-width:3;opacity:0;}
.crm2.crm-reference .ib-radio input:checked+.dot{background:var(--navy);border-color:var(--navy);}
.crm2.crm-reference .ib-radio input:checked+.dot .icon{opacity:1;}
.crm2.crm-reference .ib-radio input:focus-visible+.dot{outline:2px solid var(--accent-text);outline-offset:2px;}
.crm2.crm-reference .ib-radio .pg{border:1.5px solid var(--text-faint);border-radius:3px;background:var(--bg);display:inline-flex;flex-direction:column;gap:3px;padding:4px;flex:none;}
.crm2.crm-reference .ib-radio .pg i{display:block;height:2px;background:var(--text-faint);border-radius:1px;}
.crm2.crm-reference .ib-radio .pg.l{width:44px;height:30px;}
.crm2.crm-reference .ib-radio .pg.p{width:30px;height:42px;}
.crm2.crm-reference .ib-radio input:checked~.pg{border-color:var(--navy);background:var(--navy-tint);}
.crm2.crm-reference .ib-mrow{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font-size:12.6px;font-weight:600;color:var(--text);}
.crm2.crm-reference .ib-mrow .form-input{width:150px;text-align:center;direction:ltr;}
.crm2.crm-reference .ib-mrow .form-input::placeholder{color:var(--danger);opacity:.8;}
.crm2.crm-reference .ib-chk{display:flex;align-items:center;gap:10px;padding:5px 0;cursor:pointer;font-size:12.6px;font-weight:600;color:var(--text);}
.crm2.crm-reference .ib-chk input{position:absolute;opacity:0;pointer-events:none;}
.crm2.crm-reference .ib-chk .bx{width:20px;height:20px;border-radius:5px;border:1.5px solid var(--text-faint);background:var(--card);display:inline-flex;align-items:center;justify-content:center;color:#fff;flex:none;transition:all .12s;}
.crm2.crm-reference .ib-chk .bx .icon{width:13px;height:13px;stroke-width:3.2;opacity:0;}
.crm2.crm-reference .ib-chk input:checked+.bx{background:var(--navy);border-color:var(--navy);}
.crm2.crm-reference .ib-chk input:checked+.bx .icon{opacity:1;}
.crm2.crm-reference .ib-chk input:focus-visible+.bx{outline:2px solid var(--accent-text);outline-offset:2px;}
.crm2.crm-reference .ib-chk.big{padding:7px 0;gap:12px;}
.crm2.crm-reference .ib-chk.big .ico{width:38px;height:38px;color:var(--text-soft);flex:none;margin-inline-start:auto;}
.crm2.crm-reference .ib-chk.big input:checked~.ico{color:var(--navy);}
.crm2.crm-reference .ib-chk.big span.t{flex:1;}
.crm2.crm-reference .ib-sws{display:flex;gap:10px;flex-wrap:wrap;}
.crm2.crm-reference .ib-sw{width:34px;height:34px;border-radius:50%;border:2px solid transparent;box-shadow:0 0 0 1px var(--border) inset;cursor:pointer;padding:0;position:relative;display:inline-block;flex:none;}
.crm2.crm-reference .ib-sw:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px;}
.crm2.crm-reference .ib-sw.on{border-color:var(--card);box-shadow:0 0 0 2px var(--navy);}
.crm2.crm-reference .ib-sw.rb{background:conic-gradient(#f44 0 17%,#fb3 0 33%,#4c6 0 50%,#3bd 0 67%,#66f 0 83%,#d5c 0);overflow:hidden;}
.crm2.crm-reference .ib-sw.rb input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;}
.crm2.crm-reference .ib-img{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--border);}
.crm2.crm-reference .ib-img:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.crm2.crm-reference .ib-img-h{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:800;color:var(--heading);}
.crm2.crm-reference .ib-info{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--text-soft);color:var(--text-soft);font-size:11px;font-weight:800;font-style:normal;display:inline-flex;align-items:center;justify-content:center;cursor:help;position:relative;flex:none;}
.crm2.crm-reference .ib-info:hover::after,.crm2.crm-reference .ib-info:focus::after{content:attr(data-tip);position:absolute;z-index:5;top:26px;inset-inline-start:-10px;width:230px;background:var(--navy-dark);color:#fff;font-size:11.4px;font-weight:500;line-height:1.7;padding:9px 11px;border-radius:9px;box-shadow:0 8px 24px rgba(0,0,0,.25);white-space:normal;text-align:start;}
.crm2.crm-reference .ib-add{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:12.6px;font-weight:700;color:var(--success);}
.crm2.crm-reference .ib-add .pl{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;}
.crm2.crm-reference .ib-add .pl .icon{width:15px;height:15px;stroke-width:2.6;}
.crm2.crm-reference .ib-add small{font-weight:500;font-size:11px;color:var(--text-faint);}
.crm2.crm-reference .ib-add:focus-within{outline:2px solid var(--accent-text);outline-offset:3px;border-radius:6px;}
.crm2.crm-reference .ib-img-v{display:flex;align-items:center;gap:12px;}
.crm2.crm-reference .ib-img-v .th{width:84px;height:54px;border:1px solid var(--border);border-radius:8px;background:repeating-conic-gradient(#f1f3f6 0 25%,#fff 0 50%) 0 0/12px 12px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.crm2.crm-reference .ib-img-v .th img{max-width:100%;max-height:100%;object-fit:contain;filter:none !important;}
.crm2.crm-reference .ib-img-v button{border:1px solid var(--border);background:var(--card);border-radius:8px;padding:6px 12px;font-size:11.8px;font-weight:700;color:var(--danger);}
.crm2.crm-reference .ib-img-v button:hover{background:var(--danger-tint);}
.crm2.crm-reference .ib-prev{position:absolute;inset:0;z-index:20;display:none;flex-direction:column;background:#DCE2E9;}
html[data-theme="dark"] .crm2.crm-reference .ib-prev{background:#0A1017;}
.crm2.crm-reference .ib-prev.open{display:flex;animation:crmref-fadeIn .15s ease;}
.crm2.crm-reference .ib-prev-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;background:var(--card);border-bottom:1px solid var(--border);}
.crm2.crm-reference .ib-prev-h h3{margin:0;font-size:15px;color:var(--heading);}
.crm2.crm-reference .ib-prev-x{width:34px;height:34px;border-radius:9px;border:1px solid var(--border);background:var(--card);color:var(--text-soft);display:flex;align-items:center;justify-content:center;}
.crm2.crm-reference .ib-prev-x:hover{background:var(--bg);color:var(--heading);}
.crm2.crm-reference .ib-prev-x:focus-visible{outline:2px solid var(--accent-text);outline-offset:2px;}
.crm2.crm-reference .ib-prev-x .icon{width:18px;height:18px;}
.crm2.crm-reference .ib-prev-s{flex:1;overflow:auto;padding:24px;}
.crm2.crm-reference .ib-toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--navy-dark);color:#fff;padding:11px 18px;border-radius:10px;font-size:12.8px;font-weight:600;opacity:0;pointer-events:none;transition:all .2s;z-index:130;box-shadow:0 10px 30px rgba(0,0,0,.3);}
.crm2.crm-reference .ib-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
@media(max-width:900px){.crm2.crm-reference .ib-body{flex-direction:column-reverse;}
.crm2.crm-reference .ib-panel{width:100%;flex:none;max-height:52%;border-inline-end:none;border-top:1px solid var(--border);}
.crm2.crm-reference .ib-stage{padding:12px;}
.crm2.crm-reference .ib-top{padding:10px 14px;}
}
@media(prefers-reduced-motion:reduce){.crm2.crm-reference .ib-acc-h .icon,.crm2.crm-reference .ib-toast{transition:none;}
}
.crm2.crm-reference .pd-toolbar{display:flex;justify-content:flex-start;margin-bottom:14px;}
.crm2.crm-reference .pd-table td.pd-num{white-space:nowrap;font-weight:700;color:var(--heading);}
.crm2.crm-reference .pd-table td.pd-num small{font-weight:600;color:var(--text-soft);margin-inline-start:4px;}
.crm2.crm-reference .pd-table td .pd-sub{display:block;font-size:11.2px;color:var(--text-faint);margin-top:2px;}
.crm2.crm-reference .pd-table td.pd-code{white-space:nowrap;color:var(--text-soft);font-weight:600;}
.crm2.crm-reference .pd-grp{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--navy-tint);color:var(--accent-text);font-size:11.5px;font-weight:700;white-space:nowrap;}
.crm2.crm-reference .pd-grp.none{background:none;color:var(--text-faint);font-weight:500;}
.crm2.crm-reference #pdOverlay .modal{max-width:660px;}
.crm2.crm-reference .pd-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px 14px;}
.crm2.crm-reference .pd-grid .c6{grid-column:span 6;}
.crm2.crm-reference .pd-grid .c3{grid-column:span 3;}
.crm2.crm-reference .pd-grid .c2{grid-column:span 2;}
.crm2.crm-reference .pd-hint{margin-top:6px;font-size:11.2px;color:var(--text-faint);line-height:1.7;}
.crm2.crm-reference .pd-req{color:var(--danger);margin-inline-start:3px;}
.crm2.crm-reference .pd-num-in{direction:ltr;text-align:right;}
.crm2.crm-reference .pd-num-in::placeholder{text-align:right;}
.crm2.crm-reference .pd-newg{display:none;gap:8px;margin-top:8px;}
.crm2.crm-reference .pd-newg.show{display:flex;}
.crm2.crm-reference .pd-newg .form-input{flex:1;min-width:0;}
.crm2.crm-reference .pd-newg .btn-ghost{padding:8px 14px;}
.crm2.crm-reference .pd-err{margin-top:5px;font-size:11.3px;color:var(--danger);display:none;}
.crm2.crm-reference .pd-err.show{display:block;}
.crm2.crm-reference .tpl-menu.up::before{top:auto;bottom:-6px;transform:translateX(-50%) rotate(225deg);}
.crm2.crm-reference .pd-toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(20px);background:var(--navy-dark);color:#fff;padding:11px 18px;border-radius:10px;font-size:12.8px;font-weight:600;opacity:0;pointer-events:none;transition:all .2s;z-index:130;}
.crm2.crm-reference .pd-toast.show{opacity:1;transform:translateX(-50%) translateY(0);}
@media(max-width:640px){.crm2.crm-reference .pd-grid .c3,.crm2.crm-reference .pd-grid .c2{grid-column:span 6;}
}
@media(prefers-reduced-motion:reduce){.crm2.crm-reference .pd-toast{transition:none;}
}
.crm2.crm-reference #dealDetailOverlay{top:var(--dd-top,0px);z-index:50;}
.crm2.crm-reference.dd-open .app-bar{display:none;}
.crm2.crm-reference.dd-open .page-nav-row{position:fixed !important;top:10px !important;left:var(--dd-nav-left,auto);z-index:55;margin:0;}
.crm2.crm-reference.dd-open .page-nav-row::before{display:block !important;}
.crm2.crm-reference #dealDetailOverlay{border-top:1px solid var(--border);box-shadow:0 -1px 0 rgba(15,35,60,.04);}
.crm2.crm-reference #dealDetailOverlay::before{content:"";position:absolute;top:0;left:0;right:0;height:10px;z-index:30;pointer-events:none;background:linear-gradient(rgba(15,35,60,.13),rgba(15,35,60,0));}
.crm2.crm-reference #kbStickyBar{position:fixed;z-index:54;display:none;overflow:hidden;background:var(--bg);box-shadow:0 6px 8px -6px rgba(15,35,60,.28);}
.crm2.crm-reference #kbStickyBar .kb-cell{position:absolute;top:0;padding:0;border:none;overflow:visible;}
.crm2.crm-reference #kbStickyBar .kb-cell .sh-top{margin:0 !important;width:100%;box-sizing:border-box;}
.crm2.crm-reference.dd-open #kbStickyBar{display:none !important;}
.crm2.crm-reference #kbStickyBar .stage-head .sh-top{
    align-items:center;justify-content:space-between;gap:6px;
    margin:0 -19px 11px;padding:11px 27px;position:relative;min-height:54px;
    color:#fff;text-shadow:0 1px 1px rgba(0,0,0,.15);
    clip-path:polygon(100% 0,24px 0,0 50%,24px 100%,100% 100%,calc(100% - 24px) 50%);
    z-index:2;
  }
.crm2.crm-reference #kbStickyBar .stage-head .sh-top.sh-top-first{clip-path:polygon(100% 0,24px 0,0 50%,24px 100%,100% 100%);padding-inline-start:14px;margin-inline-start:0;}
.crm2.crm-reference #kbStickyBar .stage-head .sh-top.sh-top-last{clip-path:polygon(100% 0,0 0,0 100%,100% 100%,calc(100% - 24px) 50%);padding-inline-end:18px;margin-inline-end:0;}
.crm2.crm-reference #kbStickyBar .stage-head .sh-title{color:#fff;flex:1;min-width:0;}
.crm2.crm-reference #kbStickyBar .stage-head .sh-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;max-width:100%;vertical-align:middle;}
.crm2.crm-reference #kbStickyBar .stage-head .sh-dot{display:none;}
.crm2.crm-reference #kbStickyBar .stage-head .sh-count{background:rgba(255,255,255,.32);color:#fff;flex-shrink:0;}
.crm2.crm-reference #kbStickyBar .stage-head .sh-add{border-color:rgba(255,255,255,.55);background:rgba(255,255,255,.16);color:#fff;flex-shrink:0;}
.crm2.crm-reference #kbStickyBar .stage-stamp{flex-shrink:0;}
.crm2.crm-reference #kbStickyBar .stage-head .sh-add:hover{background:rgba(255,255,255,.34);color:#fff;}
.crm2.crm-reference #kbStickyBar .stage-head .sh-sum{padding:0 14px;}
.crm2.crm-reference #kbStickyBar .stage-head .sh-stagebar{margin:0 14px 8px;}
.crm2.crm-reference #kbStickyBar .stage-stamp{width:32px;height:32px;}
.crm2.crm-reference #kbStickyBar .stage-stamp span{font-size:7.6px;}
.crm2.crm-reference #kbStickyBar .stage-stamp.stamp-won,.crm2.crm-reference #kbStickyBar .stage-stamp.stamp-lost{color:#fff;mix-blend-mode:normal;opacity:.95;}
.crm2.crm-reference #kbStickyBar .stage-head .sh-top{transition:filter .15s ease, transform .15s ease;}
.crm2.crm-reference #kbStickyBar .stage-head .sh-top:hover{filter:brightness(1.1) saturate(1.08);transform:scale(1.02);}
.crm2.crm-reference #dealDetailOverlay .hist-tabs-sticky{position:sticky;top:var(--dd-qbar-h,0px);z-index:24;background:var(--card);margin:0 -22px;padding:8px 22px 0;}
.crm2.crm-reference #dealDetailOverlay .hist-tabs-sticky .hist-tabs{margin-bottom:10px;}
@media (max-width:900px){.crm2.crm-reference #dealDetailOverlay .hist-tabs-sticky{margin:0 -22px;}
}
.crm2.crm-reference .ctr-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:14px}
.crm2.crm-reference .ctr-kpi{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 14px}
.crm2.crm-reference .ctr-kpi b{display:block;font-size:20px;color:var(--heading)}
.crm2.crm-reference .ctr-kpi span{font-size:12px;color:var(--text-soft)}
.crm2.crm-reference .ctr-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.crm2.crm-reference .ctr-bar .form-input,.crm2.crm-reference .ctr-bar .form-select{width:auto;min-width:150px}
.crm2.crm-reference .ctr-adv{margin-bottom:12px}
.crm2.crm-reference .ctr-adv-h{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--text);font:inherit;font-size:13px;cursor:pointer;transition:background .15s,border-color .15s}
.crm2.crm-reference .ctr-adv-h:hover{background:var(--navy-tint)}
.crm2.crm-reference .ctr-adv-h b{font-weight:700}
.crm2.crm-reference .ctr-adv-h .ctr-adv-c{transition:transform .2s;color:var(--text-soft)}
.crm2.crm-reference .ctr-adv.open .ctr-adv-h{border-color:var(--accent-text,var(--border))}
.crm2.crm-reference .ctr-adv.open .ctr-adv-c{transform:rotate(180deg)}
.crm2.crm-reference .ctr-adv-n{min-width:20px;height:20px;padding:0 6px;border-radius:20px;background:var(--navy);color:#fff;font-size:11px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}
.crm2.crm-reference .ctr-adv-b{margin-top:10px;padding:14px 14px 2px;border:1px solid var(--border);border-radius:12px;background:var(--card);animation:crmref-ctrAdvIn .18s ease-out}
.crm2.crm-reference .ctr-adv-b[hidden]{display:none}
.crm2.crm-reference .ctr-adv-n[hidden]{display:none}
@keyframes crmref-ctrAdvIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.crm2.crm-reference .ctr-tw{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:auto}
.crm2.crm-reference .ctr-t{width:100%;border-collapse:collapse;font-size:12.6px}
.crm2.crm-reference .ctr-t th{background:var(--bg);color:var(--text-soft);font-weight:700;padding:10px 12px;text-align:right;white-space:nowrap}
.crm2.crm-reference .ctr-t td{padding:11px 12px;border-top:1px solid var(--border);white-space:nowrap}
.crm2.crm-reference .ctr-t tr.r{cursor:pointer}
.crm2.crm-reference .ctr-t tr.r:hover{background:var(--bg)}
.crm2.crm-reference .ctr-tw{max-height:calc(100vh - 190px);min-height:260px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.crm2.crm-reference .ctr-t thead th{position:sticky;top:0;z-index:3;box-shadow:0 1px 0 var(--border)}
.crm2.crm-reference .ctr-b{display:inline-block;padding:3px 10px;border-radius:99px;font-size:11.5px;font-weight:700;background:var(--navy-tint);color:var(--accent-text)}
.crm2.crm-reference .ctr-b.active{background:var(--turquoise-tint);color:var(--turquoise-dark)}
.crm2.crm-reference .ctr-b.expired,.crm2.crm-reference .ctr-b.terminated,.crm2.crm-reference .ctr-b.canceled{background:#fdecec;color:#b3372f}
.crm2.crm-reference .ctr-b.pending{background:#fff4dc;color:#9a6a00}
.crm2.crm-reference .ctr-tabs{display:flex;gap:6px;border-bottom:1px solid var(--border);margin-bottom:14px;flex-wrap:wrap}
.crm2.crm-reference .ctr-tabs button{padding:9px 13px;border:0;background:none;font:inherit;font-size:12.6px;font-weight:700;color:var(--text-soft);border-bottom:2px solid transparent}
.crm2.crm-reference .ctr-tabs button.on{color:var(--accent-text);border-color:var(--accent-text)}
.crm2.crm-reference .ctr-g{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;font-size:12.8px}
.crm2.crm-reference .ctr-g div span{display:block;color:var(--text-soft);font-size:11.8px}
.crm2.crm-reference .ctr-empty{padding:26px;text-align:center;color:var(--text-soft);font-size:12.8px}
.crm2.crm-reference .ctr-al{display:flex;align-items:center;gap:10px;justify-content:space-between;background:#fff4dc;color:#7a5200;border:1px solid #f0d89a;border-radius:10px;padding:8px 12px;margin-bottom:8px;font-size:12.6px}
.crm2.crm-reference .ctr-al.x{background:#fdecec;color:#b3372f;border-color:#f3c4c0}
.crm2.crm-reference #ctrAlerts{display:flex;flex-wrap:wrap;gap:6px 8px;margin-bottom:8px}
.crm2.crm-reference #ctrAlerts:empty{display:none}
.crm2.crm-reference #ctrAlerts .ctr-al{flex:1 1 380px;min-width:0;margin:0;padding:3px 10px;font-size:12px;line-height:1.5;border-radius:8px}
.crm2.crm-reference #ctrAlerts .ctr-al>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.crm2.crm-reference #ctrAlerts .ctr-al .btn-ghost{padding:1px 10px;font-size:11.5px;min-height:0;height:auto;line-height:1.6;flex:none}
.crm2.crm-reference .overlay#ctrOv{z-index:400}
.crm2.crm-reference .ctr-dg{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
.crm2.crm-reference .ctr-dg>div{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 14px}
.crm2.crm-reference .ctr-dg h5{margin:0 0 8px;font-size:12.6px;color:var(--heading)}
.crm2.crm-reference .ctr-dg p{margin:0;display:flex;justify-content:space-between;font-size:12.2px;padding:4px 0;border-bottom:1px dashed var(--border)}
.crm2.crm-reference .ctr-dg p:last-child{border:0}
@media(max-width:900px){.crm2.crm-reference .ctr-dg{grid-template-columns:repeat(2,1fr)}
}
.crm2.crm-reference .ctr-prog{height:8px;border-radius:9px;background:var(--bg);overflow:hidden;margin:6px 0 4px}
.crm2.crm-reference .ctr-prog i{display:block;height:100%;background:var(--turquoise-dark)}
.crm2.crm-reference .ctr-doc{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:18px 22px;white-space:pre-wrap;line-height:2.1;font-size:13.4px;max-height:520px;overflow:auto}
.crm2.crm-reference .ctr-fv{background:var(--turquoise-tint);border-radius:4px;padding:0 3px}
.crm2.crm-reference .ctr-miss{background:var(--amber-tint);color:var(--amber);border-radius:4px;padding:0 4px;font-weight:700}
.crm2.crm-reference .ctr-ck{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.crm2.crm-reference .ctr-ck span{padding:3px 10px;border-radius:99px;font-size:11.8px;font-weight:700}
.crm2.crm-reference .ctr-ck .rq{background:var(--danger-tint);color:var(--danger)}
.crm2.crm-reference .ctr-ck .rc{background:var(--amber-tint);color:var(--amber)}
.crm2.crm-reference .ctr-ck .ok{background:var(--success-tint);color:var(--success)}
@media(max-width:800px){.crm2.crm-reference .ctr-kpis{grid-template-columns:repeat(2,1fr)}
.crm2.crm-reference .ctr-g{grid-template-columns:1fr}
}
.crm2.crm-reference .ctr-off{background:#e8f7ef;color:#14663f;border:1px solid #b9e3cc;border-radius:10px;padding:10px 14px;margin-bottom:10px;font-size:12.8px}
.crm2.crm-reference .ctr-off small{opacity:.8}
.crm2.crm-reference .ctr-cl{display:inline-flex;align-items:center;gap:4px;background:var(--bg);border:1px solid var(--border);border-radius:99px;padding:2px 4px 2px 10px;margin:2px;font-size:11.5px}
.crm2.crm-reference .ctr-cl button{border:0;background:none;cursor:pointer;color:#b3372f;font-size:14px;line-height:1}
.crm2.crm-reference #kanbanBoard{scroll-snap-type:none;scrollbar-width:thin;}
.crm2.crm-reference #kbHScroll{position:fixed;bottom:0;z-index:50;display:none;overflow-x:auto;overflow-y:hidden;height:18px;background:var(--bg);box-shadow:0 -6px 10px -8px rgba(15,35,60,.35);scrollbar-width:auto;}
.crm2.crm-reference #kbHScroll .kbh-in{height:1px;}
.crm2.crm-reference #kbHScroll::-webkit-scrollbar{height:12px;}
.crm2.crm-reference #kbHScroll::-webkit-scrollbar-thumb{background:#AEB9C6;border-radius:20px;border:2px solid var(--bg);}
.crm2.crm-reference #kbHScroll::-webkit-scrollbar-thumb:hover{background:#8795A6;}
.crm2.crm-reference.dd-open #kbHScroll{display:none !important;}
.crm2.crm-reference .hs-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;}
.crm2.crm-reference .hs-kpi{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);padding:11px 13px;}
.crm2.crm-reference .hs-kpi b{display:block;font-size:19px;color:var(--heading);line-height:1.4;}
.crm2.crm-reference .hs-kpi span{font-size:11.4px;color:var(--text-soft);font-weight:700;}
.crm2.crm-reference .hs-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
.crm2.crm-reference .hs-search{display:flex;align-items:center;gap:7px;flex:1 1 230px;min-width:200px;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:7px 12px;}
.crm2.crm-reference .hs-search .icon{width:14px;height:14px;color:var(--text-faint);flex:none;}
.crm2.crm-reference .hs-search input{border:none;outline:none;background:none;flex:1;min-width:0;font-family:inherit;font-size:12.3px;color:var(--text);}
.crm2.crm-reference .hs-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--card);color:var(--text-soft);border-radius:10px;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;}
.crm2.crm-reference .hs-btn:hover{background:var(--bg);color:var(--accent-text);}
.crm2.crm-reference .hs-btn .icon{width:14px;height:14px;}
.crm2.crm-reference .hs-btn.icon-only{padding:7px 9px;}
.crm2.crm-reference .hs-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px;}
.crm2.crm-reference .hs-chip{border:1px solid var(--border);background:var(--card);color:var(--text-soft);border-radius:20px;padding:4px 11px;font-family:inherit;font-size:11.6px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;}
.crm2.crm-reference .hs-chip i{font-style:normal;font-size:10.6px;background:var(--navy-tint);color:var(--accent-text);border-radius:20px;padding:0 6px;}
.crm2.crm-reference .hs-chip:hover{background:var(--bg);}
.crm2.crm-reference .hs-chip.on{background:var(--navy);border-color:var(--navy);color:#fff;}
.crm2.crm-reference .hs-chip.on i{background:rgba(255,255,255,.22);color:#fff;}
.crm2.crm-reference .hs-day{display:flex;align-items:center;gap:10px;margin:18px 0 10px;font-size:12px;font-weight:800;color:var(--heading);}
.crm2.crm-reference .hs-day:first-child{margin-top:2px;}
.crm2.crm-reference .hs-day::after{content:'';flex:1;height:1px;background:var(--border);}
.crm2.crm-reference .hs-day em{font-style:normal;font-size:10.8px;color:var(--text-faint);font-weight:700;}
.crm2.crm-reference .hs-item{display:flex;gap:11px;position:relative;padding-bottom:10px;}
.crm2.crm-reference .hs-item::before{content:'';position:absolute;top:34px;bottom:0;inset-inline-start:15px;width:2px;background:var(--border);}
.crm2.crm-reference .hs-item.last::before{display:none;}
.crm2.crm-reference .hs-ic{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:none;position:relative;z-index:1;}
.crm2.crm-reference .hs-ic .icon{width:16px;height:16px;}
.crm2.crm-reference .hs-card{flex:1;min-width:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);padding:9px 12px;}
.crm2.crm-reference .hs-top{display:flex;align-items:flex-start;gap:8px;}
.crm2.crm-reference .hs-text{flex:1;min-width:0;font-size:12.6px;font-weight:700;color:var(--text);line-height:1.9;}
.crm2.crm-reference .hs-time{font-size:11px;color:var(--text-faint);font-weight:700;white-space:nowrap;padding-top:2px;}
.crm2.crm-reference .hs-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:5px;font-size:11px;color:var(--text-soft);font-weight:600;}
.crm2.crm-reference .hs-av{width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:9.6px;font-weight:800;color:#fff;flex:none;}
.crm2.crm-reference .hs-user{display:inline-flex;align-items:center;gap:5px;}
.crm2.crm-reference .hs-kind{font-size:10.4px;font-weight:800;padding:1px 8px;border-radius:20px;}
.crm2.crm-reference .hs-ent{display:inline-flex;align-items:center;gap:5px;border:none;background:var(--bg);color:var(--text-soft);border-radius:8px;padding:2px 8px;font-family:inherit;font-size:11px;font-weight:700;max-width:100%;}
.crm2.crm-reference .hs-ent b{color:var(--heading);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:210px;}
.crm2.crm-reference .hs-ent.link{cursor:pointer;}
.crm2.crm-reference .hs-ent.link:hover{background:var(--navy-tint);color:var(--accent-text);}
.crm2.crm-reference .hs-src{font-size:10.2px;color:var(--text-faint);font-weight:800;}
.crm2.crm-reference .hs-more{text-align:center;margin-top:10px;}
.crm2.crm-reference .hs-none{padding:46px 16px;text-align:center;font-size:12.6px;color:var(--text-faint);border:1.5px dashed var(--border);border-radius:var(--radius-md);}
@media (max-width:900px){.crm2.crm-reference .hs-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}
.crm2.crm-reference .hs-ent b{max-width:140px;}
}
.crm2.crm-reference .ldr-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;}
.crm2.crm-reference .ldr-kpi{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);padding:11px 13px;}
.crm2.crm-reference .ldr-kpi b{display:block;font-size:19px;color:var(--heading);line-height:1.7;}
.crm2.crm-reference .ldr-kpi span{font-size:11.4px;color:var(--text-soft);font-weight:700;}
.crm2.crm-reference .ldr-use{display:flex;align-items:center;gap:9px;min-width:190px;font-size:12px;font-weight:700;}
.crm2.crm-reference .ldr-use span{white-space:nowrap;min-width:62px;}
.crm2.crm-reference .ldr-use em{font-style:normal;font-size:10.8px;color:var(--text-faint);min-width:30px;text-align:end;}
.crm2.crm-reference .ldr-bar{flex:1;height:6px;border-radius:6px;background:var(--navy-tint);overflow:hidden;display:block;}
.crm2.crm-reference .ldr-bar u{display:block;height:100%;border-radius:6px;text-decoration:none;}
@media (max-width:700px){.crm2.crm-reference .ldr-kpis{grid-template-columns:1fr;}
}
.crm2.crm-reference .ex-kpis{grid-template-columns:repeat(3,minmax(0,1fr));}
.crm2.crm-reference .ex-sec{margin-bottom:20px;}
.crm2.crm-reference .ex-sec-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap;}
.crm2.crm-reference .ex-sec-head h4{margin:0;font-size:13.6px;color:var(--heading);display:flex;align-items:center;gap:8px;}
.crm2.crm-reference .ex-sec-head h4 i{font-style:normal;width:22px;height:22px;border-radius:50%;background:var(--navy-tint);color:var(--accent-text);font-size:11.5px;display:inline-flex;align-items:center;justify-content:center;}
.crm2.crm-reference .ex-sec-act{display:flex;gap:6px;}
.crm2.crm-reference .ex-grp{font-size:11.6px;font-weight:700;color:var(--text-faint);margin:12px 0 7px;}
.crm2.crm-reference .ex-grp:first-child{margin-top:0;}
.crm2.crm-reference .ex-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;}
.crm2.crm-reference .ex-card{position:relative;display:flex;align-items:flex-start;gap:11px;border:1.5px solid var(--border);background:var(--card);border-radius:var(--radius-sm);padding:12px 13px;cursor:pointer;transition:border-color .15s,background .15s;}
.crm2.crm-reference .ex-card:hover{border-color:var(--navy-tint);background:var(--bg);}
.crm2.crm-reference .ex-card input{position:absolute;opacity:0;pointer-events:none;}
.crm2.crm-reference .ex-card .ex-ic{width:34px;height:34px;border-radius:10px;background:var(--navy-tint);color:var(--accent-text);display:flex;align-items:center;justify-content:center;flex:none;}
.crm2.crm-reference .ex-card .ex-ic .icon{width:17px;height:17px;}
.crm2.crm-reference .ex-card .ex-tx{flex:1;min-width:0;}
.crm2.crm-reference .ex-card .ex-tx b{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12.8px;color:var(--heading);}
.crm2.crm-reference .ex-card .ex-tx b em{font-style:normal;font-size:10.8px;background:var(--navy-tint);color:var(--accent-text);border-radius:20px;padding:1px 8px;white-space:nowrap;}
.crm2.crm-reference .ex-card .ex-tx small{display:block;margin-top:3px;font-size:11.2px;line-height:1.8;color:var(--text-soft);}
.crm2.crm-reference .ex-card .ex-ck{position:absolute;top:9px;inset-inline-end:9px;width:17px;height:17px;border-radius:5px;border:1.5px solid var(--border);background:var(--card);display:flex;align-items:center;justify-content:center;}
.crm2.crm-reference .ex-card .ex-ck svg{width:11px;height:11px;stroke:#fff;fill:none;stroke-width:3;opacity:0;}
.crm2.crm-reference .ex-card:has(input:checked){border-color:var(--navy);background:var(--navy-tint);}
.crm2.crm-reference .ex-card:has(input:checked) .ex-ic{background:var(--navy);color:#fff;}
.crm2.crm-reference .ex-card:has(input:checked) .ex-ck{background:var(--navy);border-color:var(--navy);}
.crm2.crm-reference .ex-card:has(input:checked) .ex-ck svg{opacity:1;}
.crm2.crm-reference .ex-card.empty{opacity:.55;}
.crm2.crm-reference .ex-card .ex-tx b{padding-inline-end:24px;}
.crm2.crm-reference .ex-fmts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.crm2.crm-reference .ex-fmt{display:block;cursor:pointer;}
.crm2.crm-reference .ex-fmt input{position:absolute;opacity:0;pointer-events:none;}
.crm2.crm-reference .ex-fmt-b{display:block;border:1.5px solid var(--border);background:var(--card);border-radius:var(--radius-sm);padding:12px 13px;height:100%;transition:border-color .15s,background .15s;}
.crm2.crm-reference .ex-fmt-b b{display:block;font-size:12.8px;color:var(--heading);}
.crm2.crm-reference .ex-fmt-b b em{font-style:normal;font-size:11px;color:var(--text-faint);font-family:monospace;}
.crm2.crm-reference .ex-fmt-b small{display:block;margin-top:4px;font-size:11.2px;line-height:1.8;color:var(--text-soft);}
.crm2.crm-reference .ex-fmt:hover .ex-fmt-b{background:var(--bg);}
.crm2.crm-reference .ex-fmt input:checked + .ex-fmt-b{border-color:var(--navy);background:var(--navy-tint);}
.crm2.crm-reference .ex-fmt input:focus-visible + .ex-fmt-b,.crm2.crm-reference .ex-card:has(input:focus-visible){outline:2px solid var(--accent-text);outline-offset:2px;}
.crm2.crm-reference .ex-opts{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);padding:6px 14px 14px;}
.crm2.crm-reference .ex-opts .ivs-list{grid-template-columns:1fr;}
.crm2.crm-reference .ex-opts .ivs-row:last-child{border-bottom:0;}
.crm2.crm-reference .ex-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-top:4px;}
.crm2.crm-reference .ex-foot-note{font-size:12px;color:var(--text-soft);}
.crm2.crm-reference .ex-foot .btn-primary .icon{width:16px;height:16px;}
.crm2.crm-reference .ex-log-empty{text-align:center;color:var(--text-faint);font-size:12px;padding:22px 0;}
@media (max-width:900px){.crm2.crm-reference .ex-fmts,.crm2.crm-reference .ex-kpis{grid-template-columns:1fr;}
}
.crm2.crm-reference .fin-kpis{grid-template-columns:repeat(4,minmax(0,1fr));}
.crm2.crm-reference #finQ,.crm2.crm-reference #finPQ{min-width:270px;}
.crm2.crm-reference .fin-kpis .ctr-kpi span{display:block;}
.crm2.crm-reference .fin-kpis .ctr-kpi em{display:block;font-style:normal;font-size:11px;color:var(--text-faint);margin-top:2px;}
.crm2.crm-reference .fin-tabs{display:inline-flex;gap:4px;background:var(--card);border:1px solid var(--border);border-radius:11px;padding:4px;margin-bottom:12px;}
.crm2.crm-reference .fin-tabs button{border:0;background:none;font-family:inherit;font-size:12.8px;font-weight:700;color:var(--text-soft);padding:8px 16px;border-radius:8px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;}
.crm2.crm-reference .fin-tabs button i{font-style:normal;font-size:10.6px;background:var(--navy-tint);color:var(--accent-text);border-radius:20px;padding:1px 8px;}
.crm2.crm-reference .fin-tabs button.on{background:var(--navy);color:#fff;}
.crm2.crm-reference .fin-tabs button.on i{background:rgba(255,255,255,.2);color:#fff;}
.crm2.crm-reference .fin-tw{max-height:calc(100vh - 340px);}
.crm2.crm-reference .fin-pill{display:inline-block;font-size:11px;font-weight:700;border-radius:20px;padding:2px 10px;}
.crm2.crm-reference .fin-pill.inv{background:rgba(46,125,87,.14);color:#2e7d57;}
.crm2.crm-reference .fin-pill.pf{background:rgba(124,92,191,.14);color:#7c5cbf;}
.crm2.crm-reference .fin-pill.ok{background:rgba(46,125,87,.14);color:#2e7d57;}
.crm2.crm-reference .fin-pill.wait{background:rgba(214,138,24,.15);color:#b06f0c;}
.crm2.crm-reference .fin-pill.other{background:var(--navy-tint);color:var(--accent-text);}
.crm2.crm-reference .ctr-t td.fin-n{font-variant-numeric:tabular-nums;font-weight:700;color:var(--heading);}
.crm2.crm-reference .ctr-t tfoot td{border-top:2px solid var(--border);background:var(--bg);font-weight:800;color:var(--heading);position:sticky;bottom:0;}
.crm2.crm-reference .fin-view{background:none;border:1px solid var(--border);color:var(--accent-text);border-radius:8px;padding:3px 10px;font-family:inherit;font-size:11.6px;font-weight:700;cursor:pointer;}
.crm2.crm-reference .fin-view:hover{background:var(--navy-tint);}
.crm2.crm-reference .fin-none{text-align:center;color:var(--text-faint);padding:34px 0 !important;font-size:12.4px;}
@media (max-width:1100px){.crm2.crm-reference .fin-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}
}
.crm2.crm-reference{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
.crm2.crm-reference img,.crm2.crm-reference video,.crm2.crm-reference canvas{max-width:100%;}
.crm2.crm-reference .ctr-tw,.crm2.crm-reference .fin-tw,.crm2.crm-reference .nc-scroll{-webkit-overflow-scrolling:touch;}
@media (max-width:900px){.crm2.crm-reference .modal,.crm2.crm-reference .modal.wide,.crm2.crm-reference .modal.fu-modal,.crm2.crm-reference .modal.wt-modal,.crm2.crm-reference .wt-modal{max-width:100%;}
.crm2.crm-reference .cc-grid{grid-template-columns:minmax(0,1fr);}
.crm2.crm-reference .create-grid,.crm2.crm-reference .nc-layout{grid-template-columns:minmax(0,1fr);}
.crm2.crm-reference .fu-3col{grid-template-columns:minmax(0,1fr);}
.crm2.crm-reference .pc-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));}
}
@media (max-width:640px){.crm2.crm-reference{overflow-x:hidden;}
.crm2.crm-reference{overflow-x:clip;font-size:13.5px;}
.crm2.crm-reference .wrap{padding:12px 12px 56px;}
.crm2.crm-reference input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),.crm2.crm-reference select,.crm2.crm-reference textarea{font-size:16px !important;max-width:100%;}
.crm2.crm-reference .form-input,.crm2.crm-reference .form-select,.crm2.crm-reference .form-textarea,.crm2.crm-reference select.form-select-sm{min-width:0;max-width:100%;}
.crm2.crm-reference .btn-primary,.crm2.crm-reference .btn-outline,.crm2.crm-reference .btn-ghost,.crm2.crm-reference .btn-danger{min-height:40px;}
.crm2.crm-reference .app-bar-inner{padding:8px 12px;gap:8px 10px;flex-wrap:wrap;}
.crm2.crm-reference .ab-brand{min-width:0;flex:1 1 auto;}
.crm2.crm-reference .ab-org{min-width:0;}
.crm2.crm-reference .ab-org b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:34vw;}
.crm2.crm-reference .ab-org span{display:none;}
.crm2.crm-reference .ab-module{display:none;}
.crm2.crm-reference .ab-actions{margin-inline-start:auto;gap:6px;}
.crm2.crm-reference .ab-user{padding:3px;gap:0;}
.crm2.crm-reference .ab-user > span:not(.ab-avatar),.crm2.crm-reference .ab-user > svg{display:none;}
.crm2.crm-reference .ab-search{order:5;flex:1 1 100%;max-width:none;}
.crm2.crm-reference .ab-search .abs-field > span{display:none;}
.crm2.crm-reference .abs-results{max-height:60vh;max-height:60dvh;}
.crm2.crm-reference .ab-pop,.crm2.crm-reference #wsPop,.crm2.crm-reference #notifPop,.crm2.crm-reference #userPop{position:fixed !important;top:56px !important;left:10px !important;right:10px !important;inset-inline-start:10px !important;inset-inline-end:10px !important;width:auto !important;max-width:none;max-height:calc(100dvh - 72px);overflow-y:auto;}
.crm2.crm-reference .ab-pop .pop-body{max-height:50dvh;}
.crm2.crm-reference .page-nav-row{width:100% !important;max-width:100%;margin-bottom:14px;}
.crm2.crm-reference .page-nav{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-bottom:0;gap:4px;}
.crm2.crm-reference .page-nav::-webkit-scrollbar{display:none;}
.crm2.crm-reference .page-nav button{flex:0 0 auto;white-space:nowrap;padding:9px 12px;font-size:12.6px;}
.crm2.crm-reference .pn-menu{position:fixed;top:auto;inset-inline-start:10px;inset-inline-end:10px;min-width:0;width:auto;max-height:70dvh;overflow-y:auto;}
.crm2.crm-reference.dd-open .page-nav-row{left:0 !important;right:0;width:100% !important;padding:0 8px;}
.crm2.crm-reference .top-head{gap:10px;margin-bottom:14px;}
.crm2.crm-reference .th-title h1{font-size:17px;}
.crm2.crm-reference .th-actions{width:100%;gap:8px;}
.crm2.crm-reference .th-actions > .btn-primary,.crm2.crm-reference .th-actions > .btn-outline{flex:1 1 auto;justify-content:center;}
.crm2.crm-reference .search-input,.crm2.crm-reference .hist-search,.crm2.crm-reference .hs-search,.crm2.crm-reference .th-actions .search-input{min-width:0 !important;width:100%;flex:1 1 100%;}
.crm2.crm-reference .view-tabs{max-width:100%;overflow-x:auto;scrollbar-width:none;}
.crm2.crm-reference .view-tabs button{white-space:nowrap;flex:0 0 auto;}
.crm2.crm-reference .filter-bar{padding:12px;}
.crm2.crm-reference .filter-bar > *{flex:1 1 100%;min-width:0;}
.crm2.crm-reference .df-sel{min-width:0 !important;max-width:100%;}
.crm2.crm-reference .pc-toolbar,.crm2.crm-reference .pc-toolbar-right,.crm2.crm-reference .hist-toolbar,.crm2.crm-reference .hs-toolbar,.crm2.crm-reference .pd-toolbar,.crm2.crm-reference .ldr-bar,.crm2.crm-reference .ex-sec-head{width:100%;}
.crm2.crm-reference .pc-toolbar-right > *{flex:1 1 auto;}
.crm2.crm-reference .stat-row,.crm2.crm-reference #statRow,.crm2.crm-reference .lead-kpis,.crm2.crm-reference .desk-stats,.crm2.crm-reference .pc-kpis,.crm2.crm-reference .imp-sum,.crm2.crm-reference .qa-grid,.crm2.crm-reference .ctr-kpis,.crm2.crm-reference .ctr-off,.crm2.crm-reference .fin-kpis,.crm2.crm-reference .ldr-kpis,.crm2.crm-reference .ex-kpis,.crm2.crm-reference .hs-kpis,.crm2.crm-reference .c360-tiles,.crm2.crm-reference .ctr-prog,.crm2.crm-reference .ctr-dg,.crm2.crm-reference .nc-users{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px;
  }
.crm2.crm-reference .stat-row > :last-child:nth-child(odd),.crm2.crm-reference #statRow > :last-child:nth-child(odd),.crm2.crm-reference .lead-kpis > :last-child:nth-child(odd),.crm2.crm-reference .desk-stats > :last-child:nth-child(odd),.crm2.crm-reference .pc-kpis > :last-child:nth-child(odd),.crm2.crm-reference .ctr-kpis > :last-child:nth-child(odd),.crm2.crm-reference .fin-kpis > :last-child:nth-child(odd),.crm2.crm-reference .ldr-kpis > :last-child:nth-child(odd),.crm2.crm-reference .ex-kpis > :last-child:nth-child(odd),.crm2.crm-reference .hs-kpis > :last-child:nth-child(odd),.crm2.crm-reference .ctr-off > :last-child:nth-child(odd){grid-column:1 / -1;}
.crm2.crm-reference .loss-stats,.crm2.crm-reference .opf-stats,.crm2.crm-reference .form-grid,.crm2.crm-reference .reason-grid,.crm2.crm-reference .c360-grid,.crm2.crm-reference .rep-grid,.crm2.crm-reference .ld-meta,.crm2.crm-reference .nc-stats,.crm2.crm-reference .ivs-list,.crm2.crm-reference .ivs-fields,.crm2.crm-reference .ivs-fields.two,.crm2.crm-reference .ivs-fields.three,.crm2.crm-reference .ctr-g,.crm2.crm-reference .dash-grid,.crm2.crm-reference .dash-grid-3,.crm2.crm-reference #dashTopGrid,.crm2.crm-reference .desk-cols,.crm2.crm-reference .df-grid,.crm2.crm-reference .cfg-layout,.crm2.crm-reference .ivs-layout,.crm2.crm-reference .inv-bottom,.crm2.crm-reference .inv-top-grid,.crm2.crm-reference .tg-grid,.crm2.crm-reference .fu-wrap,.crm2.crm-reference .fu-3col,.crm2.crm-reference .cc-grid,.crm2.crm-reference .create-grid,.crm2.crm-reference .nc-layout,.crm2.crm-reference .dash-stats-wrap,.crm2.crm-reference #dealDetailOverlay #dd-overview .c360-grid{
    grid-template-columns:minmax(0,1fr) !important;
  }
.crm2.crm-reference #dealDetailOverlay #dd-overview .c360-tiles{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
.crm2.crm-reference .dash-stats-wrap > *{grid-column:auto !important;grid-row:auto !important;}
.crm2.crm-reference .dash-grid-3 > .panel:last-child{grid-column:auto;}
.crm2.crm-reference .pd-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;}
.crm2.crm-reference .pd-grid .c6,.crm2.crm-reference .pd-grid .c3{grid-column:span 2;}
.crm2.crm-reference .pd-grid .c2{grid-column:span 1;}
.crm2.crm-reference .pc-grid,.crm2.crm-reference .nc-tpls,.crm2.crm-reference .ex-cards{grid-template-columns:minmax(0,1fr) !important;}
.crm2.crm-reference .actt-icons{grid-template-columns:repeat(auto-fill,minmax(38px,1fr));}
.crm2.crm-reference .c360-hero{flex-direction:column;}
.crm2.crm-reference .df-rep{grid-template-columns:70px minmax(0,1fr) 34px;}
.crm2.crm-reference .jc-grid,.crm2.crm-reference .jc-g,.crm2.crm-reference .dr-grid{grid-template-columns:repeat(7,minmax(0,1fr));}
.crm2.crm-reference .jc{width:min(292px,calc(100vw - 20px)) !important;}
.crm2.crm-reference .jdp{width:min(262px,calc(100vw - 32px));max-width:calc(100vw - 32px);}
.crm2.crm-reference .dr-menu,.crm2.crm-reference .dr-menu.dr-gran,.crm2.crm-reference .wtcmp-menu,.crm2.crm-reference .pc-colpop,.crm2.crm-reference .inv-prodpop,.crm2.crm-reference .sb-tip,.crm2.crm-reference .wt-exp-menu,.crm2.crm-reference .tpl-menu,.crm2.crm-reference .invc-menu{max-width:calc(100vw - 16px);}
.crm2.crm-reference .dr-menu{width:min(228px,calc(100vw - 16px));}
.crm2.crm-reference .dr-sub{width:min(292px,calc(100vw - 32px));}
.crm2.crm-reference .wtcmp-menu{width:min(322px,calc(100vw - 16px));}
.crm2.crm-reference .wtc-card{min-width:0;width:100%;}
.crm2.crm-reference .ib-info:hover::after,.crm2.crm-reference .ib-info:focus::after{width:min(230px,70vw);}
.crm2.crm-reference .list-wrap{overflow-x:auto !important;-webkit-overflow-scrolling:touch;}
.crm2.crm-reference .ctr-tw,.crm2.crm-reference .fin-tw{overflow-x:auto;}
.crm2.crm-reference table.deals-table th,.crm2.crm-reference table.deals-table td,.crm2.crm-reference .ctr-t th,.crm2.crm-reference .ctr-t td{padding:10px 10px;}
.crm2.crm-reference .map-table,.crm2.crm-reference .tg-tbl{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;}
.crm2.crm-reference .tg-tbl .form-input{min-width:96px;}
.crm2.crm-reference #tgForm{overflow-x:auto;}
.crm2.crm-reference .nc-table{min-width:560px;}
.crm2.crm-reference .nc-scroll{overflow-x:auto;}
.crm2.crm-reference .overlay{padding:8px;}
.crm2.crm-reference .modal,.crm2.crm-reference .modal.wide,.crm2.crm-reference .modal.fu-modal{width:100%;max-width:100% !important;max-height:calc(100dvh - 16px);border-radius:14px;}
.crm2.crm-reference .modal-head{padding:14px 16px;gap:10px;}
.crm2.crm-reference .modal-head h3{font-size:14.5px;min-width:0;overflow-wrap:anywhere;}
.crm2.crm-reference .modal-body{padding:14px 16px;}
.crm2.crm-reference .modal-foot{padding:12px 16px;gap:8px;flex-wrap:wrap;justify-content:stretch;}
.crm2.crm-reference .modal-foot > button,.crm2.crm-reference .modal-foot > .btn-primary,.crm2.crm-reference .modal-foot > .btn-ghost,.crm2.crm-reference .modal-foot > .btn-outline,.crm2.crm-reference .modal-foot > .btn-danger{flex:1 1 auto;justify-content:center;}
.crm2.crm-reference .modal-foot{max-height:none;}
.crm2.crm-reference #invOverlay .modal.wide,.crm2.crm-reference #ivsPvOverlay .modal,.crm2.crm-reference #pdOverlay .modal{max-width:100% !important;}
.crm2.crm-reference #invPvOverlay{padding:0;}
.crm2.crm-reference #invPvOverlay .modal{max-width:100% !important;width:100%;height:100dvh;max-height:100dvh;border-radius:0;}
.crm2.crm-reference #invPvOverlay .modal-body,.crm2.crm-reference #invPvOverlay .modal-body{padding:6px;}
.crm2.crm-reference #invPvFoot2,.crm2.crm-reference #invPvOverlay .modal-foot{flex-wrap:wrap;}
.crm2.crm-reference #invPvFoot2 button{flex:1 1 45%;justify-content:center;}
.crm2.crm-reference .sc-modal{max-width:100%;}
.crm2.crm-reference .sc-body{font-size:16px;padding:20px 18px 24px;}
.crm2.crm-reference .dl-modal{padding:10px;}
.crm2.crm-reference .fu-form{padding:14px 16px;}
.crm2.crm-reference .fu-cal{max-height:260px;}
.crm2.crm-reference #dealDetailOverlay .dd-pane,.crm2.crm-reference #dealDetailOverlay .dd-pane.active{padding:14px 14px 22px;}
.crm2.crm-reference .dd-head{padding:12px 14px;gap:10px;}
.crm2.crm-reference .dd-head-title{flex-wrap:wrap;min-width:0;}
.crm2.crm-reference .dd-head-title h3{font-size:14.5px;overflow-wrap:anywhere;}
.crm2.crm-reference .dd-head-actions{flex-wrap:wrap;}
.crm2.crm-reference .dd-track-wrap{padding:12px 14px 4px;overflow-x:auto;}
.crm2.crm-reference .dd-menu{inset-inline-start:auto;max-width:calc(100vw - 24px);}
.crm2.crm-reference .dd-tabs,.crm2.crm-reference .hist-tabs,.crm2.crm-reference .cfg-tabs,.crm2.crm-reference .ctr-tabs,.crm2.crm-reference .fin-tabs,.crm2.crm-reference .hist-tabs-sticky .hist-tabs{
    flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;max-width:100%;
  }
.crm2.crm-reference .dd-tabs::-webkit-scrollbar,.crm2.crm-reference .hist-tabs::-webkit-scrollbar,.crm2.crm-reference .cfg-tabs::-webkit-scrollbar,.crm2.crm-reference .ctr-tabs::-webkit-scrollbar,.crm2.crm-reference .fin-tabs::-webkit-scrollbar{display:none;}
.crm2.crm-reference .dd-tabs button,.crm2.crm-reference .hist-tabs button,.crm2.crm-reference .ctr-tabs button,.crm2.crm-reference .fin-tabs button{flex:0 0 auto;white-space:nowrap;}
.crm2.crm-reference .hist-tabs{width:100%;margin:0 0 12px;}
.crm2.crm-reference #dealDetailOverlay .hist-tabs-sticky{margin:0 -14px;padding:8px 14px 0;}
.crm2.crm-reference .c360-qbar{padding:8px;}
.crm2.crm-reference .dd-field-row{gap:10px;flex-wrap:wrap;}
.crm2.crm-reference .dd-field-row span:last-child{text-align:end;overflow-wrap:anywhere;}
.crm2.crm-reference .ctr-bar{gap:8px;}
.crm2.crm-reference .ctr-bar > *,.crm2.crm-reference .ctr-bar .form-input,.crm2.crm-reference .ctr-bar .form-select,.crm2.crm-reference .ctr-bar select,.crm2.crm-reference .ctr-bar input{
    width:100% !important;min-width:0 !important;max-width:100%;flex:1 1 100%;
  }
.crm2.crm-reference .ctr-bar > button,.crm2.crm-reference .ctr-bar > .btn-primary,.crm2.crm-reference .ctr-bar > .btn-ghost{width:auto !important;flex:1 1 auto;justify-content:center;}
.crm2.crm-reference #finQ,.crm2.crm-reference #finPQ,.crm2.crm-reference #txTpl,.crm2.crm-reference #txVer{min-width:0 !important;width:100% !important;}
.crm2.crm-reference .ctr-bar span{flex:1 1 100%;}
.crm2.crm-reference .tpl-toolbar{flex-wrap:wrap;}
.crm2.crm-reference .tpl-toolbar > button{flex:1 1 auto;justify-content:center;}
.crm2.crm-reference .ctr-al{flex-wrap:wrap;}
.crm2.crm-reference .inv-in,.crm2.crm-reference .inv-xt{width:100%;min-width:0;}
.crm2.crm-reference .ib-top{padding:10px 12px;gap:8px;}
.crm2.crm-reference .ib-top h3{font-size:15px;flex:1 1 100%;margin-inline-end:0;}
.crm2.crm-reference .ib-top .btn-ghost,.crm2.crm-reference .ib-top .btn-primary{padding:9px 12px;font-size:12.5px;flex:1 1 auto;justify-content:center;}
.crm2.crm-reference .ib-body{flex-direction:column-reverse;}
.crm2.crm-reference .ib-panel{width:100%;max-height:55%;padding:12px;}
.crm2.crm-reference .ib-stage{padding:8px;}
.crm2.crm-reference .ib-mrow{flex-wrap:wrap;}
.crm2.crm-reference .ib-mrow .form-input{width:120px;}
.crm2.crm-reference .ib-radios{flex-wrap:wrap;gap:14px;}
.crm2.crm-reference .cfg-side{overflow-x:auto;padding-bottom:6px;}
.crm2.crm-reference .cfg-item{flex:0 0 auto;}
.crm2.crm-reference .pf-cell{flex:1 1 100%;min-width:0;}
.crm2.crm-reference .ffun-lbl-col{flex-basis:96px;min-width:84px;}
.crm2.crm-reference .dfun-donut-legend{min-width:0;flex:1 1 100%;}
.crm2.crm-reference .ldr-use{min-width:0;}
.crm2.crm-reference .as-bar{max-width:90px;}
.crm2.crm-reference .at-plot{height:170px;}
.crm2.crm-reference .at-filters{padding:12px;}
.crm2.crm-reference .at-chart{padding:12px;}
.crm2.crm-reference .df-tbar{min-height:200px;}
.crm2.crm-reference .ffun-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;justify-content:stretch;align-items:start;}
.crm2.crm-reference .ffun-wrap > .ffun-svg{grid-column:1 / -1;grid-row:1;width:100%;max-width:340px;height:auto;margin:0 auto 10px;justify-self:center;}
.crm2.crm-reference .ffun-wrap > .ffun-lbl-col{grid-column:1;grid-row:2;min-width:0;flex:none;}
.crm2.crm-reference .ffun-wrap > .ffun-drp-col{grid-column:2;grid-row:2;flex:none;min-width:0;}
.crm2.crm-reference .ffun-lbl-col .ffun-item > div{min-width:0;}
.crm2.crm-reference .ffun-nm,.crm2.crm-reference .ffun-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.crm2.crm-reference .ffun-item{margin:0 -4px;padding:0 4px;border-bottom:1px solid var(--border);border-radius:0;}
.crm2.crm-reference .ffun-item:last-child{border-bottom:none;}
.crm2.crm-reference .ffun-drp-col .ffun-item{justify-content:flex-start;}
.crm2.crm-reference .ffun-tip{max-width:calc(100vw - 48px);white-space:normal;}
.crm2.crm-reference .dfun-donut-wrap{justify-content:center;gap:16px;}
.crm2.crm-reference .dfun-donut-legend .dl-row{flex-wrap:wrap;}
.crm2.crm-reference .dfun-donut-legend .dl-name{flex:1 1 40%;min-width:0;}
.crm2.crm-reference .dfun-donut-legend .dl-val{flex:1 1 100%;padding-inline-start:18px;}
.crm2.crm-reference .ib-toast{max-width:calc(100vw - 24px);width:max-content;text-align:center;bottom:16px;}
}
@media (max-width:400px){.crm2.crm-reference .wrap{padding:10px 10px 52px;}
.crm2.crm-reference .ab-logo{width:30px;height:30px;}
.crm2.crm-reference .ab-icon-btn{width:33px;height:33px;}
.crm2.crm-reference .stat-row,.crm2.crm-reference #statRow,.crm2.crm-reference .lead-kpis,.crm2.crm-reference .desk-stats,.crm2.crm-reference .pc-kpis,.crm2.crm-reference .imp-sum,.crm2.crm-reference .qa-grid,.crm2.crm-reference .ctr-kpis,.crm2.crm-reference .ctr-off,.crm2.crm-reference .fin-kpis,.crm2.crm-reference .ldr-kpis,.crm2.crm-reference .ex-kpis,.crm2.crm-reference .hs-kpis,.crm2.crm-reference .ctr-prog,.crm2.crm-reference .ctr-dg{gap:8px;}
.crm2.crm-reference .page-nav button{padding:8px 10px;font-size:12.2px;}
.crm2.crm-reference .modal-head,.crm2.crm-reference .modal-body,.crm2.crm-reference .modal-foot{padding-inline:12px;}
.crm2.crm-reference .dialpad{gap:6px;}
.crm2.crm-reference .nc-users{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media (max-height:480px) and (orientation:landscape){.crm2.crm-reference .modal{max-height:calc(100dvh - 12px);}
.crm2.crm-reference .overlay{padding:6px;}
}

.crm2.crm-reference{padding:0;background:var(--bg);font-family:Vazirmatn,Tahoma,sans-serif;min-width:0;isolation:isolate;color:var(--text);border-radius:14px;overflow:clip}
.crm2.crm-reference .crm-ref-main{max-width:none;padding:0 24px 24px}
.crm2.crm-reference .page-panel{display:block}
.crm2.crm-reference .app-bar{position:relative;top:auto;z-index:20}
.crm2.crm-reference .app-bar-inner{max-width:none}
.crm2.crm-reference .page-nav{margin-bottom:18px;overflow:visible}
.crm2.crm-reference .app-bar .crm2-search{margin:0;max-width:none}
.crm2.crm-reference .app-bar .crm2-search-box{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);color:white;border-radius:10px}
.crm2.crm-reference .app-bar .crm2-search input{color:white;background:transparent}
.crm2.crm-reference .app-bar .crm2-search input::placeholder{color:rgba(255,255,255,.65)}
.crm2.crm-reference .app-bar .crm2-search svg{color:rgba(255,255,255,.65)}
.crm2.crm-reference .page-nav .ref-menu{position:relative}
.crm2.crm-reference .page-nav .ref-menu-pop{position:absolute;top:100%;right:0;min-width:180px;z-index:30;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:6px;box-shadow:var(--shadow)}
.crm2.crm-reference .page-nav .ref-menu-pop button{display:flex;width:100%;text-align:right;color:var(--text)}
.crm2.crm-reference .ref-notice{padding:12px 16px;background:var(--card);border:1px solid var(--border);border-radius:10px;margin:0 0 12px}
.crm2.crm-reference .ref-panel-select{font:inherit;font-size:11px;color:var(--text);background:var(--card);border:1px solid var(--border);border-radius:7px;padding:5px 7px;max-width:132px}
.crm2.crm-reference .ref-pipeline-select{margin:0 16px 8px;max-width:220px}
.crm2.crm-reference .ref-popup-shade{position:fixed;inset:0;background:#07162680;z-index:400;display:grid;place-items:center;padding:18px}
.crm2.crm-reference .ref-popup{width:min(100%,1040px);max-height:90vh;overflow:auto;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px}
.crm2.crm-reference .ref-popup .won-trend-chart{height:400px}
.crm2.crm-reference .ref-popup header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.crm2.crm-reference .tm-tip{position:fixed;z-index:410;pointer-events:none;background:var(--navy);color:white;padding:10px 14px;border-radius:10px;display:none;font-size:12px;max-width:280px}
.crm2.crm-reference .tm-tip.on{display:grid;gap:5px}
.crm2.crm-reference .ref-activity-filters{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 10px}
.crm2.crm-reference .ref-activity-filters label{font-size:11px;display:flex;gap:4px;align-items:center}
.crm2.crm-reference .crm2-foot{padding:14px 24px}
@media(max-width:760px){.crm2.crm-reference .crm-ref-main{padding:0 10px 18px}.crm2.crm-reference .ab-module{display:none}.crm2.crm-reference .page-nav{overflow-x:auto}.crm2.crm-reference .app-bar-inner{flex-wrap:wrap}.crm2.crm-reference .ab-search{order:3;flex-basis:100%}.crm2.crm-reference .page-nav .ref-menu-pop{position:fixed;top:auto;right:12px}}

.crm2.crm-reference .app-bar .crm2-search{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:white}

/* ===== ADATASK_CRM_V2_POLISH_V1 (owner review, 1405/07/17): top bar, faces, modals, long selects ===== */
.crm2.crm-reference .ab-user{max-width:240px;min-width:0;}
.crm2.crm-reference .ab-user > span:not(.ab-avatar){display:flex;flex-direction:column;align-items:flex-start;min-width:0;text-align:start;}
.crm2.crm-reference .ab-user .abu-name,.crm2.crm-reference .ab-user .abu-role{display:block;max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.crm2.crm-reference .ab-org{min-width:0;}
.crm2.crm-reference .ab-org b,.crm2.crm-reference .ab-org span{display:block;max-width:min(320px,28vw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.crm2.crm-reference .ab-avatar,.crm2.crm-reference .dc-owner,.crm2.crm-reference .pc-av,.crm2.crm-reference .c360-av{position:relative;overflow:hidden;flex-shrink:0;}
.crm2.crm-reference .rk-face{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block;background:var(--card);}
.crm2.crm-reference .ab-avatar{box-shadow:0 0 0 2px rgba(255,255,255,.35);}
.crm2.crm-reference .pn-menu{max-width:calc(100vw - 24px);}
/* modals: a soft entrance, scroll stays inside, fields never push past the frame */
.crm2.crm-reference .overlay{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);}
.crm2.crm-reference .overlay.open > .modal{animation:crmref-pop .2s cubic-bezier(.2,.8,.2,1);}
@keyframes crmref-pop{from{opacity:0;transform:translateY(12px) scale(.985);}to{opacity:1;transform:none;}}
.crm2.crm-reference .modal{border:1px solid var(--border);}
.crm2.crm-reference .modal-body{overscroll-behavior:contain;}
.crm2.crm-reference .modal-head h3{min-width:0;}
.crm2.crm-reference .form-grid > *,.crm2.crm-reference .form-group > *{min-width:0;}
.crm2.crm-reference .form-group .form-input,.crm2.crm-reference .form-group .form-select,.crm2.crm-reference .form-group .form-textarea{max-width:100%;box-sizing:border-box;}
.crm2.crm-reference .modal-foot{flex-wrap:wrap;}
@media (prefers-reduced-motion:reduce){.crm2.crm-reference .overlay.open > .modal{animation:none;}}
/* searchable list for long selects inside modals (the native list covered the whole page) */
.crm2.crm-reference .ss-wrap{position:relative;width:100%;min-width:0;}
.crm2.crm-reference .ss-native{position:absolute !important;inset:0;width:100% !important;height:100% !important;opacity:0 !important;pointer-events:none !important;}
.crm2.crm-reference .ss-btn{display:flex;align-items:center;width:100%;min-width:0;text-align:start;cursor:pointer;font:inherit;}
.crm2.crm-reference .ss-btn .ss-tx{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.crm2.crm-reference .ss-btn.ss-ph .ss-tx{color:var(--text-faint);}
.crm2.crm-reference .ss-btn[aria-expanded="true"]{border-color:var(--purple);box-shadow:0 0 0 3px var(--purple-tint);}
.crm2.crm-reference .ss-pop{position:fixed;z-index:600;display:flex;flex-direction:column;gap:6px;padding:6px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 44px rgba(15,35,60,.22);animation:crmref-pop .14s ease;overflow:hidden;}
.crm2.crm-reference .ss-q{display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid var(--border);border-radius:9px;background:var(--bg);flex:0 0 auto;}
.crm2.crm-reference .ss-q .icon{width:14px;height:14px;color:var(--text-faint);flex-shrink:0;}
.crm2.crm-reference .ss-q input{flex:1;min-width:0;border:0;background:none;outline:none;font:inherit;font-size:12.6px;padding:8px 0;color:var(--text);}
.crm2.crm-reference .ss-list{overflow-y:auto;min-height:0;flex:1 1 auto;overscroll-behavior:contain;}
.crm2.crm-reference .ss-opt{display:block;width:100%;text-align:start;border:0;background:none;padding:8px 10px;border-radius:8px;font:inherit;font-size:12.6px;color:var(--text);cursor:pointer;white-space:normal;line-height:1.6;}
.crm2.crm-reference .ss-opt.act,.crm2.crm-reference .ss-opt:hover{background:var(--navy-tint);}
.crm2.crm-reference .ss-opt.sel{color:var(--purple-dark);font-weight:800;}
.crm2.crm-reference .ss-opt.ss-none{color:var(--text-faint);}
.crm2.crm-reference .ss-empty{padding:12px 10px;font-size:12px;color:var(--text-faint);text-align:center;}
/* ===== ADATASK_CRM_V2_DLV_V1 (owner request, 1405/07/18): «ارسال دیجیتال» — secure link + tracking code, like the digital post ===== */
.crm2.crm-reference #dlvOverlay{z-index:125;}
.crm2.crm-reference #dlvOverlay [hidden]{display:none !important;}
.crm2.crm-reference .dlv-modal{max-width:620px;width:100%;}
.crm2.crm-reference .dlv-lead{margin:0 0 14px;padding:10px 12px;border-radius:12px;background:var(--light-blue-tint);color:var(--accent-text);font-size:12.6px;line-height:1.9;}
.crm2.crm-reference .dlv-checks{display:flex;flex-direction:column;gap:8px;justify-content:center;}
.crm2.crm-reference .dlv-check{display:flex;align-items:center;gap:8px;font-size:12.8px;color:var(--text);cursor:pointer;}
.crm2.crm-reference .dlv-check input{width:16px;height:16px;accent-color:var(--purple);flex-shrink:0;}
.crm2.crm-reference .dlv-result{display:flex;flex-direction:column;gap:10px;margin-bottom:6px;}
.crm2.crm-reference .dlv-ok{padding:12px 14px;border-radius:12px;background:var(--success-tint);color:var(--success);font-size:13px;line-height:1.9;}
.crm2.crm-reference .dlv-ok b{color:inherit;}
.crm2.crm-reference .dlv-link{display:flex;gap:8px;align-items:stretch;}
.crm2.crm-reference .dlv-link .form-input{flex:1;min-width:0;font-size:12.4px;}
.crm2.crm-reference .dlv-share{display:flex;gap:8px;flex-wrap:wrap;}
.crm2.crm-reference .dlv-hist{margin-top:16px;border-top:1px solid var(--border);padding-top:12px;}
.crm2.crm-reference .dlv-hist-h{font-size:12.6px;font-weight:800;color:var(--heading);margin-bottom:8px;}
.crm2.crm-reference .dlv-list{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto;overscroll-behavior:contain;}
.crm2.crm-reference .dlv-item{border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:var(--card);}
.crm2.crm-reference .dlv-row1{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.6px;}
.crm2.crm-reference .dlv-row1 b{letter-spacing:1px;color:var(--heading);}
.crm2.crm-reference .dlv-who{color:var(--text-soft);min-width:0;}
.crm2.crm-reference .dlv-revoke{margin-inline-start:auto;border:1px solid var(--border);background:var(--card);color:var(--danger);border-radius:8px;padding:4px 10px;font:inherit;font-size:11.6px;cursor:pointer;}
.crm2.crm-reference .dlv-meta{font-size:11.6px;color:var(--text-soft);margin-top:4px;line-height:1.8;}
.crm2.crm-reference .dlv-resp{margin-top:6px;padding:8px 10px;border-radius:9px;font-size:12px;line-height:1.8;white-space:pre-wrap;}
.crm2.crm-reference .dlv-resp.ok{background:var(--success-tint);color:var(--success);}
.crm2.crm-reference .dlv-resp.warn{background:var(--amber-tint);color:var(--amber);}
.crm2.crm-reference .dlv-empty{font-size:12px;color:var(--text-faint);padding:6px 2px;}
.crm2.crm-reference .dlv-chip,.crm2.crm-reference .invc-dlv,.crm2.crm-reference .fin-dlv{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700;white-space:nowrap;background:var(--light-blue-tint);color:var(--light-blue-dark);}
.crm2.crm-reference .dlv-chip.opened,.crm2.crm-reference .invc-dlv.opened,.crm2.crm-reference .fin-dlv.opened{background:var(--purple-tint);color:var(--purple-dark);}
.crm2.crm-reference .dlv-chip.ok,.crm2.crm-reference .invc-dlv.ok,.crm2.crm-reference .fin-dlv.ok{background:var(--success-tint);color:var(--success);}
.crm2.crm-reference .dlv-chip.warn,.crm2.crm-reference .invc-dlv.warn,.crm2.crm-reference .fin-dlv.warn{background:var(--amber-tint);color:var(--amber);}
.crm2.crm-reference .dlv-chip.off,.crm2.crm-reference .invc-dlv.off,.crm2.crm-reference .fin-dlv.off{background:var(--navy-tint);color:var(--text-faint);}
.crm2.crm-reference .invc-dlv{margin-inline-start:6px;vertical-align:middle;}
.crm2.crm-reference .fin-dlv{margin-top:4px;}
.crm2.crm-reference .invc-menu [data-invm="deliver"],.crm2.crm-reference .invc-menu [data-send="digital"]{font-weight:800;color:var(--purple-dark);}
@media (max-width:560px){.crm2.crm-reference .dlv-link{flex-direction:column;}.crm2.crm-reference .dlv-share > *{flex:1;}}
/* ===== ADATASK_CRM_V2_CONTRACTS_V1 (1405/07/18): the Jalali date field of the contracts page (reference jdUp) ===== */
.crm2.crm-reference .ctr-jd{display:flex;gap:6px;align-items:center;width:100%;min-width:0}
.crm2.crm-reference .ctr-jd .form-input{flex:1;min-width:0;cursor:pointer}
.crm2.crm-reference .ctr-jd .btn-ghost{padding:4px 9px;flex-shrink:0}
.crm2.crm-reference #ctrSf,.crm2.crm-reference #ctrSt2,.crm2.crm-reference #ctrEf,.crm2.crm-reference #ctrEt{cursor:pointer;max-width:150px}
/* ===== ADATASK_CRM_V2_CONTRACTS_TEXT_V1 (1405/07/18): «متن قرارداد» notes (reference inline colours as classes) and the send note ===== */
.crm2.crm-reference .ctr-al.info{background:#eef4ff;color:#1f3f7a;border-color:#c9d9f5}
.crm2.crm-reference .dlv-note{margin:-6px 0 14px;padding:8px 12px;border-radius:12px;background:var(--amber-tint);color:var(--amber);font-size:12.4px;line-height:1.8}
.crm2.crm-reference .dlv-note[hidden]{display:none}
html[data-theme="dark"] .crm2.crm-reference .ctr-al{background:rgba(245,166,35,.12);color:#f3c46b;border-color:rgba(245,166,35,.3)}
html[data-theme="dark"] .crm2.crm-reference .ctr-al.x{background:rgba(229,72,77,.12);color:#ff9592;border-color:rgba(229,72,77,.3)}
html[data-theme="dark"] .crm2.crm-reference .ctr-al.info{background:rgba(77,139,255,.12);color:#a9c4ff;border-color:rgba(77,139,255,.3)}
html[data-theme="dark"] .crm2.crm-reference .ctr-off{background:rgba(48,164,108,.12);color:#7bdcab;border-color:rgba(48,164,108,.3)}
/* the contract window sits at 400 (reference); everything it opens on top of itself must stack above it */
.crm2.crm-reference .ref-contracts #invOverlay{z-index:410}
.crm2.crm-reference .ref-contracts #invSellerOverlay{z-index:415}
.crm2.crm-reference .ref-contracts #invPvOverlay{z-index:420}
.crm2.crm-reference .ref-contracts #dlvOverlay{z-index:425}
.crm2.crm-reference .ref-contracts #stageConfirmOverlay{z-index:430}
/* ===== ADATASK_CRM_V2_APPBAR_V1 (1405/07/18): the app-bar popovers (workspace, notifications, user) open over the sticky page navigation (55) and stay under overlays (100+) ===== */
.crm2.crm-reference .app-bar{z-index:58}
.crm2.crm-reference .ab-brand{cursor:pointer;position:relative}
.crm2.crm-reference .ab-brand>.icon,.crm2.crm-reference .ab-brand>svg{opacity:.7;flex:none}
.crm2.crm-reference .ab-user>svg:last-child{opacity:.7;flex:none}
/* ADATASK_CRM_V2_HOSTFIT_V1: windows cover the CRM column only, never the app sidebar beside it */
.crm2.crm-reference .overlay,.crm2.crm-reference .dl-modal,.crm2.crm-reference .ref-popup-shade{left:var(--crm2-ov-l,0px);right:var(--crm2-ov-r,0px);}
.crm2.crm-reference.dd-open .page-nav-row{max-width:calc(100vw - var(--crm2-ov-l,0px) - var(--crm2-ov-r,0px) - 16px);}
/* ADATASK_CRM_V2_JDATE_V1: Jalali date and 24-hour time fields (the native field stays hidden as the value holder) */
.crm2 .crm2-jd-native{display:none !important;}
.crm2 .crm2-jd{display:inline-flex;align-items:stretch;gap:6px;min-width:0;max-width:100%;vertical-align:middle;}
.crm2 .crm2-jd.is-block{display:flex;width:100%;}
.crm2 .crm2-jd > input{flex:1 1 auto;min-width:0;width:auto;margin:0;}
.crm2 .crm2-jd > .crm2-jd-date{cursor:pointer;min-width:118px;padding-left:30px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2393a2b1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 9px center;background-size:15px 15px;}
.crm2 .crm2-jd > .crm2-jd-time{flex:0 0 76px;width:76px;min-width:64px;text-align:center;direction:ltr;}
.crm2 .crm2-jd > .crm2-jd-date + .crm2-jd-time{flex-basis:76px;}
.crm2 .crm2-jd > input:disabled{cursor:not-allowed;opacity:.6;}
.crm2 .crm2-jc{position:fixed;z-index:2000;width:292px;box-sizing:border-box;background:var(--card,#fff);color:var(--text,#1f2d3d);border:1px solid var(--border,#e3e8ef);border-radius:12px;box-shadow:0 12px 32px rgba(15,35,60,.18);padding:12px;font-family:inherit;direction:rtl;}
.crm2 .crm2-jc[hidden]{display:none !important;}
.crm2 .crm2-jc.is-time{width:120px;padding:6px;}
.crm2 .crm2-jc-h{display:flex;align-items:center;gap:6px;margin-bottom:10px;}
.crm2 .crm2-jc-h select{flex:1;min-width:0;border:1px solid var(--border,#e3e8ef);border-radius:7px;padding:6px;font-family:inherit;font-size:12px;background:var(--card,#fff);color:var(--text,#1f2d3d);}
.crm2 .crm2-jc-nav{flex:0 0 28px;width:28px;height:28px;border:1px solid var(--border,#e3e8ef);border-radius:7px;background:var(--card,#fff);color:var(--text-soft,#4a5a6a);font-size:16px;line-height:1;cursor:pointer;font-family:inherit;}
.crm2 .crm2-jc-nav:hover{background:var(--navy-tint,#eef3f9);}
.crm2 .crm2-jc-g{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center;}
.crm2 .crm2-jc-w{font-size:10.8px;font-weight:800;color:var(--text-faint,#93a2b1);padding:4px 0;}
.crm2 .crm2-jc-d{border:none;background:none;border-radius:8px;padding:7px 0;font-family:inherit;font-size:12.5px;color:var(--text,#1f2d3d);cursor:pointer;min-height:32px;}
.crm2 .crm2-jc-d:hover{background:var(--navy-tint,#eef3f9);}
.crm2 .crm2-jc-d.fri{color:var(--danger,#d64545);}
.crm2 .crm2-jc-d.today{box-shadow:0 0 0 1px var(--accent-text,#1d5fa8) inset;}
.crm2 .crm2-jc-d.sel,.crm2 .crm2-jc-d.sel:hover{background:var(--navy,#0e2236);color:#fff;}
.crm2 .crm2-jc-d:disabled{opacity:.3;cursor:default;background:none;}
.crm2 .crm2-jc-f{display:flex;justify-content:space-between;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border,#e3e8ef);}
.crm2 .crm2-jc-f button{border:none;background:none;color:var(--accent-text,#1d5fa8);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;padding:4px 2px;}
.crm2 .crm2-jt-list{max-height:248px;overflow-y:auto;display:flex;flex-direction:column;gap:1px;}
.crm2 .crm2-jt-list button{border:none;background:none;border-radius:7px;padding:7px 0;font-family:inherit;font-size:13px;color:var(--text,#1f2d3d);cursor:pointer;text-align:center;}
.crm2 .crm2-jt-list button:hover{background:var(--navy-tint,#eef3f9);}
.crm2 .crm2-jt-list button.sel{background:var(--navy,#0e2236);color:#fff;}
@media (max-width:600px){.crm2 .crm2-jc:not(.is-time){width:min(300px,calc(100vw - 16px));}.crm2 .crm2-jc-d{min-height:38px;}}
html[data-theme="dark"] .crm2 .crm2-jc{background:var(--card,#16212c);color:var(--text,#e6edf3);border-color:var(--border,#2a3a4a);box-shadow:0 12px 32px rgba(0,0,0,.45);}
html[data-theme="dark"] .crm2 .crm2-jc-h select,html[data-theme="dark"] .crm2 .crm2-jc-nav{background:var(--card,#16212c);color:var(--text,#e6edf3);}
.crm2 .fu-date-wrap .crm2-jd > .crm2-jd-date{background-image:none;padding-left:12px;}
.crm2.crm-reference #fuTypeChips .chip-opt{display:inline-flex;align-items:center;gap:7px;line-height:1.2;}
.crm2.crm-reference .fu-chip-ic{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;border-radius:6px;}
.crm2.crm-reference .fu-chip-ic svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.crm2 .crm2-jd > .crm2-jd-time:only-child{flex:1 1 auto;width:auto;text-align:right;}
/* page menu and app bar in a narrow CRM column (classes set from the measured column width, not the viewport) */
.crm2.crm-reference .ab-module{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;}
.crm2.crm-reference.crm2-cw-m .page-nav{gap:4px;}
.crm2.crm-reference.crm2-cw-m .page-nav button{padding:8px 11px;gap:5px;font-size:12.6px;white-space:nowrap;flex:0 0 auto;}
.crm2.crm-reference.crm2-cw-s .page-nav button > svg.icon:first-child{display:none;}
.crm2.crm-reference.crm2-cw-xs .page-nav-row{width:100% !important;max-width:100%;}
.crm2.crm-reference.crm2-cw-xs .page-nav{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.crm2.crm-reference.crm2-cw-xs .page-nav::-webkit-scrollbar{display:none;}
.crm2.crm-reference.crm2-cw-xs .pn-menu{position:fixed;top:auto;}
/* deal stage ribbon on phones and narrow columns: stages keep a readable width and the ribbon scrolls sideways */
@media (max-width:640px){.crm2.crm-reference .dd-track-wrap .pipeline-track{width:max-content;min-width:100%;}
.crm2.crm-reference .dd-track-wrap .pt-seg{flex:0 0 auto;min-width:118px;padding:0 22px;}
.crm2.crm-reference .dd-track-wrap{scrollbar-width:none;}
.crm2.crm-reference .dd-track-wrap::-webkit-scrollbar{display:none;}
}
.crm2.crm-reference.crm2-cw-xs .dd-track-wrap{overflow-x:auto;scrollbar-width:none;}
.crm2.crm-reference.crm2-cw-xs .dd-track-wrap .pipeline-track{width:max-content;min-width:100%;}
.crm2.crm-reference.crm2-cw-xs .dd-track-wrap .pt-seg{flex:0 0 auto;min-width:118px;}
/* ADATASK_CRM_V2_HOSTBAR_V1: no CRM app bar inside the app (the host top bar is the only one); the page menu row carries the
   CRM search (Ctrl K) and «ثبت سریع»; the sticky offset follows a fixed/sticky host bar (--crm2-sticky-top, measured) */
.crm2.crm-reference .page-nav-row{display:flex;align-items:center;gap:10px;width:auto;top:calc(var(--crm2-sticky-top,0px) + 10px);}
.crm2.crm-reference .page-nav-row > .page-nav{flex:0 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;}
.crm2.crm-reference .page-nav-row > .page-nav::-webkit-scrollbar{display:none;}
.crm2.crm-reference .page-nav-row > .page-nav button{flex:0 0 auto;white-space:nowrap;}
.crm2.crm-reference .pn-tools{margin-inline-start:auto;display:flex;align-items:center;gap:8px;flex:0 0 auto;}
.crm2.crm-reference .pn-tools .crm2-search{flex:0 0 260px;min-width:0;transition:flex-basis .15s ease;}
.crm2.crm-reference .pn-tools .crm2-search input{height:44px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);}
.crm2.crm-reference .pn-tools .crm2-rel > .crm2-btn{height:44px;white-space:nowrap;border-radius:12px;}
.crm2.crm-reference.crm2-cw-xl .pn-tools .crm2-search{flex-basis:44px;}
.crm2.crm-reference.crm2-cw-xl .pn-tools .crm2-search:focus-within{flex-basis:240px;}
.crm2.crm-reference.crm2-cw-xl .pn-tools .crm2-search:not(:focus-within) kbd{display:none;}
.crm2.crm-reference.crm2-cw-xl .pn-tools .crm2-search:not(:focus-within) input{cursor:pointer;padding:0;color:transparent;}
.crm2.crm-reference.crm2-cw-xl .pn-tools .crm2-search:not(:focus-within) input::placeholder{color:transparent;}
.crm2.crm-reference.crm2-cw-xs .pn-tools .crm2-rel > .crm2-btn{font-size:0;gap:0;padding:0 13px;}
.crm2.crm-reference.dd-open .page-nav-row{top:calc(var(--crm2-sticky-top,0px) + 10px) !important;left:calc(var(--crm2-ov-l,0px) + var(--dd-nav-dl,0px)) !important;right:calc(var(--crm2-ov-r,0px) + var(--dd-nav-dr,0px));width:auto !important;max-width:none;}
@media (max-width:640px){.crm2.crm-reference .pn-tools .crm2-rel{display:none;}.crm2.crm-reference .pn-tools .crm2-search{flex-basis:44px;}.crm2.crm-reference .pn-tools .crm2-search:focus-within{flex-basis:200px;}.crm2.crm-reference .pn-tools .crm2-search:not(:focus-within) input{padding:0;color:transparent;}.crm2.crm-reference .pn-tools .crm2-search:not(:focus-within) input::placeholder{color:transparent;}}
.crm2.crm-reference .page-nav-row{padding-inline:20px 24px;box-sizing:border-box;}
@media (max-width:760px){.crm2.crm-reference .page-nav-row{padding-inline:10px;}}
/* ADATASK_CRM_V2_FACES_V1: photo avatars fill their box (the initials stay underneath for users without a photo) */
.crm2.crm-reference .tg-av,.crm2.crm-reference .hs-av,.crm2.crm-reference .crm2-avatar{position:relative;}
.crm2.crm-reference .hs-av .rk-face,.crm2.crm-reference .tg-av .rk-face{border-radius:50%;}
/* ADATASK_CRM_STORE_V1: «فروشگاه آنلاین» pane of the settings page */
.crm2.crm-reference .st-note{border:1px solid var(--border);background:var(--light-blue-tint,#eef5fb);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:16px;font-size:12.8px;line-height:2;display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.crm2.crm-reference .st-note.warn{background:#fff7e6;border-color:#f3d9a4;}
.crm2.crm-reference .st-note a{color:var(--accent-text);font-weight:700;word-break:break-all;}
.crm2.crm-reference .st-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px;}
.crm2.crm-reference .st-gw-status{margin-top:12px;padding:10px 12px;border-radius:10px;font-size:12.5px;font-weight:700;}
.crm2.crm-reference .st-gw-status.ok{background:#e8f6ee;color:#1f7a48;}
.crm2.crm-reference .st-gw-status.off{background:var(--bg);color:var(--text-soft);}
.crm2.crm-reference .st-table td{vertical-align:middle;}
.crm2.crm-reference .st-table td small{display:block;color:var(--text-faint);font-size:11px;margin-top:2px;}
.crm2.crm-reference .st-table .form-input{min-width:0;height:38px;}
.crm2.crm-reference .st-table .st-num{width:84px;text-align:center;}
.crm2.crm-reference .st-img{width:48px;height:48px;border-radius:10px;overflow:hidden;background:var(--navy-tint);display:grid;place-items:center;color:var(--accent-text);font-weight:800;}
.crm2.crm-reference .st-img img{width:100%;height:100%;object-fit:cover;display:block;}
.crm2.crm-reference .st-imgbtn,.crm2.crm-reference .st-imgrm{display:inline-block;margin-top:4px;margin-inline-end:6px;border:none;background:none;padding:0;font-family:inherit;font-size:11.5px;font-weight:700;color:var(--accent-text);cursor:pointer;}
.crm2.crm-reference .st-imgrm{color:var(--danger);}
.crm2.crm-reference .st-muted{color:var(--text-faint);}
.crm2.crm-reference .st-ohead{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px;}
.crm2.crm-reference .st-ohead h4{margin:0;}
.crm2.crm-reference .st-ohead h4 small{color:var(--text-faint);font-weight:600;margin-inline-start:6px;}
.crm2.crm-reference .st-ohead .form-input{width:min(260px,100%);}
.crm2.crm-reference .st-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;background:var(--bg);color:var(--text-soft);white-space:nowrap;}
.crm2.crm-reference .st-badge.st-sent,.crm2.crm-reference .st-badge.st-proforma{background:var(--light-blue-tint,#eef5fb);color:var(--accent-text);}
.crm2.crm-reference .st-badge.st-paid{background:#e8f6ee;color:#1f7a48;}
.crm2.crm-reference .st-badge.st-cancelled{background:#fdecec;color:var(--danger);}
/* ADATASK_CRM_DEPT_V1: the department whose CRM is shown (switched from the app's top bar) */
.crm2.crm-reference .pn-dept{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;height:44px;padding:0 13px;border:1px solid var(--border);border-radius:12px;background:var(--card);box-shadow:var(--shadow);font-family:inherit;cursor:pointer;color:var(--text);white-space:nowrap;max-width:190px;}
.crm2.crm-reference .pn-dept:hover{border-color:var(--accent-text);}
.crm2.crm-reference .pn-dept-k{font-size:10.5px;color:var(--text-faint);font-weight:700;line-height:1.2;}
.crm2.crm-reference .pn-dept b{font-size:12.6px;font-weight:800;line-height:1.3;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
.crm2.crm-reference .pn-dept.is-set b{color:var(--accent-text);}
.crm2.crm-reference.crm2-cw-s .pn-dept{max-width:130px;}
@media (max-width:640px){.crm2.crm-reference .pn-dept{max-width:110px;padding:0 9px;}}


/* CRM_REFERENCE_HEADER_V1_20261012 — standalone navy header + white section menu
   from crm-final-fullwidth(1).html; preserve host global controls behind optional reveal. */
/* The native Adatask app topbar is always owned by the host; CRM never hides it. */
.crm2.crm-reference{border-radius:0 0 14px 14px}
.crm2.crm-reference .crm-reference-header{display:flex;align-items:center;gap:10px 14px;min-height:58px;padding:9px 20px;background:#173454;color:#fff;position:relative;z-index:35;box-sizing:border-box;min-width:0;max-width:100%}
.crm2.crm-reference .crm-reference-header-brand{display:flex;align-items:center;gap:9px;flex:0 0 auto;min-width:0}
.crm2.crm-reference .crm-reference-header-logo{height:33px;width:33px;display:flex;align-items:center;justify-content:center;background:#9759e7;border-radius:9px;color:#fff;font-weight:800}
.crm2.crm-reference .crm-reference-header-org{display:flex;flex-direction:column;min-width:0;line-height:1.45}
.crm2.crm-reference .crm-reference-header-org strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.crm2.crm-reference .crm-reference-header-org small{font-size:10px;color:rgba(255,255,255,.67);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.crm2.crm-reference .crm-reference-header-module{display:flex;align-items:center;gap:6px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);font-size:11px;font-weight:700;padding:5px 10px;white-space:nowrap;flex-shrink:0}
.crm2.crm-reference .crm-reference-header-module i{width:6px;height:6px;border-radius:50%;background:#55e3b6}
.crm2.crm-reference .crm-reference-header-search{flex:1 1 250px;max-width:540px;min-width:120px;margin-inline:auto}
.crm2.crm-reference .crm-reference-header-search .crm2-search{display:flex;max-width:none;min-width:0;width:100%;margin:0;color:#fff}
.crm2.crm-reference .crm-reference-header-search .crm2-search input{color:#fff;background:transparent;min-width:0}
.crm2.crm-reference .crm-reference-header-search .crm2-search input::placeholder{color:rgba(255,255,255,.6)}
.crm2.crm-reference .crm-reference-header-search .crm2-search kbd{color:#bcd2e6;border-color:rgba(255,255,255,.3)}
.crm2.crm-reference .crm-reference-header-search .crm2-search svg{color:#d4e4f1}
.crm2.crm-reference .crm-reference-header-actions{display:flex;align-items:center;gap:6px;flex:0 1 auto;min-width:0;margin-inline-start:auto}
.crm2.crm-reference .crm-reference-header-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex:0 0 34px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:rgba(255,255,255,.09);color:#fff;cursor:pointer}
.crm2.crm-reference .crm-reference-header-icon:hover{background:rgba(255,255,255,.2)}
.crm2.crm-reference .crm-reference-header .pn-dept{height:34px;max-width:145px;background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.18);box-shadow:none}
.crm2.crm-reference .crm-reference-header .pn-dept b{font-size:11px;color:#fff}
.crm2.crm-reference .crm-reference-header .pn-dept-k{font-size:9px;color:rgba(255,255,255,.68)}
.crm2.crm-reference .crm-reference-header .crm2-btn.is-primary{min-height:34px;height:34px;white-space:nowrap;border:1px solid rgba(255,255,255,.3);border-radius:9px;background:rgba(255,255,255,.1);font-size:11px;padding:0 9px;box-shadow:none}
.crm2.crm-reference .crm-reference-header-user{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:4px 9px;background:rgba(255,255,255,.1);color:#fff;cursor:pointer;max-width:190px;min-width:0}
.crm2.crm-reference .crm-reference-header-user:hover{background:rgba(255,255,255,.2)}
.crm2.crm-reference .crm-reference-header-avatar{display:flex;align-items:center;justify-content:center;width:29px;height:29px;flex:none;border-radius:50%;background:#9759e7;color:#fff;font-weight:800;font-size:11px}
.crm2.crm-reference .crm-reference-header-user-meta{display:flex;flex-direction:column;align-items:flex-start;min-width:0;text-align:start;line-height:1.5}
.crm2.crm-reference .crm-reference-header-user-meta strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:105px}
.crm2.crm-reference .crm-reference-header-user-meta small{font-size:9px;color:rgba(255,255,255,.7);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:105px}
.crm2.crm-reference .page-nav-row{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;max-width:100%;padding:12px 18px 8px;z-index:25;margin:0!important;background:#f5f7fa;box-sizing:border-box}
.crm2.crm-reference .page-nav-row::before{display:none!important}
.crm2.crm-reference .page-nav-row>.page-nav{width:max-content;max-width:100%;margin:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}
.crm2.crm-reference .page-nav-row .pn-menu{z-index:40}
.crm2.crm-reference .crm-ref-main{padding-top:10px}
@media(max-width:1380px){
 .crm2.crm-reference .crm-reference-header{flex-wrap:wrap}
 .crm2.crm-reference .crm-reference-header-search{order:3;max-width:none;flex:1 1 100%}
 .crm2.crm-reference .crm-reference-header-actions{margin-inline-start:auto}
}
@media(max-width:760px){
 .crm2.crm-reference .crm-reference-header{padding:8px 10px;gap:8px}
 .crm2.crm-reference .crm-reference-header-brand,.crm2.crm-reference .crm-reference-header-module,.crm2.crm-reference .crm-reference-header-user{display:none}
 .crm2.crm-reference .crm-reference-header-search{order:0;flex:1 1 130px;min-width:0}
 .crm2.crm-reference .crm-reference-header-actions{margin-inline-start:0}
 .crm2.crm-reference .crm-reference-header-actions .pn-dept,.crm2.crm-reference .crm-reference-header-actions .crm-reference-header-icon:nth-of-type(2),.crm2.crm-reference .crm-reference-header-actions .crm-reference-header-icon:nth-of-type(3){display:none}
 .crm2.crm-reference .crm-reference-header .crm2-hide-sm{display:inline-flex}
 .crm2.crm-reference .page-nav-row{padding:9px 8px}
}

/* CRM_UNIQUE_TOOLBAR_V2_20261012: Adatask owns identity, org, notifications, department and global app header. */
.crm2.crm-reference .crm-reference-header.crm-reference-header-compact{
  min-height:52px;max-width:100%;padding:8px 18px;
  display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;
  gap:12px;background:#173454;
}
.crm2.crm-reference .crm-reference-header-compact .crm-reference-header-search{
  flex:1 1 400px;min-width:0;max-width:640px;margin:0;order:0;
}
.crm2.crm-reference .crm-reference-header-compact .crm-reference-header-actions{
  flex:0 0 auto;min-width:0;display:flex;align-items:center;gap:7px;margin:0;
}
.crm2.crm-reference .crm-reference-header-compact .crm-reference-header-icon{
  flex:0 0 34px;
}
.crm2.crm-reference .crm-reference-header-compact .crm2-rel{flex:0 0 auto}
.crm2.crm-reference .crm-reference-header-compact .crm2-hide-sm{display:inline-flex;align-items:center}
@media(max-width:760px){
 .crm2.crm-reference .crm-reference-header.crm-reference-header-compact{
   min-height:52px;padding:8px 10px;gap:7px;flex-wrap:nowrap;
 }
 .crm2.crm-reference .crm-reference-header-compact .crm-reference-header-search{
   order:0;flex:1 1 auto;min-width:0;max-width:none;margin:0;
 }
 .crm2.crm-reference .crm-reference-header-compact .crm-reference-header-actions{
   flex:0 0 auto;gap:5px;
 }
 .crm2.crm-reference .crm-reference-header-compact .crm-reference-header-icon{
   width:32px;height:32px;flex-basis:32px;
 }
 .crm2.crm-reference .crm-reference-header-compact .crm2-btn.is-primary{
   font-size:10px;padding:0 8px;
 }
}
@media(max-width:410px){
 .crm2.crm-reference .crm-reference-header-compact .crm-reference-header-actions .crm-reference-header-icon{
   display:none;
 }
}


/* CRM_LEAD_DETAIL_FOOTER_VISIBLE_V1_20261012
   Lead details may contain a long history and many disqualification reasons.
   Keep the modal inside the viewport; scroll content separately and keep
   both normal and disqualification action buttons reachable. */
.crm2.crm-reference #leadDetailOverlay{
  padding:clamp(8px,2vh,18px);
  align-items:center;
  justify-content:center;
}
.crm2.crm-reference #leadDetailOverlay > .modal{
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:0;
  max-height:calc(100dvh - 24px);
  max-height:calc(100vh - 24px);
  max-height:calc(100dvh - 24px);
  overflow:hidden;
}
.crm2.crm-reference #leadDetailOverlay > .modal > .modal-head{
  flex:0 0 auto;
  min-height:0;
}
.crm2.crm-reference #leadDetailOverlay #leadDetailBody{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.crm2.crm-reference #leadDetailOverlay #ldvFooterMain:not(.ldv-hidden){
  flex:0 0 auto;
  min-height:0;
  max-height:none;
  height:auto;
  overflow:visible;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  padding:12px 16px;
  background:var(--card);
}
.crm2.crm-reference #leadDetailOverlay #ldvFooterMain.ldv-hidden{
  flex:0 0 0;
  min-height:0;
}
.crm2.crm-reference #leadDetailOverlay #ldvDisqInline.open{
  flex:0 0 auto;
  min-height:0;
  max-height:min(44dvh,380px);
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  padding:14px 18px;
  -webkit-overflow-scrolling:touch;
}
.crm2.crm-reference #leadDetailOverlay #ldvDisqInline.open > div:last-child{
  position:sticky;
  bottom:-14px;
  z-index:2;
  flex:0 0 auto;
  flex-wrap:wrap;
  background:var(--bg);
  padding:9px 0 7px;
  box-shadow:0 -6px 10px -8px rgba(17,40,65,.24);
}
.crm2.crm-reference #leadDetailOverlay #ldvDisqInline.open > div:last-child > button{
  flex:1 1 auto;
  white-space:normal;
}
@media(max-width:640px){
  .crm2.crm-reference #leadDetailOverlay{padding:6px;}
  .crm2.crm-reference #leadDetailOverlay > .modal{max-height:calc(100dvh - 12px);}
  .crm2.crm-reference #leadDetailOverlay #ldvDisqInline.open{
    max-height:min(49dvh,330px);
    padding:12px;
  }
  .crm2.crm-reference #leadDetailOverlay #ldvDisqInline.open > div:last-child{
    bottom:-12px;
  }
  .crm2.crm-reference #leadDetailOverlay #ldvFooterMain:not(.ldv-hidden){
    padding:10px;
  }
}


/* CRM_QUICK_CREATE_MENU_CONTRAST_V1_20261012
   The navy CRM toolbar gives children a white foreground. QuickCreate lives
   inside it, but its dropdown has a light surface: set explicit foregrounds. */
.crm2.crm-reference .crm-reference-header-compact .crm2-menu{
  position:absolute;
  left:0;
  right:auto;
  top:calc(100% + 8px);
  bottom:auto;
  z-index:90;
  width:max-content;
  min-width:248px;
  max-width:min(302px,calc(100vw - 24px));
  max-height:min(430px,calc(100dvh - 210px));
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  padding:7px;
  opacity:1;
  filter:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--card);
  color:var(--heading);
  box-shadow:0 18px 45px rgba(15,35,60,.21),0 2px 8px rgba(15,35,60,.08);
  direction:rtl;
  text-align:right;
}
.crm2.crm-reference .crm-reference-header-compact .crm2-menu > button{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:48px;
  padding:8px 10px;
  border:1px solid transparent;
  border-radius:10px;
  background:transparent;
  color:var(--text) !important;
  opacity:1;
  text-align:right;
  line-height:1.5;
  font-size:12.5px;
  font-weight:750;
  transition:background .15s,border-color .15s,color .15s;
}
.crm2.crm-reference .crm-reference-header-compact .crm2-menu > button > span:last-child{
  display:block;
  flex:1 1 auto;
  min-width:0;
  color:inherit;
  text-align:right;
  overflow-wrap:anywhere;
}
.crm2.crm-reference .crm-reference-header-compact .crm2-menu > button small{
  display:block;
  margin-top:2px;
  color:var(--text-soft);
  font-size:10.6px;
  font-weight:500;
  line-height:1.6;
  opacity:1;
}
.crm2.crm-reference .crm-reference-header-compact .crm2-menu .crm2-menu-ico{
  display:flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  flex:0 0 32px;
  border-radius:9px;
  background:var(--light-blue-tint);
  color:var(--accent-text);
  opacity:1;
}
.crm2.crm-reference .crm-reference-header-compact .crm2-menu > button:hover,
.crm2.crm-reference .crm-reference-header-compact .crm2-menu > button:focus-visible{
  background:var(--light-blue-tint);
  border-color:var(--light-blue);
  color:var(--accent-text) !important;
  outline:2px solid transparent;
}
.crm2.crm-reference .crm-reference-header-compact .crm2-menu > button:focus-visible{
  outline:2px solid var(--accent-text);
  outline-offset:-2px;
}
@media(max-width:640px){
 .crm2.crm-reference .crm-reference-header-compact .crm2-menu{
   position:absolute;
   left:0;
   right:auto;
   top:calc(100% + 8px);
   bottom:auto;
   width:min(270px,calc(100vw - 20px));
   min-width:0;
   max-height:min(370px,calc(100dvh - 210px));
 }
}


/* CRM_DEAL_FORM_FOOTER_VISIBLE_V1_20261012
   The CRM reference deal editor has three save/cancel actions. Keep the footer
   within the viewport while the long form body scrolls independently. */
.crm2.crm-reference #dealFormOverlay.overlay{
  padding:clamp(6px,1.5vh,16px);
  align-items:center;
  justify-content:center;
}
.crm2.crm-reference #dealFormOverlay > .modal{
  display:flex;
  flex-direction:column;
  width:min(820px,100%);
  min-width:0;
  min-height:0;
  max-height:calc(100vh - 16px);
  max-height:calc(100dvh - 16px);
  overflow:hidden;
}
.crm2.crm-reference #dealFormOverlay > .modal > .modal-head{
  flex:0 0 auto;
  min-height:0;
}
.crm2.crm-reference #dealFormOverlay > .modal > .modal-body{
  flex:1 1 auto;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
.crm2.crm-reference #dealFormOverlay > .modal > .modal-foot{
  flex:0 0 auto;
  min-height:0;
  max-height:none;
  height:auto;
  overflow:visible;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  align-items:center;
  gap:8px;
  padding:12px 16px;
  background:var(--card);
  border-top:1px solid var(--border);
  position:relative;
  z-index:2;
}
.crm2.crm-reference #dealFormOverlay > .modal > .modal-foot > button{
  min-width:0;
  min-height:38px;
  white-space:normal;
  line-height:1.5;
}
@media(max-width:640px){
  .crm2.crm-reference #dealFormOverlay.overlay{padding:6px;}
  .crm2.crm-reference #dealFormOverlay > .modal{
    max-height:calc(100vh - 12px);
    max-height:calc(100dvh - 12px);
  }
  .crm2.crm-reference #dealFormOverlay > .modal > .modal-foot{
    justify-content:stretch;
    padding:10px;
    gap:6px;
  }
  .crm2.crm-reference #dealFormOverlay > .modal > .modal-foot > button{
    flex:1 1 140px;
    padding:8px 9px;
  }
}
@media(max-width:380px){
  .crm2.crm-reference #dealFormOverlay > .modal > .modal-foot > button{
    flex:1 1 100%;
  }
}


/* CRM_DEAL_ACCORDION_LAYOUT_V1_20261012 — progressive disclosure for long deal forms. */
.crm2.crm-reference #dealFormOverlay .modal-body > .form-grid{
  display:flex;
  flex-direction:column;
  gap:9px;
  min-width:0;
  padding-bottom:4px;
}
.crm2.crm-reference #dealFormOverlay .crm-deal-section{
  display:block;
  flex:0 0 auto;
  min-width:0;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--card);
  overflow:visible;
}
.crm2.crm-reference #dealFormOverlay .crm-deal-section[open]{
  border-color:var(--light-blue);
  box-shadow:0 2px 8px rgba(18,46,75,.045);
}
.crm2.crm-reference #dealFormOverlay .crm-deal-section-title{
  list-style:none;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px 12px;
  min-height:49px;
  padding:10px 14px;
  color:var(--heading);
  cursor:pointer;
  user-select:none;
  border-radius:11px;
  background:var(--bg);
  transition:background .15s ease,color .15s ease;
}
.crm2.crm-reference #dealFormOverlay .crm-deal-section-title::-webkit-details-marker{display:none;}
.crm2.crm-reference #dealFormOverlay .crm-deal-section-title::marker{content:'';}
.crm2.crm-reference #dealFormOverlay .crm-deal-section[open] > .crm-deal-section-title{
  background:var(--navy-tint);
  color:var(--heading);
  border-radius:11px 11px 0 0;
  border-bottom:1px solid var(--border);
}
.crm2.crm-reference #dealFormOverlay .crm-deal-section-title:hover{
  background:var(--light-blue-tint);
}
.crm2.crm-reference #dealFormOverlay .crm-deal-section-title:focus-visible{
  outline:2px solid var(--accent-text);
  outline-offset:-3px;
}
.crm2.crm-reference #dealFormOverlay .crm-deal-section-title strong{
  font-weight:800;
  font-size:12.6px;
  line-height:1.6;
}
.crm2.crm-reference #dealFormOverlay .crm-deal-section-hint{
  margin-inline-start:auto;
  font-size:10.7px;
  line-height:1.5;
  font-weight:500;
  color:var(--text-soft);
}
.crm2.crm-reference #dealFormOverlay .crm-deal-section-toggle{
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-left:2px solid var(--text-soft);
  border-bottom:2px solid var(--text-soft);
  transform:rotate(-45deg);
  transition:transform .16s ease;
}
.crm2.crm-reference #dealFormOverlay .crm-deal-section[open] .crm-deal-section-toggle{
  transform:rotate(135deg);
}
.crm2.crm-reference #dealFormOverlay .crm-deal-section-grid{
  padding:13px 14px 15px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px 16px;
  min-width:0;
}
.crm2.crm-reference #dealFormOverlay .crm-deal-section-grid > .form-group.full{
  grid-column:1/-1;
}
.crm2.crm-reference #dealFormOverlay .crm-deal-section-grid > .form-group{
  min-width:0;
}
.crm2.crm-reference #dealFormOverlay .crm-deal-section-grid .form-input,
.crm2.crm-reference #dealFormOverlay .crm-deal-section-grid .form-select,
.crm2.crm-reference #dealFormOverlay .crm-deal-section-grid .form-textarea{
  max-width:100%;
}
@media(max-width:720px){
  .crm2.crm-reference #dealFormOverlay .crm-deal-section-grid{
    grid-template-columns:minmax(0,1fr);
    gap:10px;
    padding:11px 12px 13px;
  }
  .crm2.crm-reference #dealFormOverlay .crm-deal-section-title{
    padding:9px 11px;
    gap:4px 8px;
  }
  .crm2.crm-reference #dealFormOverlay .crm-deal-section-hint{
    order:3;
    flex-basis:100%;
    margin-inline-start:0;
    font-size:10px;
  }
}
@media(prefers-reduced-motion:reduce){
 .crm2.crm-reference #dealFormOverlay .crm-deal-section-title,
 .crm2.crm-reference #dealFormOverlay .crm-deal-section-toggle{transition:none;}
}