/* Shared desktop order UI: entry areas navigate; status text does not. */
.cr-card a.order-entry,.mo-panel a.order-entry,.od-root a.order-entry{
  display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:58px;
  padding:10px 12px;margin:-10px -12px 0;border:0;border-radius:6px;
  color:#172f4e;background:transparent;text-decoration:none;box-shadow:none;
}
.cr-card a.order-entry:hover,.mo-panel a.order-entry:hover,.od-root a.order-entry:hover{
  color:#172f4e;background:#f3f6fa;text-decoration:none;
}
.order-entry::after{content:none!important}
.order-entry-title{font-size:17px;font-weight:700;line-height:1.5;overflow-wrap:anywhere;min-width:0}
.order-entry-action{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;color:#446483;font-size:12px;font-weight:500;line-height:1.4}
.order-entry-action .kosub{font-size:11px!important;color:#64758b!important;margin-top:2px!important}
.order-entry-arrow{font-size:23px;font-weight:400;line-height:1}
.order-entry:focus-visible{outline:2px solid #1e5bba;outline-offset:3px;background:#f3f6fa}
.cr-card header>h2{flex:1;min-width:0}.cr-card header{align-items:center;gap:24px}
.mo-payment>header>.order-entry{flex:1;min-width:0}
.mo-panel .mo-badge,.od-root .mo-badge{
  display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px;
  border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;
  color:#255b88;font-size:13px;font-weight:600;line-height:1.6;cursor:default;
}
.mo-panel .mo-badge::before,.od-root .mo-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0;margin-right:2px}
.mo-panel .mo-badge[data-tone=green],.od-root .mo-badge[data-tone=green]{color:#21633e;background:transparent}
.mo-panel .mo-badge[data-tone=amber],.od-root .mo-badge[data-tone=amber]{color:#905514;background:transparent}
.mo-panel .mo-badge:is([data-state=created],[data-state=order_received],[data-state=pending],[data-state=status_unavailable]),
.od-root .mo-badge:is([data-state=created],[data-state=order_received],[data-state=pending],[data-state=status_unavailable]){color:#5e6d7e}
.mo-panel .mo-badge .kosub,.od-root .mo-badge .kosub{display:inline;margin:0;font-size:12px;color:inherit;font-weight:400}
.mo-badges,.od-meta{gap:18px}.mo-status{gap:12px}
.mo-filters .mo-action{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:9px 2px;margin-right:16px;color:#607086}
.mo-filters .mo-action:hover{color:#153c70;border-bottom-color:#c2d0e1}
.mo-filters .mo-action[aria-pressed=true]{color:#153c70;background:transparent;border-bottom-color:#153c70;font-weight:700}
.mo-filters .mo-action[aria-pressed=true] .kosub{color:#526b89}

/* Desktop workspaces: page scroll is the sticky reference, not a nested body scroller. */
@media(min-width:1000px){
  html{overflow-x:clip;overflow-y:visible}body{overflow:visible}
  .mc-gnb .has-flyout:not(:hover):not(.open)>.flyout{display:none}
  .mp-main>.wrap{max-width:1440px;padding:0 32px}.mp-body{grid-template-columns:190px minmax(0,1fr);gap:28px}
  .cr-wrap{max-width:1440px;padding:0 32px}.cr-grid{grid-template-columns:minmax(0,1fr) 330px;gap:28px}
  .cr-summary,.od-summary{top:100px;max-height:calc(100vh - 124px);overflow:auto}.mp-side{top:100px}
  .cr-card fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
  .cr-card .cr-option{border-bottom:1px solid #edf1f6;padding:12px 0}.cr-option>span{flex:1}.cr-option small{float:right;margin-left:12px;font-weight:600;color:#334f70}
  .co-card form>fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
  .co-card form>fieldset>h2,.co-card form>fieldset>details,.co-card form>fieldset>.cr-option,.co-card form>fieldset>button{grid-column:1/-1}
  .co-field:is([data-field=addressLine1],[data-field=addressLine2],[data-field=purpose],[data-field=requestNote]){grid-column:1/-1}
  .co-field select{display:block;width:100%;font:inherit;border:1px solid #cbd7e7;border-radius:8px;padding:12px;margin-top:6px;min-height:44px;background:white}
  .mo-product{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(190px,1fr);column-gap:24px}
  .mo-product h3{grid-column:1/-1}.mo-product>.mo-status{grid-column:2;margin:4px 0}.mo-product>.mo-muted{grid-column:1;margin:4px 0}
  .mo-product-info{grid-column:1}.mo-product-states{grid-column:2}.mo-product-states .mo-status:first-child{margin-top:0}
  .mo-payment dl{grid-template-columns:1.3fr .7fr repeat(3,1fr);gap:12px}.mo-payment dd{font-variant-numeric:tabular-nums}
}