/* CodingPlan tokens: one horizontal summary per row, details on demand.
   Keep React-owned nodes in place for the existing entitlement/payment extensions. */
html[data-vt-theme] body.vt-app .vt-plan-grid,
html[data-vt-theme] body.vt-app main > div:has(> .vt-plan-row) {
  grid-template-columns:minmax(0,1fr)!important;
  gap:16px!important;
  container-type:inline-size;
  container-name:vt-plans;
}
html[data-vt-theme] body.vt-app .vt-plan-card.vt-plan-row {
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr));
  align-items:start;
  padding:24px!important;
  border-radius:12px!important;
  box-shadow:none!important;
  overflow:visible;
  transition:border-color .18s ease;
}
html[data-vt-theme] body.vt-app .vt-plan-row:hover {border-color:var(--vt-faint)!important}
html[data-vt-theme] body.vt-app .vt-plan-row > * {min-width:0}
html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-head {
  grid-column:1/4;grid-row:1;
  flex-direction:column;align-items:flex-start!important;gap:9px;
  padding:0!important;margin:0!important;border:0!important;
}
html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-head > div:first-child {
  font-size:16px!important;font-weight:600!important;line-height:1.5;
  overflow-wrap:anywhere;
}
html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-head > span {
  font-size:10px!important;padding:3px 8px!important;line-height:1.4;
}
html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-stats {
  grid-column:4/11;grid-row:1/3;align-self:center;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;margin:0 20px 0 24px!important;
}
html[data-vt-theme] body.vt-app .vt-plan-row .vt-card-stat {
  text-align:left!important;background:transparent!important;
  border:0!important;border-left:1px solid var(--vt-line)!important;
  border-radius:0!important;padding:0 12px!important;
}
html[data-vt-theme] body.vt-app .vt-plan-row .vt-card-stat > div:first-child {font-size:10px!important;line-height:1.5;white-space:normal}
html[data-vt-theme] body.vt-app .vt-plan-row .vt-card-stat > div:nth-child(2) {font-size:23px!important;font-weight:550!important;line-height:1.45;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:5px}
html[data-vt-theme] body.vt-app .vt-plan-row .vt-card-stat > div:nth-child(3) {font-size:10px!important;margin-top:2px;line-height:1.5}
html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-expiry {
  grid-column:1/4;grid-row:2;margin:12px 0 0!important;
  font-size:10px!important;line-height:1.5;
}
html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-expiry > div:first-child {font-size:10px!important}
html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-expiry > div:last-child {margin-top:7px!important;height:2px!important;max-width:130px}
html[data-vt-theme] body.vt-app .vt-plan-row > .vt-plan-disclosure {
  grid-column:11/-1;grid-row:1/3;align-self:center;justify-self:end;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-height:38px;padding:8px 10px;border:1px solid var(--vt-line);
  border-radius:7px;background:transparent;color:var(--vt-text);
  font-size:11px;font-weight:500;white-space:nowrap;cursor:pointer;
}
html[data-vt-theme] body.vt-app .vt-plan-row > .vt-plan-disclosure:hover {background:var(--vt-hover)}
.vt-plan-disclosure svg {width:16px;height:16px;flex:none;transition:transform .18s ease}
.vt-plan-disclosure[aria-expanded="true"] svg {transform:rotate(180deg)}
/* Hide only known detail sections; new/unrecognized account information stays visible. */
html[data-vt-theme] body.vt-app .vt-plan-row[data-vt-expanded="false"] > :is(.vt-card-legacy-usage,.sf-p2-benefit,.vt-card-key,.vt-card-base,.vt-card-models,.vt-card-actions,.vt-card-refund-note) {display:none!important}
html[data-vt-theme] body.vt-app .vt-plan-row > .sf-p2-benefit,
html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-legacy-usage {
  grid-column:1/-1;grid-row:3;margin:24px 0 20px!important;
  padding:20px 0 0!important;border:0!important;border-top:1px solid var(--vt-line)!important;
  border-radius:0!important;background:transparent!important;
}
html[data-vt-theme] body.vt-app .vt-plan-row .sf-p2-benefit-title {font-size:12px!important;font-weight:600!important;color:var(--vt-text)!important}
html[data-vt-theme] body.vt-app .vt-plan-row .sf-usage-box {grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:16px!important}
html[data-vt-theme] body.vt-app .vt-plan-row .sf-usage-row small {line-height:1.7;margin-top:7px}
html[data-vt-theme] body.vt-app .vt-plan-row .sf-5h-reset {margin-top:12px;color:var(--vt-muted);font-size:10px}
html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-key,
html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-base {
  grid-row:4;align-self:stretch;margin:0!important;padding:16px!important;
  border-radius:8px!important;background:var(--vt-bg)!important;
}
html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-key {grid-column:1/7;margin-right:10px!important}
html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-key::before {content:'API 密钥';display:block;font-size:11px;color:var(--vt-muted);margin-bottom:13px}
html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-base {grid-column:7/-1;margin-left:10px!important}
html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-base > span {display:block;font-size:11px!important;margin-bottom:8px}
html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-models {grid-column:1/-1;grid-row:5;margin:20px 0 0!important}
html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-models > span {display:block;font-size:12px!important;font-weight:600;color:var(--vt-text)!important;margin-bottom:8px}
html[data-vt-theme] body.vt-app .vt-plan-row .sf-model-contexts {margin-top:14px;padding-top:14px}
html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-actions {
  grid-column:1/-1;grid-row:6;justify-content:flex-end;gap:8px;
  margin:20px 0 0!important;padding-top:18px;border-top:1px solid var(--vt-line);
}
html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-actions > button {flex:0 1 auto!important;min-width:95px;padding:9px 18px!important;min-height:38px!important}
html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-actions > .cp-upgrade-btn {background:var(--vt-raised)!important;color:var(--vt-text)!important;border:1px solid var(--vt-line)!important}
html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-refund-note {grid-column:1/-1;grid-row:7;text-align:right!important;margin:10px 0 0!important;line-height:1.7}
@container vt-plans (max-width:740px) {
  html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-head {grid-column:1/8;grid-row:1}
  html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-expiry {grid-column:8/-1;grid-row:1;align-self:center;text-align:right;margin:0!important}
  html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-expiry > div:first-child {justify-content:flex-end}
  html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-expiry > div:last-child {margin-left:auto}
  html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-stats {grid-column:1/10;grid-row:2;margin:22px 0 0!important}
  html[data-vt-theme] body.vt-app .vt-plan-row .vt-card-stat:first-child {padding-left:0!important;border-left:0!important}
  html[data-vt-theme] body.vt-app .vt-plan-row > .vt-plan-disclosure {grid-column:10/-1;grid-row:2;margin-top:22px}
}
@container vt-plans (max-width:480px) {
  html[data-vt-theme] body.vt-app .vt-plan-card.vt-plan-row {padding:18px!important}
  html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-head {grid-column:1/-1;grid-row:1;flex-direction:row;align-items:flex-start;gap:12px}
  html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-head > div:first-child {font-size:15px!important}
  html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-expiry {grid-column:1/-1;grid-row:2;text-align:left;margin:12px 0 0!important}
  html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-expiry > div:first-child {justify-content:flex-start}
  html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-expiry > div:last-child {margin-left:0}
  html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-stats {grid-column:1/-1;grid-row:3;margin:20px 0 0!important}
  html[data-vt-theme] body.vt-app .vt-plan-row .vt-card-stat {padding:0 8px!important}
  html[data-vt-theme] body.vt-app .vt-plan-row .vt-card-stat > div:first-child {font-size:9px!important}
  html[data-vt-theme] body.vt-app .vt-plan-row .vt-card-stat > div:nth-child(2) {font-size:20px!important}
  html[data-vt-theme] body.vt-app .vt-plan-row > .vt-plan-disclosure {grid-column:1/-1;grid-row:4;justify-self:stretch;margin-top:18px;min-height:40px}
  html[data-vt-theme] body.vt-app .vt-plan-row > .sf-p2-benefit,
  html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-legacy-usage {grid-row:5;margin-top:18px!important;padding-top:18px!important}
  html[data-vt-theme] body.vt-app .vt-plan-row .sf-usage-box {grid-template-columns:minmax(0,1fr);gap:18px}
  html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-key {grid-column:1/-1;grid-row:6;margin:0!important}
  html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-base {grid-column:1/-1;grid-row:7;margin:12px 0 0!important}
  html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-models {grid-row:8}
  html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-actions {grid-row:9;justify-content:stretch}
  html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-actions > button {flex:1 1 auto!important;min-width:0;padding:9px 12px!important;min-height:40px!important}
  html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-refund-note {grid-row:10;text-align:left!important}
}
@container vt-plans (max-width:310px) {
  html[data-vt-theme] body.vt-app .vt-plan-row > .vt-card-stats {grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:16px!important}
  html[data-vt-theme] body.vt-app .vt-plan-row .vt-card-stat:nth-child(3) {border-left:0!important;padding-left:0!important}
}
@media(prefers-reduced-motion:reduce) {.vt-plan-disclosure svg,html[data-vt-theme] body.vt-app .vt-plan-card.vt-plan-row {transition:none}}