/* Keep the existing card, header and row sizing. Decorative details stay inside
   those boxes so the rail does not move at any viewport or dashboard zoom. */
.dashboard-sales-summary .dashboard-section-header{position:relative}
.dashboard-sales-summary .dashboard-section-header h2{position:relative;padding-left:9px;color:#193554;text-transform:none}
.dashboard-sales-summary .dashboard-section-header h2::before{content:"";position:absolute;left:0;top:12%;bottom:12%;width:3px;border-radius:3px;background:#198dff}
.dashboard-sales-summary .sales-summary-subtitle{position:absolute;left:9px;top:100%;margin:0;color:#74869e;font-size:7px;line-height:8px;white-space:nowrap}
.dashboard-sales-summary .dashboard-section-header .sales-summary-total{position:absolute;right:0;top:-4px;bottom:-5px;width:65px;padding:3px 22px 3px 9px;border-radius:7px;background:linear-gradient(115deg,#f0f8ff,#e6f3ff);color:#0079ef;font-weight:400;line-height:1}
.dashboard-sales-summary .sales-summary-total>span{display:block;color:#6482a4;font-size:7px;line-height:8px}
.dashboard-sales-summary .sales-summary-total>strong{display:block;font-size:14px;line-height:14px;font-variant-numeric:tabular-nums;font-weight:700}
.dashboard-sales-summary .sales-summary-total>svg{position:absolute;right:7px;top:50%;width:17px;height:17px;transform:translateY(-50%);color:#9dcaff}
.dashboard-sales-summary .sales-status-instalado{--sales-color:#079565;--sales-icon:#25b887;--sales-tint:#f0fbf6;--sales-line:#cdeee1}
.dashboard-sales-summary .sales-status-programado{--sales-color:#0076ed;--sales-icon:#258fff;--sales-tint:#f0f8ff;--sales-line:#cde5ff}
.dashboard-sales-summary .sales-status-por_validar{--sales-color:#a87200;--sales-icon:#f5b523;--sales-tint:#fffbf1;--sales-line:#f8e8bc}
.dashboard-sales-summary .sales-status-rechazado{--sales-color:#df303e;--sales-icon:#ef414c;--sales-tint:#fff4f5;--sales-line:#f9d5da}
.dashboard-rail .dashboard-sales-summary.learning-summary .sales-list>div[data-sales-row]{position:relative;background:linear-gradient(110deg,var(--sales-tint),#fff);border-color:var(--sales-line);border-radius:7px}
.dashboard-sales-summary .sales-list>div::before{visibility:hidden}
.dashboard-sales-summary .sales-status-label{margin-left:17px;transform:translateY(-3px);color:#233d5d;white-space:nowrap}
.dashboard-sales-summary .sales-list>div strong{position:relative;transform:translateY(-3px);color:var(--sales-color);font-weight:700}
.dashboard-sales-summary .sales-status-icon{position:absolute;left:6px;top:50%;display:grid;place-items:center;width:20px;height:20px;transform:translateY(-50%);border-radius:50%;color:white;background:var(--sales-icon)}
.dashboard-sales-summary .sales-status-icon svg{display:block;width:13px;height:13px}
.dashboard-sales-summary .sales-status-track{position:absolute;left:34px;right:40px;bottom:4px;height:3px;overflow:hidden;border-radius:4px;background:#e1e8ee}
.dashboard-sales-summary .sales-status-track>span{display:block;height:100%;border-radius:inherit;background:var(--sales-icon)}
.dashboard-sales-summary .sales-status-percent{position:absolute;right:8px;bottom:1px;color:#607994;font-size:8px;line-height:9px;font-variant-numeric:tabular-nums}
@media(min-width:1100px) and (max-height:840px){
  .dashboard-sales-summary .sales-summary-subtitle{font-size:6.5px;line-height:7px}
  .dashboard-sales-summary .sales-summary-total>span{font-size:6px;line-height:6px}
  .dashboard-sales-summary .sales-summary-total>strong{font-size:12px;line-height:12px}
  .dashboard-sales-summary .sales-status-icon{width:18px;height:18px}
  .dashboard-sales-summary .sales-status-icon svg{width:12px;height:12px}
  .dashboard-sales-summary .sales-status-percent{font-size:7px;line-height:8px}
  .dashboard-sales-summary .sales-status-track{bottom:3px}
}