/* Home: matching metrics first, then one full-width order work area. */
.app .home-page-heading { margin:0 0 14px; min-height:44px; align-items:center; }
.app .home-page-heading .eyebrow,.app .home-page-heading p { display:none; }
.app .home-page-heading h1 { margin:0; font-size:24px; line-height:1.4; }
.app .home-order-filters { margin:0 22px 18px; padding:14px 16px; background:#f8f9fc; border:1px solid #e6ebf2; border-radius:12px; box-shadow:none; }
.app .home-order-filters .date-range-control { margin-left:auto; }
.app .home-order-filters .date-range-caption { text-align:right; }
@media(max-width:700px) {
 .app .home-page-heading { margin-bottom:12px; }
 .app .home-page-heading h1 { font-size:20px; }
 .app .home-order-filters { margin:0 14px 14px; padding:12px; gap:12px; }
 .app .home-order-filters .filter-group,.app .home-order-filters .date-range-control { width:100%; margin-left:0; }
 .app .home-order-filters .filter-group { flex-wrap:wrap; gap:8px; }
 .app .home-order-filters .date-range-caption { text-align:left; }
}
.app .fbs-home-overview { background:#fff; }
.app .fbs-home-overview .panel-head { padding:22px 22px 18px; align-items:center; }
.app .fbs-home-overview .panel-head h2 { font-size:17px; }
.app .fbs-home-overview .panel-head p { font-size:13px; }
.app .fbs-home-overview .fbs-home-grid {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  align-items:stretch; padding:0 22px!important; gap:16px!important; margin-bottom:16px;
}
.app .fbs-home-overview .fbs-home-grid.fbs-multiple-currencies { grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important; }
.app .fbs-home-overview .fbs-home-grid>.stat {
  display:flex; flex-direction:column; align-self:stretch; height:auto;
  padding:20px!important; border-radius:14px; min-width:0;
}
.app .fbs-home-overview .fbs-home-grid .stat-top { min-height:44px; font-size:14px!important; gap:12px; }
.app .fbs-home-overview .fbs-home-grid .stat-top>span { font-weight:600; color:#526681; }
.app .fbs-home-overview .fbs-home-grid .stat-top>span { flex-shrink:0; }
.app .fbs-home-overview .fbs-home-grid .stat-top>svg { color:var(--workbench-accent); flex-shrink:0; }
.app .fbs-home-overview :is(.fbs-count-basis,.oa-basis) { margin-top:12px; font-size:12px; line-height:1.65; color:#718198; }
.app .fbs-home-overview .fbs-home-grid :is(.fbs-count-value,.oa-value) {
  font-size:clamp(32px,3vw,42px)!important; font-weight:650; line-height:1.25!important;
  margin:6px 0 10px!important; letter-spacing:-1px; overflow-wrap:anywhere; white-space:normal;
}
.app .fbs-home-overview .fbs-count-value em { margin-left:9px; font-size:14px; font-style:normal; letter-spacing:0; color:#718198; font-weight:500; }
.app .fbs-home-overview :is(.fbs-count-sub,.oa-count) { font-size:13px!important; line-height:1.7; color:#718198; }
.app .fbs-home-overview .fbs-count-breakdown {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px;
  margin-top:auto; padding-top:18px;
}
.app .fbs-home-overview .fbs-count-breakdown>span {
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:5px;
  padding:13px 14px; font-size:13px; background:#fff; border:1px solid #e6ebf2; border-radius:9px; color:#687991;
}
.app .fbs-home-overview .fbs-count-breakdown b { font-size:20px; font-weight:650; color:#405574; font-variant-numeric:tabular-nums; }
.app .fbs-home-overview .oa-compact .oa-switch { width:190px; flex-shrink:0; margin:0; padding:3px; background:#ffffff70; border-color:var(--workbench-accent-line); }
.app .fbs-home-overview .oa-compact .oa-switch button { min-height:36px; padding:6px 3px; font-size:12px; color:#718198; white-space:nowrap; }
.app .fbs-home-overview .oa-compact .oa-switch button[aria-pressed=true] { color:var(--workbench-accent-ink); background:#fff; }
.app .fbs-home-overview .fbs-multiple-currencies .oa-compact .oa-switch { width:160px; }
.app .fbs-home-overview .oa-compact .oa-rate-summary { margin-top:16px; padding-top:12px; align-items:center; flex-direction:row; font-size:12px; border-color:var(--workbench-accent-line); }
.app .fbs-home-overview .oa-compact .oa-rate-summary>button { color:var(--workbench-accent-ink); border-color:var(--workbench-accent-line); background:#ffffff70; min-height:36px; font-size:12px; }
.app .fbs-home-overview .oa-compact .oa-explanation { margin-top:6px; font-size:12px; }
.app .fbs-home-overview .oa-compact .oa-explanation summary { min-height:28px; display:flex; align-items:center; gap:6px; width:fit-content; color:var(--workbench-accent-ink); }
.app .fbs-home-overview .oa-compact .oa-explanation summary::before { content:'+'; font-size:16px; line-height:1; }
.app .fbs-home-overview .oa-compact .oa-explanation[open] summary::before { content:'−'; }
.app .fbs-home-overview .oa-compact .oa-explanation p { font-size:12px; color:#65758b; }
.app .fbs-home-overview .oa-compact .oa-explanation p>small { font-size:12px!important; }
.app .fbs-home-overview .oa-compact :is(.oa-message,.oa-error) { font-size:13px; }
.app .fbs-home-overview .fbs-home-ticker { margin:0 22px 16px; }
.app .fbs-home-overview .fulfillment-ticker.compact {
  display:grid; grid-template-columns:minmax(0,1fr) auto;
  grid-template-areas:'heading heading' 'stages controls' 'slide slide' 'review review' 'footer footer';
  gap:12px 16px; padding:18px; margin:0; background:#fff; border-color:#e4e9f1; border-radius:14px;
}
.app .fbs-home-overview .fulfillment-ticker-heading { grid-area:heading; padding:0; align-items:center; gap:16px; }
.app .fbs-home-overview .fulfillment-ticker-eyebrow { display:none; }
.app .fbs-home-overview .fulfillment-ticker-heading h2 { font-size:16px; margin:0 0 5px; }
.app .fbs-home-overview .fulfillment-ticker-heading p { font-size:13px; line-height:1.65; margin:0; }
.app .fbs-home-overview .fulfillment-ticker-total { font-size:27px; gap:1px; }
.app .fbs-home-overview .fulfillment-ticker-total small { font-size:12px; }
.app .fbs-home-overview .fulfillment-ticker-stages { grid-area:stages; padding:0; gap:7px; align-items:center; }
.app .fbs-home-overview .fulfillment-ticker-stages button { min-height:40px; font-size:13px; padding:8px 12px; border-radius:8px; }
.app .fbs-home-overview .fulfillment-ticker-controls { grid-area:controls; padding:0; justify-content:flex-end; gap:12px; }
.app .fbs-home-overview .fulfillment-ticker-controls button { min-height:40px; min-width:40px; padding:8px; font-size:13px; }
.app .fbs-home-overview .fulfillment-ticker-controls>div { gap:6px; }
.app .fbs-home-overview .fulfillment-ticker-slide { grid-area:slide; padding:0; min-width:0; }
.app .fbs-home-overview .fulfillment-ticker-card { padding:16px; gap:16px; min-height:0; transition:background .18s,border-color .18s,box-shadow .18s; }
.app .fbs-home-overview .fulfillment-ticker-card:hover { box-shadow:0 3px 12px #253b5710; }
.app .fbs-home-overview .fulfillment-ticker-image { width:80px; height:96px; border-radius:9px; }
.app .fbs-home-overview .fulfillment-ticker-product {
  display:grid; grid-template-columns:minmax(0,1.2fr) minmax(220px,1fr);
  grid-template-areas:'top times' 'title times' 'sku state' 'shop state'; gap:6px 24px;
}
.app .fbs-home-overview .fulfillment-ticker-card-top { grid-area:top; }
.app .fbs-home-overview .fulfillment-ticker-product h3 { grid-area:title; font-size:16px; line-height:1.5; }
.app .fbs-home-overview .fulfillment-ticker-sku { grid-area:sku; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:13px; }
.app .fbs-home-overview .fulfillment-ticker-shop { grid-area:shop; font-size:13px; font-weight:550; }
.app .fbs-home-overview .fulfillment-ticker-times { grid-area:times; flex-direction:column; justify-content:center; gap:4px; font-size:12px; }
.app .fbs-home-overview .fulfillment-ticker-platform-state { grid-area:state; font-size:13px; line-height:1.65; }
.app .fbs-home-overview .fulfillment-ticker-badge { font-size:13px; padding:4px 7px; }
.app .fbs-home-overview .fulfillment-ticker-review { grid-area:review; padding:8px 0 0; margin:0; }
.app .fbs-home-overview .fulfillment-ticker-review summary { min-height:36px; font-size:13px; padding:0; }
.app .fbs-home-overview .fulfillment-ticker-review ul { margin-top:8px; }
.app .fbs-home-overview .fulfillment-ticker-footer { grid-area:footer; padding:10px 0 0; background:none; font-size:12px; }
.app .fbs-home-overview .fulfillment-ticker-empty { padding:18px 12px; gap:7px; background:#f8fafd; border:1px dashed #dce4ee; border-radius:10px; }
.app .fbs-home-overview .fulfillment-ticker-empty b { font-size:14px; }
.app .fbs-home-overview .fulfillment-ticker-empty p { font-size:13px; }
.app .fbs-home-overview .fbs-data-note { padding:0 22px 16px!important; font-size:12px!important; }
@media(max-width:1100px) {
  .app .fbs-home-overview .fulfillment-ticker.compact { grid-template-areas:'heading heading' 'stages stages' 'slide slide' 'controls controls' 'review review' 'footer footer'; }
  .app .fbs-home-overview .fulfillment-ticker-controls { justify-content:space-between; }
  .app .fbs-home-overview .fulfillment-ticker-product { display:flex; }
}
@media(max-width:900px) {
  .app .fbs-home-overview .fbs-home-grid .stat-top { flex-wrap:wrap; }
  .app .fbs-home-overview .oa-compact .oa-switch { width:100%; }
}
@media(max-width:700px) {
  .app .fbs-home-overview .panel-head { padding:16px!important; }
  .app .fbs-home-overview .panel-head h2 { font-size:16px; }
  .app .fbs-home-overview .panel-head p { font-size:12px; }
  .app .fbs-home-overview .fbs-home-grid,.app .fbs-home-overview .fbs-home-grid.fbs-multiple-currencies { grid-template-columns:minmax(0,1fr)!important; padding:0 14px!important; gap:12px!important; margin-bottom:12px; }
  .app .fbs-home-overview .fbs-home-grid>.stat { padding:16px!important; }
  .app .fbs-home-overview .fbs-home-grid .stat-top { flex-wrap:nowrap; min-height:44px; gap:8px; font-size:13px!important; }
  .app .fbs-home-overview .fbs-home-grid .stat-top>svg { display:block; }
  .app .fbs-home-overview :is(.fbs-count-basis,.oa-basis) { margin-top:6px; }
  .app .fbs-home-overview .fbs-home-grid :is(.fbs-count-value,.oa-value) { font-size:34px!important; margin:6px 0 8px!important; }
  .app .fbs-home-overview .fbs-count-breakdown { padding-top:14px; gap:8px; }
  .app .fbs-home-overview .fbs-count-breakdown>span { padding:10px; font-size:12px; }
  .app .fbs-home-overview .oa-compact .oa-switch { width:170px; }
  .app .fbs-home-overview .oa-compact .oa-switch button { min-height:44px; font-size:12px; padding:4px; }
  .app .fbs-home-overview .oa-compact .oa-rate-summary { gap:8px; flex-direction:row; }
  .app .fbs-home-overview .oa-compact .oa-rate-summary>button { min-height:44px; width:auto; padding:6px 9px; }
  .app .fbs-home-overview .oa-compact .oa-explanation summary { min-height:44px; }
  .app .fbs-home-overview .fbs-home-ticker { margin:0 14px 14px; }
  .app .fbs-home-overview .fulfillment-ticker.compact { padding:14px; gap:12px; border-radius:12px; }
  .app .fbs-home-overview .fulfillment-ticker-heading h2 { font-size:16px; }
  .app .fbs-home-overview .fulfillment-ticker-heading p { font-size:12px; }
  .app .fbs-home-overview .fulfillment-ticker-stages { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; align-items:stretch; }
  .app .fbs-home-overview .fulfillment-ticker-stages button { min-height:48px; font-size:12px; padding:7px 4px; white-space:normal; flex-wrap:wrap; gap:3px 5px; line-height:1.5; }
  .app .fbs-home-overview .fulfillment-ticker-controls button { min-height:44px; min-width:44px; }
  .app .fbs-home-overview .fulfillment-ticker-controls>span { font-size:12px; }
  .app .fbs-home-overview .fulfillment-ticker-card { padding:12px; gap:12px; }
  .app .fbs-home-overview .fulfillment-ticker-image { width:56px; height:68px; }
  .app .fbs-home-overview .fulfillment-ticker-card-top { gap:5px; }
  .app .fbs-home-overview .fulfillment-ticker-number { font-size:12px; }
  .app .fbs-home-overview .fulfillment-ticker-badge { font-size:12px; }
  .app .fbs-home-overview .fulfillment-ticker-shop { font-size:13px; }
  .app .fbs-home-overview .fulfillment-ticker-product h3 { font-size:15px; }
  .app .fbs-home-overview .fulfillment-ticker-review summary { min-height:44px; }
  .app .fbs-home-overview .fulfillment-ticker-footer { font-size:12px; }
  .app .fbs-home-overview .fbs-data-note { padding:0 14px 14px!important; font-size:12px!important; }
}
@media(prefers-reduced-motion:reduce) {
  .app .fbs-home-overview .fulfillment-ticker-card { transition:none; }
}
@media(max-width:350px) {
  .app .fbs-home-overview .oa-compact .stat-top { flex-wrap:wrap; }
  .app .fbs-home-overview .oa-compact .oa-switch { width:100%; }
}
