/* OrderTabs, OrderSummary and IssueSummary: shared Journey typography, surfaces and control sizes in both token modes. */
.order-summary { display:flex; flex-wrap:wrap; gap:var(--journey-spacing-24) var(--journey-spacing-48); margin:0 0 var(--journey-spacing-24); }
.order-summary > div { min-width:0; }
.order-summary dt { color:var(--journey-color-text-secondary); font-size:var(--journey-type-footnote-size); line-height:var(--journey-type-footnote-line); margin-bottom:var(--journey-spacing-8); }
.order-summary dd { margin:0; font-size:var(--journey-type-title-3-size); line-height:var(--journey-type-title-3-line); overflow-wrap:anywhere; }
.order-summary dd small { display:block; margin-top:var(--journey-spacing-4); color:var(--journey-color-text-secondary); font-size:var(--journey-type-caption-size); line-height:var(--journey-type-caption-line); }
.order-tabs { display:flex; gap:var(--journey-spacing-24); min-width:0; max-width:100%; overflow-x:auto; border-bottom:var(--journey-stroke-default) solid var(--journey-color-border-subtle); margin-bottom:var(--journey-spacing-24); padding-inline:var(--journey-spacing-4); scrollbar-width:thin; }
.order-tabs [role="tab"] { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; gap:var(--journey-spacing-8); min-height:var(--journey-size-control); padding:var(--journey-spacing-8) var(--journey-spacing-12); border:0; border-bottom:var(--journey-stroke-focus) solid transparent; border-radius:var(--journey-radius-none); color:var(--journey-color-text-secondary); background:transparent; font:inherit; font-size:var(--journey-type-subheadline-size); line-height:var(--journey-type-subheadline-line); cursor:pointer; }
.order-tabs [role="tab"][aria-selected="true"] { color:var(--journey-color-text-primary); border-bottom-color:var(--journey-color-brand-accent); }
.order-tabs [role="tab"]:hover { color:var(--journey-color-text-primary); background:var(--journey-color-bg-subtle); }
.order-tabs [role="tab"]:focus-visible { outline:var(--journey-stroke-focus) solid var(--journey-color-focus-ring); outline-offset:calc(-1 * var(--journey-stroke-focus)); }
.order-tab-count { display:inline-flex; align-items:center; justify-content:center; min-width:var(--journey-size-icon); min-height:var(--journey-size-icon); padding-inline:var(--journey-spacing-4); border-radius:var(--journey-radius-full); color:var(--journey-color-status-warning-fg); background:var(--journey-color-status-warning-bg); font-size:var(--journey-type-caption-size); line-height:var(--journey-type-caption-line); }
.order-tab-panels, .order-tab-panels [role="tabpanel"], .order-tab-panels .stack, .order-tab-panels .panel { min-width:0; max-width:100%; }
.order-tab-panels [role="tabpanel"] { overflow-wrap:anywhere; }
.order-tab-panels [role="tabpanel"]:focus-visible { outline:var(--journey-stroke-focus) solid var(--journey-color-focus-ring); outline-offset:var(--journey-spacing-4); }
.order-tab-panels .panel-head { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--journey-spacing-8); }
.order-issues { padding:var(--journey-spacing-16) var(--journey-spacing-20); margin-bottom:var(--journey-spacing-20); border:var(--journey-stroke-default) solid var(--journey-color-border-subtle); border-radius:var(--journey-radius-md); background:var(--journey-color-bg-surface); }
.order-issues h2 { margin:0; font-size:var(--journey-type-subheadline-size); line-height:var(--journey-type-subheadline-line); }
.order-issues ul { list-style:none; padding:0; margin:var(--journey-spacing-8) 0 0; }
.order-issue-link { display:block; width:100%; min-height:var(--journey-size-target-ios); text-align:start; font:inherit; font-size:var(--journey-type-footnote-size); line-height:var(--journey-type-footnote-line); color:var(--journey-color-status-warning-fg); padding:var(--journey-spacing-8) 0; border:0; background:transparent; text-decoration:underline; text-underline-offset:var(--journey-spacing-4); overflow-wrap:anywhere; cursor:pointer; }
.order-issue-link:focus-visible { outline:var(--journey-stroke-focus) solid var(--journey-color-focus-ring); outline-offset:var(--journey-spacing-4); }
.order-command-feedback:has(.command-result:empty):has(button[hidden]) { display:none; }
.order-command-feedback { margin-bottom:var(--journey-spacing-16); }
/* A hidden panel must stay hidden even when a generic component sets display:grid/flex. */
.order-tab-panels [hidden], .order-tabs [hidden], .order-issues[hidden] { display:none !important; }