.udpmac-ord-order{
    --ac-primary: #A126BF;
  --ac-accent: #62319B;
  --ac-bg: #FCFBF7;
  --ac-card: #FFFDFC;
  --ac-ink: #26232A;
  --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: #26232A;
  --ac-r: 14px;
  --ac-font-head: "Outfit", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-body: "Outfit", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  padding:var(--space-4) var(--gutter) var(--space-6);
  background:var(--paper);
  color:var(--ink);
  font-family:var(--font-body);
}
.udpmac-ord-order [hidden]{display:none!important}
.udpmac-ord-order *{min-width:0}
.udpmac-ord-order-opening,.udpmac-ord-order-sheet{width:min(100%,var(--container));margin-inline:auto}
.udpmac-ord-order-opening{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,18rem);align-items:end;gap:var(--space-4);padding:var(--space-3) 0 var(--space-4)}
.udpmac-ord-order-opening h1{max-width:18ch;margin:0;font-size:var(--text-section);line-height:1.15}
.udpmac-ord-order-opening-copy>p{max-width:43rem;margin:var(--space-2) 0 0;color:var(--muted);overflow-wrap:break-word}
.udpmac-ord-order-opening-note{margin:0;padding:var(--space-2) 0 0;border-top:1px solid var(--line);color:var(--muted);font-size:var(--text-sm);overflow-wrap:break-word}
.udpmac-ord-order-sheet{border-radius:var(--radius-lg);background:var(--white);color:var(--ink);box-shadow:var(--shadow);overflow:hidden}
.udpmac-ord-order-index{display:inline-block;color:var(--accent);font:700 var(--text-xs)/1.4 var(--font-mono);letter-spacing:.08em}
.udpmac-ord-order-section-heading{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-3)}
.udpmac-ord-order-section-heading h2,.udpmac-ord-order-receipt-heading h2{margin:0;font-family:var(--font-heading);font-size:clamp(1.35rem,2.2vw,1.9rem);line-height:1.25}
.udpmac-ord-order-selection{padding:var(--space-4);background:var(--sand);color:var(--sand-ink)}
.udpmac-ord-order-cycle{display:grid;grid-template-columns:minmax(12rem,.4fr) minmax(0,1fr);align-items:center;gap:var(--space-3);padding-bottom:var(--space-4)}
.udpmac-ord-order-cycle .udpmac-ord-order-section-heading{margin:0}
.udpmac-ord-order-cycle-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-1)}
.udpmac-ord-order-machine{padding-top:var(--space-3);border-top:1px solid color-mix(in srgb,currentColor 16%,transparent)}
.udpmac-ord-order-machines{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));align-items:stretch;gap:var(--space-2)}
.udpmac-ord-plan{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-1);width:100%;min-height:12rem;padding:var(--space-3);border:2px solid transparent;border-radius:var(--radius-md);background:var(--white);color:var(--ink);text-align:left;cursor:pointer;transition:border-color .2s,transform .2s}
.udpmac-ord-plan:hover{transform:translateY(-2px)}
.udpmac-ord-plan.is-on,.udpmac-ord-plan[aria-checked="true"]{border-color:var(--primary-button);background:var(--white);color:var(--ink)}
.udpmac-ord-plan-chip{display:inline-flex;align-items:center;align-self:flex-start;width:fit-content;padding:.4em .9em;border-radius:var(--radius-pill);background:var(--cream);color:var(--cream-ink);font:700 var(--text-xs)/1 var(--font-mono)}
.udpmac-ord-plan-name{display:block;margin-top:var(--space-1);font-size:var(--text-card);font-weight:700;line-height:1.3;overflow-wrap:break-word}
.udpmac-ord-plan-spec{display:block;color:var(--muted);font-size:var(--text-sm);line-height:1.5;overflow-wrap:break-word}
.udpmac-ord-plan-price{display:block;margin-top:auto;padding-top:var(--space-2);font:700 var(--text-lg)/1.3 var(--font-mono);font-variant-numeric:tabular-nums;overflow-wrap:break-word}
.udpmac-ord-plan-price em{font-size:var(--text-xs);font-style:normal;font-weight:500}
.udpmac-ord-seg-btn{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:3rem;padding:.65rem .8rem;border:1px solid color-mix(in srgb,currentColor 28%,transparent);border-radius:var(--radius-pill);background:var(--white);color:var(--ink);font-size:var(--text-sm);font-weight:700;line-height:1.3;text-align:center;overflow-wrap:break-word;cursor:pointer}
.udpmac-ord-seg-btn:hover{border-color:var(--accent)}
.udpmac-ord-seg-btn.is-on,.udpmac-ord-seg-btn[aria-checked="true"],.udpmac-ord-seg-btn[aria-selected="true"]{border-color:var(--primary-button);background:var(--primary-button);color:#fff}
.udpmac-ord-order-assignment{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4)}
.udpmac-ord-order-destination,.udpmac-ord-order-capacity{margin:0;padding:var(--space-3);border:0;border-radius:var(--radius-md);min-inline-size:0}
.udpmac-ord-order-destination{background:var(--blue);color:var(--blue-ink)}
.udpmac-ord-order-capacity{background:var(--mint);color:var(--mint-ink)}
.udpmac-ord-order-regions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8.5rem),1fr));gap:var(--space-1)}
.udpmac-ord-region{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);width:100%;min-height:3.25rem;padding:.65rem .9rem;border:2px solid transparent;border-radius:var(--radius-sm);background:var(--white);color:var(--blue-ink);font-size:var(--text-sm);font-weight:700;line-height:1.4;text-align:left;overflow-wrap:break-word;cursor:pointer}
.udpmac-ord-region:hover{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}
.udpmac-ord-region.is-on,.udpmac-ord-region[aria-checked="true"]{border-color:var(--primary-button);background:var(--white);color:var(--blue-ink)}
.udpmac-ord-order-storage{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:var(--space-1)}
.udpmac-ord-order-expansion{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--white);color:var(--ink);cursor:pointer}
.udpmac-ord-order-expansion input{appearance:none;width:1.2rem;height:1.2rem;min-width:1.2rem;margin:.2rem 0 0;border:2px solid var(--accent);border-radius:.35rem;background:var(--white);cursor:pointer}
.udpmac-ord-order-expansion input:checked{background:var(--primary-button);box-shadow:inset 0 0 0 3px var(--white)}
.udpmac-ord-order-expansion input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.udpmac-ord-order-expansion-copy{display:grid;gap:var(--space-1)}
.udpmac-ord-order-expansion-copy strong{font-size:var(--text-sm);line-height:1.4}
.udpmac-ord-order-expansion-copy small{color:var(--muted);font-size:var(--text-xs);line-height:1.5}
.udpmac-ord-order-expansion em{font:700 var(--text-sm)/1.5 var(--font-mono);font-style:normal;font-variant-numeric:tabular-nums;overflow-wrap:break-word}
.udpmac-ord-order-receipt{margin:0 var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--line)}
.udpmac-ord-order-receipt-heading{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-3)}
.udpmac-ord-order-receipt-body{padding:var(--space-3);border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--cream);color:var(--cream-ink)}
.udpmac-ord-order-receipt-body h3{margin:0 0 var(--space-2);font-size:var(--text-card)}
.udpmac-ord-order-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--space-4);margin:0}
.udpmac-ord-order-lines>div{display:grid;grid-template-columns:minmax(5.5rem,38%) minmax(0,1fr);align-items:start;gap:var(--space-2);padding:var(--space-1) 0;border-top:1px solid color-mix(in srgb,currentColor 15%,transparent)}
.udpmac-ord-order-lines dt,.udpmac-ord-order-lines dd{min-width:0;margin:0;font-size:var(--text-sm);line-height:1.5;overflow-wrap:break-word}
.udpmac-ord-order-lines dt{opacity:.8}
.udpmac-ord-order-lines dd{font-weight:700;font-variant-numeric:tabular-nums}
.udpmac-ord-order-receipt-seal{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border-radius:0 0 var(--radius-md) var(--radius-md);background:var(--ink);color:#fff}
.udpmac-ord-order-total{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-2)}
.udpmac-ord-order-total>span{color:#E7DDE9;font-size:var(--text-sm)}
.udpmac-ord-order-total strong{font:700 clamp(1.4rem,2.8vw,2rem)/1.25 var(--font-mono);font-variant-numeric:tabular-nums;overflow-wrap:break-word}
.udpmac-ord-order-total em{margin-left:.4em;font-size:var(--text-sm);font-style:normal;font-weight:500}
.udpmac-ord-order-submit{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1)}
.udpmac-ord-order-btn-primary,.udpmac-ord-order-btn-outline,.udpmac-ord-btn-danger{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.65rem 1.3rem;border:1px solid transparent;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:700;line-height:1.35;text-align:center;overflow-wrap:break-word;cursor:pointer}
.udpmac-ord-order-btn-primary{background:var(--primary-button);color:var(--ac-on-primary,#fff)}
.udpmac-ord-order-btn-primary:hover{background:var(--accent);color:#fff}
.udpmac-ord-order-btn-outline{border-color:color-mix(in srgb,currentColor 45%,transparent);background:transparent;color:inherit}
.udpmac-ord-order-btn-outline:hover{background:color-mix(in srgb,currentColor 9%,transparent)}
.udpmac-ord-order-submit .udpmac-ord-order-btn-outline{color:#fff}
.udpmac-ord-btn-danger{background:var(--ac-danger,#9B2935);color:#fff}
.udpmac-ord-order-payment-note{margin:var(--space-3) 0 var(--space-4);color:var(--muted);font-size:var(--text-sm)}
.udpmac-ord-order-message,.udpmac-ord-order-auth-message{margin:var(--space-3) var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--peach);color:var(--peach-ink);font-size:var(--text-sm)}
.udpmac-ord-order-message.is-ok,.udpmac-ord-order-auth-message.is-ok{background:var(--mint);color:var(--mint-ink)}
.udpmac-ord-order-auth,.udpmac-ord-order-gateway{margin:var(--space-3) var(--space-4) var(--space-4);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--blue);color:var(--blue-ink)}
.udpmac-ord-order-auth-intro{margin:0 0 var(--space-3);font-size:var(--text-sm)}
.udpmac-ord-order-auth-row{display:flex;align-items:end;gap:var(--space-2);margin-top:var(--space-2)}
.udpmac-ord-order-auth-field{display:grid;flex:1 1 15rem;gap:var(--space-1);font-size:var(--text-sm);font-weight:700}
.udpmac-ord-order-auth-field input{width:100%;min-height:3rem;padding:.65rem 1rem;border:1px solid #827B87;border-radius:var(--radius-sm);background:var(--white);color:var(--ink)}
.udpmac-ord-order-auth-row>.udpmac-ord-order-btn-outline,.udpmac-ord-order-auth-row>.udpmac-ord-order-btn-primary{flex:0 1 auto}
.udpmac-ord-order-auth-message{margin:var(--space-3) 0 0}
.udpmac-ord-order-gateway{background:var(--sand);color:var(--sand-ink)}
.udpmac-ord-order-gateway h3{margin:0 0 var(--space-3);font-size:var(--text-card)}
.udpmac-ord-order-gateway-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:var(--space-2)}
.udpmac-ord-gw-item{display:flex;flex-direction:column;justify-content:center;gap:var(--space-1);width:100%;min-height:4rem;padding:var(--space-2);border:1px solid #A49A9F;border-radius:var(--radius-md);background:var(--white);color:var(--ink);text-align:left;cursor:pointer}
.udpmac-ord-gw-item strong{font-size:var(--text-sm);line-height:1.4;overflow-wrap:break-word}
.udpmac-ord-gw-item small{color:var(--muted);font:var(--text-xs)/1.3 var(--font-mono)}
.udpmac-ord-gw-item:hover,.udpmac-ord-gw-item.is-on,.udpmac-ord-gw-item[aria-checked="true"]{border-color:var(--primary-button);background:var(--white);color:var(--ink)}
.udpmac-ord-gw-item:disabled{opacity:.55;cursor:not-allowed}
.udpmac-ord-order-gateway>#ord-gw-cancel{margin-top:var(--space-2)}
.udpmac-ord-order-dialog{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:var(--gutter)}
.udpmac-ord-order-dialog-backdrop{position:absolute;inset:0;background:rgba(38,35,42,.76)}
.udpmac-ord-order-dialog-panel{position:relative;z-index:1;width:min(100%,32rem);max-height:calc(100vh - var(--gutter)*2);overflow-y:auto;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--white);color:var(--ink);box-shadow:var(--shadow);text-align:center}
.udpmac-ord-order-dialog-kicker{display:inline-flex;align-items:center;padding:.4em .9em;margin:0 0 var(--space-2);border-radius:var(--radius-pill);background:var(--mint);color:var(--mint-ink);font-size:var(--text-xs);font-weight:700;line-height:1}
.udpmac-ord-order-dialog-panel h3{margin:0;font-size:clamp(1.35rem,3vw,1.8rem)}
.udpmac-ord-order-dialog-panel>p:not(.udpmac-ord-order-dialog-kicker){margin:var(--space-2) 0 0;color:var(--muted)}
.udpmac-ord-order-dialog-actions{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}
.udpmac-ord-order-dialog-panel .udpmac-ord-order-dialog-actions{justify-content:center}
.udpmac-ord-order-dialog-panel .udpmac-ord-order-btn-outline{color:var(--ink)}
.udpmac-ord-chip-ok,.udpmac-ord-chip-warn,.udpmac-ord-chip-bad,.udpmac-ord-chip-idle{display:inline-flex;align-items:center;width:fit-content;padding:.4em .9em;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:700;line-height:1}
.udpmac-ord-chip-ok{background:var(--mint);color:var(--mint-ink)}
.udpmac-ord-chip-warn{background:var(--cream);color:var(--cream-ink)}
.udpmac-ord-chip-bad{background:var(--peach);color:var(--peach-ink)}
.udpmac-ord-chip-idle{background:var(--blue);color:var(--blue-ink)}
.udpmac-ord-cred,.udpmac-ord-note{min-width:0;padding:var(--space-3);border-radius:var(--radius-md);background:var(--cream);color:var(--cream-ink);overflow-wrap:break-word}
.udpmac-ord-cred.is-open,.udpmac-ord-note.is-open{background:var(--mint);color:var(--mint-ink)}
.udpmac-ord-cred.is-mine,.udpmac-ord-note.is-mine{background:var(--blue);color:var(--blue-ink)}
.udpmac-ord-order :is(button,a):disabled{opacity:.55;cursor:not-allowed}
@media(max-width:760px){
  .udpmac-ord-order{padding:var(--space-3) var(--gutter) var(--space-5)}
  .udpmac-ord-order-opening{grid-template-columns:minmax(0,1fr);gap:var(--space-2)}
  .udpmac-ord-order-opening h1{font-size:clamp(2rem,8vw,2.7rem)}
  .udpmac-ord-order-opening-note{padding-top:var(--space-2)}
  .udpmac-ord-order-selection{padding:var(--space-3)}
  .udpmac-ord-order-cycle{grid-template-columns:minmax(0,1fr);gap:var(--space-2);padding-bottom:var(--space-3)}
  .udpmac-ord-order-assignment{grid-template-columns:minmax(0,1fr);padding:var(--space-2) var(--space-3) var(--space-3)}
  .udpmac-ord-order-receipt{margin-inline:var(--space-3)}
  .udpmac-ord-order-lines{grid-template-columns:minmax(0,1fr)}
  .udpmac-ord-order-receipt-seal{align-items:stretch;flex-direction:column}
  .udpmac-ord-order-submit>.udpmac-ord-order-btn-primary,.udpmac-ord-order-submit>.udpmac-ord-order-btn-outline{flex:1 1 10rem}
  .udpmac-ord-order-payment-note{margin-bottom:var(--space-3)}
  .udpmac-ord-order-message,.udpmac-ord-order-auth,.udpmac-ord-order-gateway{margin-inline:var(--space-3)}
}
@media(max-width:42rem){
  .udpmac-ord-order-cycle-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  .udpmac-ord-order-machines{grid-template-columns:minmax(0,1fr)}
  .udpmac-ord-plan{min-height:0}
  .udpmac-ord-order-regions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .udpmac-ord-order-storage{grid-template-columns:minmax(0,1fr)}
  .udpmac-ord-order-expansion{grid-template-columns:auto minmax(0,1fr)}
  .udpmac-ord-order-expansion em{grid-column:2}
  .udpmac-ord-order-auth-row{align-items:stretch;flex-direction:column}
  .udpmac-ord-order-auth-row>.udpmac-ord-order-btn-outline,.udpmac-ord-order-auth-row>.udpmac-ord-order-btn-primary{width:100%}
  .udpmac-ord-order-gateway-list{grid-template-columns:minmax(0,1fr)}
  .udpmac-ord-order-dialog-panel{padding:var(--space-3)}
  .udpmac-ord-order-dialog-actions>*{flex:1 1 100%}
}
body:has(> main[data-shell]){display:flex;flex-direction:column;min-height:100vh}
body > main[data-shell]{flex:1 0 auto}