.vmrental-ord-order{
    --ac-primary: #4A4FA3;
  --ac-accent: #2D8FC4;
  --ac-bg: #FFFFFF;
  --ac-card: #F4F5F8;
  --ac-ink: #20232E;
  --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: #20232E;
  --ac-r: 16px;
  --ac-font-head: "Outfit", "PingFang SC", "Noto Sans CJK SC", system-ui, sans-serif;
  --ac-font-body: var(--fh);
  --ac-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  background:var(--white);
  color:var(--text);
  padding:var(--space-5) 0 var(--space-6);
  font-family:var(--fb);
}
.vmrental-ord-order [hidden]{display:none!important}
.vmrental-ord-order *{min-width:0}
.vmrental-ord-order-wrap{
  width:min(calc(100% - var(--gutter)*2),var(--wrap));
  margin-inline:auto;
}
.vmrental-ord-order-intro{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:var(--space-4);
  padding-bottom:var(--space-5);
}
.vmrental-ord-order-intro h1{
  max-width:18ch;
  font:700 clamp(2.25rem,4vw,3.2rem)/1.2 var(--fh);
  color:var(--ink);
  overflow-wrap:break-word;
}
.vmrental-ord-order-intro p{
  max-width:42rem;
  margin-top:var(--space-2);
  color:var(--muted);
  font-size:var(--fs-lead);
  overflow-wrap:break-word;
}
.vmrental-ord-order-mark{
  display:grid;
  grid-template-columns:repeat(3,1.25rem);
  align-items:end;
  gap:var(--space-1);
  flex:none;
  padding-top:var(--space-1);
}
.vmrental-ord-order-mark span{
  height:3rem;
  border-radius:var(--r-s);
  background:var(--s4);
}
.vmrental-ord-order-mark span:nth-child(2){
  height:4rem;
  background:var(--s3);
}
.vmrental-ord-order-mark span:nth-child(3){
  height:2rem;
  background:var(--s2);
}
.vmrental-ord-workbook{
  display:block;
  padding:var(--space-4);
  border-radius:var(--r-l);
  background:var(--surface);
  color:var(--ink);
}
.vmrental-ord-workbook-heading{
  display:flex;
  align-items:center;
  gap:var(--space-2);
  margin-bottom:var(--space-3);
  color:var(--muted);
}
.vmrental-ord-workbook-heading:not(:first-child){margin-top:var(--space-4)}
.vmrental-ord-workbook-rule{
  display:block;
  flex:1;
  height:1px;
  background:var(--line);
}
.vmrental-ord-workbook-label{
  flex:none;
  font:var(--fs-xs)/1.4 var(--fm);
  font-variant-numeric:tabular-nums;
}
.vmrental-ord-workbook-opening{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--space-3);
  align-items:stretch;
}
.vmrental-ord-location,.vmrental-ord-duration{
  margin:0;
  padding:var(--space-3);
  border:0;
  border-radius:var(--r-m);
  background:var(--white);
  color:var(--ink);
}
.vmrental-ord-section-heading{
  display:flex;
  align-items:baseline;
  gap:var(--space-2);
  margin-bottom:var(--space-3);
}
.vmrental-ord-section-heading h2,
.vmrental-ord-settlement-head h2{
  font:600 clamp(1.35rem,2vw,1.7rem)/1.35 var(--fh);
  color:inherit;
  overflow-wrap:break-word;
}
.vmrental-ord-section-index{
  flex:none;
  color:var(--primary);
  font:600 var(--fs-sm)/1.4 var(--fm);
  font-variant-numeric:tabular-nums;
}
.vmrental-ord-region-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));
  gap:var(--space-1);
  align-items:stretch;
}
.vmrental-ord-region{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:var(--space-1);
  width:100%;
  min-height:4.5rem;
  padding:var(--space-2);
  border:1px solid transparent;
  border-radius:var(--r-m);
  background:var(--s1);
  color:var(--i1);
  text-align:left;
  font:500 var(--fs-base)/1.4 var(--fh);
  overflow-wrap:break-word;
  transition:background .2s ease,box-shadow .2s ease;
}
.vmrental-ord-region:hover{background:var(--s4);color:var(--i4)}
.vmrental-ord-region.is-on,
.vmrental-ord-region[aria-checked="true"]{
  border-color:var(--primary);
  background:var(--s4);
  color:var(--i4);
  box-shadow:inset 0 0 0 1px var(--primary);
}
.vmrental-ord-region small{
  display:block;
  color:inherit;
  font:var(--fs-sm)/1.5 var(--fm);
}
.vmrental-ord-period-seg{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-1);
}
.vmrental-ord-seg-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:var(--space-1);
  min-height:3.25rem;
  padding:var(--space-1) var(--space-2);
  border:1px solid #A8ADBA;
  border-radius:var(--r-m);
  background:var(--white);
  color:var(--ink);
  text-align:center;
  font:500 var(--fs-base)/1.4 var(--fh);
  overflow-wrap:break-word;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.vmrental-ord-seg-btn:hover{border-color:var(--primary)}
.vmrental-ord-seg-btn.is-on,
.vmrental-ord-seg-btn[aria-checked="true"],
.vmrental-ord-seg-btn[aria-selected="true"]{
  border-color:var(--primary);
  background:var(--primary);
  color:var(--white);
}
.vmrental-ord-equipment{
  padding:var(--space-3);
  border-radius:var(--r-m);
  background:var(--white);
  color:var(--ink);
}
.vmrental-ord-plan-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-2);
  align-items:stretch;
}
.vmrental-ord-plan{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:var(--space-2);
  width:100%;
  height:100%;
  padding:var(--space-3);
  border:1px solid transparent;
  border-radius:var(--r-m);
  background:var(--s1);
  color:var(--i1);
  text-align:left;
  font-family:var(--fh);
  overflow-wrap:break-word;
  transition:background .2s ease,box-shadow .2s ease;
}
.vmrental-ord-plan:hover{background:var(--s4);color:var(--i4)}
.vmrental-ord-plan.is-on,
.vmrental-ord-plan[aria-checked="true"]{
  border-color:var(--primary);
  background:var(--s4);
  color:var(--i4);
  box-shadow:inset 0 0 0 1px var(--primary);
}
.vmrental-ord-plan-name{
  display:block;
  color:inherit;
  font:600 var(--fs-card)/1.4 var(--fh);
}
.vmrental-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(--white);
  color:var(--ink);
  font:var(--fs-xs)/1.3 var(--fh);
  overflow-wrap:break-word;
}
.vmrental-ord-plan-spec{
  display:block;
  width:100%;
  color:inherit;
  font:var(--fs-sm)/1.55 var(--fm);
}
.vmrental-ord-plan-price{
  display:block;
  width:100%;
  margin-top:auto;
  padding-top:var(--space-2);
  color:inherit;
  font:600 var(--fs-lead)/1.35 var(--fm);
  font-variant-numeric:tabular-nums;
}
.vmrental-ord-plan-price em{
  font-size:var(--fs-sm);
  font-style:normal;
  font-weight:400;
}
.vmrental-ord-extensions{
  margin-top:var(--space-4);
  padding-top:var(--space-3);
  border-top:1px solid var(--line);
}
.vmrental-ord-extension-controls{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--space-3);
  align-items:start;
}
.vmrental-ord-ssd-seg{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));
  gap:var(--space-1);
}
.vmrental-ord-tb5-option{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  column-gap:var(--space-2);
  row-gap:var(--space-1);
  align-items:start;
  min-height:3.25rem;
  padding:var(--space-3);
  border:1px solid transparent;
  border-radius:var(--r-m);
  background:var(--s2);
  color:var(--i2);
  cursor:pointer;
}
.vmrental-ord-tb5-option:has(input:checked){
  border-color:var(--primary);
  background:var(--s4);
  color:var(--i4);
}
.vmrental-ord-tb5-option:has(input:focus-visible){
  outline:2px solid var(--primary);
  outline-offset:3px;
}
.vmrental-ord-order label input[type="radio"]{appearance:none;width:1.15rem;height:1.15rem;border:1px solid var(--primary);border-radius:50%;background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 3px var(--white)}
.vmrental-ord-order label input[type="radio"]:checked{background:var(--primary);color:var(--white)}
.vmrental-ord-tb5-option input[type="checkbox"]{
  appearance:none;
  width:1.15rem;
  height:1.15rem;
  margin:.15rem 0 0;
  border:1px solid var(--primary);
  border-radius:50%;
  background:var(--white);
  color:var(--ink);
  box-shadow:inset 0 0 0 3px var(--white);
  accent-color:var(--primary);
}
.vmrental-ord-tb5-option input[type="checkbox"]:checked{
  background:var(--primary);
  color:var(--white);
  flex:none;
}
.vmrental-ord-tb5-copy{
  display:grid;
  gap:var(--space-1);
  overflow-wrap:break-word;
}
.vmrental-ord-tb5-copy strong{font:600 var(--fs-base)/1.45 var(--fh)}
.vmrental-ord-tb5-copy small{font:var(--fs-sm)/1.5 var(--fh)}
.vmrental-ord-tb5-price{
  grid-column:2;
  color:inherit;
  font:600 var(--fs-sm)/1.5 var(--fm);
  font-style:normal;
  font-variant-numeric:tabular-nums;
}
.vmrental-ord-settlement{
  margin-top:var(--space-4);
  padding:var(--space-4);
  border-radius:var(--r-l);
  background:var(--s4);
  color:var(--i4);
}
.vmrental-ord-settlement-head{
  display:flex;
  align-items:baseline;
  gap:var(--space-2);
  margin-bottom:var(--space-3);
}
.vmrental-ord-settlement-head p{
  margin-top:var(--space-1);
  color:var(--i4);
  overflow-wrap:break-word;
}
.vmrental-ord-settlement-body{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:var(--space-3);
  align-items:start;
}
.vmrental-ord-receipt{
  padding:var(--space-3);
  border-radius:var(--r-m);
  background:var(--white);
  color:var(--ink);
}
.vmrental-ord-receipt h3{
  margin-bottom:var(--space-2);
  color:inherit;
  font:600 var(--fs-card)/1.4 var(--fh);
}
.vmrental-ord-receipt-lines{margin:0}
.vmrental-ord-receipt-row{
  display:grid;
  grid-template-columns:minmax(6rem,.35fr) minmax(12rem,1fr);
  gap:var(--space-2);
  align-items:start;
  padding:var(--space-1) 0;
  border-top:1px solid var(--line);
}
.vmrental-ord-receipt-row dt,
.vmrental-ord-receipt-row dd{
  min-width:0;
  margin:0;
  overflow-wrap:break-word;
}
.vmrental-ord-receipt-row dt{color:var(--muted);font:var(--fs-sm)/1.5 var(--fh)}
.vmrental-ord-receipt-row dd{
  color:var(--ink);
  font:500 var(--fs-base)/1.5 var(--fh);
  font-variant-numeric:tabular-nums;
}
.vmrental-ord-payment{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  min-width:0;
}
.vmrental-ord-total{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  align-items:baseline;
  gap:var(--space-2);
  margin-bottom:var(--space-3);
  padding-bottom:var(--space-2);
  border-bottom:1px solid color-mix(in srgb,var(--i4) 18%,transparent);
  font:500 var(--fs-base)/1.5 var(--fh);
}
.vmrental-ord-total-amount{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:var(--space-1);
  font-family:var(--fm);
  font-variant-numeric:tabular-nums;
}
.vmrental-ord-total-amount span{
  color:var(--i4);
  font:600 clamp(1.5rem,2.5vw,2.2rem)/1.25 var(--fm);
  overflow-wrap:break-word;
}
.vmrental-ord-total-amount em{
  color:var(--i4);
  font:var(--fs-sm)/1.4 var(--fm);
  font-style:normal;
}
.vmrental-ord-checkout,
.vmrental-ord-dialog-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:3.25rem;
  padding:var(--space-1) var(--space-3);
  border:1px solid var(--primary);
  border-radius:var(--r-m);
  background:var(--primary);
  color:var(--ac-on-primary,#FFFFFF);
  text-align:center;
  text-decoration:none;
  font:600 var(--fs-base)/1.4 var(--fh);
  overflow-wrap:break-word;
}
.vmrental-ord-checkout:hover,
.vmrental-ord-dialog-primary:hover{
  border-color:var(--primary-hover);
  background:var(--primary-hover);
  color:var(--ac-on-primary,#FFFFFF);
}
.vmrental-ord-checkout:disabled{opacity:.55;cursor:wait}
.vmrental-ord-secure-note{
  margin-top:var(--space-2);
  color:var(--i4);
  font-size:var(--fs-sm);
}
.vmrental-ord-message,
.vmrental-ord-auth-message{
  margin-top:var(--space-2);
  padding:var(--space-2);
  border-radius:var(--r-m);
  background:var(--s3);
  color:var(--i3);
  overflow-wrap:break-word;
}
.vmrental-ord-message.is-ok,
.vmrental-ord-auth-message.is-ok{
  background:var(--s2);
  color:var(--i2);
}
.vmrental-ord-console-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  min-height:2.75rem;
  margin-top:var(--space-2);
  padding:var(--space-1) var(--space-2);
  border:1px solid color-mix(in srgb,currentColor 35%,transparent);
  border-radius:var(--r-m);
  color:var(--i4);
  text-decoration:none;
  font:500 var(--fs-base)/1.4 var(--fh);
}
.vmrental-ord-console-link:hover{background:var(--white);color:var(--ink)}
.vmrental-ord-gateway,
.vmrental-ord-auth{
  margin-top:var(--space-3);
  padding:var(--space-3);
  border-radius:var(--r-m);
  background:var(--white);
  color:var(--ink);
}
.vmrental-ord-gateway h3{
  margin-bottom:var(--space-2);
  color:inherit;
  font:600 var(--fs-card)/1.4 var(--fh);
}
.vmrental-ord-gateway-list{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));
  gap:var(--space-2);
}
.vmrental-ord-gw-item{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:var(--space-1);
  width:100%;
  min-height:4.5rem;
  padding:var(--space-2) var(--space-3);
  border:1px solid var(--line);
  border-radius:var(--r-m);
  background:var(--surface);
  color:var(--ink);
  text-align:left;
  overflow-wrap:break-word;
}
.vmrental-ord-gw-item strong{font:600 var(--fs-base)/1.4 var(--fh)}
.vmrental-ord-gw-item small{color:var(--muted);font:var(--fs-sm)/1.4 var(--fm)}
.vmrental-ord-gw-item:hover,
.vmrental-ord-gw-item.is-on{
  border-color:var(--primary);
  background:var(--s4);
  color:var(--i4);
}
.vmrental-ord-gw-item:disabled{opacity:.5;cursor:not-allowed}
.vmrental-ord-gateway-cancel{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:2.75rem;
  margin-top:var(--space-2);
  padding:var(--space-1) var(--space-2);
  border:1px solid color-mix(in srgb,currentColor 35%,transparent);
  border-radius:var(--r-m);
  background:var(--white);
  color:var(--ink);
  font:500 var(--fs-base)/1.4 var(--fh);
}
.vmrental-ord-gateway-cancel:hover{background:var(--surface);color:var(--ink)}
.vmrental-ord-auth-lead{
  margin-bottom:var(--space-3);
  color:var(--ink);
}
.vmrental-ord-auth-form{display:grid;gap:var(--space-2)}
.vmrental-ord-auth-field{display:grid;gap:var(--space-1)}
.vmrental-ord-auth-field label{
  color:var(--ink);
  font:500 var(--fs-sm)/1.5 var(--fh);
}
.vmrental-ord-auth-inline{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:var(--space-1);
}
.vmrental-ord-auth-inline input{
  width:100%;
  min-height:2.75rem;
  padding:var(--space-1) var(--space-2);
  border:1px solid #A8ADBA;
  border-radius:var(--r-m);
  background:var(--white);
  color:var(--ink);
}
.vmrental-ord-auth-inline button{
  min-height:2.75rem;
  padding:var(--space-1) var(--space-2);
  border:1px solid color-mix(in srgb,var(--ink) 35%,transparent);
  border-radius:var(--r-m);
  background:var(--surface);
  color:var(--ink);
  font:500 var(--fs-sm)/1.4 var(--fh);
}
.vmrental-ord-auth-inline button:hover{background:var(--s4);color:var(--i4)}
.vmrental-ord-auth-inline button:disabled{opacity:.5;cursor:wait}
.vmrental-ord-dialog{
  position:fixed;
  inset:0;
  z-index:200;
  display:grid;
  place-items:center;
  padding:var(--gutter);
}
.vmrental-ord-dialog-backdrop{
  position:absolute;
  inset:0;
  background:color-mix(in srgb,var(--ink) 72%,transparent);
}
.vmrental-ord-dialog-panel{
  position:relative;
  z-index:1;
  width:min(100%,32rem);
  max-height:calc(100dvh - var(--gutter)*2);
  overflow-y:auto;
  padding:var(--space-4);
  border-radius:var(--r-l);
  background:var(--white);
  color:var(--ink);
  box-shadow:var(--shadow);
  text-align:center;
}
.vmrental-ord-dialog-kicker{
  display:inline-flex;
  align-items:center;
  width:fit-content;
  margin:0 auto var(--space-2);
  padding:.4em .9em;
  border-radius:999px;
  background:var(--s2);
  color:var(--i2);
  font:500 var(--fs-sm)/1 var(--fh);
}
.vmrental-ord-dialog-panel h3{
  color:var(--ink);
  font:600 clamp(1.4rem,3vw,1.8rem)/1.35 var(--fh);
  overflow-wrap:break-word;
}
.vmrental-ord-dialog-panel #ord-dialog-body{
  margin-top:var(--space-2);
  color:var(--text);
  overflow-wrap:break-word;
}
.vmrental-ord-dialog-panel .vmrental-ord-dialog-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:var(--space-2);
  margin-top:var(--space-3);
}
.vmrental-ord-dialog-secondary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:3.25rem;
  padding:var(--space-1) var(--space-3);
  border:1px solid color-mix(in srgb,currentColor 35%,transparent);
  border-radius:var(--r-m);
  background:var(--white);
  color:var(--ink);
  font:500 var(--fs-base)/1.4 var(--fh);
}
.vmrental-ord-dialog-secondary:hover{background:var(--surface);color:var(--ink)}
.vmrental-ord-order .is-mine{background:var(--s4);color:var(--i4)}
.vmrental-ord-order .is-open{box-shadow:inset 0 0 0 1px var(--primary)}
.vmrental-ord-order .vmrental-ord-btn-danger{
  border:1px solid var(--i3);
  border-radius:var(--r-m);
  background:var(--s3);
  color:var(--i3);
}
@media(max-width:760px){
  .vmrental-ord-order{padding:var(--space-4) 0 var(--space-5)}
  .vmrental-ord-order-intro{padding-bottom:var(--space-4)}
  .vmrental-ord-workbook,
  .vmrental-ord-settlement{padding:var(--space-3)}
  .vmrental-ord-workbook-opening,
  .vmrental-ord-extension-controls,
  .vmrental-ord-settlement-body{grid-template-columns:minmax(0,1fr)}
  .vmrental-ord-plan-grid{grid-template-columns:minmax(0,1fr)}
  .vmrental-ord-location,
  .vmrental-ord-duration,
  .vmrental-ord-equipment{padding:var(--space-3)}
  .vmrental-ord-settlement-body{gap:var(--space-2)}
}
@media(max-width:390px){
  .vmrental-ord-order-intro h1{font-size:2rem}
  .vmrental-ord-order-mark{display:none}
  .vmrental-ord-workbook,
  .vmrental-ord-settlement{padding:var(--space-2)}
  .vmrental-ord-location,
  .vmrental-ord-duration,
  .vmrental-ord-equipment,
  .vmrental-ord-receipt,
  .vmrental-ord-gateway,
  .vmrental-ord-auth{padding:var(--space-2)}
  .vmrental-ord-region-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .vmrental-ord-ssd-seg{grid-template-columns:minmax(0,1fr)}
  .vmrental-ord-receipt-row{grid-template-columns:minmax(5.5rem,.45fr) minmax(0,1fr)}
  .vmrental-ord-gateway-list{grid-template-columns:minmax(0,1fr)}
  .vmrental-ord-auth-inline{grid-template-columns:minmax(0,1fr)}
  .vmrental-ord-auth-inline button{width:100%}
  .vmrental-ord-dialog-panel{padding:var(--space-3)}
  .vmrental-ord-dialog-actions>*{flex:1 1 100%}
}
body:has(> main[data-shell]){display:flex;flex-direction:column;min-height:100vh}
body > main[data-shell]{flex:1 0 auto}