.oakvps-ord-order{
    --ac-primary: #0A536B;
  --ac-accent: #007F86;
  --ac-bg: #FCFCFD;
  --ac-card: #FFFFFF;
  --ac-ink: #171A24;
  --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: #171A24;
  --ac-r: 16px;
  --ac-font-head: "Chivo", "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;
  width:min(calc(100% - var(--gutter)*2),var(--container-wide));
  margin-inline:auto;
  padding:var(--space-5) 0 var(--space-7);
  color:var(--ac-ink);
  background:var(--ac-bg);
  font-family:var(--ac-font-body);
}
.oakvps-ord-order [hidden]{display:none!important}
.oakvps-ord-order button,
.oakvps-ord-order input{font:inherit}
.oakvps-ord-order-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(12rem,22rem);
  gap:var(--space-5);
  align-items:end;
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:var(--sand);
  color:var(--sand-ink);
}
.oakvps-ord-order-heading{
  display:flex;
  min-width:0;
  align-items:flex-start;
  gap:var(--space-3);
}
.oakvps-ord-order-mark{
  width:4.5rem;
  height:4.5rem;
  display:grid;
  flex:0 0 auto;
  place-items:center;
  border-radius:50%;
  background:#FFFFFF;
  color:var(--primary);
}
.oakvps-ord-order-mark svg{width:3.35rem;height:3.35rem}
.oakvps-ord-order-copy{display:grid;min-width:0;gap:var(--space-1)}
.oakvps-ord-order-copy h1{
  color:#332A21;
  font-family:var(--ac-font-head);
  font-size:clamp(2.25rem,5vw,3.7rem);
  line-height:1.15;
}
.oakvps-ord-order-copy p{max-width:46rem;color:#655A4E}
.oakvps-ord-order-kicker{
  width:fit-content;
  display:inline-flex;
  align-items:center;
  padding:.42rem .8rem;
  border-radius:999px;
  background:#FFFFFF;
  color:#0A536B;
  font-family:var(--ac-font-mono);
  font-size:var(--text-xs);
  line-height:1;
}
.oakvps-ord-order-meter{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:.45rem;
  align-items:end;
}
.oakvps-ord-order-meter span{
  min-height:1rem;
  border-radius:999px;
  background:#D8CDBF;
}
.oakvps-ord-order-meter span:nth-child(2){min-height:1.75rem;background:#C9BFAF}
.oakvps-ord-order-meter span:nth-child(3){min-height:2.5rem;background:#0A536B}
.oakvps-ord-order-meter span:nth-child(4){min-height:1.75rem;background:#C9BFAF}
.oakvps-ord-order-meter span:nth-child(5){min-height:1rem;background:#D8CDBF}
.oakvps-ord-workbench{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  margin-top:var(--space-3);
}
.oakvps-ord-workbench-intro{display:flex;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--soft);color:var(--ink)}
.oakvps-ord-config-fields{list-style:none;margin-inline:0;padding-inline:0}
.oakvps-ord-machine-zone{
  overflow:hidden;
  border-radius:var(--radius-lg);
  background:var(--dark);
  color:#E9EDF3;
}
.oakvps-ord-zone-label{
  display:flex;
  min-width:0;
  align-items:center;
  gap:var(--space-2);
}
.oakvps-ord-machine-zone>.oakvps-ord-zone-label{
  padding:var(--space-3) var(--space-4);
  border-bottom:1px solid var(--line-dark);
}
.oakvps-ord-zone-label h2{
  color:inherit;
  font-family:var(--ac-font-head);
  font-size:var(--text-lg);
  line-height:1.25;
}
.oakvps-ord-zone-label i{
  display:block;
  margin-top:.25rem;
  color:inherit;
  opacity:.62;
  font-family:var(--ac-font-mono);
  font-size:var(--text-xs);
  font-style:normal;
  line-height:1.3;
}
.oakvps-ord-zone-index{
  width:2.25rem;
  height:2.25rem;
  display:inline-grid;
  flex:0 0 auto;
  place-items:center;
  border-radius:50%;
  background:var(--accent);
  color:#FFFFFF;
  font-family:var(--ac-font-mono);
  font-size:var(--text-xs);
  line-height:1;
}
.oakvps-ord-plan-deck{
  position:relative;
  min-width:0;
  padding:var(--space-5) var(--space-5);
}
.oakvps-ord-plan-rings{
  position:absolute;
  inset:var(--space-3);
  display:grid;
  place-items:center;
  pointer-events:none;
  opacity:.35;
}
.oakvps-ord-plan-rings span{
  position:absolute;
  width:min(72vw,34rem);
  aspect-ratio:1;
  border:1px solid #5A6170;
  border-radius:50%;
}
.oakvps-ord-plan-rings span:nth-child(2){width:min(52vw,25rem)}
.oakvps-ord-plan-rings span:nth-child(3){width:min(32vw,15rem)}
.oakvps-ord-plan-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,15.25rem));
  justify-content:center;
  gap:var(--space-4);
  align-items:stretch;
}
.oakvps-ord-plan{
  min-width:0;
  min-height:14rem;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  padding:var(--space-3);
  border:1px solid rgba(255,255,255,.18);
  border-radius:var(--radius-md);
  background:rgba(36,41,54,.94);
  color:#E9EDF3;
  text-align:left;
  transition:background var(--transition),border-color var(--transition),transform var(--transition);
}
.oakvps-ord-plan:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.42)}
.oakvps-ord-plan.is-on,
.oakvps-ord-plan[aria-checked="true"]{
  border-color:#65C8C5;
  background:#FFFFFF;
  color:#202633;
  box-shadow:inset 0 0 0 1px #65C8C5;
}
.oakvps-ord-plan-chip{
  width:fit-content;
  max-width:58%;
  overflow:hidden;
  padding:.38rem .65rem;
  border-radius:999px;
  background:#303746;
  color:#DCE3EC;
  font-family:var(--ac-font-mono);
  font-size:var(--text-xs);
  line-height:1;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.oakvps-ord-plan.is-on .oakvps-ord-plan-chip,
.oakvps-ord-plan[aria-checked="true"] .oakvps-ord-plan-chip{background:var(--sage);color:#245448}
.oakvps-ord-plan-name{
  margin-top:var(--space-2);
  color:inherit;
  font-family:var(--ac-font-head);
  font-size:var(--text-lg);
  font-weight:680;
}
.oakvps-ord-plan-spec{
  width:100%;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.35rem;
  margin-top:var(--space-2);
  color:inherit;
  font-family:var(--ac-font-mono);
  font-size:var(--text-xs);
}
.oakvps-ord-plan-spec span{
  min-width:0;
  padding:.45rem;
  border-radius:var(--radius-sm);
  background:rgba(255,255,255,.08);
  overflow-wrap:anywhere;
}
.oakvps-ord-plan.is-on .oakvps-ord-plan-spec span,
.oakvps-ord-plan[aria-checked="true"] .oakvps-ord-plan-spec span{background:var(--soft);color:#3F4858}
.oakvps-ord-plan-price{
  display:flex;
  align-items:end;
  gap:.4rem;
  margin-top:auto;
  padding-top:var(--space-2);
  color:inherit;
  font-family:var(--ac-font-mono);
  font-variant-numeric:tabular-nums;
}
.oakvps-ord-plan-price em{font-size:1.7rem;font-style:normal;font-weight:700;line-height:1}
.oakvps-ord-config-fields{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-areas:"period" "region" "capacity" "link";
  gap:var(--space-3);
  align-items:stretch;
}
.oakvps-ord-dial-zone,
.oakvps-ord-capacity-zone,
.oakvps-ord-node-zone,
.oakvps-ord-link-zone{
  min-width:0;
  margin:0;
  padding:var(--space-4);
  border:0;
  border-radius:var(--radius-md);
}
.oakvps-ord-dial-zone{grid-area:period;background:var(--lilac);color:var(--lilac-ink)}
.oakvps-ord-capacity-zone{grid-area:capacity;background:var(--clay);color:var(--clay-ink)}
.oakvps-ord-node-zone{grid-area:region;background:var(--sage);color:var(--sage-ink)}
.oakvps-ord-link-zone{
  grid-area:link;
  display:grid;
  grid-template-columns:minmax(11rem,.4fr) minmax(0,1fr);
  gap:var(--space-4);
  align-items:center;
  background:var(--soft);
  color:var(--ink);
}
.oakvps-ord-dial-zone>.oakvps-ord-zone-label,
.oakvps-ord-capacity-zone>.oakvps-ord-zone-label{
  width:100%;
  padding:0;
}
.oakvps-ord-period-seg,
.oakvps-ord-ssd-seg{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-1);
  margin-top:var(--space-3);
}
.oakvps-ord-seg-btn{
  min-width:0;
  min-height:3rem;
  padding:.7rem .8rem;
  border:1px solid rgba(45,40,56,.2);
  border-radius:var(--radius-sm);
  background:rgba(255,255,255,.62);
  color:#353143;
  font-size:var(--text-sm);
  font-weight:650;
  text-align:center;
}
.oakvps-ord-seg-btn:hover{border-color:rgba(45,40,56,.48)}
.oakvps-ord-seg-btn.is-on,
.oakvps-ord-seg-btn[aria-checked="true"],
.oakvps-ord-seg-btn[aria-selected="true"]{
  border-color:var(--accent);
  background:var(--primary);
  color:var(--ac-on-primary);
  box-shadow:inset 0 0 0 1px var(--accent);
}
.oakvps-ord-region-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-1);
  margin-top:var(--space-3);
}
.oakvps-ord-region{
  min-width:0;
  min-height:4rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--space-1);
  padding:.8rem 1rem;
  border:1px solid rgba(36,48,39,.18);
  border-radius:var(--radius-sm);
  background:rgba(255,255,255,.65);
  color:#28352B;
  text-align:left;
}
.oakvps-ord-region:hover{border-color:rgba(36,48,39,.5)}
.oakvps-ord-region.is-on,
.oakvps-ord-region[aria-checked="true"]{
  border-color:var(--accent);
  background:#FFFFFF;
  color:#173F42;
  box-shadow:inset .35rem 0 0 var(--accent);
}
.oakvps-ord-tb5-switch{
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:var(--space-2);
  align-items:center;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#FFFFFF;
  color:#232938;
  cursor:pointer;
}
.oakvps-ord-tb5-switch input{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  opacity:0;
}
.oakvps-ord-switch-track{
  width:3rem;
  height:1.65rem;
  display:flex;
  align-items:center;
  padding:.18rem;
  border-radius:999px;
  background:#ABB2BE;
  transition:background var(--transition);
}
.oakvps-ord-switch-track i{
  width:1.28rem;
  height:1.28rem;
  border-radius:50%;
  background:#FFFFFF;
  transition:transform var(--transition);
}
.oakvps-ord-tb5-switch input:checked+.oakvps-ord-switch-track{background:var(--accent)}
.oakvps-ord-tb5-switch input:checked+.oakvps-ord-switch-track i{transform:translateX(1.34rem)}
.oakvps-ord-tb5-switch input:focus-visible+.oakvps-ord-switch-track{outline:3px solid color-mix(in srgb,var(--focus) 28%,transparent);outline-offset:3px}
.oakvps-ord-switch-copy{display:grid;min-width:0;gap:.3rem}
.oakvps-ord-switch-copy strong{font-size:var(--text-base)}
.oakvps-ord-switch-copy small{color:#5D6574;overflow-wrap:anywhere}
.oakvps-ord-tb5-switch em{
  color:#0A536B;
  font-family:var(--ac-font-mono);
  font-size:var(--text-sm);
  font-style:normal;
  font-weight:700;
}
.oakvps-ord-receipt-footer{
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
  align-items:stretch;
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  background:var(--dark);
  color:#E9EDF3;
}
.oakvps-ord-payment-heading{
  display:flex;
  min-width:0;
  gap:var(--space-2);
  align-items:flex-start;
}
.oakvps-ord-payment-heading h2{color:#FFFFFF;font-size:var(--text-xl)}
.oakvps-ord-payment-heading p{margin-top:var(--space-1);color:#B9C0CB;font-size:var(--text-sm)}
.oakvps-ord-receipt-title{
  min-width:0;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#242936;
  color:#E9EDF3;
}
.oakvps-ord-summary h3{color:#FFFFFF;font-size:var(--text-base)}
.oakvps-ord-receipt-details{display:flex;flex-direction:column;gap:var(--space-2)}
.oakvps-ord-receipt-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0 var(--space-4);
  margin:var(--space-2) 0 0;
}
.oakvps-ord-receipt-grid>div{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:.3rem;
  align-items:start;
  padding:.65rem 0;
  border-top:1px solid var(--line-dark);
}
.oakvps-ord-receipt-grid dt,
.oakvps-ord-receipt-grid dd{min-width:0;overflow-wrap:anywhere}
.oakvps-ord-receipt-grid dt{color:#AEB6C3;font-size:var(--text-xs)}
.oakvps-ord-receipt-grid dd{color:#FFFFFF;font-family:var(--ac-font-mono);font-size:var(--text-sm);text-align:left}
.oakvps-ord-receipt-total{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:#FFFFFF;
  color:#232938;
}
.oakvps-ord-receipt-total>span{color:#5D6574;font-size:var(--text-sm)}
.oakvps-ord-receipt-total>strong{
  display:flex;
  flex-wrap:wrap;
  align-items:end;
  gap:.4rem;
  margin-top:.35rem;
  color:#171D2C;
  font-family:var(--ac-font-mono);
  font-size:clamp(1.8rem,4vw,2.6rem);
  line-height:1;
}
.oakvps-ord-receipt-total>strong em{font-size:var(--text-sm);font-style:normal}
.oakvps-ord-checkout-btn{
  width:100%;
  min-height:3.15rem;
  margin-top:var(--space-3);
  padding:.75rem 1rem;
  border:1px solid var(--primary);
  border-radius:var(--radius-sm);
  background:var(--ac-primary);
  color:var(--ac-on-primary);
  font-weight:700;
}
.oakvps-ord-checkout-btn:hover{background:var(--primary-hover)}
.oakvps-ord-checkout-btn:disabled,
.oakvps-ord-gw-item:disabled,
.oakvps-ord-auth-button:disabled{cursor:not-allowed;opacity:.5}
.oakvps-ord-receipt-total>small{margin-top:var(--space-1);color:#626B79}
.oakvps-ord-message{
  margin-top:var(--space-2);
  padding:.75rem;
  border-radius:var(--radius-sm);
  background:color-mix(in srgb,var(--ac-danger) 13%,#FFFFFF);
  color:var(--ac-danger);
  font-size:var(--text-sm);
}
.oakvps-ord-message.is-ok{
  background:color-mix(in srgb,var(--ac-ok) 14%,#FFFFFF);
  color:#175C4F;
}
.oakvps-ord-console-link{
  min-height:2.75rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:var(--space-2);
  padding:.65rem 1rem;
  border:1px solid color-mix(in srgb,currentColor 35%,transparent);
  border-radius:var(--radius-sm);
  background:#FFFFFF;
  color:#0A536B;
  font-weight:650;
}
.oakvps-ord-handoff-bay{display:grid;gap:var(--space-3)}
.oakvps-ord-auth,
.oakvps-ord-gateway{
  min-width:0;
  padding:var(--space-4);
  border:1px solid #C9CFD8;
  border-radius:var(--radius-lg);
  background:var(--soft);
  color:#232938;
}
.oakvps-ord-auth-copy{
  display:flex;
  align-items:center;
  gap:var(--space-2);
  margin-bottom:var(--space-3);
}
.oakvps-ord-auth-symbol{
  width:2.5rem;
  height:2.5rem;
  display:grid;
  flex:0 0 auto;
  place-items:center;
  border-radius:50%;
  background:var(--primary);
  color:#FFFFFF;
  font-family:var(--ac-font-mono);
}
.oakvps-ord-auth-row,
.oakvps-ord-auth-code-block{
  display:grid;
  grid-template-columns:minmax(6rem,.35fr) minmax(12rem,1fr) auto;
  gap:var(--space-1);
  align-items:center;
}
.oakvps-ord-auth-code-block{margin-top:var(--space-2)}
.oakvps-ord-auth-row label,
.oakvps-ord-auth-code-block label{font-weight:650}
.oakvps-ord-auth-input{
  width:100%;
  min-width:0;
  min-height:2.75rem;
  padding:.65rem .8rem;
  border:1px solid #AEB7C4;
  border-radius:var(--radius-sm);
  background:#FFFFFF;
  color:#232938;
}
.oakvps-ord-code-input{font-family:var(--ac-font-mono);letter-spacing:.18em}
.oakvps-ord-auth-button{
  min-height:2.75rem;
  padding:.65rem 1rem;
  border:1px solid #8F99A8;
  border-radius:var(--radius-sm);
  background:#FFFFFF;
  color:#27303D;
  font-weight:650;
}
.oakvps-ord-auth-button-primary{border-color:var(--primary);background:var(--ac-primary);color:var(--ac-on-primary)}
.oakvps-ord-auth-message{
  margin-top:var(--space-2);
  padding:.75rem;
  border-radius:var(--radius-sm);
  background:color-mix(in srgb,var(--ac-danger) 13%,#FFFFFF);
  color:var(--ac-danger);
}
.oakvps-ord-auth-message.is-ok{background:color-mix(in srgb,var(--ac-ok) 14%,#FFFFFF);color:#175C4F}
.oakvps-ord-gateway-head{
  display:flex;
  align-items:center;
  gap:var(--space-2);
  margin-bottom:var(--space-3);
}
.oakvps-ord-gateway-head span{
  padding:.4rem .65rem;
  border-radius:999px;
  background:var(--dark);
  color:#FFFFFF;
  font-family:var(--ac-font-mono);
  font-size:var(--text-xs);
}
.oakvps-ord-gateway-head h3{color:#171D2C}
.oakvps-ord-gateway-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));
  gap:var(--space-2);
}
.oakvps-ord-gw-item{
  min-width:10rem;
  min-height:4rem;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:var(--space-2);
  align-items:center;
  padding:var(--space-2);
  border:1px solid #AEB7C4;
  border-radius:var(--radius-md);
  background:#FFFFFF;
  color:#232938;
  text-align:left;
}
.oakvps-ord-gw-item:hover{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}
.oakvps-ord-gw-item strong{min-width:0;overflow-wrap:anywhere}
.oakvps-ord-gw-item small{
  padding:.3rem .5rem;
  border-radius:999px;
  background:var(--soft);
  color:#4E5868;
  font-family:var(--ac-font-mono);
  line-height:1;
}
.oakvps-ord-gateway-cancel{
  min-height:2.75rem;
  margin-top:var(--space-2);
  padding:.65rem 1rem;
  border:1px solid #AEB7C4;
  border-radius:var(--radius-sm);
  background:transparent;
  color:#3D4655;
}
.oakvps-ord-gateway-cancel:hover{background:#FFFFFF}
.oakvps-ord-dialog{
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  place-items:center;
  padding:var(--gutter);
}
.oakvps-ord-dialog-backdrop{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  background:rgba(15,18,25,.72);
}
.oakvps-ord-dialog-panel{
  position:relative;
  z-index:1;
  width:min(100%,32rem);
  max-height:calc(100vh - var(--gutter)*2);
  overflow-y:auto;
  padding:var(--space-5);
  border-radius:var(--radius-lg);
  background:#FFFFFF;
  color:#232938;
  box-shadow:var(--shadow-float);
  text-align:center;
}
.oakvps-ord-dialog-rings{
  position:relative;
  width:5rem;
  height:5rem;
  margin:0 auto var(--space-3);
}
.oakvps-ord-dialog-rings i{
  position:absolute;
  inset:0;
  border:2px solid color-mix(in srgb,var(--accent) 35%,transparent);
  border-radius:50%;
}
.oakvps-ord-dialog-rings i:nth-child(2){inset:.8rem;border-color:color-mix(in srgb,var(--accent) 58%,transparent)}
.oakvps-ord-dialog-rings i:nth-child(3){inset:1.65rem;border-color:var(--accent);background:var(--sage)}
.oakvps-ord-dialog-kicker{
  width:fit-content;
  margin-inline:auto;
  padding:.42rem .8rem;
  border-radius:999px;
  background:var(--sage);
  color:#245448;
  font-family:var(--ac-font-mono);
  font-size:var(--text-xs);
}
.oakvps-ord-dialog-panel h3{margin-top:var(--space-2);color:#171D2C;font-size:var(--text-xl)}
.oakvps-ord-dialog-panel>p:not(.oakvps-ord-dialog-kicker){margin-top:var(--space-1);color:#5D6574}
.oakvps-ord-dialog-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:var(--space-2);
  margin-top:var(--space-3);
}
.oakvps-ord-dialog-primary,
.oakvps-ord-dialog-secondary{
  min-height:3rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.7rem 1.15rem;
  border-radius:var(--radius-sm);
  font-weight:680;
}
.oakvps-ord-dialog-primary{border:1px solid var(--primary);background:var(--ac-primary);color:var(--ac-on-primary)}
.oakvps-ord-dialog-secondary{border:1px solid #AEB7C4;background:#FFFFFF;color:#27303D}
.oakvps-ord-chip-ok,
.oakvps-ord-chip-warn,
.oakvps-ord-chip-bad,
.oakvps-ord-chip-idle{
  min-height:1.65rem;
  display:inline-flex;
  align-items:center;
  width:fit-content;
  padding:.35rem .65rem;
  border-radius:999px;
  font-size:var(--text-xs);
  line-height:1;
}
.oakvps-ord-chip-ok{background:color-mix(in srgb,var(--ac-ok) 16%,#FFFFFF);color:#175C4F}
.oakvps-ord-chip-warn{background:color-mix(in srgb,var(--ac-warn) 18%,#FFFFFF);color:#6C4B08}
.oakvps-ord-chip-bad{background:color-mix(in srgb,var(--ac-danger) 14%,#FFFFFF);color:var(--ac-danger)}
.oakvps-ord-chip-idle{background:var(--soft);color:#596273}
.oakvps-ord-cred{
  min-width:0;
  display:grid;
  grid-template-columns:minmax(7rem,.4fr) minmax(0,1fr) auto;
  gap:var(--space-1);
  align-items:center;
  padding:.75rem 0;
  border-top:1px solid var(--line);
}
.oakvps-ord-note{
  padding:var(--space-3);
  border-radius:var(--radius-md);
  background:var(--sand);
  color:var(--sand-ink);
}
.oakvps-ord-btn-danger{
  min-height:2.75rem;
  padding:.65rem 1rem;
  border:1px solid var(--ac-danger);
  border-radius:var(--radius-sm);
  background:var(--ac-danger);
  color:#FFFFFF;
}
.oakvps-ord-order .is-open{box-shadow:0 0 0 2px var(--accent)}
.oakvps-ord-order .is-mine{margin-left:auto;background:var(--sage);color:var(--sage-ink)}
.oakvps-ord-text-bank{display:none}

@media(max-width:760px){
  .oakvps-ord-order{padding-top:var(--space-3)}
  .oakvps-ord-order-head{grid-template-columns:1fr;padding:var(--space-3)}
  .oakvps-ord-order-heading{display:grid}
  .oakvps-ord-order-mark{width:3.5rem;height:3.5rem}
  .oakvps-ord-order-mark svg{width:2.7rem;height:2.7rem}
  .oakvps-ord-order-meter{grid-template-columns:repeat(5,1fr)}
  .oakvps-ord-plan-deck{padding:var(--space-3)}
  .oakvps-ord-plan-grid{grid-template-columns:1fr}
  .oakvps-ord-plan{min-height:0}
  .oakvps-ord-plan-rings{display:none}
  .oakvps-ord-config-fields{
    grid-template-columns:1fr;
    grid-template-areas:"period" "region" "capacity" "link";
  }
  .oakvps-ord-dial-zone,
  .oakvps-ord-capacity-zone,
  .oakvps-ord-node-zone,
  .oakvps-ord-link-zone{padding:var(--space-3)}
  .oakvps-ord-link-zone{grid-template-columns:1fr}
  .oakvps-ord-region-grid{grid-template-columns:1fr}
  .oakvps-ord-receipt-footer{grid-template-columns:1fr;padding:var(--space-3)}
  .oakvps-ord-receipt-grid{grid-template-columns:1fr}
  .oakvps-ord-auth-row,
  .oakvps-ord-auth-code-block{grid-template-columns:1fr}
  .oakvps-ord-auth-button{width:100%}
  .oakvps-ord-gateway-list{grid-template-columns:1fr}
  .oakvps-ord-gw-item{width:100%;min-width:0}
  .oakvps-ord-dialog-panel{padding:var(--space-3)}
  .oakvps-ord-dialog-actions{display:grid}
  .oakvps-ord-dialog-primary,
  .oakvps-ord-dialog-secondary{width:100%}
  .oakvps-ord-cred{grid-template-columns:1fr}
}
@media(max-width:390px){
  .oakvps-ord-order-copy h1{font-size:2.25rem}
  .oakvps-ord-period-seg,
  .oakvps-ord-ssd-seg{grid-template-columns:1fr}
  .oakvps-ord-tb5-switch{grid-template-columns:auto minmax(0,1fr)}
  .oakvps-ord-tb5-switch em{grid-column:2}
  .oakvps-ord-receipt-grid>div{grid-template-columns:minmax(5rem,.75fr) minmax(0,1.25fr)}
}