.purchase-dashboard { min-width:0; color:#202936; letter-spacing:0; }
.shell.purchase-stats-page .topbar { margin-bottom:8px; }
.shell.purchase-stats-page .stats-tabs { margin-bottom:6px; }
.purchase-dashboard button { cursor:pointer; }
.purchase-dashboard button:disabled { opacity:.45; cursor:default; }
.purchase-dashboard button:focus-visible, .purchase-dashboard input:focus-visible, .purchase-dashboard select:focus-visible, .purchase-dashboard canvas:focus-visible { outline:2px solid #2563eb; outline-offset:2px; }
.pd-filterbar { display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:8px 0; }
.pd-segments { display:inline-flex; align-items:center; background:#e9edf2; padding:3px; border-radius:6px; flex-shrink:0; }
.pd-segments button { border:0; background:transparent; color:#5b6575; border-radius:4px; padding:6px 11px; white-space:nowrap; }
.pd-segments button.active { background:white; color:#172331; box-shadow:0 1px 3px #12233a18; font-weight:700; }
.pd-dates { display:flex; align-items:center; gap:7px; }
.pd-filterbar input, .pd-filterbar select, .pd-detail-toolbar input { height:33px; border:1px solid #dce2ea; border-radius:4px; background:#fff; padding:4px 9px; color:#374354; min-width:0; }
.pd-filterbar input { width:137px; }
.pd-filterbar select { flex:1; min-width:100px; max-width:150px; }
.pd-refresh { width:33px; height:33px; flex-shrink:0; border:1px solid #dce2ea; border-radius:4px; background:#fff; font-size:23px; line-height:1; color:#475569; }
.pd-error { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px; background:#fff0f1; color:#ad2d40; border:1px solid #f4ccd2; margin-bottom:10px; }
.pd-error button { border:1px solid #e4a4b1; color:inherit; background:white; border-radius:4px; padding:4px 12px; }
.pd-loading { padding:8px 0; color:#2563eb; }
.pd-stale { opacity:.4; pointer-events:none; }
.pd-period { display:flex; gap:12px; align-items:center; flex-wrap:wrap; padding:5px 0 9px; color:#7b8491; font-size:11px; }
.pd-period strong { color:#384456; font-size:12px; font-weight:600; }
.pd-updated { margin-left:auto; }
.pd-kpis { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); background:#fff; border-top:1px solid #e0e5ec; border-bottom:1px solid #e0e5ec; padding:13px 0; }
.pd-kpi { padding:0 18px; border-right:1px solid #e9edf2; min-width:0; display:grid; gap:5px; }
.pd-kpi:last-child { border:0; }
.pd-kpi > span { font-size:12px; color:#667085; }
.pd-kpi strong { font-size:25px; line-height:1.15; font-variant-numeric:tabular-nums; white-space:nowrap; }
.pd-kpi small { color:#919aa6; font-size:11px; }
.pd-green { color:#138368; } .pd-purple { color:#7855a4; } .pd-red { color:#cc4d5e; } .pd-cyan { color:#07889e; } .pd-amber { color:#b7811f; }
.pd-secondary { display:flex; gap:8px 25px; flex-wrap:wrap; padding:9px 18px; background:#fafbfc; border-bottom:1px solid #e0e5ec; color:#758091; }
.pd-secondary b { margin-left:7px; font-variant-numeric:tabular-nums; }
.pd-overview { display:grid; grid-template-columns:minmax(0,1fr) 440px; background:#fff; border-bottom:1px solid #e0e5ec; }
.pd-trend { min-width:0; padding:14px 16px 8px; }
.pd-section-title { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.pd-section-title > div:first-child { display:flex; align-items:baseline; flex-wrap:wrap; gap:12px; }
.pd-section-title h2 { font-size:15px; color:#253141; }
.pd-section-title span { font-size:11px; color:#8b96a5; }
.pd-legend { display:flex; flex-wrap:wrap; gap:5px 15px; padding:10px 0 8px; }
.pd-legend button { display:flex; align-items:center; gap:6px; font-size:11px; color:#5f6d7d; background:none; border:0; padding:3px 0; }
.pd-legend i, .pd-chart-tooltip i { display:inline-block; width:7px; height:7px; border-radius:50%; flex-shrink:0; }
.pd-legend .muted { opacity:.35; text-decoration:line-through; }
.pd-plot { position:relative; height:210px; min-width:0; }
.pd-plot canvas { display:block; width:100%; height:210px; touch-action:pan-y; }
.pd-chart-empty { position:absolute; top:42%; width:100%; text-align:center; color:#8794a3; pointer-events:none; }
.pd-chart-tooltip { position:absolute; right:52px; top:22px; background:#fffffff5; border:1px solid #dce3ec; border-radius:5px; padding:12px 14px; box-shadow:0 4px 18px #20324712; min-width:174px; pointer-events:none; font-size:11px; }
.pd-chart-tooltip > strong { display:block; color:#243248; margin-bottom:9px; }
.pd-chart-tooltip > div { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-top:7px; }
.pd-chart-tooltip div > span { display:flex; align-items:center; gap:7px; color:#657184; }
.pd-detail { background:#fff; margin-top:10px; border-top:1px solid #e0e5ec; border-bottom:1px solid #e0e5ec; }
.pd-detail-toolbar { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding:7px 14px; border-bottom:1px solid #e4e8ef; min-height:43px; }
.pd-detail-toolbar h2 { font-size:13px; color:#28384b; }
.pd-section-note { font-size:11px; color:#8b96a5; }
.pd-detail-toolbar input { width:180px; margin-left:auto; }
.pd-export, .pd-day-filter { border:1px solid #dae2ec; background:#fff; border-radius:4px; padding:7px 10px; color:#506279; }
.pd-day-filter { background:#edf5ff; color:#2367c1; }
.pd-table-scroll { overflow:auto; max-height:445px; }
.pd-table { width:100%; min-width:900px; border-collapse:separate; border-spacing:0; font-size:12px; table-layout:fixed; }
.pd-table th, .pd-table td { padding:9px 10px; text-align:right; border-bottom:1px solid #edf0f4; font-variant-numeric:tabular-nums; white-space:nowrap; }
.pd-table th { position:sticky; top:0; background:#f8fafc; color:#6b798c; z-index:1; font-weight:500; font-size:11px; }
.pd-table th:first-child, .pd-table td:first-child { text-align:left; width:150px; overflow:hidden; text-overflow:ellipsis; }
.pd-table tbody tr:hover { background:#f7faff; }
.pd-table .pd-selected { background:#eff6ff; }
.pd-table tfoot td { background:#f8fafc; border-top:1px solid #e1e8f0; font-weight:700; }
.pd-rate { display:flex; flex-direction:column; align-items:flex-end; gap:5px; }
.pd-rate i { width:52px; height:3px; border-radius:2px; background:linear-gradient(to right,#37a38e var(--rate),#e8edf0 var(--rate)); }
.pd-risk { display:inline-block; padding:3px 7px; border-radius:4px; background:#eef7f3; color:#408370; }
.pd-risk-high { background:#fff0f1; color:#c15261; }
.pd-table td.pd-empty { text-align:center; height:95px; color:#95a1af; }
.pd-pagination { display:flex; align-items:center; justify-content:space-between; color:#8894a4; padding:10px 18px; font-size:11px; }
.pd-pagination > div { display:flex; align-items:center; gap:12px; }
.pd-pagination button { height:25px; width:25px; border:1px solid #e0e6ed; background:white; color:#597087; border-radius:4px; font-size:17px; }
.pd-data-quality { display:flex; gap:16px; font-size:11px; color:#909bab; padding:12px 0; }
.pd-buyer-overview { min-width:0; border-left:1px solid #edf0f4; padding:14px 10px 8px; }
.pd-buyer-overview .pd-section-title { padding:2px 5px 10px; }
.pd-buyer-overview h2 { font-size:13px; }
.pd-buyer-scroll { overflow:auto; max-height:250px; }
.pd-buyer-table { width:100%; min-width:395px; table-layout:fixed; border-collapse:separate; border-spacing:0; font-size:11px; }
.pd-buyer-table th, .pd-buyer-table td { text-align:right; padding:8px 4px; border-bottom:1px solid #edf0f4; font-variant-numeric:tabular-nums; }
.pd-buyer-table th { position:sticky; top:0; z-index:1; background:#f8fafc; color:#7a8898; font-size:10px; font-weight:500; }
.pd-buyer-table th:first-child, .pd-buyer-table td:first-child { text-align:left; width:75px; }
.pd-buyer-identity { display:flex; gap:5px; align-items:center; overflow-wrap:anywhere; }
.pd-buyer-identity i, .pd-day-buyer > i { display:inline-block; width:5px; height:5px; border-radius:50%; flex-shrink:0; }
.pd-share-mini { display:block; height:2px; width:100%; margin-top:4px; background:linear-gradient(to right,var(--buyer-color) var(--share),#edf0f4 var(--share)); }
.pd-daily-table { min-width:1040px; }
.pd-daily-table th:first-child, .pd-daily-table td:first-child { width:96px; }
.pd-daily-table .pd-buyers-heading { width:330px; text-align:left; }
.pd-buyers-heading span { margin-left:8px; font-weight:400; color:#9aa3af; font-size:10px; }
.pd-daily-table .pd-day-buyers { text-align:left; white-space:normal; padding-top:8px; padding-bottom:8px; }
.pd-contribution-bar { display:flex; gap:1px; height:3px; overflow:hidden; margin-bottom:7px; background:#edf0f4; border-radius:2px; }
.pd-contribution-bar:empty { display:none; }
.pd-day-buyer-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px 13px; }
.pd-day-buyer { display:grid; grid-template-columns:5px minmax(0,1fr) auto auto; gap:5px; align-items:center; font-size:11px; }
.pd-day-buyer > span { overflow-wrap:anywhere; color:#526073; }
.pd-day-buyer b { font-weight:600; color:#33455b; }
.pd-day-buyer em { font-style:normal; color:#8b96a4; font-size:10px; }
.pd-daily-table .pd-daily-total-buyers { text-align:left; font-weight:500; color:#778396; }
.pd-account-risk .pd-table-scroll { max-height:220px; }
.pd-account-risk .pd-table { min-width:560px; }
.pd-buyer-table .pd-empty { text-align:center; padding:25px; color:#95a1af; }
@media(max-width:1100px) { .pd-overview { grid-template-columns:minmax(0,1fr); } .pd-buyer-overview { border-left:0; border-top:1px solid #edf0f4; } .pd-buyer-scroll { max-height:230px; } }
@media(max-width:1200px) { .pd-kpi { padding:0 14px; } .pd-kpi strong { font-size:25px; } }
@media(max-width:900px) { .pd-kpis { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px 0; } .pd-kpi:nth-child(3) { border:0; } .pd-secondary { gap:12px 20px; } }
@media(max-width:600px) {
  .shell.purchase-stats-page .main-nav { flex-basis:52px; width:52px; min-width:52px; max-width:52px; }
  .shell.purchase-stats-page .content { padding:16px 12px 30px; }
  .shell.purchase-stats-page .brand-text, .shell.purchase-stats-page .nav-text, .shell.purchase-stats-page .profile-copy { max-width:0; opacity:0; overflow:hidden; }
  .shell.purchase-stats-page .nav-brand, .shell.purchase-stats-page .nav-item { justify-content:center; padding-left:0; padding-right:0; gap:0; }
  .shell.purchase-stats-page .nav { padding-left:4px; padding-right:4px; }
  .shell.purchase-stats-page .main-nav-actions { padding:0 4px; }
  .shell.purchase-stats-page .profile-card { flex-direction:column; gap:5px; padding:6px 0; }
  .shell.purchase-stats-page .nav-caret, .shell.purchase-stats-page .nav-submenu { display:none !important; }
  .shell.purchase-stats-page .topbar p { font-size:11px; }
  .pd-filterbar { gap:8px; } .pd-dates { width:100%; } .pd-dates input { flex:1; width:0; }
  .pd-filterbar select { flex:1; width:0; min-width:95px; } .pd-refresh { margin-left:0; }
  .pd-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); } .pd-kpi:nth-child(3) { border-right:1px solid #e9edf2; } .pd-kpi:nth-child(2n) { border:0; }
  .pd-kpi { padding:0 15px; } .pd-kpi strong { font-size:26px; } .pd-trend { padding:16px 8px 5px; }
  .pd-section-title { padding:0 8px; } .pd-section-title span { display:none; } .pd-legend { padding-left:8px; gap:8px 14px; }
  .pd-detail-toolbar { padding:8px 12px; } .pd-detail-toolbar h2 { width:100%; } .pd-detail-toolbar input { margin-left:0; flex:1; min-width:100px; }
  .pd-detail-toolbar .pd-export { font-size:11px; } .pd-chart-tooltip { right:43px; top:20px; }
  .pd-period { gap:6px; } .pd-updated { display:none; } .pd-data-quality { flex-wrap:wrap; }
}