/* Final responsive layer: loaded after module styles to avoid cascade regressions. */
.app-layout,.workspace,.workspace .card,.workspace .grid,.workspace .section-head{min-width:0}
.workspace .section-head>*,.workspace-header>*{min-width:0}
.workspace :is(h1,h2,h3,p){overflow-wrap:break-word}
.workspace :is(input,select,textarea){max-width:100%;min-width:0}
.workspace :is(.table-wrap,[class$="-table-wrap"],[class*="-table-wrapper"]){max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.workspace :is(table){max-width:100%}
.workspace :is(.grid.two,.association-controls)>*{min-width:0}
@media (min-width:721px) and (max-width:1200px){
  .workspace{padding:20px 16px}
  .workspace-header{flex-wrap:wrap}
  .workspace-meta{flex-wrap:wrap}
}
@media (max-width:720px){
  /* Keep each navigation destination available through horizontal scrolling. */
  .app-sidebar{max-width:100%;scrollbar-width:thin;scrollbar-color:#737373 transparent}
  .app-sidebar::-webkit-scrollbar{display:block;height:4px}
  .app-sidebar::-webkit-scrollbar-thumb{background:#737373;border-radius:4px}
  .sidebar-section,.sidebar-footer,.brand-block{flex-shrink:0}
  .workspace-header{flex-wrap:wrap}
  .workspace .section-head{flex-wrap:wrap}
  .workspace .section-head>button{max-width:100%}
  .workspace .grid.two{grid-template-columns:minmax(0,1fr)}
  .workspace :is(button,input,select,textarea){max-width:100%}
  .workspace textarea{width:100%}
  .workspace .card{min-width:0}
  .workspace :is(.table-wrap,[class$="-table-wrap"],[class*="-table-wrapper"]){overflow-x:auto}
  .workspace .pagination-row{flex-wrap:wrap}
  .workspace .pagination-row .result-count{flex:1 1 100%;order:-1}
  .admin-orders-toolbar,.admin-order-detail-head{flex-wrap:wrap}
  .creator-admin-toolbar input{min-width:0}
  .workspace .customer-header-actions{max-width:100%;flex-wrap:wrap}
}
@media (max-width:420px){
  .workspace{padding-left:10px!important;padding-right:10px!important}
  .workspace .section-head>button{max-width:100%}
  .workspace .metric-card strong{font-size:clamp(18px,6vw,26px)}
  .creator-admin-toolbar select{min-width:0;width:100%}
  .workspace .metric-card{min-width:0}
  .workspace .pagination-row button{flex:1 1 auto;min-width:0}
}