.zshmac-ord-order{
    --ac-primary: #C8341C;
  --ac-accent: #FF9E7A;
  --ac-bg: #FFFFFF;
  --ac-card: #FFFFFF;
  --ac-ink: #14110F;
  --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: #14110F;
  --ac-r: 17px;
  --ac-font-head: "Space Grotesk", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-body: "Inter", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  padding-block:var(--space-5) var(--space-6);
  background:var(--paper);
  color:#14110F;
  font-family:var(--font-body);
}
.zshmac-ord-order [hidden]{display:none!important}
.zshmac-ord-order button,.zshmac-ord-order input{font:inherit}
.zshmac-ord-order button:disabled{cursor:not-allowed;opacity:.48}
.zshmac-ord-order :focus-visible{outline:2px solid var(--red);outline-offset:3px}

.zshmac-ord-intro{display:flex;align-items:end;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-4)}
.zshmac-ord-intro-copy{min-width:0;max-width:48rem}
.zshmac-ord-intro h1{font:400 clamp(2.25rem,4vw,3.5rem)/1.16 var(--font-heading);letter-spacing:-.035em}
.zshmac-ord-intro p{max-width:40rem;margin-top:var(--space-2);color:#59534E;overflow-wrap:break-word}
.zshmac-ord-prompt{display:flex;align-items:baseline;gap:.55rem;flex:none;padding:.65rem 1rem;border-radius:var(--radius-sm);background:#ECEAFA;color:#2E2860;font:var(--text-sm)/1.4 var(--font-mono)}
.zshmac-ord-prompt b{color:#C8341C}

.zshmac-ord-sheet{display:grid;gap:var(--space-3)}
.zshmac-ord-hardware,.zshmac-ord-machine-field,.zshmac-ord-dispatch{display:grid;gap:var(--space-3);min-width:0}
.zshmac-ord-field-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--space-1) var(--space-2);margin-bottom:var(--space-3)}
.zshmac-ord-field-heading h2,.zshmac-ord-settlement-heading h2{font:400 clamp(1.5rem,2.4vw,2rem)/1.2 var(--font-heading);letter-spacing:-.025em}
.zshmac-ord-field-mark{font:var(--text-xs)/1.5 var(--font-mono);letter-spacing:.04em;overflow-wrap:break-word}

.zshmac-ord-node-field{min-width:0;padding:var(--space-4);border-radius:var(--radius-lg);background:#E4F3EC;color:#173D2E}
.zshmac-ord-node-field .zshmac-ord-field-mark{color:#3F6455}
.zshmac-ord-node-body{min-width:0;padding:var(--space-2);border-radius:var(--radius-md);background:#FFFFFF;color:#14110F}
.zshmac-ord-region-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:var(--space-1);min-width:0}
.zshmac-ord-region{
  display:flex;align-items:center;justify-content:space-between;gap:var(--space-1);
  min-width:0;min-height:3.5rem;padding:.75rem 1rem;
  border:1px solid #D9D5D0;border-radius:var(--radius-sm);
  background:#FFFFFF;color:#14110F;text-align:left;
  overflow-wrap:break-word;transition:border-color .2s,background .2s;
}
.zshmac-ord-region:hover{border-color:#8A8178}
.zshmac-ord-region.is-on,.zshmac-ord-region[aria-checked="true"]{border-color:#C8341C;background:#FAF3D6;color:#4A3B08;box-shadow:inset 0 0 0 1px #C8341C}

.zshmac-ord-machine-field{padding:var(--space-4);border-radius:var(--radius-lg);background:#ECEAFA;color:#2E2860}
.zshmac-ord-machine-field .zshmac-ord-field-mark{color:#58528A}
.zshmac-ord-catalog,.zshmac-ord-expansion{min-width:0}
.zshmac-ord-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:var(--space-2);align-items:stretch}
.zshmac-ord-plan{
  display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);
  min-width:0;height:100%;padding:var(--space-3);
  border:2px solid transparent;border-radius:var(--radius-md);
  background:#FFFFFF;color:#14110F;text-align:left;
  box-shadow:0 8px 26px -22px rgba(20,17,15,.35);
  transition:border-color .2s,transform .2s;
}
.zshmac-ord-plan:hover{transform:translateY(-2px)}
.zshmac-ord-plan.is-on,.zshmac-ord-plan[aria-checked="true"]{border-color:#C8341C}
.zshmac-ord-plan-name{display:block;min-width:0;font:400 var(--text-card)/1.25 var(--font-heading);overflow-wrap:break-word}
.zshmac-ord-plan-chip{display:inline-flex;align-items:center;align-self:flex-start;width:fit-content;padding:.4em .9em;border-radius:999px;background:#E4F3EC;color:#173D2E;font-size:var(--text-xs);line-height:1.2;overflow-wrap:break-word}
.zshmac-ord-plan-spec{display:block;min-width:0;width:100%;color:#59534E;font-size:var(--text-sm);overflow-wrap:break-word}
.zshmac-ord-plan-price{display:block;margin-top:auto;padding-top:var(--space-2);border-top:1px solid #ECEAE7;font:400 var(--text-lg)/1.35 var(--font-mono);font-variant-numeric:tabular-nums;overflow-wrap:break-word}
.zshmac-ord-plan-price em{font-style:normal;font-size:var(--text-sm);color:#59534E}
.zshmac-ord-expansion{padding-top:var(--space-3);border-top:1px solid rgba(46,40,96,.16)}
.zshmac-ord-expansion-body{display:grid;gap:var(--space-2)}
.zshmac-ord-ssd-seg,.zshmac-ord-period-seg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-1);min-width:0}
.zshmac-ord-seg-btn{
  min-width:0;min-height:3rem;padding:.65rem .8rem;
  border:1px solid #D9D5D0;border-radius:999px;
  background:#FFFFFF;color:#14110F;text-align:center;
  overflow-wrap:break-word;transition:background .2s,border-color .2s;
}
.zshmac-ord-seg-btn:hover{border-color:#8A8178}
.zshmac-ord-seg-btn.is-on,.zshmac-ord-seg-btn[aria-checked="true"],.zshmac-ord-seg-btn[aria-selected="true"]{border-color:#C8341C;background:#C8341C;color:#FFFFFF}
.zshmac-ord-tb5-choice{
  display:flex;align-items:center;gap:var(--space-2);min-width:0;
  padding:var(--space-3);border-radius:var(--radius-md);
  background:#FFFFFF;color:#14110F;cursor:pointer;
}
.zshmac-ord-tb5-choice input{appearance:none;flex:none;width:1.25rem;height:1.25rem;border:2px solid #8A8178;border-radius:50%;background:#FFFFFF;color:#14110F;cursor:pointer}
.zshmac-ord-tb5-choice input:checked{border-color:#C8341C;background:#C8341C;box-shadow:inset 0 0 0 4px #FFFFFF}
.zshmac-ord-tb5-copy{display:grid;gap:.35rem;min-width:0;flex:1;overflow-wrap:break-word}
.zshmac-ord-tb5-copy strong{font-weight:500}
.zshmac-ord-tb5-copy small{font-size:var(--text-sm);color:#59534E}
.zshmac-ord-tb5-choice em{flex:none;font:normal var(--text-sm)/1.4 var(--font-mono);font-variant-numeric:tabular-nums}

.zshmac-ord-term-field{min-width:0;padding:var(--space-4);border-radius:var(--radius-lg);background:#E1F0F6;color:#123746}
.zshmac-ord-term-field .zshmac-ord-field-mark{color:#3F6070}
.zshmac-ord-settlement{min-width:0;border-radius:var(--radius-lg);background:#FAF3D6;color:#4A3B08;overflow:hidden}
.zshmac-ord-settlement-heading{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-3)}
.zshmac-ord-settlement-heading span{font:var(--text-xs)/1.4 var(--font-mono)}
.zshmac-ord-settlement-body{display:grid;grid-template-columns:minmax(12rem,1fr) minmax(17rem,.85fr);gap:var(--space-2);padding:0 var(--space-4) var(--space-4)}
.zshmac-ord-receipt,.zshmac-ord-payment-foot{min-width:0;padding:var(--space-3);border-radius:var(--radius-md);background:#FFFFFF;color:#14110F}
.zshmac-ord-receipt h3{margin-bottom:var(--space-2);font-size:var(--text-card)}
.zshmac-ord-sum-lines{display:grid}
.zshmac-ord-sum-lines>*{
  display:grid;grid-template-columns:minmax(5.5rem,34%) minmax(0,1fr);
  gap:var(--space-2);align-items:start;padding:.75rem 0;
  border-top:1px solid #ECEAE7;
}
.zshmac-ord-sum-lines dt,.zshmac-ord-sum-lines dd{min-width:0;font-size:var(--text-sm);overflow-wrap:break-word}
.zshmac-ord-sum-lines dt{color:#59534E}
.zshmac-ord-sum-lines dd{text-align:right;font-variant-numeric:tabular-nums}
.zshmac-ord-payment-foot{display:flex;flex-direction:column}
.zshmac-ord-total-line{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--space-1) var(--space-2)}
.zshmac-ord-total-line>span{color:#59534E}
.zshmac-ord-total-line strong{font:400 clamp(1.6rem,2.5vw,2.4rem)/1.2 var(--font-mono);font-variant-numeric:tabular-nums;overflow-wrap:break-word}
.zshmac-ord-total-line em{font:normal var(--text-sm)/1.4 var(--font-body)}
.zshmac-ord-checkout-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-start;margin-top:var(--space-3)}
.zshmac-ord-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.65rem 1.4rem;border:1px solid transparent;border-radius:999px;text-align:center;line-height:1.35;overflow-wrap:break-word;transition:background .2s,border-color .2s}
.zshmac-ord-btn-primary{background:#14110F;color:#FFFFFF}
.zshmac-ord-btn-primary:hover{background:#352E29}
.zshmac-ord-btn-outline{border-color:#AFA9A2;background:#FFFFFF;color:#14110F}
.zshmac-ord-btn-outline:hover{border-color:#59534E;background:#F7F7F5}
.zshmac-ord-btn-danger{border-color:#9A3327;background:#9A3327;color:#FFFFFF}
.zshmac-ord-payment-methods{margin-top:var(--space-3);font-size:var(--text-sm);color:#3D3935}
.zshmac-ord-secure-note{margin-top:var(--space-1);font-size:var(--text-sm);color:#59534E}
.zshmac-ord-message{margin-top:var(--space-2);padding:var(--space-2);border-radius:var(--radius-sm);background:#FCE8E3;color:#842A1C;font-size:var(--text-sm)}
.zshmac-ord-message.is-ok{background:#E4F3EC;color:#173D2E}

.zshmac-ord-gateway,.zshmac-ord-auth{margin:0 var(--space-4) var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);background:#FFFFFF;color:#14110F}
.zshmac-ord-gateway h3{margin-bottom:var(--space-2);font-size:var(--text-card)}
.zshmac-ord-gw-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:var(--space-2)}
.zshmac-ord-gw-item{
  display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.35rem;
  min-width:0;min-height:4.5rem;padding:var(--space-2);
  border:1px solid #AFA9A2;border-radius:var(--radius-md);
  background:#F7F7F5;color:#14110F;text-align:left;
}
.zshmac-ord-gw-item:hover{border-color:#C8341C;background:#E4F3EC;color:#173D2E}
.zshmac-ord-gw-item:disabled{opacity:.48}
.zshmac-ord-gw-item strong{font-weight:500;overflow-wrap:break-word}
.zshmac-ord-gw-item small{font:var(--text-xs)/1.3 var(--font-mono);color:#59534E}
.zshmac-ord-gateway #ord-gw-cancel{margin-top:var(--space-2)}
.zshmac-ord-auth{border:1px solid #D9D5D0}
.zshmac-ord-auth-lead{margin-bottom:var(--space-3);overflow-wrap:break-word}
.zshmac-ord-auth-form{display:grid;gap:var(--space-3)}
.zshmac-ord-auth-field{display:grid;gap:var(--space-1);min-width:0}
.zshmac-ord-auth-field label{font-size:var(--text-sm);color:#3D3935}
.zshmac-ord-auth-control{display:flex;align-items:stretch;gap:var(--space-1);min-width:0}
.zshmac-ord-auth-control input{flex:1;min-width:0;min-height:2.75rem;padding:.6rem 1rem;border:1px solid #8A8178;border-radius:var(--radius-sm);background:#FFFFFF;color:#14110F}
.zshmac-ord-auth-control .zshmac-ord-btn{flex:none}

.zshmac-ord-dialog{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:var(--gutter)}
.zshmac-ord-dialog-backdrop{position:absolute;inset:0;background:rgba(20,17,15,.68)}
.zshmac-ord-dialog-panel{position:relative;width:min(100%,32rem);max-height:calc(100dvh - var(--gutter)*2);overflow-y:auto;padding:var(--space-4);border-radius:var(--radius-lg);background:#FFFFFF;color:#14110F;box-shadow:var(--shadow-card);text-align:left}
.zshmac-ord-dialog-kicker{display:inline-flex;align-items:center;width:fit-content;padding:.4em .9em;border-radius:999px;background:#E4F3EC;color:#173D2E;font-size:var(--text-sm);line-height:1.2}
.zshmac-ord-dialog-panel h3{margin-top:var(--space-2);font-size:clamp(1.4rem,3vw,2rem)}
.zshmac-ord-dialog-panel>p:not(.zshmac-ord-dialog-kicker){margin-top:var(--space-2);color:#3D3935}
.zshmac-ord-dialog-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:flex-start;margin-top:var(--space-3)}
.zshmac-ord-dialog.is-center .zshmac-ord-dialog-panel{text-align:center}
.zshmac-ord-dialog.is-center .zshmac-ord-dialog-kicker{margin-inline:auto}
.zshmac-ord-dialog.is-center .zshmac-ord-dialog-actions{justify-content:center}

.zshmac-ord-order .is-open{box-shadow:0 0 0 2px #C8341C}
.zshmac-ord-order .is-mine{background:#ECEAFA;color:#2E2860}
.zshmac-ord-chip-ok,.zshmac-ord-chip-warn,.zshmac-ord-chip-bad,.zshmac-ord-chip-idle{
  display:inline-flex;align-items:center;width:fit-content;padding:.4em .9em;
  border-radius:999px;font-size:var(--text-xs);line-height:1;
}
.zshmac-ord-chip-ok{background:#E4F3EC;color:#173D2E}
.zshmac-ord-chip-warn{background:#FAF3D6;color:#4A3B08}
.zshmac-ord-chip-bad{background:#FCE8E3;color:#842A1C}
.zshmac-ord-chip-idle{background:#E1F0F6;color:#123746}
.zshmac-ord-cred{min-width:0;padding:var(--space-2);border-radius:var(--radius-sm);background:#F7F7F5;color:#14110F;overflow-wrap:break-word}
.zshmac-ord-note{padding:var(--space-2);border-radius:var(--radius-sm);background:#FAF3D6;color:#4A3B08}

@media(max-width:760px){
  .zshmac-ord-order{padding-block:var(--space-4)}
  .zshmac-ord-intro{align-items:flex-start;flex-direction:column;padding-bottom:var(--space-3)}
  .zshmac-ord-prompt{align-self:flex-start}
  .zshmac-ord-node-field,.zshmac-ord-machine-field,.zshmac-ord-term-field{padding:var(--space-3)}
  .zshmac-ord-settlement-heading{padding:var(--space-3)}
  .zshmac-ord-settlement-body{grid-template-columns:minmax(0,1fr);padding:0 var(--space-3) var(--space-3)}
  .zshmac-ord-gateway,.zshmac-ord-auth{margin:0 var(--space-3) var(--space-3)}
  .zshmac-ord-ssd-seg,.zshmac-ord-period-seg{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:390px){
  .zshmac-ord-region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .zshmac-ord-region{padding:.65rem .75rem}
  .zshmac-ord-tb5-choice{align-items:flex-start;flex-wrap:wrap}
  .zshmac-ord-tb5-choice em{margin-left:calc(1.25rem + var(--space-2))}
  .zshmac-ord-checkout-actions .zshmac-ord-btn{width:100%}
  .zshmac-ord-auth-control{flex-wrap:wrap}
  .zshmac-ord-auth-control input,.zshmac-ord-auth-control .zshmac-ord-btn{flex:1 1 100%;width:100%}
  .zshmac-ord-gw-list{grid-template-columns:minmax(0,1fr)}
  .zshmac-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}