/*
  Arquivo: ag-dashboard-central.css
  Origem: public/index.html
  Bloco original: <style id="dashboardCentralStyles">
  Função: estilos visuais da tela Dashboard Central, incluindo cards, ranking, resumo e estados vazios.
  Observação: extração passiva; não altera lógica JS, cálculos, persistência, Kanban ou Histórico.
*/

/* ===== dashboardCentralStyles ===== */
.dashboard-view{display:none;flex:1;overflow-y:auto;padding:18px;background:var(--bg)}
.dashboard-view.active{display:block}
.dash-wrap{display:grid;gap:14px;max-width:1280px}

/* ── HEADER ── */
.dash-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.dash-header-left h2{font-size:20px;font-weight:800;letter-spacing:-.04em;margin:0}
.dash-header-left p{font-size:12px;color:var(--muted);margin:4px 0 0}
.dash-close-btn{display:flex;align-items:center;gap:7px;padding:9px 16px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;font-size:13px;font-weight:700;border:none;cursor:pointer;transition:opacity .15s;letter-spacing:.02em;white-space:nowrap}
.dash-close-btn:hover{opacity:.9}
.dash-close-btn svg{width:15px;height:15px;stroke:#fff;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ── PEDIDO ATUAL (sessão) ── */
.dash-session{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.dash-session-kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:13px 14px}
.dash-session-kpi-label{font-size:10px;font-weight:800;color:var(--faint);text-transform:uppercase;letter-spacing:.1em}
.dash-session-kpi-value{font-size:22px;font-weight:800;letter-spacing:-.04em;margin-top:6px;font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif}
.dash-session-kpi-value.accent{color:var(--accent)}
.dash-session-kpi-value.green{color:var(--green)}
.dash-session-kpi-value.warn{color:#f59e0b}
.dash-session-kpi-sub{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.4}

/* ── PERIODS TABS ── */
.dash-periods-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}
.dash-periods-tabs{display:flex;border-bottom:1px solid var(--border);background:var(--surface2)}
.dash-period-tab{flex:1;padding:10px 8px;font-size:11px;font-weight:700;color:var(--muted);border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.dash-period-tab:hover{color:var(--text);background:var(--surface)}
.dash-period-tab.active{color:var(--accent);border-bottom-color:var(--accent);background:var(--surface)}
.dash-period-body{padding:16px}
.dash-period-panel{display:none}
.dash-period-panel.active{display:grid;gap:14px}
.dash-period-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.dash-pkpi{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-md);padding:12px 13px}
.dash-pkpi-label{font-size:10px;font-weight:800;color:var(--faint);text-transform:uppercase;letter-spacing:.1em}
.dash-pkpi-value{font-size:20px;font-weight:800;letter-spacing:-.04em;margin-top:5px;font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif}
.dash-pkpi-value.green{color:var(--green)}
.dash-pkpi-value.accent{color:var(--accent)}
.dash-pkpi-sub{font-size:11px;color:var(--muted);margin-top:3px}
.dash-period-empty{text-align:center;color:var(--faint);font-size:13px;padding:32px 0}

/* ── HISTÓRICO TABLE ── */
.dash-hist-title{font-size:11px;font-weight:800;color:var(--faint);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}
.dash-hist-table{display:grid;gap:6px}
.dash-hist-row{display:grid;grid-template-columns:90px 1fr 90px 80px 70px 28px;align-items:center;gap:8px;padding:9px 12px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-sm);font-size:12px}
.dash-hist-row.head{background:transparent;border-color:transparent;font-size:10px;font-weight:800;color:var(--faint);text-transform:uppercase;letter-spacing:.08em;padding-bottom:2px}
.dash-hist-date{font-variant-numeric:tabular-nums;color:var(--muted)}
.dash-hist-cliente{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-hist-valor{font-weight:700;font-variant-numeric:tabular-nums;text-align:right}
.dash-hist-margem{text-align:right;font-weight:600}
.dash-hist-margem.good{color:var(--green)}
.dash-hist-margem.warn{color:#f59e0b}
.dash-hist-margem.bad{color:var(--red)}
.dash-hist-produtos{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-hist-del{background:none;border:none;cursor:pointer;color:var(--faint);padding:2px 4px;border-radius:4px;line-height:1;font-size:14px;transition:color .15s}
.dash-hist-del:hover{color:var(--red)}

/* ── RANKING ── */
.dash-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dash-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px}
.dash-card-title{font-size:11px;font-weight:800;color:var(--faint);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}
.dash-rank-row{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--border)}
.dash-rank-row:last-child{border-bottom:none}
.dash-rank-num{font-size:11px;font-weight:800;color:var(--faint);width:18px;flex:none;text-align:center}
.dash-rank-name{flex:1;font-size:13px;font-weight:600}
.dash-rank-bar-wrap{width:90px;flex:none}
.dash-rank-bar{height:6px;background:var(--surface3);border-radius:99px;overflow:hidden}
.dash-rank-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 60%,white))}
.dash-rank-val{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;text-align:right;min-width:72px}
.dash-rank-empty{font-size:12px;color:var(--faint);padding:12px 0;text-align:center}

/* ── META ── */
.dash-meta-wrap{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.dash-meta-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:16px}
.dash-meta-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px}
.dash-meta-label{font-size:11px;font-weight:800;color:var(--faint);text-transform:uppercase;letter-spacing:.1em}
.dash-meta-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-sm);padding:5px 9px;font-size:14px;font-weight:700;text-align:right;outline:none;width:120px;color:var(--text);transition:border-color .15s}
.dash-meta-input:focus{border-color:var(--accent-border)}
.dash-meta-bar-bg{height:14px;background:var(--surface3);border-radius:99px;overflow:hidden;border:1px solid var(--border);margin:10px 0 6px}
.dash-meta-bar-fill{height:100%;border-radius:99px;transition:width .4s ease;background:linear-gradient(90deg,var(--green),color-mix(in srgb,var(--green) 70%,white))}
.dash-meta-bar-fill.warn{background:linear-gradient(90deg,#f59e0b,color-mix(in srgb,#f59e0b 70%,white))}
.dash-meta-info{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}
.dash-meta-pct{font-size:28px;font-weight:800;letter-spacing:-.05em;margin-top:8px;color:var(--green)}
.dash-meta-pct.warn{color:#f59e0b}

/* ── ALERTS ── */
.dash-alerts{display:grid;gap:8px}
.dash-alert{padding:11px 13px;border-radius:var(--r-md);border:1px solid var(--border)}
.dash-alert.warn{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.25)}
.dash-alert.good{background:var(--green-dim);border-color:var(--green-border)}
.dash-alert-title{font-size:12px;font-weight:700}
.dash-alert.warn .dash-alert-title{color:#f59e0b}
.dash-alert.good .dash-alert-title{color:var(--green)}
.dash-alert-sub{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.45}

/* ── PEDIDO ATUAL items ── */
.dash-items-table{display:grid;gap:5px}
.dash-item-row{display:grid;grid-template-columns:1fr 90px 80px 50px;gap:8px;padding:8px 10px;background:var(--surface2);border:1px solid var(--border);border-radius:var(--r-sm);font-size:12px;align-items:center}
.dash-item-row.head{background:transparent;border-color:transparent;font-size:10px;font-weight:800;color:var(--faint);text-transform:uppercase;letter-spacing:.08em}
.dash-item-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dash-item-val{font-weight:700;font-variant-numeric:tabular-nums;text-align:right}
.dash-item-marg{text-align:right;font-weight:600}
.dash-item-qty{text-align:right;color:var(--muted)}
.dash-empty{text-align:center;color:var(--faint);font-size:12px;padding:20px 0}