/* Dashboard 2026-10: use the full CRM workspace without widening content beyond its grid. */
#page-dashboard .an-client-top-controls { display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0; }
#page-dashboard .an-client-top-controls label { display:flex;align-items:center;gap:8px;font-size:12px; }
#page-dashboard .an-client-top-controls select { min-height:34px;max-width:100%;border:1px solid var(--border);border-radius:8px;background:var(--bg-surface);color:var(--text-primary);padding:6px; }
#page-dashboard .an-client-bars { display:grid;gap:12px;margin:20px 0; }
#page-dashboard .an-client-bar-row { display:grid;grid-template-columns:minmax(110px,220px) minmax(40px,1fr) minmax(80px,120px);align-items:center;gap:12px;font-size:12px; }
#page-dashboard .an-client-bar-row button { text-align:left;overflow-wrap:anywhere; }
#page-dashboard .an-client-bar-row strong { text-align:right;font-variant-numeric:tabular-nums; }
#page-dashboard .an-client-bar-track { position:relative;height:20px;background:var(--bg-surface-2);border-left:1px solid var(--border); }
#page-dashboard .an-client-bar-track i { position:absolute;top:0;height:100%;border-radius:3px; }
#page-dashboard .an-client-bar-diverging::after { content:'';position:absolute;left:50%;top:-3px;bottom:-3px;border-left:1px solid var(--text-muted); }
@media(max-width:700px) {
 #page-dashboard .an-client-bar-row { grid-template-columns:minmax(90px,1fr) minmax(40px,1fr) 80px;gap:8px; }
}
#page-dashboard .dashboard-workspace #orders-analytics-view { width:100%;max-width:none;margin:0;min-width:0; }
#page-dashboard .an-shell { display:grid;gap:16px;color:var(--text-primary); }
#page-dashboard .an-shell * { box-sizing:border-box; }
#page-dashboard .an-toolbar { display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap; }
#page-dashboard .an-tabs { display:flex;gap:3px;border-bottom:1px solid var(--border); }
#page-dashboard .an-tab { border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-secondary);padding:10px 15px 11px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.2;cursor:pointer;border-radius:0; }
#page-dashboard .an-tab[aria-selected="true"] { color:var(--text-primary);border-bottom-color:var(--accent); }
#page-dashboard .an-filters { display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap; }
#page-dashboard .an-period-nav { display:flex;align-items:center;gap:4px;min-height:38px;border:1px solid var(--border);border-radius:8px;background:var(--bg-surface); }
#page-dashboard .an-period-nav strong { min-width:150px;text-align:center;font-size:12px;text-transform:capitalize; }
#page-dashboard .an-period-nav button { border:0;background:transparent;color:var(--text-primary);height:36px;min-width:34px;cursor:pointer;font-size:19px;border-radius:8px; }
#page-dashboard .an-periods { display:flex;gap:2px;padding:3px;background:var(--bg-surface-2);border:1px solid var(--border);border-radius:8px; }
#page-dashboard .an-periods .crm-segment { border-radius:6px;min-height:30px; }
#page-dashboard .an-assignee { display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:11px; }
#page-dashboard .an-assignee select,#page-dashboard .an-export { min-height:38px;border:1px solid var(--border-control);border-radius:8px;background:var(--bg-surface);color:var(--text-primary);padding:0 10px;font-family:inherit;font-size:12px;font-weight:600; }
#page-dashboard .an-export { cursor:pointer; }
#page-dashboard .an-kpi-grid { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px; }
@media (min-width:1251px) {
  #page-dashboard .an-kpi-grid-overview { grid-template-columns:repeat(6,minmax(0,1fr)); }
}
#page-dashboard .an-kpi { display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;min-height:115px;padding:16px;text-align:left;border:1px solid var(--border);border-radius:12px;background:var(--bg-surface);color:var(--text-primary);cursor:pointer;font-family:inherit;box-shadow:none; }
#page-dashboard .an-kpi:first-child { border-color:var(--accent-border); }
#page-dashboard .an-kpi:hover:not(:disabled) { border-color:var(--accent); }
#page-dashboard .an-kpi:disabled { cursor:default; }
#page-dashboard .an-kpi-label { font-size:11px;font-weight:700;letter-spacing:.015em;color:var(--text-secondary); }
#page-dashboard .an-kpi-value { font-size:clamp(19px,2vw,27px);font-weight:750;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.03em;white-space:nowrap; }
#page-dashboard .an-kpi-basis { margin-top:auto;font-size:11px;line-height:1.3;color:var(--text-muted); }
#page-dashboard .an-main-grid { display:grid;grid-template-columns:minmax(0,2.3fr) minmax(250px,1fr);gap:12px;align-items:stretch; }
#page-dashboard .an-secondary-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
#page-dashboard .an-panel { min-width:0;padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--bg-surface); }
#page-dashboard .an-panel h3 { margin:0;font-size:14px;line-height:1.3;color:var(--text-primary); }
#page-dashboard .an-panel-heading { display:flex;justify-content:space-between;align-items:flex-start;gap:12px; }
#page-dashboard .an-trend-panel .an-panel-heading { flex-wrap:wrap; }
#page-dashboard .an-panel-heading p { margin:4px 0 0;color:var(--text-muted);font-size:11px;line-height:1.4; }
#page-dashboard .an-chart-options { display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px; }
#page-dashboard .an-chart-group { display:flex;gap:2px;padding:2px;border:1px solid var(--border);border-radius:8px;background:var(--bg-surface-2); }
#page-dashboard .an-chart-group button { min-height:28px;padding:0 9px;border:0;border-radius:5px;background:transparent;color:var(--text-secondary);font:inherit;font-size:11px;font-weight:600;cursor:pointer; }
#page-dashboard .an-chart-group button[aria-pressed="true"] { background:var(--text-primary);color:var(--bg-surface); }
#page-dashboard .an-chart-group button:focus-visible { outline:2px solid var(--accent);outline-offset:2px; }
#page-dashboard .an-note { font-size:11px;line-height:1.4;color:var(--text-muted);margin:10px 0 0; }
#page-dashboard .an-empty { padding:24px 0;color:var(--text-muted);font-size:12px; }
#page-dashboard .an-legend { display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:11px;color:var(--text-secondary); }
#page-dashboard .an-legend span { display:flex;align-items:center;gap:5px; }
#page-dashboard .an-legend i { width:9px;height:9px;border-radius:2px;display:inline-block; }
#page-dashboard .an-legend-fact { background:var(--chart-profit); }
#page-dashboard .an-legend-plan { background:var(--border-control); }
#page-dashboard .an-legend-income { background:var(--chart-income); }
#page-dashboard .an-trend { display:flex;align-items:flex-end;gap:6px;min-height:clamp(260px,38vh,430px);padding:14px 0 0;border-bottom:1px solid var(--border);overflow-x:auto; }
#page-dashboard .an-trend-column { flex:1 1 0;min-width:28px;height:clamp(244px,35vh,410px);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;font-size:10px;color:var(--text-muted);font-variant-numeric:tabular-nums; }
#page-dashboard .an-trend-bars { width:min(100%,52px);height:clamp(210px,31vh,380px);display:flex;flex-direction:column-reverse;align-items:stretch;justify-content:flex-start;gap:0; }
#page-dashboard .an-trend-bars i { display:block;min-height:0;flex:none;border-radius:3px 3px 0 0; }
#page-dashboard .an-chart-scaled { --plot-height:clamp(210px,31vh,380px);display:grid;grid-template-columns:max-content minmax(0,1fr);gap:10px;margin-top:14px; }
#page-dashboard .an-y-axis { height:var(--plot-height);display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap; }
#page-dashboard .an-chart-scaled .an-trend { min-height:0;padding:0;background:repeating-linear-gradient(to top,transparent 0,transparent calc(25% - 1px),var(--border-light) calc(25% - 1px),var(--border-light) 25%);background-size:100% var(--plot-height);background-repeat:no-repeat; }
#page-dashboard .an-chart-scaled .an-trend-column { height:calc(var(--plot-height) + 22px);justify-content:flex-start; }
#page-dashboard .an-chart-scaled .an-trend-bars { height:var(--plot-height); }
#page-dashboard .an-trend-column:focus-visible { outline:2px solid var(--accent);outline-offset:-2px; }
@media(max-width:1250px) { #page-dashboard .an-chart-scaled { --plot-height:clamp(200px,25vh,300px); } }
@media(max-width:850px) { #page-dashboard .an-chart-scaled { --plot-height:190px; } }
#page-dashboard .an-bar-fact { background:var(--chart-profit); }
#page-dashboard .an-bar-plan { background:var(--border-control); }
#page-dashboard .an-bar-income { background:var(--chart-income); }
#page-dashboard .an-data-table { margin-top:12px;font-size:11px;color:var(--text-secondary); }
#page-dashboard .an-data-table summary { cursor:pointer;width:max-content;font-weight:600; }
#page-dashboard .an-table-scroll { max-height:220px;overflow:auto;margin-top:8px; }
#page-dashboard .an-table-scroll table { width:100%;border-collapse:collapse; }
#page-dashboard .an-table-scroll th,#page-dashboard .an-table-scroll td { border-bottom:1px solid var(--border-light);padding:6px 8px;text-align:left;font-variant-numeric:tabular-nums; }
#page-dashboard .an-attention-count { display:flex;gap:10px;align-items:baseline;border-bottom:1px solid var(--border-light);padding:12px 0; }
#page-dashboard .an-attention-count strong { font-size:22px;font-variant-numeric:tabular-nums; }
#page-dashboard .an-attention-count span { color:var(--text-secondary);font-size:11px; }
#page-dashboard .an-attention-secondary strong { font-size:17px; }
#page-dashboard .an-attention > button:not(.an-text-link) { display:flex;width:100%;justify-content:space-between;gap:12px;padding:9px 0;border:0;border-bottom:1px solid var(--border-light);background:transparent;color:var(--text-primary);text-align:left;font-size:11px;cursor:pointer; }
#page-dashboard .an-attention > button strong { color:var(--semantic-danger,#bd3838);white-space:nowrap; }
#page-dashboard .an-text-link { justify-self:start;border:0;background:transparent;color:var(--accent);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;padding:8px 0; }
#page-dashboard .an-summary > p:not(.an-note) { display:flex;justify-content:space-between;gap:12px;margin:0;border-bottom:1px solid var(--border-light);padding:11px 0;font-size:12px;line-height:1.35; }
#page-dashboard .an-summary-action { display:flex;justify-content:space-between;width:100%;gap:12px;border:0;border-bottom:1px solid var(--border-light);padding:11px 0;background:transparent;color:var(--accent);text-align:left;font:inherit;font-size:12px;cursor:pointer; }
#page-dashboard .an-summary-action strong { color:var(--text-primary);font-variant-numeric:tabular-nums; }
#page-dashboard .an-summary > p > strong { white-space:nowrap;font-variant-numeric:tabular-nums; }
#page-dashboard .an-summary h3 { margin-bottom:8px; }
#page-dashboard .an-rank ol { list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px; }
#page-dashboard .an-rank li { display:grid;grid-template-columns:minmax(100px,1.2fr) minmax(40px,1fr) auto;gap:8px;align-items:center;font-size:11px; }
#page-dashboard .an-rank-name { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
#page-dashboard .an-rank-track { height:7px;background:var(--bg-surface-2);border-radius:3px;overflow:hidden; }
#page-dashboard .an-rank-track i { display:block;height:100%;background:var(--chart-revenue);border-radius:3px; }
#page-dashboard .an-rank strong { font-variant-numeric:tabular-nums;white-space:nowrap; }
#page-dashboard .an-detail-list { max-height:270px;overflow:auto;margin-top:12px; }
#page-dashboard .an-detail-row { display:flex;justify-content:space-between;width:100%;gap:10px;padding:9px 0;border:0;border-bottom:1px solid var(--border-light);background:transparent;color:var(--text-primary);text-align:left;cursor:pointer;font-size:12px; }
#page-dashboard .an-detail-row strong { white-space:nowrap;font-variant-numeric:tabular-nums; }
#page-dashboard .an-close { width:28px;height:28px;background:var(--bg-surface-2);color:var(--text-primary);border:0;border-radius:6px;cursor:pointer; }
#page-dashboard .an-shell button:focus-visible,#page-dashboard .an-shell select:focus-visible,#page-dashboard .an-shell summary:focus-visible { outline:2px solid var(--accent);outline-offset:2px; }
@media (max-width:1250px) {
  #page-dashboard .an-kpi-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  #page-dashboard .an-main-grid,#page-dashboard .an-secondary-grid { grid-template-columns:minmax(0,1fr); }
  #page-dashboard .an-trend { min-height:clamp(250px,32vh,360px); }
  #page-dashboard .an-trend-column { height:clamp(234px,29vh,340px); }
  #page-dashboard .an-trend-bars { height:clamp(200px,25vh,300px); }
}
@media (max-width:850px) {
  #page-dashboard .an-toolbar,#page-dashboard .an-filters { align-items:stretch;justify-content:flex-start; }
  #page-dashboard .an-main-grid,#page-dashboard .an-secondary-grid { grid-template-columns:minmax(0,1fr); }
  #page-dashboard .an-kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #page-dashboard .an-kpi:first-child { grid-column:span 2; }
  #page-dashboard .an-trend { min-height:240px; }
  #page-dashboard .an-trend-column { height:224px; }
  #page-dashboard .an-trend-bars { height:190px; }
}
@media (max-width:560px) {
  #page-dashboard .an-kpi { min-height:108px;padding:12px; }
  #page-dashboard .an-kpi-value { font-size:21px; }
  #page-dashboard .an-panel { padding:14px; }
  #page-dashboard .an-rank li { grid-template-columns:minmax(80px,1fr) minmax(30px,.6fr) auto; }
  #page-dashboard .an-trend { min-height:220px; }
  #page-dashboard .an-trend-column { height:204px; }
  #page-dashboard .an-trend-bars { height:170px; }
}
