.xcodeops-ord-order{
    --ac-primary: #4150E0;
  --ac-accent: #A06CF0;
  --ac-bg: #FFFFFF;
  --ac-card: #FFFFFF;
  --ac-ink: #171A2C;
  --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: #171A2C;
  --ac-r: 15px;
  --ac-font-head: "Inter", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-body: "Albert Sans", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  padding:var(--space-5) 0 var(--space-6);
  background:var(--paper);
  color:var(--ink);
  font-family:var(--font-body);
}
.xcodeops-ord-order [hidden]{display:none!important}
.xcodeops-ord-order-wrap{width:min(calc(100% - var(--gutter)*2),var(--width-standard));margin-inline:auto}
.xcodeops-ord-order button,.xcodeops-ord-order input{font:inherit}
.xcodeops-ord-order button{cursor:pointer}
.xcodeops-ord-opening{max-width:48rem;margin-bottom:var(--space-4)}
.xcodeops-ord-opening h1{color:var(--ink);font:700 var(--text-display)/1.2 var(--font-heading)}
.xcodeops-ord-opening p{margin-top:var(--space-2);color:var(--muted);overflow-wrap:break-word}
.xcodeops-ord-folio{display:grid;gap:var(--space-4);min-width:0}
.xcodeops-ord-folio h2{margin-bottom:var(--space-3);color:inherit;font:700 var(--text-card)/1.3 var(--font-heading)}
.xcodeops-ord-folio-top{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-items:start;min-width:0}
.xcodeops-ord-cycle,.xcodeops-ord-capacity{min-width:0;padding:var(--space-3);border-radius:var(--radius-md)}
.xcodeops-ord-cycle{background:var(--gray);color:#171A2C}
.xcodeops-ord-capacity{background:var(--apricot);color:#4A2A14}
.xcodeops-ord-period-options,.xcodeops-ord-storage-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1);min-width:0}
.xcodeops-ord-seg-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:0;min-height:48px;padding:.65rem var(--space-2);
  border:1px solid #A8ACBF;border-radius:var(--radius-pill);
  background:#FFFFFF;color:#171A2C;
  font:700 var(--text-sm)/1.4 var(--font-heading);
  text-align:center;overflow-wrap:break-word;
  transition:background .2s,border-color .2s,color .2s;
}
.xcodeops-ord-seg-btn:hover{border-color:var(--primary-deep)}
.xcodeops-ord-seg-btn.is-on,.xcodeops-ord-seg-btn[aria-checked="true"],.xcodeops-ord-seg-btn[aria-selected="true"]{
  border-color:var(--primary-deep);background:var(--primary-deep);color:#FFFFFF;
}
.xcodeops-ord-tb5-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-radius:var(--radius-md);background:#FFFFFF;color:#1E1C28;
  cursor:pointer;
}
.xcodeops-ord-tb5-choice input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--primary-deep)}
.xcodeops-ord-tb5-copy{display:grid;gap:var(--space-1);min-width:0}
.xcodeops-ord-tb5-copy strong{font:700 var(--text-sm)/1.4 var(--font-heading);overflow-wrap:break-word}
.xcodeops-ord-tb5-copy small{color:#565668;overflow-wrap:break-word}
.xcodeops-ord-tb5-choice em{font:600 var(--text-sm)/1.5 var(--font-mono);font-variant-numeric:tabular-nums;overflow-wrap:break-word}
.xcodeops-ord-machine{min-width:0;margin:0;padding:0;border:0;color:var(--ink)}
.xcodeops-ord-machine-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:var(--space-2);align-items:stretch;min-width:0}
.xcodeops-ord-plan{
  display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);
  min-width:0;height:100%;padding:var(--space-3);
  border:1px solid #C9CCD7;border-radius:var(--radius-md);
  background:var(--gray);color:#171A2C;text-align:left;
  transition:border-color .2s,background .2s,transform .2s;
}
.xcodeops-ord-plan:hover{transform:translateY(-2px);border-color:var(--primary-deep)}
.xcodeops-ord-plan.is-on,.xcodeops-ord-plan[aria-checked="true"]{
  border-color:var(--primary-deep);background:#FFFFFF;color:#171A2C;
  box-shadow:inset 0 0 0 1px var(--primary-deep),var(--shadow);
}
.xcodeops-ord-plan-name{display:block;color:inherit;font:700 var(--text-card)/1.3 var(--font-heading);overflow-wrap:break-word}
.xcodeops-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(--mint);color:#143B2A;
  font:700 var(--text-xs)/1 var(--font-heading);
}
.xcodeops-ord-plan-spec{display:block;width:100%;color:#4E5261;font:600 var(--text-sm)/1.5 var(--font-mono);overflow-wrap:break-word}
.xcodeops-ord-plan-price{display:block;margin-top:auto;padding-top:var(--space-2);color:inherit;font:700 var(--text-lg)/1.3 var(--font-mono);font-variant-numeric:tabular-nums}
.xcodeops-ord-plan-price em{color:#4E5261;font:500 var(--text-sm)/1.5 var(--font-body);font-style:normal}
.xcodeops-ord-allocation{min-width:0;padding:var(--space-4);border-radius:var(--radius-lg);background:var(--cream);color:#3D3410}
.xcodeops-ord-allocation-heading{max-width:48rem}
.xcodeops-ord-region-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:var(--space-2);min-width:0}
.xcodeops-ord-region{
  display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);
  min-width:0;min-height:60px;padding:var(--space-2) var(--space-3);
  border:1px solid #B3AD91;border-radius:var(--radius-md);
  background:#FFFFFF;color:#3D3410;
  font:700 var(--text-sm)/1.4 var(--font-heading);
  text-align:left;overflow-wrap:break-word;
}
.xcodeops-ord-region:hover{border-color:var(--primary-deep)}
.xcodeops-ord-region.is-on,.xcodeops-ord-region[aria-checked="true"]{
  border-color:var(--primary-deep);background:var(--primary-deep);color:#FFFFFF;
}
.xcodeops-ord-receipt{margin-top:var(--space-4);overflow:hidden;border-radius:var(--radius-lg);background:#1B2140;color:#FFFFFF}
.xcodeops-ord-receipt-heading{padding:var(--space-3) var(--space-4);background:#1B2140;color:#FFFFFF}
.xcodeops-ord-receipt-heading h2{margin-bottom:var(--space-1);color:#FFFFFF}
.xcodeops-ord-receipt-heading p{color:#C7CAE3;font-size:var(--text-sm);overflow-wrap:break-word}
.xcodeops-ord-receipt-content{padding:0 var(--space-4) var(--space-3)}
.xcodeops-ord-receipt-content h3{margin-bottom:var(--space-2);color:#FFFFFF;font:700 var(--text-lg)/1.35 var(--font-heading)}
.xcodeops-ord-receipt-lines{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-4);margin:0}
.xcodeops-ord-receipt-lines>div{
  display:grid;grid-template-columns:minmax(6rem,38%) minmax(0,1fr);
  gap:var(--space-2);min-width:0;padding:var(--space-2) 0;
  border-top:1px solid rgba(255,255,255,.18);
}
.xcodeops-ord-receipt-lines dt{min-width:0;color:#C7CAE3;font-size:var(--text-sm);overflow-wrap:break-word}
.xcodeops-ord-receipt-lines dd{min-width:0;margin:0;color:#FFFFFF;font:600 var(--text-sm)/1.6 var(--font-mono);text-align:right;overflow-wrap:break-word}
.xcodeops-ord-receipt-bottom{
  display:grid;grid-template-columns:auto minmax(12rem,1fr) auto;
  align-items:center;gap:var(--space-3);
  padding:var(--space-3) var(--space-4);
  background:#171A2C;color:#FFFFFF;
}
.xcodeops-ord-total-label{color:#C7CAE3;font-weight:700}
.xcodeops-ord-total-amount{min-width:0;font:700 var(--text-section)/1.2 var(--font-mono);font-variant-numeric:tabular-nums;overflow-wrap:break-word}
.xcodeops-ord-total-amount em{margin-left:.4em;color:#C7CAE3;font:500 var(--text-sm)/1.5 var(--font-body);font-style:normal}
.xcodeops-ord-checkout-actions,.xcodeops-ord-dialog-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-start}
.xcodeops-ord-btn-primary,.xcodeops-ord-btn-outline,.xcodeops-ord-btn-danger{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;padding:.7rem var(--space-3);
  border:1px solid transparent;border-radius:var(--radius-pill);
  font:700 var(--text-sm)/1.35 var(--font-heading);
  text-align:center;text-decoration:none;overflow-wrap:break-word;
}
.xcodeops-ord-btn-primary{background:var(--primary-deep);color:#FFFFFF;border-color:var(--primary-deep)}
.xcodeops-ord-btn-primary:hover{background:#2936AB;color:#FFFFFF}
.xcodeops-ord-btn-outline{background:#FFFFFF;color:#3341C4;border-color:#A8ACBF}
.xcodeops-ord-btn-outline:hover{border-color:var(--primary-deep);background:var(--gray);color:#3341C4}
.xcodeops-ord-btn-danger{background:#A32937;color:#FFFFFF;border-color:#A32937}
.xcodeops-ord-btn-danger:hover{background:#82202D;color:#FFFFFF}
.xcodeops-ord-order button:disabled{opacity:.55;cursor:not-allowed;transform:none}
.xcodeops-ord-message,.xcodeops-ord-auth-message{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--apricot);color:#742C24;overflow-wrap:break-word}
.xcodeops-ord-message.is-ok,.xcodeops-ord-auth-message.is-ok{background:var(--mint);color:#143B2A}
.xcodeops-ord-return-zone{display:grid;gap:var(--space-3);margin-top:var(--space-4)}
.xcodeops-ord-auth,.xcodeops-ord-gateway{min-width:0;padding:var(--space-3);border-radius:var(--radius-md);background:var(--gray);color:#171A2C}
.xcodeops-ord-auth-intro{margin-bottom:var(--space-3);color:#4E5261;overflow-wrap:break-word}
.xcodeops-ord-auth-controls{display:flex;align-items:end;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}
.xcodeops-ord-auth-field{display:grid;flex:1 1 16rem;gap:var(--space-1);min-width:0;color:#171A2C;font-weight:700}
.xcodeops-ord-auth-field input{
  width:100%;min-height:46px;padding:.7rem var(--space-2);
  border:1px solid #9299AF;border-radius:var(--radius-md);
  background:#FFFFFF;color:#171A2C;
}
.xcodeops-ord-auth-field input:focus{border-color:var(--primary-deep)}
.xcodeops-ord-gateway h3{margin-bottom:var(--space-3);color:#171A2C;font:700 var(--text-card)/1.3 var(--font-heading)}
.xcodeops-ord-gateway-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:var(--space-2)}
.xcodeops-ord-gw-item{
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;
  gap:var(--space-1);min-width:0;min-height:64px;
  padding:var(--space-2) var(--space-3);
  border:1px solid #A8ACBF;border-radius:var(--radius-md);
  background:#FFFFFF;color:#171A2C;text-align:left;
}
.xcodeops-ord-gw-item:hover{border-color:var(--primary-deep);background:var(--lav);color:#3A2468}
.xcodeops-ord-gw-item:disabled{opacity:.55;cursor:not-allowed}
.xcodeops-ord-gw-item strong{font:700 var(--text-base)/1.35 var(--font-heading);overflow-wrap:break-word}
.xcodeops-ord-gw-item small{color:#4E5261;font:500 var(--text-xs)/1.4 var(--font-mono)}
.xcodeops-ord-gateway #ord-gw-cancel{margin-top:var(--space-2)}
.xcodeops-ord-dialog{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:var(--gutter)}
.xcodeops-ord-dialog-backdrop{position:absolute;inset:0;background:rgba(23,26,44,.76)}
.xcodeops-ord-dialog-panel{
  position:relative;width:min(100%,32rem);max-height:calc(100dvh - var(--gutter)*2);
  overflow-y:auto;margin:auto;padding:var(--space-4);
  border-radius:var(--radius-lg);background:#FFFFFF;color:#171A2C;
  box-shadow:var(--shadow-up);text-align:left;
}
.xcodeops-ord-dialog-kicker{margin-bottom:var(--space-2);color:#3341C4;font:700 var(--text-xs)/1.4 var(--font-heading)}
.xcodeops-ord-dialog-panel h3{color:#171A2C;font:700 var(--text-section)/1.25 var(--font-heading);overflow-wrap:break-word}
.xcodeops-ord-dialog-panel>p:not(.xcodeops-ord-dialog-kicker){margin-top:var(--space-2);color:#4E5261;overflow-wrap:break-word}
.xcodeops-ord-dialog-actions{margin-top:var(--space-3)}
.xcodeops-ord-dialog-panel.is-center{text-align:center}
.xcodeops-ord-dialog-panel.is-center .xcodeops-ord-dialog-actions{justify-content:center}
.xcodeops-ord-order .is-mine{background:var(--lav);color:#3A2468}
.xcodeops-ord-order .is-open{border-color:var(--primary-deep)}
.xcodeops-ord-order .xcodeops-ord-chip-ok{background:var(--mint);color:#143B2A}
.xcodeops-ord-order .xcodeops-ord-chip-warn{background:var(--cream);color:#3D3410}
.xcodeops-ord-order .xcodeops-ord-chip-bad{background:var(--apricot);color:#742C24}
.xcodeops-ord-order .xcodeops-ord-chip-idle{background:var(--gray);color:#4E5261}
.xcodeops-ord-order .xcodeops-ord-cred{min-width:0;overflow-wrap:anywhere;font-family:var(--font-mono)}
.xcodeops-ord-order .xcodeops-ord-note{color:var(--muted);font-size:var(--text-sm);overflow-wrap:break-word}
@media(max-width:760px){
  .xcodeops-ord-order{padding:var(--space-4) 0 var(--space-5)}
  .xcodeops-ord-folio-top{grid-template-columns:minmax(0,1fr)}
  .xcodeops-ord-allocation{padding:var(--space-3)}
  .xcodeops-ord-receipt-lines{grid-template-columns:minmax(0,1fr)}
  .xcodeops-ord-receipt-bottom{grid-template-columns:minmax(0,1fr);gap:var(--space-2)}
  .xcodeops-ord-checkout-actions{margin-top:var(--space-2)}
  .xcodeops-ord-checkout-actions>*{flex:1 1 100%}
  .xcodeops-ord-gateway-options{grid-template-columns:minmax(0,1fr)}
  .xcodeops-ord-auth-controls>*{flex:1 1 100%}
}
@media(max-width:390px){
  .xcodeops-ord-cycle,.xcodeops-ord-capacity,.xcodeops-ord-allocation{padding:var(--space-3)}
  .xcodeops-ord-receipt-heading{padding:var(--space-3)}
  .xcodeops-ord-receipt-content{padding:0 var(--space-3) var(--space-3)}
  .xcodeops-ord-receipt-bottom{padding:var(--space-3)}
  .xcodeops-ord-tb5-choice{grid-template-columns:auto minmax(0,1fr)}
  .xcodeops-ord-tb5-choice em{grid-column:2}
  .xcodeops-ord-region-options{grid-template-columns:minmax(0,1fr)}
  .xcodeops-ord-dialog-panel{padding:var(--space-3)}
}
body:has(> main[data-shell]){display:flex;flex-direction:column;min-height:100vh}
body > main[data-shell]{flex:1 0 auto}