/* Shared layout convention: related controls stay together until content needs
   to wrap. Navigation sizing, table/data layouts and application behavior stay
   with their existing owners. */
@layer dvPageContrast {
 @media(min-width:760px){
  html body .downloads-panel:not(.central-activity):has(>.downloads-back){display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:baseline;gap:10px 20px;}
  html body .downloads-panel:not(.central-activity):has(>.downloads-back)>*{grid-column:1/-1;min-width:0;}
  html body .downloads-panel:not(.central-activity)>.downloads-back{grid-row:1;grid-column:1;justify-self:start;margin:0!important;}
  html body .downloads-panel:not(.central-activity)>.eyebrow{grid-row:1;grid-column:2;justify-self:end;margin:0!important;}
  html body .downloads-panel:has(>.reports-refresh)>h1{grid-row:2;grid-column:1;margin:0!important;}
  html body .downloads-panel>.reports-refresh{grid-row:2;grid-column:2;justify-self:end;align-self:center;margin:0!important;}
  html body .downloads-panel:has(>.reports-refresh)>[role=status]{margin:0!important;}
 }
 @media(min-width:1000px){
  html body .workbook-bar{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"heading heading" "filters actions"!important;gap:8px 16px!important;align-items:center!important;}
  html body .workbook-bar>.report-heading-group{grid-area:heading!important;align-self:center;}
  html body .workbook-bar>.dv-toolbar-filters{grid-area:filters!important;min-width:0;width:auto!important;max-width:none!important;}
  html body .workbook-bar>.file-actions.workbook-controls{grid-area:actions!important;justify-self:end;align-self:center;display:flex!important;flex-wrap:wrap!important;justify-content:flex-end;gap:8px;min-width:0;}
  html body .workbook-bar .filter-bar{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;min-width:0;}
 }
 @media(min-width:1800px){html body .workbook-bar{grid-template-columns:auto minmax(0,1fr) auto!important;grid-template-areas:"heading filters actions"!important;}}
}
@layer dreamviewActivity {
 @media(min-width:800px){
  html body .central-heading{display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;gap:10px 18px!important;}
  html body .central-heading>div:first-child{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;}
  html body .central-heading .central-overview{margin:0!important;}
  html body .central-heading .central-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
 }
}
/* UPC headings and search/export controls use the same wrapping convention. */
@media(min-width:800px){
 html body #app .page-heading,html body #app .log-header{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 18px;}
 html body #app :is(.page-heading,.log-header)>div:first-child{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;}
 html body #app :is(.page-heading,.log-header) p{margin:0;}
 html body #app .log-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0;}
}
/* Wide Sales cards can fit title/legend/view controls together. Narrow cards
   keep the existing two-column header, where another row is actually needed. */
html body #root .dv-panel-monthly{container-type:inline-size;container-name:dvMonthly;}
@container dvMonthly (min-width:680px){
 html body #root .dv-panel-monthly>div:first-child{display:flex!important;align-items:baseline!important;flex-wrap:wrap!important;gap:6px 12px!important;}
 html body #root .dv-panel-monthly [data-ly-original-title],html body #root .dv-panel-monthly [data-ly-original-title]>div,html body #root .dv-panel-monthly [data-ly-original-title]>div>div:has(>.dom-primary-card-title){display:contents!important;}
 html body #root .dv-panel-monthly .dom-primary-card-title{order:0;flex:1 0 auto;}
 html body #root .dv-panel-monthly [data-ly-original-legend]{order:1;flex:0 0 auto;align-items:baseline!important;padding:0!important;}
 html body #root .dv-panel-monthly .ly-controls{order:2;flex:0 0 auto;align-items:baseline!important;grid-column:auto!important;grid-row:auto!important;margin:0!important;}
 html body #root .dv-panel-monthly .dv-monthly-order-average{order:3;flex-basis:100%;margin:0!important;}
}