/* Volkswagen CRM Professional V6.1 — drill-down, HOT Deal and popover fixes */
:root{--v61-hot:#e72f5d;--v61-hot-soft:#fff2f5;--v61-support:#c81e4a;--v61-support-soft:#fff4f6;--v61-ink:#102f4d;--v61-sub:#60758a}

/* Portal popovers: nothing inside the application can cover or clip them. */
body>.filter-popover.v61-floating-popover{position:fixed!important;z-index:2147483000!important;isolation:isolate!important;transform:none!important;right:auto!important;box-shadow:0 24px 70px rgba(10,33,61,.28)!important;border:1px solid #cbd9e8!important;background:#fff!important}
body>.filter-popover.v61-floating-popover.open{display:block!important}
body>.filter-popover.v61-floating-popover.data-filter-popover.open{display:grid!important}

/* Dashboard KPI drill down */
.dashboard-kpi-click{position:relative;min-width:0;cursor:pointer;border-radius:14px;outline:none}
.dashboard-kpi-click>.metric{height:100%;pointer-events:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.dashboard-kpi-click:hover>.metric,.dashboard-kpi-click:focus-visible>.metric{transform:translateY(-2px);box-shadow:0 12px 28px rgba(27,55,86,.11);border-color:#bfd0e2}
.dashboard-kpi-click.active>.metric{box-shadow:0 0 0 2px rgba(0,104,180,.18),0 12px 28px rgba(27,55,86,.10);border-color:#8fb6d7}
.metric-drill-hint{position:absolute;right:9px;bottom:7px;color:#52708b;font-size:6.8px;font-weight:850;opacity:0;transition:.15s;pointer-events:none}
.dashboard-kpi-click:hover .metric-drill-hint,.dashboard-kpi-click.active .metric-drill-hint{opacity:1}
.v61-drill-panel{margin:8px 0 10px;padding:10px 11px;border:1px solid #d6e2ee;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(30,57,87,.055)}
.v61-drill-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}
.v61-drill-head h3{font-size:11px;margin:0;color:var(--v61-ink)}
.v61-drill-head p{font-size:7.5px;margin:2px 0 0;color:var(--v61-sub)}
.v61-drill-actions{display:flex;gap:5px;align-items:center}
.v61-drill-list{display:grid;gap:4px;max-height:285px;overflow:auto;padding-right:2px}
.v61-drill-row{display:grid;grid-template-columns:minmax(170px,1.35fr) minmax(130px,1fr) minmax(145px,1fr) 90px auto;gap:7px;align-items:center;border:1px solid #e6edf4;border-radius:9px;padding:6px 7px;background:#fbfcfe}
.v61-drill-row.support{border-left:3px solid var(--v61-hot);background:#fffafb}
.v61-drill-customer b,.v61-drill-owner b{font-size:8.5px;color:#153651;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v61-drill-customer small,.v61-drill-owner small,.v61-drill-row small{display:block;font-size:6.8px;color:#6b8094;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v61-drill-stage{min-width:0}.v61-drill-stage .badge{margin-right:2px}
.v61-drill-actions-cell{text-align:right}

/* Priority alerts on dashboard are actionable. */
.v61-action-alert{width:100%;border:0;text-align:left;cursor:pointer;color:inherit;font:inherit}
.v61-action-alert:hover{border-color:#c8d8e7!important;box-shadow:0 6px 16px rgba(26,55,86,.07)}
.v61-action-alert .alert-go{font-style:normal;font-size:12px;color:#7a8ea2;margin-left:2px}

/* Lead table: Stage and Potential are separate business dimensions. */
.lead-table-v61 th:nth-child(1){width:20%}.lead-table-v61 th:nth-child(2){width:16%}.lead-table-v61 th:nth-child(3){width:11%}.lead-table-v61 th:nth-child(4){width:18%}.lead-table-v61 th:nth-child(5){width:9%}.lead-table-v61 th:nth-child(6){width:12%}.lead-table-v61 th:nth-child(7){width:9%}.lead-table-v61 th:nth-child(8){width:5%}
.lead-table-v61 td:nth-child(5),.lead-table-v61 td:nth-child(6){text-align:left}

/* HOT Deal command center */
.v61-hot-priority{margin-bottom:8px;border:1px solid #f1cbd5;background:linear-gradient(145deg,#fff,#fff8fa);padding:10px 11px!important}
.v61-hot-priority-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}
.v61-hot-priority-title{display:flex;align-items:center;gap:8px;min-width:0}
.v61-priority-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#ffe6ec;color:var(--v61-support);font-weight:900;flex:0 0 auto}
.v61-hot-priority h3{font-size:11px;margin:0;color:#78243a}.v61-hot-priority p{font-size:7.5px;margin:2px 0 0;color:#805c67}
.v61-support-count{padding:4px 8px;border-radius:999px;background:#ffe6ec;color:#a4143b;font-size:8px;font-weight:900;white-space:nowrap}
.v61-support-list{display:grid;gap:4px}
.v61-support-row{display:grid;grid-template-columns:minmax(180px,1.25fr) minmax(140px,.9fr) minmax(210px,1.35fr) 70px auto;gap:7px;align-items:center;border:1px solid #f0dce2;background:#fff;border-radius:9px;padding:6px 7px}
.v61-support-row:hover{border-color:#e9b8c5;box-shadow:0 6px 16px rgba(124,30,58,.07)}
.v61-support-row b{font-size:8.5px;color:#4e2632}.v61-support-row small{display:block;font-size:6.8px;color:#806674;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v61-support-main{min-width:0}.v61-support-issue{min-width:0}.v61-support-issue span{display:block;font-size:6.7px;color:#9b7180}.v61-support-issue b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v61-hot-kpis .dashboard-kpi-click:nth-child(2)>.metric{border-color:#efc2cf;background:linear-gradient(145deg,#fff,#fff3f6)}
.v61-hot-command{padding:10px!important}
.v61-hot-command-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}
.v61-hot-command-head h3{font-size:11px;margin:0}.v61-hot-command-head p{font-size:7.5px;color:#61778d;margin:2px 0 0}
.v61-hot-list-tools{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.v61-hot-list{display:grid;gap:4px}
.v61-hot-row{display:grid;grid-template-columns:minmax(180px,1.3fr) minmax(135px,.9fr) minmax(150px,1fr) 68px auto;gap:7px;align-items:center;border:1px solid #e4eaf1;background:#fff;border-radius:9px;padding:6px 7px;transition:.14s}
.v61-hot-row:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(30,56,87,.07);border-color:#c9d7e5}
.v61-hot-row.needs-support{border-left:3px solid var(--v61-hot);background:#fffafb}
.v61-hot-row .hot-person b,.v61-hot-row .hot-owner span,.v61-hot-row .stage-text{font-size:8.5px}.v61-hot-row .prob-cell b{font-size:12px}
.v61-support-badge{display:inline-flex;margin-top:2px;padding:2px 5px;border-radius:999px;background:#ffe6ec;color:#a3153c;font-size:6.5px;font-weight:900}
.v61-list-more{display:flex;justify-content:center;margin-top:7px}
.v61-list-more .btn{min-width:150px}

/* Better compact list table on Hot Detail */
.hot-detail-table th:nth-child(1){width:20%}.hot-detail-table th:nth-child(2){width:15%}.hot-detail-table th:nth-child(3){width:17%}.hot-detail-table th:nth-child(4){width:12%}.hot-detail-table th:nth-child(5){width:9%}.hot-detail-table th:nth-child(6){width:11%}.hot-detail-table th:nth-child(7){width:11%}.hot-detail-table th:nth-child(8){width:5%}

@media(max-width:1020px){.v61-drill-row{grid-template-columns:minmax(160px,1.2fr) minmax(120px,.9fr) minmax(120px,.8fr) 72px auto}.v61-support-row{grid-template-columns:minmax(170px,1.2fr) minmax(120px,.8fr) minmax(170px,1fr) 60px auto}.v61-hot-row{grid-template-columns:minmax(165px,1.15fr) minmax(120px,.8fr) minmax(135px,.9fr) 60px auto}}
@media(max-width:780px){.v61-drill-row{grid-template-columns:minmax(0,1fr) 72px auto}.v61-drill-owner,.v61-drill-stage{display:none}.v61-support-row{grid-template-columns:minmax(0,1fr) 60px auto}.v61-support-row>.hot-owner,.v61-support-issue{display:none}.v61-hot-row{grid-template-columns:minmax(0,1fr) 60px auto}.v61-hot-row .hot-owner,.v61-hot-row>div:nth-child(3){display:none}.v61-hot-command-head{align-items:flex-start;flex-direction:column}.v61-hot-list-tools{width:100%;justify-content:space-between}.lead-table-v61 th:nth-child(3),.lead-table-v61 td:nth-child(3){display:none}.lead-table-v61 th:nth-child(1){width:24%}.lead-table-v61 th:nth-child(2){width:20%}.lead-table-v61 th:nth-child(4){width:20%}.lead-table-v61 th:nth-child(5){width:12%}.lead-table-v61 th:nth-child(6){width:13%}.lead-table-v61 th:nth-child(7){width:8%}.lead-table-v61 th:nth-child(8){width:5%}}