/* Stock overview: one family, readable data, restrained weight. */
#router-view #inv-root-view .stock-summary{--muted:#78716c;font-family:'Outfit',system-ui,sans-serif!important;font-size:16px!important;line-height:1.4!important;gap:16px}
#router-view #inv-root-view .stock-summary :is(button,a,input,select,h1,h2,h3,p,span,b,strong,small,em,th,td,time){font-family:'Outfit',system-ui,sans-serif!important}
#router-view #inv-root-view .stock-summary :is(h2,h3){font-size:24px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:-.4px!important}
#router-view #inv-root-view .stock-summary :is(h2,h3) svg{width:24px;height:24px;stroke-width:1.8}
#router-view #inv-root-view .stock-summary .ss-action b{font-size:17px!important;font-weight:500!important;line-height:1.3!important}
#router-view #inv-root-view .stock-summary .ss-action small{font-size:14px!important;font-weight:400!important;line-height:1.4!important}
#router-view #inv-root-view .stock-summary .ss-action>svg{width:22px!important;height:22px!important;stroke-width:1.8!important}
#router-view #inv-root-view .stock-summary .ss-health-label{font-size:13px!important;font-weight:500!important;line-height:1.3!important}
#router-view #inv-root-view .stock-summary .ss-health-tile>b{font-size:26px!important;font-weight:600!important;letter-spacing:-.5px!important;line-height:1!important}
#router-view #inv-root-view .stock-summary .ss-health-chart strong{font-size:32px!important;font-weight:600!important}
#router-view #inv-root-view .stock-summary .ss-health-chart span{font-size:14px!important;font-weight:400!important;color:var(--muted)}
#router-view #inv-root-view .stock-summary .ss-health .ss-health-total,#router-view #inv-root-view .stock-summary .ss-health .ss-health-total b{font-size:14px!important;line-height:1.3!important}
#router-view #inv-root-view .stock-summary .ss-hero h1{font-size:30px!important;font-weight:600!important;line-height:1.15!important;letter-spacing:-.5px!important}
#router-view #inv-root-view .stock-summary .ss-eyebrow{font-size:13px!important;font-weight:500!important;letter-spacing:.4px}
#router-view #inv-root-view .stock-summary .ss-hero p{font-size:16px!important;font-weight:400!important;line-height:1.4!important}
#router-view #inv-root-view .stock-summary .ss-outline{font-size:13px!important;font-weight:500!important;line-height:1.2!important}
#router-view #inv-root-view .stock-summary .ss-table{font-size:16px!important}
#router-view #inv-root-view .stock-summary .ss-table th{font-size:14px!important;font-weight:500!important;color:#57534e;line-height:1.3!important;padding:12px 10px!important}
#router-view #inv-root-view .stock-summary .ss-table td{font-size:16px!important;font-weight:400!important;line-height:1.4!important;padding:10px!important;vertical-align:middle;font-variant-numeric:tabular-nums}
#router-view #inv-root-view .stock-summary .ss-item b{font-size:16px!important;font-weight:500!important;line-height:1.35!important}
#router-view #inv-root-view .stock-summary .ss-table td>b{font-size:16px!important;font-weight:600!important}
#router-view #inv-root-view .stock-summary .ss-category{font-size:14px!important;font-weight:400!important;line-height:1.3!important;padding:5px 8px}
#router-view #inv-root-view .stock-summary .ss-status{font-size:14px!important;font-weight:500!important;line-height:1.3!important;padding:4px 8px!important}
#router-view #inv-root-view .stock-summary .ss-sidebar .ss-category-row{font-size:15px!important;font-weight:400!important;line-height:1.35!important;padding:7px 0!important;gap:8px!important;min-height:34px}
#router-view #inv-root-view .stock-summary .ss-category-name{font-size:15px!important;font-weight:500!important;line-height:1.35!important}
#router-view #inv-root-view .stock-summary .ss-category-row b{font-size:15px!important;font-weight:500!important;line-height:1.35!important}
#router-view #inv-root-view .stock-summary .ss-category-row>span:not(.ss-category-name){font-size:14px!important;font-weight:400!important}
#router-view #inv-root-view .stock-summary .ss-sidebar .ss-donut span{font-size:14px!important;font-weight:400!important;line-height:1.3!important}
#router-view #inv-root-view .stock-summary .ss-sidebar .ss-donut strong{font-size:28px!important;font-weight:600!important;line-height:1.2!important}
#router-view #inv-root-view .stock-summary .ss-shipment-row b,#router-view #inv-root-view .stock-summary .ss-shipment-row strong{font-size:15px!important;font-weight:500!important;line-height:1.35!important}
#router-view #inv-root-view .stock-summary .ss-shipment-row :is(small,em){font-size:14px!important;font-weight:400!important;line-height:1.4!important}
#router-view #inv-root-view .stock-summary .ss-empty{font-size:16px!important;font-weight:400!important;line-height:1.45!important}
#router-view #inv-root-view .stock-summary .ss-sidebar{gap:12px;grid-template-rows:minmax(0,1fr) 110px}
#router-view #inv-root-view .stock-summary .ss-sidebar .ss-donut-row{min-height:0;align-items:center;grid-template-columns:minmax(110px,.75fr) minmax(0,1.65fr);gap:14px}
#router-view #inv-root-view .stock-summary .ss-sidebar .ss-donut-row>div:last-child{min-height:0;overflow-y:auto;scrollbar-width:thin}
@media(max-width:1100px){#router-view #inv-root-view .stock-summary .ss-sidebar{grid-template-rows:auto}#router-view #inv-root-view .stock-summary .ss-distribution{min-height:270px}#router-view #inv-root-view .stock-summary .ss-recent{min-height:200px}}
@media(max-width:680px){#router-view #inv-root-view .stock-summary :is(h2,h3){font-size:22px!important}#router-view #inv-root-view .stock-summary .ss-health-label{font-size:13px!important}#router-view #inv-root-view .stock-summary .ss-sidebar{grid-template-columns:1fr;grid-template-rows:auto}#router-view #inv-root-view .stock-summary .ss-sidebar .ss-donut-row{grid-template-columns:100px minmax(0,1fr);gap:12px}#router-view #inv-root-view .stock-summary .ss-category-name{font-size:14px!important}#router-view #inv-root-view .stock-summary .ss-table{min-width:760px}#router-view #inv-root-view .stock-summary .ss-action{min-height:64px}}

#router-view #inv-root-view .stock-summary .ss-card :is(h2,h3){font-size:24px!important;font-weight:600!important;line-height:1.2!important;letter-spacing:-.4px!important}
#router-view #inv-root-view .stock-summary .ss-lower{min-height:0}
@media(max-width:1100px){#router-view #inv-root-view .stock-summary .ss-table-wrap{max-height:480px;flex:none}#router-view #inv-root-view .stock-summary .ss-sidebar{height:auto}}
@media(max-width:680px){#router-view #inv-root-view .stock-summary .ss-card :is(h2,h3){font-size:22px!important}}


/* One stock-summary geometry: shared card edges, title rail and content baseline. */
body.admin-brand #router-view #inv-root-view .stock-summary .ss-top{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important;min-height:0}
body.admin-brand #router-view #inv-root-view .stock-summary .ss-primary{display:contents!important}
body.admin-brand #router-view #inv-root-view .stock-summary .ss-top :is(.ss-quick,.ss-health,.ss-hero){height:220px!important;min-height:0!important;max-height:none!important;box-sizing:border-box;padding:16px 18px!important}
body.admin-brand #router-view #inv-root-view .stock-summary :is(.ss-quick,.ss-health){display:grid!important;grid-template-rows:32px minmax(0,1fr)!important;gap:12px!important;align-content:stretch!important}
body.admin-brand #router-view #inv-root-view .stock-summary :is(.ss-quick>h2,.ss-health>header,.ss-health h2){display:flex!important;align-items:center!important;height:32px!important;min-height:0!important;margin:0!important;padding:0!important;font-size:24px!important;line-height:1.2!important}
body.admin-brand #router-view #inv-root-view .stock-summary :is(.ss-quick,.ss-health) h2 svg{width:24px!important;height:24px!important;flex:none;stroke-width:1.8!important}
body.admin-brand #router-view #inv-root-view .stock-summary .ss-actions{height:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;grid-auto-rows:auto!important;gap:12px!important;margin:0!important;align-content:stretch!important}
body.admin-brand #router-view #inv-root-view .stock-summary .ss-actions .ss-action{height:100%!important;min-height:60px!important;padding:10px!important;gap:8px!important}
body.admin-brand #router-view #inv-root-view .stock-summary .ss-action>span{min-width:0;flex:1}
body.admin-brand #router-view #inv-root-view .stock-summary .ss-action b{white-space:normal!important;line-height:1.25!important}
body.admin-brand #router-view #inv-root-view .stock-summary .ss-health-layout{display:block!important;height:100%!important;min-height:0!important;margin:0!important}
body.admin-brand #router-view #inv-root-view .stock-summary .ss-health-list{display:grid!important;height:100%!important;grid-template-columns:1fr!important;grid-template-rows:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin:0!important}
body.admin-brand #router-view #inv-root-view .stock-summary .ss-health-tile{height:100%!important;min-height:0!important;padding:6px 12px!important;grid-template-columns:minmax(0,1fr) auto 18px!important}
body.admin-brand #router-view #inv-root-view .stock-summary .ss-health-chart{display:none!important}
body.admin-brand #router-view #inv-root-view .stock-summary .ss-hero{display:flex!important;flex-direction:column;justify-content:flex-start!important;align-items:flex-start!important;gap:8px!important;background-position:center!important;border-radius:24px!important}
body.admin-brand #router-view #inv-root-view .stock-summary .ss-hero:after{background:linear-gradient(90deg,rgba(12,12,12,.98) 0%,rgba(12,12,12,.9) 42%,rgba(12,12,12,.35) 100%)!important}
body.admin-brand #router-view #inv-root-view .stock-summary .ss-hero .ss-eyebrow{display:block!important;min-height:0!important;margin:0!important;font:500 12px/1.3 Outfit,sans-serif!important;letter-spacing:1.5px!important;color:#e52b2b}
body.admin-brand #router-view #inv-root-view .stock-summary .ss-hero h1{margin:0!important;font:600 28px/1.1 Outfit,sans-serif!important;letter-spacing:0!important;color:#fff}
body.admin-brand #router-view #inv-root-view .stock-summary .ss-hero p{margin:0!important;font:400 14px/1.4 Outfit,sans-serif!important;color:#d6d3d1;max-width:280px}
body.admin-brand #router-view #inv-root-view .stock-summary .ss-hero .ss-outline{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:36px;height:36px;margin-top:auto!important;padding:0 15px!important;border:0!important;border-radius:12px!important;background:#c71920!important;color:#fff;font:500 13px/1.2 Outfit,sans-serif!important;white-space:nowrap}
body.admin-brand #router-view #inv-root-view .stock-summary .ss-hero .ss-outline svg{width:18px;height:18px;flex:none}
body.admin-brand #router-view #inv-root-view .stock-summary .ss-hero .ss-outline:hover{background:#a9141a!important}
body.admin-brand #router-view #inv-root-view .stock-summary .ss-hero .ss-outline:focus-visible{outline:2px solid #fff;outline-offset:3px}
body.admin-brand #router-view #inv-root-view .stock-summary .ss-lower{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr)!important;gap:16px!important;min-height:0}
body.admin-brand #router-view #inv-root-view .stock-summary .ss-sidebar{grid-template-columns:1fr!important;grid-template-rows:minmax(150px,.85fr) minmax(110px,1fr)!important;gap:12px!important;min-height:0;overflow:hidden}
body.admin-brand #router-view #inv-root-view .stock-summary .ss-distribution .ss-donut-row{display:block!important;margin-top:6px!important;overflow:auto}
body.admin-brand #router-view #inv-root-view .stock-summary .ss-distribution .ss-category-row{min-height:24px!important;font-size:12px!important;padding:3px 0!important;line-height:1.2!important}
body.admin-brand #router-view #inv-root-view .stock-summary .ss-category-name,body.admin-brand #router-view #inv-root-view .stock-summary .ss-category-row b{font-size:12px!important;line-height:1.2!important}
body.admin-brand #router-view #inv-root-view .stock-summary .ss-attention{display:flex;flex-direction:column}
body.admin-brand #router-view #inv-root-view .stock-summary .ss-table-wrap{flex:1;min-height:0;overflow:auto;max-height:none}
body.admin-brand #router-view #inv-root-view .stock-summary .ss-recent .ss-movement-list{min-height:0;overflow:auto}
@media(min-width:1025px){body.admin-brand #router-view #inv-root-view .stock-summary{height:calc(100dvh - var(--inv-top,106px) - 16px)!important;grid-template-rows:220px minmax(0,1fr)!important;gap:16px!important;min-height:0!important}body.admin-brand #router-view #inv-root-view .stock-summary .ss-hero{grid-column:auto!important}body.admin-brand #router-view #inv-root-view .stock-summary .ss-sidebar>.ss-card{min-height:0!important;overflow:hidden}body.admin-brand #router-view #inv-root-view .stock-summary .ss-distribution{display:flex;flex-direction:column}body.admin-brand #router-view #inv-root-view .stock-summary .ss-distribution>header{flex:none}body.admin-brand #router-view #inv-root-view .stock-summary .ss-distribution .ss-donut-row{flex:1;min-height:0}}
@media(max-width:1024px){body.admin-brand #router-view #inv-root-view .stock-summary .ss-top{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.admin-brand #router-view #inv-root-view .stock-summary .ss-hero{grid-column:1/-1}body.admin-brand #router-view #inv-root-view .stock-summary .ss-lower{grid-template-columns:1fr!important}body.admin-brand #router-view #inv-root-view .stock-summary .ss-sidebar{grid-template-columns:1fr 1fr!important;grid-template-rows:minmax(180px,auto)!important;height:auto!important}}
@media(max-width:680px){body.admin-brand #router-view #inv-root-view .stock-summary .ss-top,body.admin-brand #router-view #inv-root-view .stock-summary .ss-sidebar{grid-template-columns:1fr!important}body.admin-brand #router-view #inv-root-view .stock-summary .ss-sidebar{grid-template-rows:auto!important}body.admin-brand #router-view #inv-root-view .stock-summary .ss-quick{height:auto!important;grid-template-rows:32px auto!important}body.admin-brand #router-view #inv-root-view .stock-summary .ss-actions{grid-template-columns:1fr!important;grid-template-rows:repeat(4,60px)!important;height:auto!important}body.admin-brand #router-view #inv-root-view .stock-summary :is(.ss-quick>h2,.ss-health h2){font-size:22px!important}}

/* Stock summary rows share the same outer column boundary. */
@media(min-width:1025px){
 body.admin-brand #router-view #inv-root-view .stock-summary{--ss-summary-columns:minmax(0,1.9fr) minmax(0,1fr)}
 body.admin-brand #router-view #inv-root-view .stock-summary :is(.ss-top,.ss-lower){grid-template-columns:var(--ss-summary-columns)!important;gap:16px!important}
 body.admin-brand #router-view #inv-root-view .stock-summary .ss-primary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;min-width:0;min-height:0}
}

/* A four-action mobile stock card grows with its real rows; the shared desktop symmetry remains unchanged. */
@media(max-width:680px){body.admin-brand #router-view #inv-root-view .stock-summary .ss-top .ss-quick{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;grid-template-rows:32px auto!important}body.admin-brand #router-view #inv-root-view .stock-summary .ss-quick .ss-actions{height:auto!important;grid-template-columns:1fr!important;grid-template-rows:none!important;grid-auto-rows:48px!important}body.admin-brand #router-view #inv-root-view .stock-summary .ss-quick .ss-actions .ss-action{height:48px!important;min-height:48px!important}}

/* Box rhythm pilot: branch Stock Overview only, pending user acceptance.
   The opt-in attribute is absent from center and other pages. */
@layer rs-stock-box-pilot {
  .stock-summary[data-ux-pilot="stock-overview"] {
    --rs-box-radius: 24px;
    --rs-box-inner-radius: 16px;
    --rs-box-padding: var(--rs-heading-inset-top, 13px) 16px 14px;
    --rs-box-gap: 16px;
    --rs-box-content-gap: 12px;
    --rs-box-title-size: 25px;
    --rs-box-title-icon: 26px;
  }
  .stock-summary[data-ux-pilot="stock-overview"] .ss-card {
    padding: var(--rs-box-padding) !important;
    border-radius: var(--rs-box-radius) !important;
    box-sizing: border-box !important;
    min-width: 0 !important;
  }
  .stock-summary[data-ux-pilot="stock-overview"] :is(.ss-top,.ss-primary,.ss-lower,.ss-sidebar) { gap: var(--rs-box-gap) !important; }
  .stock-summary[data-ux-pilot="stock-overview"] .ss-section-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: var(--rs-box-content-gap) !important;
    min-height: 40px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: none !important;
  }
  .stock-summary[data-ux-pilot="stock-overview"] .ss-section-title {
    display: flex !important;
    align-items: center !important;
    gap: var(--rs-heading-icon-gap, 8px) !important;
    min-width: 0 !important;
    min-height: 40px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    font: 600 var(--rs-box-title-size)/1.2 Outfit,system-ui,sans-serif !important;
    letter-spacing: 0 !important;
  }
  .stock-summary[data-ux-pilot="stock-overview"] .ss-section-title :is(svg,i) {
    width: var(--rs-box-title-icon) !important;
    height: var(--rs-box-title-icon) !important;
    flex: 0 0 var(--rs-box-title-icon) !important;
    stroke-width: 2 !important;
    color: #b91c1c !important;
  }
  .stock-summary[data-ux-pilot="stock-overview"] .ss-hero > .ss-section-title { display: block !important; }
  .stock-summary[data-ux-pilot="stock-overview"] .ss-health { grid-template-rows: 40px minmax(0,1fr) !important; gap: var(--rs-box-content-gap) !important; }
  .stock-summary[data-ux-pilot="stock-overview"] :is(.ss-attention,.ss-distribution,.ss-recent) { gap: var(--rs-box-content-gap) !important; }
  .stock-summary[data-ux-pilot="stock-overview"] :is(.ss-health-tile,.ss-table-wrap,.ss-outline) { border-radius: var(--rs-box-inner-radius) !important; }
  .stock-summary[data-ux-pilot="stock-overview"] :is(.ss-donut-row,.ss-movement-list) { margin-top: 0 !important; }
  @media(max-width:1024px) {
    .stock-summary[data-ux-pilot="stock-overview"] .ss-health { height: auto !important; grid-template-rows: 40px auto !important; }
    .stock-summary[data-ux-pilot="stock-overview"] .ss-health-list { height: auto !important; grid-template-rows: repeat(3,minmax(44px,auto)) !important; }
    .stock-summary[data-ux-pilot="stock-overview"] :is(.ss-new,.ss-outline,.ss-category-row,.ss-shipment-row) { min-height: 44px !important; }
  }
  @media(max-width:680px) {
    .stock-summary[data-ux-pilot="stock-overview"] .ss-section-header { flex-wrap: wrap; }
    .stock-summary[data-ux-pilot="stock-overview"] .ss-outline { min-height: 44px !important; height: auto !important; }
  }
}

/* Stock summary links and drill-down rows are touch targets on tablets too. */
@media(max-width:1050px){
 body.admin-brand #router-view #inv-root-view .stock-summary :is(.ss-new,.ss-outline,.ss-category-row,.ss-shipment-row),body.admin-brand #router-view #inv-root-view .stock-summary .ss-distribution .ss-category-row{min-height:44px!important}
}