.cdnmac-ord-order{
    --ac-primary: #00617D;
  --ac-accent: #006F63;
  --ac-bg: #FAF9F6;
  --ac-card: #FFFFFF;
  --ac-ink: #172126;
  --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: #172126;
  --ac-r: 16px;
  --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;
  background:var(--color-paper);
  color:var(--color-ink);
  font-family:var(--font-body);
  padding:var(--space-6) var(--gutter) var(--space-7);
}
.cdnmac-ord-order [hidden]{display:none!important}
.cdnmac-ord-order *{min-width:0}
.cdnmac-ord-order button,.cdnmac-ord-order input{font:inherit}
.cdnmac-ord-canvas{width:min(100%,var(--container-standard));margin-inline:auto}
.cdnmac-ord-opening{max-width:48rem;margin-bottom:var(--space-5)}
.cdnmac-ord-opening h1{font-size:clamp(2.3rem,4vw,3.35rem);line-height:1.2}
.cdnmac-ord-opening p{margin-top:var(--space-2);color:var(--color-muted);overflow-wrap:break-word}

.cdnmac-ord-manifest{
  display:grid;
  grid-template-columns:minmax(11rem,.7fr) minmax(0,2fr);
  column-gap:var(--space-4);
  overflow:hidden;
  border-radius:var(--radius-lg);
  background:var(--color-dark);
  color:#FFFFFF;
  box-shadow:var(--shadow-soft);
}
.cdnmac-ord-manifest-heading{align-self:center;padding:var(--space-4)}
.cdnmac-ord-manifest-heading h2{color:#B9C4C8;font-size:var(--text-sm);font-weight:700;letter-spacing:.04em}
.cdnmac-ord-manifest-heading h3{margin-top:var(--space-2);font-size:var(--text-lg);line-height:1.3}
.cdnmac-ord-manifest-fields{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-content:center;
  gap:var(--space-2) var(--space-3);
  margin:0;
  padding:var(--space-4);
}
.cdnmac-ord-manifest-field{display:grid;grid-template-columns:minmax(5.5rem,auto) minmax(12rem,1fr);align-items:start;gap:var(--space-1)}
.cdnmac-ord-manifest-field dt{color:#B9C4C8;font-size:var(--text-sm);font-weight:500;overflow-wrap:break-word}
.cdnmac-ord-manifest-field dd{margin:0;color:#FFFFFF;font-size:var(--text-sm);font-weight:750;text-align:right;overflow-wrap:break-word}
.cdnmac-ord-manifest-total{
  grid-column:1/-1;
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:var(--space-2);
  padding:var(--space-2) var(--space-4);
  background:#26343A;
  color:#FFFFFF;
}
.cdnmac-ord-manifest-total>span{font-size:var(--text-sm);color:#D7DFE1}
.cdnmac-ord-manifest-total strong{font-family:var(--font-mono);font-size:clamp(1.35rem,2vw,1.8rem);font-variant-numeric:tabular-nums;overflow-wrap:break-word}
.cdnmac-ord-manifest-total em{font-family:var(--font-body);font-size:var(--text-sm);font-style:normal;font-weight:500}

.cdnmac-ord-assembly{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:var(--space-3);
  align-items:stretch;
  margin-top:var(--space-5);
}
.cdnmac-ord-station{
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  overflow-wrap:break-word;
}
.cdnmac-ord-station-heading{margin-bottom:var(--space-3)}
.cdnmac-ord-station-heading h2{font-size:clamp(1.35rem,2vw,1.75rem);line-height:1.3}
.cdnmac-ord-station-plan{grid-column:1/8;background:var(--color-lav);color:var(--color-lav-ink)}
.cdnmac-ord-station-period{grid-column:8/-1;grid-row:1;background:var(--color-sand);color:var(--color-sand-ink)}
.cdnmac-ord-station-region{grid-column:1/7;background:var(--color-blue);color:var(--color-blue-ink)}
.cdnmac-ord-station-storage{grid-column:7/-1;background:var(--color-mint);color:var(--color-mint-ink)}
.cdnmac-ord-plan-grid,.cdnmac-ord-region-grid,.cdnmac-ord-period-seg,.cdnmac-ord-ssd-seg,.cdnmac-ord-gw-list{display:grid;gap:var(--space-2)}
.cdnmac-ord-plan-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));align-items:stretch}
.cdnmac-ord-region-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.cdnmac-ord-period-seg,.cdnmac-ord-ssd-seg{grid-template-columns:repeat(2,minmax(0,1fr))}
.cdnmac-ord-plan,.cdnmac-ord-region,.cdnmac-ord-seg-btn{
  position:relative;
  display:flex;
  width:100%;
  min-height:3.25rem;
  border:2px solid transparent;
  border-radius:var(--radius-md);
  background:#FFFFFF;
  color:#172126;
  cursor:pointer;
  text-align:left;
  overflow-wrap:break-word;
  transition:border-color var(--transition),background var(--transition),box-shadow var(--transition),transform var(--transition);
}
.cdnmac-ord-plan:hover,.cdnmac-ord-region:hover,.cdnmac-ord-seg-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}
.cdnmac-ord-plan:focus-visible,.cdnmac-ord-region:focus-visible,.cdnmac-ord-seg-btn:focus-visible,.cdnmac-ord-checkout:focus-visible,.cdnmac-ord-order button:focus-visible,.cdnmac-ord-order a:focus-visible,.cdnmac-ord-order input:focus-visible{outline:3px solid color-mix(in srgb,var(--color-primary) 48%,transparent);outline-offset:3px}
.cdnmac-ord-plan.is-on,.cdnmac-ord-plan[aria-checked="true"],.cdnmac-ord-region.is-on,.cdnmac-ord-region[aria-checked="true"],.cdnmac-ord-seg-btn.is-on,.cdnmac-ord-seg-btn[aria-checked="true"],.cdnmac-ord-seg-btn[aria-selected="true"]{
  border-color:var(--color-primary);
  background:#FFFFFF;
  color:#172126;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 12%,transparent);
}
.cdnmac-ord-plan{
  flex-direction:column;
  align-items:stretch;
  gap:var(--space-1);
  min-height:10rem;
  padding:var(--space-3);
}
.cdnmac-ord-plan-name{display:block;font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;line-height:1.35}
.cdnmac-ord-plan-chip{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  max-width:100%;
  padding:.4em .9em;
  border-radius:var(--radius-pill);
  background:var(--color-blue);
  color:var(--color-blue-ink);
  font-size:var(--text-xs);
  font-weight:750;
  line-height:1.2;
}
.cdnmac-ord-plan-spec{display:block;color:#59666D;font-size:var(--text-sm);line-height:1.5}
.cdnmac-ord-plan-price{display:block;margin-top:auto;color:#004F67;font-family:var(--font-mono);font-size:var(--text-lg);font-weight:750;font-variant-numeric:tabular-nums}
.cdnmac-ord-plan-price em{font-size:var(--text-sm);font-style:normal}
.cdnmac-ord-region{
  align-items:center;
  justify-content:center;
  min-height:4.5rem;
  padding:var(--space-2);
  font-size:var(--text-sm);
  font-weight:750;
  line-height:1.35;
  text-align:center;
}
.cdnmac-ord-seg-btn{
  align-items:center;
  justify-content:center;
  min-height:3.75rem;
  padding:var(--space-2);
  font-size:var(--text-sm);
  font-weight:750;
  line-height:1.35;
  text-align:center;
}
.cdnmac-ord-extra{margin-top:var(--space-3)}
.cdnmac-ord-extra-caption{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:750}
.cdnmac-ord-extra-choice{
  display:flex;
  align-items:flex-start;
  gap:var(--space-2);
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#FFFFFF;
  color:#172126;
  cursor:pointer;
}
.cdnmac-ord-extra-choice input{flex:0 0 auto;width:1.25rem;height:1.25rem;margin:.15rem 0 0;accent-color:var(--color-primary);cursor:pointer}
.cdnmac-ord-extra-copy{display:grid;flex:1;gap:var(--space-1)}
.cdnmac-ord-extra-copy strong{font-size:var(--text-sm);line-height:1.4}
.cdnmac-ord-extra-copy small{color:#59666D;font-size:var(--text-xs)}
.cdnmac-ord-extra-choice em{flex:0 1 auto;color:#004F67;font-family:var(--font-mono);font-size:var(--text-sm);font-style:normal;font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:break-word}
.cdnmac-ord-extra-choice:has(input:checked){box-shadow:inset 0 0 0 2px var(--color-primary)}

.cdnmac-ord-settlement{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-4);
  margin-top:var(--space-3);
  padding:var(--space-3) var(--space-4);
  border-radius:var(--radius-lg);
  background:var(--color-surface);
  color:var(--color-ink);
}
.cdnmac-ord-settlement-copy p{font-size:var(--text-sm);font-weight:700}
.cdnmac-ord-settlement-copy small{display:block;margin-top:var(--space-1);color:var(--color-muted);font-size:var(--text-xs);overflow-wrap:break-word}
.cdnmac-ord-checkout,.cdnmac-ord-auth-button,.cdnmac-ord-dialog-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:3rem;
  padding:.7rem 1.5rem;
  border:1px solid #00536B;
  border-radius:var(--radius-pill);
  background:#00536B;
  color:#FFFFFF;
  font-size:var(--text-sm);
  font-weight:750;
  line-height:1.35;
  text-align:center;
  cursor:pointer;
  overflow-wrap:break-word;
}
.cdnmac-ord-checkout{flex:0 0 auto}
.cdnmac-ord-checkout:hover,.cdnmac-ord-auth-button:hover,.cdnmac-ord-dialog-primary:hover{background:#003F52}
.cdnmac-ord-checkout:disabled,.cdnmac-ord-auth-button:disabled{opacity:.55;cursor:not-allowed}
.cdnmac-ord-response{display:grid;gap:var(--space-3);margin-top:var(--space-3)}
.cdnmac-ord-message,.cdnmac-ord-auth-message{
  padding:var(--space-2) var(--space-3);
  border-radius:var(--radius-md);
  background:var(--color-peach);
  color:var(--color-peach-ink);
  font-size:var(--text-sm);
  overflow-wrap:break-word;
}
.cdnmac-ord-message.is-ok,.cdnmac-ord-auth-message.is-ok{background:var(--color-mint);color:var(--color-mint-ink)}
.cdnmac-ord-console-link,.cdnmac-ord-gw-cancel,.cdnmac-ord-dialog-stay{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:fit-content;
  min-height:2.75rem;
  padding:.6rem 1.25rem;
  border:1px solid color-mix(in srgb,currentColor 35%,transparent);
  border-radius:var(--radius-pill);
  background:transparent;
  color:#172126;
  font-size:var(--text-sm);
  font-weight:750;
  line-height:1.35;
  text-align:center;
  cursor:pointer;
}
.cdnmac-ord-console-link:hover,.cdnmac-ord-gw-cancel:hover,.cdnmac-ord-dialog-stay:hover{background:var(--color-blue)}
.cdnmac-ord-auth,.cdnmac-ord-gateway{
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:var(--color-blue);
  color:var(--color-blue-ink);
}
.cdnmac-ord-auth-intro{margin-bottom:var(--space-3);font-size:var(--text-sm)}
.cdnmac-ord-auth-form{display:grid;gap:var(--space-3)}
.cdnmac-ord-auth-line{display:flex;align-items:end;gap:var(--space-2)}
.cdnmac-ord-auth-field{display:grid;flex:1;gap:var(--space-1);font-size:var(--text-sm);font-weight:750}
.cdnmac-ord-auth-field input{
  width:100%;
  min-height:2.75rem;
  padding:.65rem .85rem;
  border:1px solid var(--line-control);
  border-radius:var(--radius-sm);
  background:#FFFFFF;
  color:#172126;
}
.cdnmac-ord-auth-button{flex:0 0 auto;min-height:2.75rem}
.cdnmac-ord-auth-message{margin-top:var(--space-3)}
.cdnmac-ord-gateway{background:var(--color-lav);color:var(--color-lav-ink)}
.cdnmac-ord-gateway h3{margin-bottom:var(--space-3);font-size:var(--text-lg)}
.cdnmac-ord-gw-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr))}
.cdnmac-ord-gw-item{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:var(--space-1);
  min-height:5rem;
  padding:var(--space-2) var(--space-3);
  border:1px solid var(--line-control);
  border-radius:var(--radius-md);
  background:#FFFFFF;
  color:#172126;
  text-align:left;
  cursor:pointer;
  overflow-wrap:break-word;
}
.cdnmac-ord-gw-item strong{font-size:var(--text-sm);line-height:1.4}
.cdnmac-ord-gw-item small{color:#59666D;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.35}
.cdnmac-ord-gw-item:hover,.cdnmac-ord-gw-item.is-on,.cdnmac-ord-gw-item[aria-checked="true"]{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 12%,transparent)}
.cdnmac-ord-gw-item:disabled{opacity:.5;cursor:not-allowed}
.cdnmac-ord-gw-cancel{margin-top:var(--space-2)}

.cdnmac-ord-dialog{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:var(--gutter)}
.cdnmac-ord-dialog-backdrop{position:absolute;inset:0;background:rgba(23,33,38,.72)}
.cdnmac-ord-dialog-panel{
  position:relative;
  z-index:1;
  width:min(100%,31rem);
  max-height:calc(100dvh - var(--gutter)*2);
  overflow-y:auto;
  padding:var(--space-5);
  border-radius:var(--radius-lg);
  background:#FFFFFF;
  color:#172126;
  box-shadow:var(--shadow-float);
  text-align:center;
}
.cdnmac-ord-dialog-kicker{
  display:inline-flex;
  align-items:center;
  padding:.4em .9em;
  border-radius:var(--radius-pill);
  background:var(--color-mint);
  color:var(--color-mint-ink);
  font-size:var(--text-xs);
  font-weight:800;
  line-height:1;
}
.cdnmac-ord-dialog-panel h3{margin-top:var(--space-2);font-size:clamp(1.35rem,3vw,1.8rem)}
.cdnmac-ord-dialog-body{margin-top:var(--space-2);color:#59666D;font-size:var(--text-sm)}
.cdnmac-ord-dialog-actions{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}
.cdnmac-ord-dialog-panel .cdnmac-ord-dialog-actions{justify-content:center}
.cdnmac-ord-dialog-panel.is-open{box-shadow:var(--shadow-float)}
.cdnmac-ord-order .is-mine{background:var(--color-blue);color:var(--color-blue-ink)}
.cdnmac-ord-order .is-open{border-color:var(--color-primary)}
.cdnmac-ord-order .cdnmac-ord-btn-danger{border-radius:var(--radius-pill);background:var(--color-peach);color:var(--color-peach-ink)}
.cdnmac-ord-order .cdnmac-ord-chip-ok{background:var(--color-mint);color:var(--color-mint-ink)}
.cdnmac-ord-order .cdnmac-ord-chip-warn{background:var(--color-sand);color:var(--color-sand-ink)}
.cdnmac-ord-order .cdnmac-ord-chip-bad{background:var(--color-peach);color:var(--color-peach-ink)}
.cdnmac-ord-order .cdnmac-ord-chip-idle{background:var(--color-blue);color:var(--color-blue-ink)}

@media(max-width:760px){
  .cdnmac-ord-order{padding-block:var(--space-4) var(--space-6)}
  .cdnmac-ord-manifest{grid-template-columns:minmax(0,1fr)}
  .cdnmac-ord-manifest-heading{padding:var(--space-3) var(--space-3) 0}
  .cdnmac-ord-manifest-fields{padding:var(--space-3)}
  .cdnmac-ord-manifest-total{padding-inline:var(--space-3)}
  .cdnmac-ord-assembly{grid-template-columns:minmax(0,1fr);margin-top:var(--space-3)}
  .cdnmac-ord-station-plan,.cdnmac-ord-station-region,.cdnmac-ord-station-period,.cdnmac-ord-station-storage{grid-column:1;grid-row:auto}
  .cdnmac-ord-station{padding:var(--space-3)}
  .cdnmac-ord-region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cdnmac-ord-settlement{align-items:stretch;flex-direction:column}
  .cdnmac-ord-checkout{width:100%}
}
@media(max-width:42rem){
  .cdnmac-ord-manifest-fields{grid-template-columns:minmax(0,1fr)}
  .cdnmac-ord-manifest-field{grid-template-columns:minmax(5.5rem,auto) minmax(12rem,1fr)}
  .cdnmac-ord-auth-line{align-items:stretch;flex-direction:column}
  .cdnmac-ord-auth-button{width:100%}
  .cdnmac-ord-gw-list{grid-template-columns:minmax(0,1fr)}
  .cdnmac-ord-gw-item{width:100%}
  .cdnmac-ord-dialog-panel{padding:var(--space-3)}
  .cdnmac-ord-dialog-actions{flex-direction:column;align-items:stretch}
  .cdnmac-ord-dialog-actions>*{width:100%}
}
@media(max-width:390px){
  .cdnmac-ord-manifest-field{grid-template-columns:minmax(0,1fr);gap:0}
  .cdnmac-ord-manifest-field dd{text-align:left}
  .cdnmac-ord-extra-choice{flex-wrap:wrap}
  .cdnmac-ord-extra-choice em{margin-left:auto}
}