/* V397 — Demand mobile clean typography + professional pagination
   Mobile-only override. Keeps V395/V396 desktop and business logic unchanged. */
@media (max-width:800px){
  /* Calm, readable mobile typography */
  .v363-page{font-size:14px}
  .v363-hero{padding:16px 14px;background:var(--card,#fff);border:1px solid var(--border,#e5e7eb);box-shadow:none}
  .v363-kicker,.v365-region-kicker{font-size:10px;letter-spacing:.04em;font-weight:700;color:#667085}
  .v363-hero h2{font-size:20px;line-height:1.3;letter-spacing:-.01em;color:#182230}
  .v363-hero p,.v365-region-head p{font-size:12px;line-height:1.55;color:#667085}
  .v363-period span,.v365-region-filter span{font-size:11px;font-weight:600;color:#475467}

  .v363-kpis article,.v365-region-kpis article{box-shadow:none;border:1px solid #e4e7ec;background:#fff}
  .v363-kpis span,.v365-region-kpis span{font-size:10px;line-height:1.4;letter-spacing:0;text-transform:none;font-weight:600;color:#667085}
  .v363-kpis strong,.v365-region-kpis strong{font-size:15px;line-height:1.35;color:#182230}
  .v363-kpis small,.v365-region-kpis small{font-size:11px;line-height:1.45;color:#667085}

  .v363-toolbar h3,.v365-region-head h3{font-size:15px;line-height:1.4;color:#182230}
  .v363-toolbar p{font-size:11px;line-height:1.5;color:#667085}
  .v363-tools input,.v363-tools select,.v363-tools button,.v365-region-filter select{font-size:12px;color:#344054;background:#fff;border-color:#d0d5dd}

  /* Neutral cards; remove decorative tint */
  .v363-table-wrap,.v365-region-table-wrap{background:#f8fafc}
  .v363-table tbody tr,.v365-region-table tbody tr{border-color:#e4e7ec;border-radius:12px;box-shadow:none}
  .v363-table td,.v365-region-table td{padding:10px 11px;border-color:#eaecf0;background:#fff}
  .v363-table td:nth-child(1),.v365-region-table td:nth-child(1),
  .v363-table td:nth-child(10),.v365-region-table td:nth-child(7){background:#fff}

  .v363-table td::before,.v365-region-table td::before{
    margin-bottom:5px;font-size:10px;font-weight:600;line-height:1.35;
    letter-spacing:0;text-transform:none;color:#667085
  }
  .v363-table td:nth-child(10)::before,.v365-region-table td:nth-child(7)::before{color:#667085}

  .v363-product strong,.v365-region-product strong{font-size:14px;line-height:1.4;color:#182230}
  .v363-product small,.v365-region-product small{font-size:11px;line-height:1.45;color:#667085}
  .v363-type strong,.v363-number strong,.v363-peak-cell strong,.v363-cover strong,
  .v363-suggest strong,.v363-cost strong,.v363-center strong,.v365-region-table td strong{
    font-size:13px;line-height:1.4;color:#344054
  }
  .v363-type small,.v363-number small,.v363-peak-cell small,.v363-cover small,
  .v363-suggest small,.v363-cost small,.v363-center small,.v365-region-table td small{
    font-size:11px;line-height:1.45;color:#667085
  }
  .v365-region-table td{font-size:12px;line-height:1.45;color:#344054}
  .v365-region-name{font-size:13px!important;color:#182230!important}

  /* Statuses stay informative but subdued */
  .v363-growth,.v363-status{min-height:28px;padding:5px 9px;font-size:11px;font-weight:600;border-radius:7px;box-shadow:none}
  .v363-growth.up,.v363-status.opportunity{background:#f2f7f5;color:#356859;border-color:#d7e7e1}
  .v363-growth.down,.v363-status.urgent{background:#fff5f4;color:#9b3b34;border-color:#f2d6d3}
  .v363-growth.flat,.v363-status.stable,.v363-status.watch{background:#f5f6f7;color:#475467;border-color:#e4e7ec}

  /* Professional mobile pagination */
  .v363-pagination,.v365-region-pagination{
    display:block;padding:14px 10px 16px;background:#fff;border-top:1px solid #eaecf0;
    color:#667085;font-size:11px;line-height:1.4;text-align:center
  }
  .v363-pagination>div:first-child,.v365-region-pagination>div:first-child{
    margin-bottom:10px;font-size:11px;font-weight:500;color:#667085
  }
  .v363-pagination>div:last-child,.v365-region-pagination>div:last-child{
    display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:center
  }
  .v363-pagination select,.v365-region-pagination select{
    grid-column:1/-1;grid-row:2;width:100%;height:42px;margin-top:2px;padding:0 12px;
    border:1px solid #d0d5dd;border-radius:9px;background:#fff;color:#344054;font-size:12px;font-weight:500
  }
  .v363-pagination button,.v365-region-pagination button{
    width:100%;height:44px;padding:0 12px;border:1px solid #d0d5dd;border-radius:9px;
    background:#fff;color:#344054;font-size:12px;font-weight:600;box-shadow:none
  }
  .v363-pagination button:first-of-type,.v365-region-pagination button:first-of-type{grid-column:1;grid-row:1}
  .v363-pagination span,.v365-region-pagination span{
    grid-column:2;grid-row:1;min-width:92px;padding:0 8px;font-size:12px;font-weight:700;color:#344054;white-space:nowrap
  }
  .v363-pagination button:last-of-type,.v365-region-pagination button:last-of-type{grid-column:3;grid-row:1}
  .v363-pagination button:disabled,.v365-region-pagination button:disabled{opacity:.42;background:#f9fafb;color:#98a2b3}
  .v363-pagination button:not(:disabled):active,.v365-region-pagination button:not(:disabled):active{background:#f2f4f7;transform:translateY(1px)}

  .v363-method h3{font-size:13px;color:#182230}
  .v363-method p{font-size:11px;line-height:1.55;background:#fff;color:#475467;border:1px solid #eaecf0}
}

@media (max-width:390px){
  .v363-hero h2{font-size:19px}
  .v363-pagination span,.v365-region-pagination span{min-width:78px;font-size:11px;padding:0 4px}
  .v363-pagination button,.v365-region-pagination button{padding:0 8px;font-size:11.5px}
}

@media (max-width:800px){
  .dark .v363-hero,.dark .v363-kpis article,.dark .v365-region-kpis article,
  .dark .v363-table td,.dark .v365-region-table td,.dark .v363-pagination,.dark .v365-region-pagination{background:#18212b;border-color:#34424c}
  .dark .v363-table-wrap,.dark .v365-region-table-wrap{background:#111922}
  .dark .v363-hero h2,.dark .v363-toolbar h3,.dark .v365-region-head h3,.dark .v363-kpis strong,.dark .v365-region-kpis strong,
  .dark .v363-product strong,.dark .v365-region-product strong,.dark .v365-region-name{color:#f2f4f7!important}
  .dark .v363-table td:nth-child(1),.dark .v365-region-table td:nth-child(1),.dark .v363-table td:nth-child(10),.dark .v365-region-table td:nth-child(7){background:#18212b}
  .dark .v363-pagination select,.dark .v365-region-pagination select,.dark .v363-pagination button,.dark .v365-region-pagination button{background:#1d2732;border-color:#475467;color:#e4e7ec}
  .dark .v363-method p{background:#18212b;border-color:#34424c;color:#cbd5e1}
}