/* ── Dashboard v3 Compact ── */
    .dash-wrap{max-width:1260px;margin:0 auto}

    /* Header: greeting + KPI + actions in one bar */
    .dash-header{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px;padding:6px 14px;border-radius:12px;border:1px solid var(--border);background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.04)}
    .dash-header-greet{display:flex;align-items:baseline;gap:8px;white-space:nowrap;padding-right:10px;border-right:1px solid var(--border)}
    .dash-header-stats{display:flex;align-items:center;gap:0;flex:1;min-width:0}
    .dash-greet-hello{font-size:14px;font-weight:600;line-height:1.3}
    .dash-greet-actions{display:flex;gap:4px;flex-wrap:wrap}

    /* KPI items (reused inside header) */
    .dash-kpi-item{display:flex;align-items:baseline;gap:4px;padding:2px 12px;font-size:12px;cursor:pointer;white-space:nowrap;border-right:1px solid var(--border);transition:background .12s}
    .dash-kpi-item:last-child{border-right:none}
    .dash-kpi-item:hover{background:var(--hover);border-radius:6px}
    .dash-kpi-label{color:var(--muted);font-weight:500}
    .dash-kpi-value{font-size:14px;font-weight:800}

    .dash-section-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:4px}
    .dash-section-title{font-size:12px;font-weight:700}
    .dash-section-badge{font-size:10px;font-weight:700;padding:1px 8px;border-radius:99px;background:var(--bg);color:var(--muted)}

    /* Pipeline — compact */
    .dash-pipeline-card{margin-bottom:8px;padding:12px 16px;border-radius:12px}
    .dash-pipeline{display:flex;gap:2px;border-radius:10px;overflow:hidden;min-height:50px}
    .dash-pipe-seg{flex:1 1 0%!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:8px 4px;min-width:0;cursor:pointer;transition:filter .15s,transform .15s,box-shadow .15s;border-right:2px solid rgba(255,255,255,.6);position:relative}
    .dash-pipe-seg:last-child{border-right:none}
    .dash-pipe-seg:hover{filter:brightness(0.92);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.10);z-index:1}
    .dash-pipe-cnt{font-size:18px;font-weight:800;line-height:1.1}
    .dash-pipe-lbl{font-size:10px;font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-top:2px;color:var(--text);opacity:.8}

    /* Alerts */
    .dash-alerts-row{display:flex;gap:6px;margin-bottom:6px;flex-wrap:wrap}
    .dash-alert{flex:1;min-width:180px;display:flex;gap:8px;align-items:center;padding:6px 10px;border-radius:8px;cursor:pointer;transition:transform .15s}
    .dash-alert:hover{transform:translateY(-1px)}
    .dash-alert-danger{background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.18)}
    .dash-alert-success{background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.18)}
    .dash-alert-icon{font-size:16px;flex-shrink:0}
    .dash-alert b{font-size:12px}
    .dash-alert .small{font-size:10px;color:var(--muted);margin-top:0}

    /* Main Grid */
    .dash-main-grid{display:grid;grid-template-columns:3fr 2fr;gap:12px;min-height:0}
    .dash-col-left{min-width:0;display:flex;flex-direction:column;gap:8px;overflow:hidden}
    .dash-col-right{min-width:0;display:flex;flex-direction:column;gap:8px;overflow-y:auto}
    .dash-col-left>.card{flex-shrink:1;min-height:0;overflow:hidden;margin-top:0!important;padding:14px 16px;border-radius:12px}
    .dash-col-right>.card{flex-shrink:0;margin-top:0!important;padding:14px 16px;border-radius:12px}

    /* Recent Orders */
    .dash-orders-list{display:flex;flex-direction:column;gap:0;margin-top:2px;overflow-y:auto;flex:1;min-height:0}
    .dash-order-row{display:flex;align-items:center;gap:6px;padding:4px 4px;border-radius:5px;transition:background .12s}
    .dash-order-row:hover{background:var(--bg)}
    .dash-order-num{font-size:11px;font-weight:700;color:var(--accent);min-width:60px;white-space:nowrap}
    .dash-order-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:0;overflow:hidden}
    .dash-order-info span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
    .dash-order-status{font-size:9px;font-weight:700;padding:2px 6px;border-radius:99px;border:1px solid;white-space:nowrap}
    .dash-order-price{font-size:11px;font-weight:700;min-width:60px;text-align:right;white-space:nowrap}

    /* Technician Workload */
    .dash-tech-list{display:flex;flex-direction:column;gap:5px}
    .dash-tech-row{display:flex;align-items:center;gap:6px}
    .dash-tech-name{font-size:11px;font-weight:600;min-width:60px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .dash-tech-bar-wrap{flex:1;height:6px;background:var(--bg);border-radius:99px;overflow:hidden}
    .dash-tech-bar{height:100%;background:linear-gradient(90deg,var(--accent),#10b981);border-radius:99px;transition:width .4s ease}
    .dash-tech-cnt{font-size:11px;font-weight:800;min-width:16px;text-align:right}

    /* Low Stock */
    .dash-low-list{display:flex;flex-direction:column;gap:2px}
    .dash-low-row{display:flex;align-items:center;gap:6px;padding:1px 0}

    /* Locations & Shifts */
    .dash-loc-row{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:5px 8px;border-radius:6px;transition:background .12s}
    .dash-loc-row:hover{background:var(--bg)}
    .dash-loc-current{background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.15)}

    /* Financials */
    .dash-fin-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}
    .dash-fin-item{padding:6px 8px;border-radius:6px;background:var(--bg)}
    .dash-fin-item .small{font-size:9px}
    .dash-fin-item>div:last-child{font-size:13px!important;font-weight:800}

    /* Enhanced card depth */
    .dash-col-left>.card,.dash-col-right>.card,.dash-pipeline-card{box-shadow:0 1px 3px rgba(0,0,0,.05),0 4px 16px rgba(0,0,0,.04)}

    @media(max-width:1100px){
      .dash-header{flex-wrap:wrap}
      .dash-main-grid{grid-template-columns:1fr}
    }
    @media(max-width:800px){
      .dash-header{padding:8px 10px;gap:6px}
      .dash-header-greet{border-right:none;padding-right:0;width:100%;white-space:normal}
      .dash-header-stats{width:100%;flex-wrap:wrap}
      .dash-kpi-item{padding:2px 8px;font-size:11px}
      .dash-kpi-value{font-size:13px}
      .dash-greet-hello{font-size:13px}
      .dash-greet-actions{width:100%}
      .dash-pipeline{flex-wrap:wrap;min-height:auto}
      .dash-pipe-seg{min-width:calc(33% - 2px);padding:4px 2px}
      .dash-order-row{flex-wrap:wrap;gap:2px}
      .dash-order-price{min-width:auto}
    }
    .tabs{ display:flex; gap:6px; flex-wrap:wrap; margin-bottom: 10px; }
    .tab{
      padding:8px 14px; border-radius: 999px; border:1px solid var(--border);
      background:#fff; cursor:pointer; font-size: 13px; font-weight: 500;
    }
    .tab.active{ background: rgba(16,185,129,.10); border-color: rgba(16,185,129,.25); color: var(--success); font-weight:700; }

    .msg{
      position: fixed; bottom: 20px; right: 20px; z-index: 999;
      background: var(--text); color: #fff; padding: 12px 18px;
      border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,.2);
      animation: slideIn .3s;
    }
    @keyframes slideIn{ from{ transform: translateY(100px); opacity:0; } to{ transform: translateY(0); opacity:1; } }

    .modal{
      position: fixed; inset:0; z-index:100;
      display:flex; align-items:center; justify-content:center;
      background:rgba(0,0,0,.3); backdrop-filter:blur(4px);
      animation: fadeIn .15s;
    }
    @keyframes fadeIn{ from{ opacity:0 } to{ opacity:1 } }
    .modal-box.modal-dash{
      max-width: 600px;
    }
    .modal-box h3{ margin-bottom:8px; }