/* Business-first presentation layer: less template decoration, more work context. */
:root{
  --business-radius:4px;
  --business-line:#dfe3e8;
  --business-canvas:#f6f7f9;
  --business-ink:#17202b;
  --business-muted:#68717d;
  --business-primary:#185a8d;
}

body.premium-ui{background:var(--business-canvas)}

/* One page, one title. The application shell already owns global navigation. */
.stitch-unified-heading>div>span,
.sr-eyebrow,
.sr-section-kicker,
.ai-batch-kicker{display:none!important}
.stitch-unified-heading{min-height:auto!important;margin-bottom:16px!important;padding:0 0 12px!important;border-bottom:1px solid var(--business-line)!important;background:transparent!important}
.stitch-unified-heading h2{color:var(--business-ink)!important;font-size:24px!important;letter-spacing:-.02em!important}
.stitch-unified-heading p{max-width:680px!important;color:var(--business-muted)!important}

/* Default work mode keeps explanations available without letting them dominate. */
body.compact-guidance .stitch-unified-heading p,
body.compact-guidance .sr-page-head p,
body.compact-guidance .sr-panel-head p,
body.compact-guidance .ai-batch-hero p,
body.compact-guidance .ai-focus-journey>p,
body.compact-guidance .ai-current-work>.card-head .sub,
body.compact-guidance .sr-table-foot>span:last-child{display:none!important}

/* Tables and work queues are surfaces, not floating marketing cards. */
body.stitch-inner-page #content :is(.card,.sr-panel),
body[data-current-page="product-workbench"] #content :is(.card,.sr-panel),
body[data-current-page="replenishment"] #content .card,
body[data-current-page="ai-content-center"] #content .card{
  border-radius:var(--business-radius)!important;
  box-shadow:none!important;
}
body.stitch-inner-page #content :is(.stats,.ai-daily-priority-grid,.sr-operating-strip)>*,
body[data-current-page="dashboard"] #content :is(.stitch-kpi-grid,.stats)>*,
body[data-current-page="replenishment"] #content .stats>*{
  border-radius:var(--business-radius)!important;
  box-shadow:none!important;
}

/* Empty data should occupy only the space needed to explain the next action. */
body.stitch-inner-page #content .empty,
body .stitch-remaining .sr-empty,
body[data-current-page="ai-content-center"] #content .empty{
  min-height:96px!important;
  padding:20px 24px!important;
}
body.stitch-inner-page #content .empty:before,
body[data-current-page="ai-content-center"] #content .empty:before{display:none!important}
body.compact-guidance .empty p,
body.compact-guidance .sr-empty p{display:none!important}

/* AI is a production capability, not the visual identity of every control. */
body[data-current-page="ai-content-center"] .ai-focus-journey{
  padding:18px 20px!important;
  border-left:3px solid #174f82!important;
  background:#fff!important;
}
body[data-current-page="ai-content-center"] .ai-focus-journey .eyebrow{
  color:var(--business-muted)!important;
  font-size:11px!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
body[data-current-page="ai-content-center"] .ai-focus-journey h3{margin-top:5px!important;font-size:19px!important}
body[data-current-page="ai-content-center"] .ai-focus-steps span{border-radius:var(--business-radius)!important;background:#f4f5f7!important}
body[data-current-page="ai-content-center"] .ai-focus-steps span.current{background:#edf4fa!important}
body[data-current-page="ai-content-center"] .ai-focus-steps span.done{background:#eef7f1!important}

/* Phase 2: one compact component language across legacy and newer modules. */
body.premium-ui #content :is(.card,.stat,[class$="-card"],[class*="-card "]){
  border-radius:var(--business-radius)!important;
  box-shadow:none!important;
}
body.premium-ui #content :is(.toolbar,[class$="-filters"],[class*="-filters "]){
  padding:10px 12px!important;
  border:1px solid var(--business-line)!important;
  border-radius:var(--business-radius)!important;
  background:#fff!important;
  box-shadow:none!important;
}

/* Replace presentation-style hero banners with ordinary work headers. */
body.premium-ui #content :is(.hero,.page-hero,.dashboard-hero,.command-hero,.business-command-hero,[class$="-hero"],[class*="-hero "]){
  padding:18px 20px!important;
  border:1px solid var(--business-line)!important;
  border-left:3px solid #7894ad!important;
  border-radius:var(--business-radius)!important;
  color:var(--business-ink)!important;
  background:#fff!important;
  box-shadow:none!important;
}
body.premium-ui #content :is(.hero,.page-hero,.dashboard-hero,.command-hero,.business-command-hero,[class$="-hero"],[class*="-hero "]) :is(h1,h2,h3,h4){
  color:var(--business-ink)!important;
  font-size:22px!important;
  letter-spacing:-.02em!important;
}
body.premium-ui #content :is(.hero,.page-hero,.dashboard-hero,.command-hero,.business-command-hero,[class$="-hero"],[class*="-hero "]) p{
  color:var(--business-muted)!important;
  font-size:13px!important;
  line-height:1.6!important;
}

/* Buttons indicate hierarchy through color, not glow, depth or motion. */
body.premium-ui :is(.primary,.secondary){
  min-height:36px!important;
  padding:7px 13px!important;
  border-radius:var(--business-radius)!important;
  box-shadow:none!important;
  transform:none!important;
}
body.premium-ui .primary{
  border-color:var(--business-primary)!important;
  background:var(--business-primary)!important;
}
body.premium-ui .primary:hover{
  border-color:#124b78!important;
  background:#124b78!important;
  box-shadow:none!important;
  transform:none!important;
}
body.premium-ui .secondary:hover{box-shadow:none!important;transform:none!important}
body.premium-ui :is(.actions,.card-head,.toolbar,.sr-row-actions) button:not(.link){
  border-radius:var(--business-radius)!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Forms and tables use the same density regardless of their original module. */
body.premium-ui :is(#content,#modalBody) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea){
  min-height:36px!important;
  padding:7px 10px!important;
  border-radius:var(--business-radius)!important;
  box-shadow:none!important;
}
body.premium-ui :is(#content,#modalBody) :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea):focus{
  border-color:#5e8cb4!important;
  box-shadow:0 0 0 2px rgba(24,90,141,.12)!important;
}
body.premium-ui #content table th,
body.premium-ui #content table td{
  padding:10px 12px!important;
}
body.premium-ui #content table th{
  height:40px!important;
  color:#596574!important;
  background:#f3f5f7!important;
  font-size:11px!important;
  letter-spacing:0!important;
}
body.premium-ui #content table tbody tr:hover>td{background:#f7f9fb!important}

/* Status markers stay readable but stop looking like decorative pills. */
body.premium-ui :is(.tag,.badge,.brand-badge,.channel-mode,.platform-pill,.maturity-pill,.operation-badge,.jst-upload-state,.source-badge){
  min-height:22px!important;
  padding:2px 7px!important;
  border-radius:3px!important;
  font-weight:700!important;
}

/* Dialogs are work surfaces, not floating showcase cards. */
body.premium-ui .modal{background:rgba(20,28,38,.56)!important;backdrop-filter:none!important}
body.premium-ui .modal-card{
  border:1px solid #cfd5dc!important;
  border-radius:6px!important;
  box-shadow:0 16px 38px rgba(20,28,38,.18)!important;
}
body.premium-ui .modal-head{min-height:56px!important;padding:12px 18px!important}
body.premium-ui .modal-head h2{font-size:17px!important;letter-spacing:0!important}
body.premium-ui .close{width:32px!important;height:32px!important;border-radius:var(--business-radius)!important}
body.premium-ui #toast{border-radius:var(--business-radius)!important;box-shadow:0 8px 20px rgba(20,28,38,.18)!important}

@media(max-width:760px){
  .stitch-unified-heading{padding-bottom:10px!important}
  .stitch-unified-heading h2{font-size:21px!important}
  body[data-current-page="ai-content-center"] .ai-focus-journey{padding:16px!important}
  body.premium-ui #content :is(.hero,.page-hero,.dashboard-hero,.command-hero,.business-command-hero,[class$="-hero"],[class*="-hero "]){padding:15px!important}
}