.osxflow-ord-order{
  --ac-primary: #6E5418;
  --ac-accent: #E3B23C;
  --ac-bg: #FFFFFF;
  --ac-card: #FFFFFF;
  --ac-ink: #1C1B22;
  --ac-on-primary: #ffffff;
  --ac-primary-text: color-mix(in srgb, var(--ac-primary) 42%, var(--ac-ink));
  --ac-ok: #1e8e5a;
  --ac-warn: #9a6b0f;
  --ac-danger: #c53939;
  --ac-shadow: #1C1B22;
  --ac-r: 11px;
  --ac-font-head: "Outfit", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-body: "Manrope", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
width:100%;
min-width:0;
padding-block:var(--hero-top) var(--space-close);
background:var(--white);
color:var(--ink);
font-family:var(--f-body);
overflow-x:clip;
font-variant-numeric:tabular-nums;
}
.osxflow-ord-order [hidden]{display:none!important}
.osxflow-ord-conversation{
width:100%;
max-width:var(--wrap);
margin-inline:auto;
padding-inline:var(--gutter);
}
.osxflow-ord-opening{
display:grid;
gap:var(--space-2);
padding-bottom:var(--space-5);
min-width:0;
}
.osxflow-ord-heading{
max-width:100%;
font-size:var(--text-section);
font-family:var(--f-head);
font-weight:var(--weight-heading);
line-height:var(--lh-heading);
letter-spacing:var(--tracking-heading);
}
.osxflow-ord-opening-note{
max-width:52rem;
color:var(--muted);
font-size:var(--text-base);
line-height:var(--lh-body);
overflow-wrap:break-word;
}
.osxflow-ord-exchange{
display:grid;
gap:var(--space-4);
margin:0;
padding:0;
list-style:none;
}
.osxflow-ord-exchange-entry{
min-width:0;
margin:0;
padding:0;
list-style:none;
}
.osxflow-ord-request-envelope{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:var(--space-5);
padding:var(--space-4);
border-radius:var(--radius-lg);
background:var(--gray);
color:var(--ink);
--muted:#5E5C68;
--line:#E6E5EA;
}
.osxflow-ord-machine-question,
.osxflow-ord-location-question,
.osxflow-ord-period-question,
.osxflow-ord-storage-question{
min-inline-size:0;
width:100%;
margin:0;
padding:0;
border:0;
}
.osxflow-ord-question{
float:none;
max-width:100%;
margin:0 0 var(--space-3);
padding:0;
}
.osxflow-ord-question-title{
display:flex;
align-items:baseline;
gap:var(--space-2);
min-width:0;
font-family:var(--f-head);
font-size:var(--text-lg);
font-weight:var(--weight-heading);
line-height:var(--lh-heading);
letter-spacing:var(--tracking-heading);
overflow-wrap:break-word;
}
.osxflow-ord-question-number{
flex:none;
display:inline-block;
padding:0;
font-family:var(--f-mono);
font-size:var(--text-xs);
line-height:var(--lh-small);
font-weight:400;
letter-spacing:0;
color:var(--muted);
}
.osxflow-ord-machine-replies{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));
align-items:stretch;
gap:var(--space-3);
min-width:0;
}
.osxflow-ord-plan{
position:relative;
display:flex;
flex-direction:column;
align-items:stretch;
gap:var(--space-2);
width:100%;
height:100%;
min-width:0;
margin:0;
padding:var(--space-3);
border:1px solid transparent;
border-radius:var(--radius-md);
background:var(--white);
color:var(--ink);
text-align:left;
font-family:var(--f-body);
font-size:var(--text-base);
line-height:var(--lh-body);
cursor:pointer;
transition:background var(--motion) var(--ease),border-color var(--motion) var(--ease),box-shadow var(--motion) var(--ease);
}
.osxflow-ord-plan:hover{
background:var(--white);
color:var(--ink);
border-color:var(--input-line);
box-shadow:var(--shadow-small);
}
.osxflow-ord-plan.is-on,
.osxflow-ord-plan[aria-checked="true"]{
background:var(--white);
color:var(--ink);
border-color:var(--brass);
box-shadow:inset 0 0 0 1px var(--brass);
}
.osxflow-ord-plan-chip{
display:inline-flex;
align-items:center;
justify-content:center;
align-self:flex-start;
gap:var(--space-1);
max-width:100%;
width:fit-content;
padding:.4em .9em;
border-radius:var(--radius-pill);
background:var(--gray);
color:var(--muted);
font-family:var(--f-mono);
font-size:var(--text-xs);
font-weight:500;
line-height:1;
overflow-wrap:break-word;
}
.osxflow-ord-plan.is-on .osxflow-ord-plan-chip,
.osxflow-ord-plan[aria-checked="true"] .osxflow-ord-plan-chip{
background:var(--brass);
color:var(--white);
}
.osxflow-ord-plan-name{
display:block;
min-width:0;
font-family:var(--f-head);
font-size:var(--text-lg);
font-weight:500;
line-height:var(--lh-heading);
letter-spacing:var(--tracking-heading);
overflow-wrap:break-word;
}
.osxflow-ord-plan-chip + .osxflow-ord-plan-name{
margin-top:var(--space-1);
}
.osxflow-ord-plan-spec{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:var(--space-1);
width:100%;
min-width:0;
font-family:var(--f-mono);
font-size:var(--text-xs);
line-height:var(--lh-small);
color:var(--muted);
overflow-wrap:break-word;
}
.osxflow-ord-plan-spec>span{
flex:1 1 0;
min-width:0;
padding:var(--space-1);
border-radius:var(--radius-sm);
background:var(--gray);
color:var(--ink);
text-align:center;
overflow-wrap:break-word;
}
.osxflow-ord-plan-price{
display:flex;
flex-wrap:wrap;
align-items:baseline;
gap:var(--space-1);
min-width:0;
margin-top:auto;
padding-top:var(--space-1);
font-family:var(--f-head);
font-size:var(--text-xl);
font-weight:500;
line-height:var(--lh-heading);
font-variant-numeric:tabular-nums;
overflow-wrap:break-word;
}
.osxflow-ord-plan-price>em{
min-width:0;
font-family:var(--f-body);
font-size:var(--text-sm);
font-style:normal;
font-weight:400;
line-height:var(--lh-small);
color:var(--muted);
}
.osxflow-ord-location-replies{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));
align-items:stretch;
gap:var(--space-2);
min-width:0;
}
.osxflow-ord-region{
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
gap:var(--space-2);
width:100%;
height:100%;
min-width:0;
min-height:var(--control-height);
padding:var(--space-3);
border:1px solid transparent;
border-radius:var(--radius-md);
background:var(--white);
color:var(--ink);
font-family:var(--f-head);
font-size:var(--text-sm);
font-weight:500;
line-height:var(--lh-small);
text-align:left;
overflow-wrap:break-word;
cursor:pointer;
transition:background var(--motion),border-color var(--motion);
}
.osxflow-ord-region:hover{
background:var(--white);
color:var(--ink);
border-color:var(--input-line);
}
.osxflow-ord-region.is-on,
.osxflow-ord-region[aria-checked="true"]{
background:var(--brass);
color:var(--ac-on-primary);
border-color:var(--brass);
}
.osxflow-ord-region>small{
font-size:var(--text-xs);
line-height:var(--lh-small);
}
.osxflow-ord-exchange-entry-period{
width:100%;
padding-inline-start:var(--space-7);
}
.osxflow-ord-period-question{
padding:var(--space-3) var(--space-4) var(--space-4);
border-radius:var(--radius-lg);
background:var(--lilac);
color:var(--lilac-ink);
--muted:#5D5986;
--line:#DDD9EE;
}
.osxflow-ord-period-question>.osxflow-ord-question{
margin-bottom:var(--space-2);
padding-inline:var(--space-2);
border-radius:var(--radius-md);
background:var(--lilac);
color:var(--lilac-ink);
}
.osxflow-ord-period-replies{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
align-items:stretch;
gap:var(--space-2);
min-width:0;
}
.osxflow-ord-seg-btn{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
gap:var(--space-1);
width:100%;
height:100%;
min-width:0;
min-height:var(--control-height);
margin:0;
padding:var(--space-2) var(--space-3);
border:1px solid transparent;
border-radius:var(--radius-md);
background:var(--white);
color:var(--ink);
font-family:var(--f-head);
font-size:var(--text-sm);
font-weight:500;
line-height:var(--lh-small);
text-align:center;
overflow-wrap:break-word;
cursor:pointer;
transition:background var(--motion),border-color var(--motion);
}
.osxflow-ord-seg-btn:hover{
background:var(--gray);
color:var(--ink);
border-color:var(--input-line);
}
.osxflow-ord-seg-btn.is-on,
.osxflow-ord-seg-btn[aria-checked="true"],
.osxflow-ord-seg-btn[aria-selected="true"]{
background:var(--brass);
color:var(--ac-on-primary);
border-color:var(--brass);
}
.osxflow-ord-seg-btn>small,
.osxflow-ord-seg-btn>em{
font-size:var(--text-xs);
font-style:normal;
line-height:var(--lh-small);
}
.osxflow-ord-attachment-envelope{
display:grid;
grid-template-columns:minmax(0,1fr);
gap:var(--space-4);
min-width:0;
}
.osxflow-ord-storage-question{
padding:var(--space-3) var(--space-4) var(--space-4);
border-radius:var(--radius-lg);
background:var(--mint);
color:var(--mint-ink);
--muted:#4B6A57;
--line:#D3E9DA;
}
.osxflow-ord-storage-question>.osxflow-ord-question{
padding-inline:var(--space-2);
border-radius:var(--radius-md);
background:var(--mint);
color:var(--mint-ink);
}
.osxflow-ord-storage-replies{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
align-items:stretch;
gap:var(--space-2);
min-width:0;
}
.osxflow-ord-parallel-choice{
display:grid;
grid-template-columns:auto minmax(0,1fr) auto;
align-items:start;
gap:var(--space-2);
min-width:0;
margin-top:var(--space-3);
padding:var(--space-3);
border:1px solid transparent;
border-radius:var(--radius-md);
background:var(--white);
color:var(--ink);
cursor:pointer;
}
.osxflow-ord-parallel-choice:has(.osxflow-ord-parallel-input:checked){
border-color:var(--brass);
background:var(--white);
color:var(--ink);
}
.osxflow-ord-parallel-input{
appearance:none;
display:grid;
place-items:center;
width:var(--space-3);
height:var(--space-3);
margin:0;
padding:0;
border:1px solid var(--input-line);
border-radius:var(--radius-sm);
background:var(--white);
color:var(--ink);
cursor:pointer;
}
.osxflow-ord-parallel-input::before{
content:"";
width:var(--space-1);
height:var(--space-1);
border-radius:50%;
background:var(--brass);
transform:scale(0);
}
.osxflow-ord-parallel-input:checked::before{transform:scale(1)}
.osxflow-ord-parallel-copy{
display:grid;
align-content:start;
gap:var(--field-gap);
min-width:0;
}
.osxflow-ord-parallel-name{
font-size:var(--text-sm);
font-weight:600;
line-height:var(--lh-small);
overflow-wrap:break-word;
}
.osxflow-ord-parallel-hint{
font-size:var(--text-xs);
line-height:var(--lh-small);
color:var(--muted);
overflow-wrap:break-word;
}
.osxflow-ord-parallel-price{
max-width:100%;
font-family:var(--f-mono);
font-size:var(--text-sm);
font-style:normal;
line-height:var(--lh-small);
font-variant-numeric:tabular-nums;
overflow-wrap:break-word;
}
.osxflow-ord-confirmation{
display:grid;
gap:var(--space-3);
min-width:0;
padding:var(--space-4);
border-radius:var(--radius-lg);
background:var(--gray);
color:var(--ink);
--muted:#5E5C68;
--line:#E6E5EA;
}
.osxflow-ord-confirmation-title{margin:0}
.osxflow-ord-order-attachment{
min-width:0;
margin:0;
}
.osxflow-ord-attachment-caption{
display:flex;
align-items:center;
gap:var(--space-1);
margin-bottom:var(--space-2);
}
.osxflow-ord-attachment-symbol{
display:block;
width:var(--space-3);
height:var(--space-3);
color:var(--muted);
}
.osxflow-ord-attachment-title{
min-width:0;
font-family:var(--f-head);
font-size:var(--text-sm);
font-weight:500;
line-height:var(--lh-small);
}
.osxflow-ord-summary-tiles{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));
align-items:stretch;
gap:var(--space-2);
width:100%;
min-width:0;
margin:0;
}
.osxflow-ord-summary-tile{
display:grid;
grid-template-columns:minmax(0,1fr);
align-content:start;
gap:var(--field-gap);
min-width:0;
margin:0;
padding:var(--space-3);
border-radius:var(--radius-md);
background:var(--white);
color:var(--ink);
}
.osxflow-ord-summary-label{
min-width:0;
font-size:var(--text-xs);
font-weight:400;
line-height:var(--lh-small);
color:var(--muted);
overflow-wrap:break-word;
}
.osxflow-ord-summary-value{
min-width:0;
margin:0;
font-family:var(--f-head);
font-size:var(--text-base);
font-weight:500;
line-height:var(--lh-small);
font-variant-numeric:tabular-nums;
overflow-wrap:break-word;
}
.osxflow-ord-send-order{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items:center;
gap:var(--space-3);
min-width:0;
padding:var(--space-2) 0;
}
.osxflow-ord-total-reading{
display:grid;
align-content:start;
gap:var(--field-gap);
min-width:0;
margin:0;
}
.osxflow-ord-total-label{
font-size:var(--text-xs);
line-height:var(--lh-small);
color:var(--muted);
}
.osxflow-ord-total-value{
display:flex;
flex-wrap:wrap;
align-items:baseline;
gap:var(--space-1);
min-width:0;
margin:0;
}
.osxflow-ord-total-number{
font-family:var(--f-head);
font-size:var(--text-section);
font-weight:500;
line-height:var(--lh-heading);
letter-spacing:var(--tracking-heading);
font-variant-numeric:tabular-nums;
overflow-wrap:break-word;
}
.osxflow-ord-total-period{
min-width:0;
font-family:var(--f-body);
font-size:var(--text-sm);
font-weight:400;
font-style:normal;
line-height:var(--lh-small);
color:var(--muted);
}
.osxflow-ord-checkout-actions{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:flex-start;
gap:var(--space-2);
min-width:0;
max-width:100%;
margin:0;
padding:0;
list-style:none;
}
.osxflow-ord-action-slot{
min-width:0;
max-width:100%;
margin:0;
padding:0;
list-style:none;
}
.osxflow-ord-action-slot:has(>[hidden]){display:none}
.osxflow-ord-btn{
display:inline-flex;
align-items:center;
justify-content:center;
gap:var(--space-1);
max-width:100%;
min-width:0;
min-height:var(--control-height);
height:auto;
padding:var(--space-2) var(--space-3);
border:1px solid transparent;
border-radius:var(--radius-pill);
font-family:var(--f-head);
font-size:var(--text-base);
font-weight:500;
line-height:var(--lh-small);
text-align:center;
text-decoration:none;
white-space:normal;
overflow-wrap:break-word;
cursor:pointer;
transition:background var(--motion),border-color var(--motion),opacity var(--motion);
}
.osxflow-ord-btn-primary{
background:var(--brass);
color:var(--ac-on-primary);
border-color:var(--brass);
}
.osxflow-ord-btn-primary:hover{
background:var(--brass-d);
color:var(--ac-on-primary);
border-color:var(--brass-d);
}
.osxflow-ord-btn-secondary{
background:var(--white);
color:var(--ink);
border-color:color-mix(in srgb,var(--ink) 35%,transparent);
}
.osxflow-ord-btn-secondary:hover{
background:var(--gray);
color:var(--ink);
border-color:var(--input-line);
}
.osxflow-ord-btn-small{
min-height:var(--control-small);
padding:var(--space-1) var(--space-3);
font-size:var(--text-sm);
}
.osxflow-ord-btn-danger{
background:var(--apri);
color:var(--error);
border-color:var(--error);
}
.osxflow-ord-btn-danger:hover{
background:var(--error);
color:var(--white);
border-color:var(--error);
}
.osxflow-ord-btn:disabled,
.osxflow-ord-gw-item:disabled,
.osxflow-ord-plan:disabled,
.osxflow-ord-region:disabled,
.osxflow-ord-seg-btn:disabled{
opacity:.55;
cursor:not-allowed;
box-shadow:none;
}
.osxflow-ord-payment-footnote{
display:grid;
gap:var(--field-gap);
min-width:0;
margin-top:var(--space-3);
}
.osxflow-ord-payment-line{
font-size:var(--text-sm);
line-height:var(--lh-small);
overflow-wrap:break-word;
}
.osxflow-ord-payment-security{
font-size:var(--text-xs);
line-height:var(--lh-small);
color:var(--muted);
overflow-wrap:break-word;
}
.osxflow-ord-response-dock{
display:grid;
gap:var(--space-3);
min-width:0;
margin-top:var(--space-3);
}
.osxflow-ord-response-dock:empty{display:none}
.osxflow-ord-feedback{
min-width:0;
margin:0;
padding:var(--space-3);
border-radius:var(--radius-md);
background:var(--apri);
color:var(--error);
font-size:var(--text-sm);
line-height:var(--lh-body);
overflow-wrap:break-word;
}
.osxflow-ord-feedback.is-ok{
background:var(--mint);
color:var(--mint-ink);
}
.osxflow-ord-identity-reply{
display:grid;
gap:var(--space-3);
min-width:0;
padding:var(--space-4);
border-radius:var(--radius-lg);
background:var(--lilac);
color:var(--lilac-ink);
--muted:#5D5986;
--line:#DDD9EE;
}
.osxflow-ord-identity-intro{
max-width:52rem;
min-width:0;
font-size:var(--text-base);
line-height:var(--lh-body);
overflow-wrap:break-word;
}
.osxflow-ord-identity-fieldset{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:start;
gap:var(--field-gap) var(--space-2);
width:100%;
min-inline-size:0;
margin:0;
padding:0;
border:0;
}
.osxflow-ord-identity-legend{
margin:0 0 var(--field-gap);
padding:0;
font-size:var(--text-sm);
font-weight:600;
line-height:var(--lh-small);
}
.osxflow-ord-input-slot{
display:block;
min-width:0;
}
.osxflow-ord-input{
display:block;
width:100%;
min-width:0;
min-height:var(--control-height);
height:var(--control-height);
padding:var(--space-2);
border:1px solid var(--input-line);
border-radius:var(--radius-md);
background:var(--white);
color:var(--ink);
font-family:var(--f-body);
font-size:var(--text-base);
line-height:var(--lh-small);
}
.osxflow-ord-input::placeholder{
color:var(--faint);
opacity:1;
}
.osxflow-ord-input:focus-visible{
outline:2px solid var(--brass);
outline-offset:2px;
border-color:var(--brass);
}
.osxflow-ord-code-reply{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
align-items:end;
gap:var(--space-2);
min-width:0;
}
.osxflow-ord-code-field{
display:grid;
align-content:start;
gap:var(--field-gap);
min-width:0;
}
.osxflow-ord-field-label{
font-size:var(--text-sm);
font-weight:600;
line-height:var(--lh-small);
}
.osxflow-ord-code-input{
font-family:var(--f-mono);
font-variant-numeric:tabular-nums;
letter-spacing:.2em;
}
.osxflow-ord-gateway-reply{
display:grid;
gap:var(--space-3);
min-width:0;
padding:var(--space-4);
border-radius:var(--radius-lg);
background:var(--gray);
color:var(--ink);
--muted:#5E5C68;
--line:#E6E5EA;
}
.osxflow-ord-gateway-title{
font-size:var(--text-lg);
line-height:var(--lh-heading);
}
.osxflow-ord-gateway-choices{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));
align-items:stretch;
gap:var(--space-2);
min-width:0;
}
.osxflow-ord-gw-item{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:center;
gap:var(--field-gap);
width:100%;
min-width:0;
min-height:var(--control-height);
padding:var(--space-3);
border:1px solid var(--input-line);
border-radius:var(--radius-md);
background:var(--white);
color:var(--ink);
text-align:left;
font-family:var(--f-body);
line-height:var(--lh-small);
overflow-wrap:break-word;
cursor:pointer;
transition:background var(--motion),border-color var(--motion);
}
.osxflow-ord-gw-item>strong{
display:block;
min-width:0;
max-width:100%;
font-family:var(--f-head);
font-size:var(--text-base);
font-weight:500;
line-height:var(--lh-small);
overflow-wrap:break-word;
}
.osxflow-ord-gw-item>small{
display:block;
min-width:0;
font-family:var(--f-mono);
font-size:var(--text-xs);
line-height:var(--lh-small);
color:var(--muted);
}
.osxflow-ord-gw-item:hover{
background:var(--mint);
color:var(--mint-ink);
border-color:var(--brass);
}
.osxflow-ord-gw-item:hover>small{color:var(--mint-mut)}
.osxflow-ord-gw-item.is-on,
.osxflow-ord-gw-item[aria-checked="true"]{
background:var(--white);
color:var(--ink);
border-color:var(--brass);
box-shadow:inset 0 0 0 1px var(--brass);
}
.osxflow-ord-gateway-actions{
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
gap:var(--space-2);
margin-top:var(--space-2);
}
.osxflow-ord-identity-reply.is-mine{
background:var(--mint);
color:var(--mint-ink);
--muted:#4B6A57;
--line:#D3E9DA;
}
.osxflow-ord-gateway-reply.is-open,
.osxflow-ord-identity-reply.is-open{
box-shadow:var(--shadow-small);
}
.osxflow-ord-dialog{
position:fixed;
inset:0;
z-index:calc(var(--overlay-z) + 1);
display:grid;
place-items:center;
isolation:isolate;
padding:var(--gutter);
}
.osxflow-ord-dialog-backdrop{
position:absolute;
inset:0;
z-index:0;
background:color-mix(in srgb,var(--dark) 55%,transparent);
color:var(--white);
cursor:pointer;
}
.osxflow-ord-dialog-panel{
position:relative;
z-index:1;
display:grid;
align-content:start;
gap:var(--space-3);
width:100%;
max-width:36rem;
max-height:calc(100dvh - var(--gutter)*2);
min-width:0;
margin:0;
padding:var(--space-5);
overflow-y:auto;
overscroll-behavior:contain;
border-radius:var(--radius-lg);
background:var(--white);
color:var(--ink);
--muted:#5E5C68;
--line:#E6E5EA;
box-shadow:var(--shadow-card);
text-align:center;
}
.osxflow-ord-dialog-heading{
display:grid;
gap:var(--space-2);
min-width:0;
}
.osxflow-ord-dialog-kicker{
display:inline-flex;
align-items:center;
justify-content:center;
gap:var(--space-1);
width:fit-content;
max-width:100%;
margin-inline:auto;
padding:.4em .9em;
border-radius:var(--radius-pill);
background:var(--mint);
color:var(--mint-ink);
font-size:var(--text-xs);
line-height:1;
overflow-wrap:break-word;
}
.osxflow-ord-dialog-title{
font-family:var(--f-head);
font-size:var(--text-xl);
font-weight:500;
line-height:var(--lh-heading);
overflow-wrap:break-word;
}
.osxflow-ord-dialog-body{
min-width:0;
font-size:var(--text-base);
line-height:var(--lh-body);
color:var(--muted);
overflow-wrap:break-word;
}
.osxflow-ord-dialog-actions{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:flex-start;
gap:var(--space-2);
margin-top:var(--space-2);
min-width:0;
}
.osxflow-ord-dialog-panel .osxflow-ord-dialog-actions{justify-content:center}
.osxflow-ord-dialog-panel .osxflow-ord-btn-primary:hover{
background:var(--brass-d);
color:var(--ac-on-primary);
border-color:var(--brass-d);
}
.osxflow-ord-dialog-panel .osxflow-ord-btn-secondary:hover{
background:var(--gray);
color:var(--ink);
border-color:var(--input-line);
}
@media (max-width: 760px){
.osxflow-ord-opening{padding-bottom:var(--space-4)}
.osxflow-ord-heading{font-size:var(--text-section)}
.osxflow-ord-exchange{gap:var(--space-3)}
.osxflow-ord-request-envelope{
gap:var(--space-4);
padding:var(--space-3);
}
.osxflow-ord-machine-replies{grid-template-columns:minmax(0,1fr)}
.osxflow-ord-location-replies{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:var(--space-2);
}
.osxflow-ord-region{padding:var(--space-3)}
.osxflow-ord-exchange-entry-period{padding-inline-start:0}
.osxflow-ord-period-question,
.osxflow-ord-storage-question{
padding:var(--space-2) var(--space-3) var(--space-3);
}
.osxflow-ord-period-replies{grid-template-columns:repeat(2,minmax(0,1fr))}
.osxflow-ord-storage-replies{grid-template-columns:minmax(0,1fr)}
.osxflow-ord-attachment-envelope{gap:var(--space-3)}
.osxflow-ord-parallel-choice{grid-template-columns:auto minmax(0,1fr)}
.osxflow-ord-parallel-price{
grid-column:2;
justify-self:start;
}
.osxflow-ord-confirmation{padding:var(--space-3)}
.osxflow-ord-summary-tiles{grid-template-columns:minmax(0,1fr)}
.osxflow-ord-summary-tile{
grid-template-columns:minmax(6rem,.7fr) minmax(0,1fr);
align-items:baseline;
gap:var(--space-2);
}
.osxflow-ord-summary-value{text-align:right}
.osxflow-ord-send-order{
align-items:flex-start;
flex-direction:column;
}
.osxflow-ord-checkout-actions{width:100%}
.osxflow-ord-action-slot{flex:1 1 100%}
.osxflow-ord-action-slot>.osxflow-ord-btn{width:100%}
.osxflow-ord-identity-reply,
.osxflow-ord-gateway-reply{padding:var(--space-3)}
.osxflow-ord-identity-fieldset,
.osxflow-ord-code-reply{grid-template-columns:minmax(0,1fr)}
.osxflow-ord-identity-fieldset>.osxflow-ord-btn,
.osxflow-ord-code-reply>.osxflow-ord-btn{width:100%}
.osxflow-ord-gateway-choices{grid-template-columns:minmax(0,1fr)}
.osxflow-ord-gw-item{width:100%}
.osxflow-ord-dialog-panel{padding:var(--space-3)}
.osxflow-ord-dialog-actions>.osxflow-ord-btn{flex:1 1 100%}
}
@media (max-width: 360px){
.osxflow-ord-location-replies{grid-template-columns:minmax(0,1fr)}
.osxflow-ord-question-title{gap:var(--space-1)}
.osxflow-ord-summary-tile{grid-template-columns:minmax(0,1fr)}
.osxflow-ord-summary-value{text-align:left}
.osxflow-ord-total-number{font-size:var(--text-section)}
}
@media (prefers-reduced-motion: reduce){
.osxflow-ord-plan,
.osxflow-ord-region,
.osxflow-ord-seg-btn,
.osxflow-ord-btn,
.osxflow-ord-gw-item{transition:none}
}
body:has(> main[data-shell]){display:flex;flex-direction:column;min-height:100vh}
body > main[data-shell]{flex:1 0 auto}