.mobile-tools,.mobile-tools-content{display:contents}.mobile-tools>summary{display:none}
.mobile-recon-filters,.mobile-recon-filter-content{display:contents}.mobile-recon-filters>summary{display:none}
@media(max-width:700px){
  .workspace,#main-content,#view-content{min-width:0}
  #main-content{padding:14px 12px 24px}
  .topbar{height:auto;min-height:62px;padding:9px 10px;gap:6px;align-items:center}
  .topbar-left{gap:7px;min-width:0;flex:1}
  .topbar-left .breadcrumb-current{min-width:0;font-size:11px;line-height:1.4;white-space:normal;overflow-wrap:anywhere}
  .topbar .topbar-brand,.topbar .breadcrumb-divider,.topbar-actions>.preview-label,.topbar-divider{display:none}
  .topbar-actions{gap:3px;flex:none;min-width:0}
  .topbar .icon-button,.mobile-tools>summary{width:38px;height:40px;min-width:38px;padding:9px;box-sizing:border-box}
  .topbar .mobile-menu{display:inline-grid;flex:none}
  .mobile-tools{position:relative;display:block}
  .mobile-tools>summary{display:grid;place-items:center;list-style:none;font-size:24px;line-height:1;border:1px solid var(--border);border-radius:9px;color:var(--muted);cursor:pointer}
  .mobile-tools>summary::-webkit-details-marker{display:none}
  .mobile-tools:not([open])>.mobile-tools-content{display:none}
  .mobile-tools[open]>.mobile-tools-content{display:flex;align-items:center;gap:12px;position:absolute;right:0;top:46px;z-index:100;padding:12px;background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:12px;box-shadow:var(--shadow)}
  .sidebar{width:min(290px,calc(100vw - 44px));max-width:100%;padding:18px 16px}
  .sidebar .brand{font-size:21px}.sidebar .store-context{margin:14px 0}.sidebar .sidebar-note{display:none}
  .sidebar .sidebar-nav-group .nav-item{min-height:42px;font-size:12px}
  #main-content>.filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;align-items:end}
  #main-content>.filters>*{min-width:0}.filters .filter-field{display:grid;gap:6px}.filters .filter-field label{font-size:11px}
  #seller-filter{width:100%;min-width:0;height:42px;font-size:12px;padding:8px}
  .filters .active-period{grid-column:1/-1;font-size:11px;text-align:left;margin:0}
  #main-content>.view-tabs{gap:6px;margin-bottom:14px}
  #main-content>.view-tabs>.view-tab{padding:10px 7px;min-height:70px;gap:6px;align-items:center;text-align:center}
  #main-content>.view-tabs>.view-tab>svg{width:25px;height:25px;padding:4px}
  #main-content>.view-tabs .view-tab-content>small{display:none}
  #main-content>.view-tabs .view-tab-content>strong{font-size:11px}
  .summary-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;padding:14px}
  .summary-strip>div{min-width:0;padding:0;border:0}.summary-strip>div>span{white-space:normal;font-size:11px;line-height:1.5}
  .summary-strip strong{font-size:15px;overflow-wrap:anywhere;line-height:1.6}.summary-strip>a{grid-column:1/-1;margin:0;padding-top:10px;border-top:1px solid var(--border);font-size:11px}
  #view-content :is(.panel,.kpi,.helper-note,.agenda-item,.agenda-main,.agenda-info,.split-row){min-width:0}
  #view-content :is(.panel-title,.panel-header){flex-wrap:wrap;gap:8px}
  #view-content :is(h2,h3,strong,p,a,button,small){overflow-wrap:break-word}
  #view-content .table-wrap{overflow:visible}
  #view-content .segmented{display:flex;flex-wrap:wrap;gap:5px;max-width:100%;overflow:visible}
  #view-content .segmented>a{flex:1 1 auto;min-height:36px;white-space:normal;text-align:center;box-sizing:border-box}
  .mobile-labelled-table,.mobile-labelled-table tbody{display:block;width:100%;min-width:0!important;table-layout:auto;white-space:normal}
  .mobile-labelled-table colgroup,.mobile-labelled-table thead{display:none}
  .mobile-labelled-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface-soft)}
  .mobile-labelled-table tbody td{display:block;min-width:0;padding:0!important;border:0!important;text-align:left!important;white-space:normal;overflow-wrap:anywhere;font-size:12px}
  .mobile-labelled-table td::before{content:attr(data-mobile-label);display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-bottom:4px;font-weight:400}
  .mobile-labelled-table td:first-child{grid-column:1/-1}.mobile-labelled-table td:first-child .table-link{font-size:13px;line-height:1.6}
  .record-history.with-label{width:38px;height:38px;min-width:38px;min-height:38px;padding:9px;max-width:38px}.record-history.with-label>span{display:none}.record-history svg{flex:none}
  .agenda-item{gap:7px;align-items:flex-start}.agenda-main{flex-wrap:wrap;gap:8px}.agenda-main .agenda-info{flex:1 1 160px;min-width:0}.agenda-main>strong{font-size:13px}
  .demo-note{display:flex;flex-wrap:wrap;gap:8px;font-size:10px}.demo-note .notes-link{margin:0;min-height:40px}.footer-brand{display:none}
  dialog:not(.audit-dialog){width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:22px 16px;margin:auto;box-sizing:border-box;overflow:auto}
  #dialog-content{min-width:0;overflow-wrap:anywhere}.dialog-close{top:10px;right:10px;width:40px;height:40px}
  #dialog-content h2{font-size:20px;line-height:1.4;padding-right:35px}
  #dialog-content :is(.detail-grid,.detail-columns){grid-template-columns:minmax(0,1fr)}
  .preview-message{bottom:12px;width:calc(100vw - 28px);max-width:calc(100vw - 28px);padding:12px;font-size:12px;box-sizing:border-box}
  #main-content .recon-search-filters{display:grid;grid-template-columns:minmax(0,1fr);gap:9px;padding:12px}
  #main-content .recon-search-filters>*{grid-column:1/-1;min-width:0}
  .mobile-recon-filters{display:block;min-width:0;width:100%}
  .mobile-recon-filters:not([open])>.mobile-recon-filter-content{display:none}
  .mobile-recon-filters>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;padding:10px 0;min-height:40px;box-sizing:border-box;font-size:12px;color:var(--accent);cursor:pointer}
  .mobile-recon-filters>summary::-webkit-details-marker{display:none}
  .mobile-recon-filter-content{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding-top:8px}
  #main-content .mobile-recon-filter-content>*{grid-column:1/-1;grid-row:auto;min-width:0;width:100%;margin:0}
  #main-content .mobile-recon-filter-content .recon-period-field{align-self:auto;position:relative}
  .recon-toolbar{gap:10px}.recon-filter-tabs{display:flex;flex-wrap:wrap;width:100%;gap:5px;padding:5px;overflow:visible}.recon-filter-tabs>a{flex:1 1 auto;min-height:38px;justify-content:center;white-space:normal;font-size:11px;padding:7px}
  .recon-toolbar-meta{width:100%;justify-content:space-between}.recon-history-icon{min-width:40px;min-height:40px}
  .recon-sale-compact .recon-compact-values{gap:8px}.recon-sale-compact .recon-money-cell>strong{font-size:13px;white-space:normal;overflow-wrap:anywhere}
  .recon-sale-compact :is(.recon-review-button,.recon-next-button,.recon-receive-button){min-height:40px;font-size:12px}
  .recon-sale-compact .recon-disclosure-summary{min-height:42px;font-size:12px}.recon-sale-compact .recon-disclosure-summary>strong{font-size:12px}
  .recon-sale-compact .recon-sheet-payment-main{flex-wrap:wrap;gap:7px}.recon-sale-compact .recon-sheet-payment-method{font-size:12px}
  .recon-sale-compact .recon-payment-action{flex-wrap:wrap;gap:8px}.recon-sale-compact .recon-sheet-payment-meta{font-size:11px}
  dialog.audit-dialog{padding:14px 10px}dialog.audit-dialog #close-dialog{top:12px;right:12px;width:40px;height:40px}
  dialog.audit-dialog #dialog-content .audit-workspace h2{font-size:19px}
  dialog.audit-dialog #dialog-content .audit-table{display:block;min-width:0;width:100%;font-size:12px}
  dialog.audit-dialog #dialog-content .audit-table tbody{display:block;width:100%}
  dialog.audit-dialog #dialog-content .audit-table td{font-size:12px}
  dialog.audit-dialog #dialog-content .audit-table tr{grid-template-columns:repeat(2,minmax(0,1fr));margin:8px;padding:12px}
  dialog.audit-dialog #dialog-content .audit-table td:first-child{grid-column:auto}
  dialog.audit-dialog #dialog-content .audit-table td:nth-child(n+4){grid-column:1/-1}
  dialog.audit-dialog #dialog-content .audit-table .audit-empty-row>td{grid-column:1/-1}
  .attention-host-dialog{width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;border-radius:0!important;padding:0!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sidebar{transition:none}}