.vpspush-ord-order{
    --ac-primary: #344A00;
  --ac-accent: #155000;
  --ac-bg: #FFFFFF;
  --ac-card: #FCFCFA;
  --ac-ink: #202127;
  --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: #202127;
  --ac-r: 10px;
  --ac-font-head: "Chivo", "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;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--font-body);
  padding:var(--space-4) var(--gutter) var(--space-5);
}
.vpspush-ord-order [hidden]{display:none!important}
.vpspush-ord-order-frame{width:min(100%,var(--width-wide));margin-inline:auto;min-width:0}
.vpspush-ord-order-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-4)}
.vpspush-ord-intro-copy{min-width:0;max-width:44rem}
.vpspush-ord-intro-copy h1{margin:0 0 var(--space-2);font-size:clamp(2rem,4vw,3rem);line-height:1.17;color:var(--ink)}
.vpspush-ord-intro-copy p{margin:0;color:var(--muted);font-size:var(--text-base);overflow-wrap:break-word}
.vpspush-ord-intro-mark{display:flex;gap:var(--space-1);align-items:flex-end;flex:none;padding-bottom:.35rem}
.vpspush-ord-intro-mark span{display:block;width:.55rem;border-radius:999px;background:var(--primary)}
.vpspush-ord-intro-mark span:nth-child(1){height:1.05rem}
.vpspush-ord-intro-mark span:nth-child(2){height:1.7rem}
.vpspush-ord-intro-mark span:nth-child(3){height:1.25rem}
.vpspush-ord-inbox{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;color:#202127}
.vpspush-ord-inbox-edge{display:flex;align-items:center;gap:.45rem;height:.65rem;padding-inline:var(--space-3);background:var(--dark);color:#F5F6F4}
.vpspush-ord-inbox-edge span{width:1.5rem;height:2px;border-radius:999px;background:var(--accent-light)}
.vpspush-ord-inbox-edge span:nth-child(2){opacity:.55}
.vpspush-ord-inbox-edge span:nth-child(3){opacity:.25}
.vpspush-ord-destination{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,.8fr);align-items:stretch}
.vpspush-ord-destination-slot,.vpspush-ord-machine-slot,.vpspush-ord-storage-slot,.vpspush-ord-period-slot{min-width:0;padding:var(--space-3)}
.vpspush-ord-destination-slot{background:#fff;color:#202127}
.vpspush-ord-machine-slot{background:var(--surface);color:#202127;border-left:1px solid var(--line)}
.vpspush-ord-lease{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(18rem,.7fr);align-items:stretch;border-top:1px solid var(--line)}
.vpspush-ord-storage-slot{background:var(--surface);color:#202127}
.vpspush-ord-period-slot{background:#fff;color:#202127;border-left:1px solid var(--line)}
.vpspush-ord-slot-label{display:flex;align-items:center;gap:var(--space-1);min-width:0;margin-bottom:var(--space-3)}
.vpspush-ord-slot-label h2{margin:0;font-size:var(--text-lg);line-height:1.35}
.vpspush-ord-slot-symbol{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2rem;height:2rem;border-radius:var(--radius-sm);background:var(--accent-light);color:#263A00;font:700 1rem/1 var(--font-heading)}
.vpspush-ord-region-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-1);align-items:stretch}
.vpspush-ord-region{display:flex;align-items:center;justify-content:flex-start;gap:.55rem;width:100%;min-width:0;min-height:3.25rem;padding:.75rem .85rem;border:1px solid #AAB0AB;border-radius:var(--radius-sm);background:#fff;color:#202127;text-align:left;font:600 var(--text-sm)/1.45 var(--font-body);overflow-wrap:break-word;transition:background .18s ease,border-color .18s ease}
.vpspush-ord-region:hover{background:var(--surface);border-color:var(--primary)}
.vpspush-ord-region.is-on,.vpspush-ord-region[aria-checked="true"]{background:var(--accent-light);color:#263A00;border-color:var(--primary)}
.vpspush-ord-region:disabled{opacity:.55;cursor:not-allowed}
.vpspush-ord-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:var(--space-2);align-items:stretch}
.vpspush-ord-plan{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-1);width:100%;height:100%;min-width:0;padding:var(--space-3);border:1px solid #AAB0AB;border-radius:var(--radius-md);background:#fff;color:#202127;text-align:left;transition:border-color .18s ease,background .18s ease}
.vpspush-ord-plan:hover{border-color:var(--primary)}
.vpspush-ord-plan.is-on,.vpspush-ord-plan[aria-checked="true"]{border-color:var(--primary);background:var(--cream);color:var(--cream-ink)}
.vpspush-ord-plan-chip{display:inline-flex;align-items:center;align-self:flex-start;width:fit-content;max-width:100%;padding:.4em .9em;border-radius:999px;background:var(--accent-light);color:#263A00;font:700 var(--text-xs)/1 var(--font-body)}
.vpspush-ord-plan-name{display:block;margin-top:var(--space-1);font:700 var(--text-card)/1.35 var(--font-heading);overflow-wrap:break-word}
.vpspush-ord-plan-spec{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;width:100%;min-width:0;font-size:var(--text-sm);line-height:1.5;overflow-wrap:break-word}
.vpspush-ord-plan-spec>*{min-width:0}
.vpspush-ord-plan-price{display:block;margin-top:auto;padding-top:var(--space-2);font:700 var(--text-lg)/1.4 var(--font-mono);font-variant-numeric:tabular-nums;overflow-wrap:break-word}
.vpspush-ord-plan-price em{font-size:var(--text-sm);font-style:normal}
.vpspush-ord-ssd-seg,.vpspush-ord-period-seg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1)}
.vpspush-ord-seg-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:.45rem;min-width:0;min-height:3rem;padding:.7rem .9rem;border:1px solid #AAB0AB;border-radius:var(--radius-sm);background:#fff;color:#202127;text-align:left;font:600 var(--text-sm)/1.45 var(--font-body);font-variant-numeric:tabular-nums;overflow-wrap:break-word;transition:background .18s ease,border-color .18s ease}
.vpspush-ord-seg-btn:hover{border-color:var(--primary)}
.vpspush-ord-seg-btn.is-on,.vpspush-ord-seg-btn[aria-checked="true"],.vpspush-ord-seg-btn[aria-selected="true"]{background:var(--dark);color:#fff;border-color:var(--dark)}
.vpspush-ord-seg-btn:disabled{opacity:.55;cursor:not-allowed}
.vpspush-ord-extra{margin-top:var(--space-3)}
.vpspush-ord-extra h3{margin:0 0 var(--space-2);font-size:var(--text-sm)}
.vpspush-ord-extra-choice{display:flex;align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-2);border-radius:var(--radius-md);background:#fff;color:#202127;border:1px solid var(--line);cursor:pointer}
.vpspush-ord-extra-choice:has(input:checked){background:var(--cream);color:var(--cream-ink);border-color:var(--primary)}
.vpspush-ord-extra-choice:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.vpspush-ord-extra-choice input{appearance:none;display:grid;place-items:center;flex:none;width:1.25rem;height:1.25rem;margin:0;border:1.5px solid #596168;border-radius:.35rem;background:#fff;cursor:pointer}
.vpspush-ord-extra-choice input:checked{background:var(--primary);border-color:var(--primary)}
.vpspush-ord-extra-choice input:checked::after{content:"";width:.45rem;height:.7rem;border:solid #fff;border-width:0 2px 2px 0;transform:translateY(-1px) rotate(45deg)}
.vpspush-ord-extra-copy{display:grid;gap:.25rem;flex:1;min-width:0;overflow-wrap:break-word}
.vpspush-ord-extra-copy strong{font-size:var(--text-sm);line-height:1.4}
.vpspush-ord-extra-copy small{color:#596168;font-size:var(--text-xs);line-height:1.5}
.vpspush-ord-extra-choice em{flex:none;font:600 var(--text-sm)/1.4 var(--font-mono);font-style:normal;font-variant-numeric:tabular-nums}

.vpspush-ord-outbox{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,.42fr);column-gap:var(--space-4);align-items:start;margin-top:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--dark);color:#F5F6F4}
.vpspush-ord-outbox-head{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);min-width:0;padding-bottom:var(--space-3);border-bottom:1px solid var(--line-dark)}
.vpspush-ord-outbox-head h2{margin:0;color:#F5F6F4;font-size:var(--text-section)}
.vpspush-ord-outbox-head p{max-width:29rem;margin:0;color:#D1D5D1;font-size:var(--text-sm);text-align:right;overflow-wrap:break-word}
.vpspush-ord-receipt{grid-column:1;min-width:0;padding-top:var(--space-3)}
.vpspush-ord-receipt-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}
.vpspush-ord-receipt-heading h3{margin:0;color:#F5F6F4;font-size:var(--text-lg)}
.vpspush-ord-receipt-heading span{color:var(--accent-light);font-size:var(--text-lg)}
.vpspush-ord-receipt-lines{display:grid;grid-template-columns:minmax(8rem,.45fr) minmax(12rem,1fr);margin:0;min-width:0}
.vpspush-ord-receipt-lines>dt,.vpspush-ord-receipt-lines>dd{min-width:0;margin:0;padding:.55rem 0;border-top:1px solid var(--line-dark);font-size:var(--text-sm);line-height:1.5;overflow-wrap:break-word}
.vpspush-ord-receipt-lines>dt{color:#C4C9C5}
.vpspush-ord-receipt-lines>dd{color:#F5F6F4;text-align:right;font-variant-numeric:tabular-nums}
.vpspush-ord-receipt-extra{grid-column:1/-1;display:grid;grid-template-columns:minmax(8rem,.45fr) minmax(12rem,1fr);gap:0;min-width:0;border-top:1px solid var(--line-dark)}
.vpspush-ord-receipt-extra dt,.vpspush-ord-receipt-extra dd{min-width:0;margin:0;padding:.55rem 0;font-size:var(--text-sm);line-height:1.5;overflow-wrap:break-word}
.vpspush-ord-receipt-extra dt{color:#C4C9C5}
.vpspush-ord-receipt-extra dd{color:#F5F6F4;text-align:right;font-variant-numeric:tabular-nums}
.vpspush-ord-receipt-foot{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--line-dark)}
.vpspush-ord-receipt-foot>span{color:#D1D5D1;font-size:var(--text-sm)}
.vpspush-ord-receipt-foot strong{min-width:0;color:#F5F6F4;font:700 clamp(1.25rem,2.5vw,1.75rem)/1.3 var(--font-mono);font-variant-numeric:tabular-nums;text-align:right;overflow-wrap:break-word}
.vpspush-ord-receipt-foot em{color:#D1D5D1;font:400 var(--text-sm)/1.4 var(--font-body);font-style:normal}
.vpspush-ord-send{grid-column:2;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);min-width:0;padding-top:var(--space-3)}
.vpspush-ord-btn-primary,.vpspush-ord-btn-outline,.vpspush-ord-btn-danger{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-width:0;min-height:2.75rem;padding:.65rem 1.15rem;border:1px solid transparent;border-radius:999px;text-align:center;font:700 var(--text-sm)/1.4 var(--font-body);overflow-wrap:break-word;transition:background .18s ease,border-color .18s ease,transform .18s ease;cursor:pointer}
.vpspush-ord-btn-primary{background:var(--accent-light);color:#263A00;border-color:var(--accent-light)}
.vpspush-ord-btn-primary:hover{background:#D3E5A3;transform:translateY(-1px)}
.vpspush-ord-btn-outline{background:transparent;color:#F5F6F4;border-color:color-mix(in srgb,currentColor 45%,transparent)}
.vpspush-ord-btn-outline:hover{background:color-mix(in srgb,currentColor 10%,transparent)}
.vpspush-ord-btn-danger{background:#8A2531;color:#fff;border-color:#8A2531}
.vpspush-ord-btn-danger:hover{background:#72202A}
.vpspush-ord-btn-primary:disabled,.vpspush-ord-btn-outline:disabled,.vpspush-ord-btn-danger:disabled{opacity:.55;cursor:not-allowed;transform:none}
.vpspush-ord-send-note{margin:0;color:#C4C9C5;font-size:var(--text-xs);line-height:1.6}
.vpspush-ord-message,.vpspush-ord-auth-message{min-width:0;margin:var(--space-3) 0 0;padding:var(--space-2);border-radius:var(--radius-sm);background:#FBE9E8;color:#72202A;font-size:var(--text-sm);line-height:1.55;overflow-wrap:break-word}
.vpspush-ord-message{grid-column:1/-1}
.vpspush-ord-message.is-ok,.vpspush-ord-auth-message.is-ok{background:#E0EDBB;color:#263A00}
.vpspush-ord-auth,.vpspush-ord-gateway{grid-column:1/-1;min-width:0;margin-top:var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:#fff;color:#202127}
.vpspush-ord-auth-intro{max-width:45rem;margin:0 0 var(--space-3);color:#353A40;font-size:var(--text-sm)}
.vpspush-ord-auth-line{display:flex;align-items:flex-end;gap:var(--space-2);min-width:0;margin-top:var(--space-2)}
.vpspush-ord-auth-field{display:grid;gap:.5rem;flex:1;min-width:0;color:#202127;font-size:var(--text-sm);font-weight:700}
.vpspush-ord-auth-field input{width:100%;min-width:0;min-height:2.75rem;padding:.65rem .85rem;border:1px solid #89938C;border-radius:var(--radius-sm);background:#fff;color:#202127;font-size:var(--text-base)}
.vpspush-ord-auth-field input:focus{outline:2px solid var(--accent);outline-offset:1px}
.vpspush-ord-auth-line .vpspush-ord-btn-outline{flex:0 0 auto;background:#fff;color:#202127;border-color:#89938C}
.vpspush-ord-auth-line .vpspush-ord-btn-primary{flex:0 0 auto;background:var(--primary);color:#fff;border-color:var(--primary)}
.vpspush-ord-auth-line .vpspush-ord-btn-primary:hover{background:var(--accent)}
.vpspush-ord-gateway h3{margin:0 0 var(--space-2);color:#202127;font-size:var(--text-lg)}
.vpspush-ord-gw-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--space-2);min-width:0}
.vpspush-ord-gw-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.3rem;min-width:0;min-height:4rem;padding:var(--space-2);border:1px solid #89938C;border-radius:var(--radius-md);background:var(--surface);color:#202127;text-align:left;font-family:var(--font-body);cursor:pointer;transition:background .18s ease,border-color .18s ease}
.vpspush-ord-gw-item strong{font-size:var(--text-base);line-height:1.4;overflow-wrap:break-word}
.vpspush-ord-gw-item small{color:#596168;font-size:var(--text-xs);line-height:1.4}
.vpspush-ord-gw-item:hover{background:var(--cream);color:var(--cream-ink);border-color:var(--primary)}
.vpspush-ord-gw-item:disabled{opacity:.55;cursor:not-allowed}
.vpspush-ord-gateway .vpspush-ord-gw-cancel{margin-top:var(--space-2);background:#fff;color:#202127;border-color:#89938C}
.vpspush-ord-gateway .vpspush-ord-gw-cancel:hover{background:var(--surface)}

.vpspush-ord-dialog{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:var(--gutter)}
.vpspush-ord-dialog-backdrop{position:absolute;inset:0;background:rgba(16,18,18,.76)}
.vpspush-ord-dialog-panel{position:relative;z-index:1;width:min(100%,32rem);max-height:calc(100vh - 2 * var(--gutter));overflow-y:auto;padding:var(--space-4);border-radius:var(--radius-lg);background:#fff;color:#202127;box-shadow:0 18px 55px rgba(16,18,18,.2);text-align:center}
.vpspush-ord-dialog-kicker{display:inline-flex;align-items:center;justify-content:center;width:fit-content;margin:0 auto var(--space-2);padding:.4em .9em;border-radius:999px;background:var(--accent-light);color:#263A00;font-size:var(--text-xs);line-height:1;font-weight:700}
.vpspush-ord-dialog-panel h3{margin:0 0 var(--space-2);color:#202127;font-size:var(--text-section);line-height:1.3}
.vpspush-ord-dialog-panel p:not(.vpspush-ord-dialog-kicker){margin:0;color:#596168;font-size:var(--text-base);line-height:1.7;overflow-wrap:break-word}
.vpspush-ord-dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:var(--space-2);margin-top:var(--space-3)}
.vpspush-ord-dialog-panel .vpspush-ord-dialog-actions{justify-content:center}
.vpspush-ord-dialog-panel .vpspush-ord-btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}
.vpspush-ord-dialog-panel .vpspush-ord-btn-primary:hover{background:var(--accent)}
.vpspush-ord-dialog-panel .vpspush-ord-btn-outline{background:#fff;color:#202127;border-color:#89938C}
.vpspush-ord-dialog-panel .vpspush-ord-btn-outline:hover{background:var(--surface)}
.vpspush-ord-order .vpspush-ord-chip-ok,.vpspush-ord-order .vpspush-ord-chip-warn,.vpspush-ord-order .vpspush-ord-chip-bad,.vpspush-ord-order .vpspush-ord-chip-idle{display:inline-flex;align-items:center;gap:.4em;width:fit-content;padding:.4em .9em;border-radius:999px;font-size:var(--text-xs);line-height:1}
.vpspush-ord-chip-ok{background:#E0EDBB;color:#263A00}
.vpspush-ord-chip-warn{background:var(--cream);color:var(--cream-ink)}
.vpspush-ord-chip-bad{background:#FBE9E8;color:#72202A}
.vpspush-ord-chip-idle{background:var(--blue);color:var(--blue-ink)}
.vpspush-ord-cred{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-width:0;padding:var(--space-2);border-radius:var(--radius-sm);background:var(--surface);color:#202127;overflow-wrap:break-word}
.vpspush-ord-note{padding:var(--space-2);border-radius:var(--radius-sm);background:var(--blue);color:var(--blue-ink);overflow-wrap:break-word}
.vpspush-ord-order .is-mine{background:var(--cream);color:var(--cream-ink)}
.vpspush-ord-order .is-open{border-color:var(--primary)}
.vpspush-ord-order :focus-visible{outline:2px solid var(--accent);outline-offset:2px}

@media(max-width:760px){
  .vpspush-ord-order{padding-top:var(--space-3)}
  .vpspush-ord-order-intro{padding-bottom:var(--space-3)}
  .vpspush-ord-destination,.vpspush-ord-lease{grid-template-columns:minmax(0,1fr)}
  .vpspush-ord-machine-slot,.vpspush-ord-period-slot{border-left:0;border-top:1px solid var(--line)}
  .vpspush-ord-region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vpspush-ord-outbox{grid-template-columns:minmax(0,1fr);gap:0;padding:var(--space-3)}
  .vpspush-ord-outbox-head{display:block}
  .vpspush-ord-outbox-head p{max-width:none;margin-top:var(--space-1);text-align:left}
  .vpspush-ord-receipt,.vpspush-ord-send,.vpspush-ord-message,.vpspush-ord-auth,.vpspush-ord-gateway{grid-column:1}
  .vpspush-ord-send{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line-dark)}
  .vpspush-ord-gw-list{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:42rem){
  .vpspush-ord-intro-mark{display:none}
  .vpspush-ord-destination-slot,.vpspush-ord-machine-slot,.vpspush-ord-storage-slot,.vpspush-ord-period-slot{padding:var(--space-2)}
  .vpspush-ord-receipt-lines,.vpspush-ord-receipt-extra{grid-template-columns:minmax(6rem,.45fr) minmax(0,1fr)}
  .vpspush-ord-auth-line{flex-wrap:wrap}
  .vpspush-ord-auth-field{flex-basis:100%}
  .vpspush-ord-auth-line .vpspush-ord-btn-outline,.vpspush-ord-auth-line .vpspush-ord-btn-primary{width:100%;flex-basis:100%}
  .vpspush-ord-dialog-panel{padding:var(--space-3)}
  .vpspush-ord-dialog-actions .vpspush-ord-btn-primary,.vpspush-ord-dialog-actions .vpspush-ord-btn-outline{width:100%}
}
@media(max-width:23.5rem){
  .vpspush-ord-region-grid{grid-template-columns:minmax(0,1fr)}
  .vpspush-ord-extra-choice{flex-wrap:wrap}
  .vpspush-ord-extra-choice em{margin-left:calc(1.25rem + var(--space-2))}
}