/* YONDA Fresh Workspace v1 — dashboard only */
.workspace {
  --bg: #f4f8fc;
  --panel: #ffffff;
  --elevated: #ffffff;
  --surface: #f7fafc;
  --surface-hover: #eef6ff;
  --border: #d8e3ee;
  --border-soft: #e8eef4;
  --text: #14213d;
  --secondary: #334155;
  --muted: #64748b;
  --quiet: #7b8ba1;
  --accent: #1677d2;
  --accent-hover: #0d64b5;
  --success: #16855b;
  --warning: #b36a0a;
  --danger: #c23b4b;
  --radius: 12px;
  --radius-lg: 18px;
  --shadow: 0 16px 42px rgba(39, 75, 112, 0.1);
  color-scheme: light;
  color: var(--text);
  background: #f4f8fc;
}

.workspace,
.workspace button,
.workspace input,
.workspace select,
.workspace textarea {
  font-family:
    "Segoe UI Variable", "Segoe UI", ui-sans-serif, system-ui, sans-serif;
}

.workspace p {
  color: var(--muted);
}
.workspace code,
.workspace .mono {
  color: #21466a;
}

.workspace .sidebar {
  border-right: 1px solid #dbe7f1;
  background: #ffffff;
  box-shadow: 10px 0 32px rgba(54, 93, 128, 0.05);
}
.workspace .sidebar-head {
  border-color: var(--border-soft);
}
.workspace .sidebar-context > span {
  color: #718399;
}
.workspace .side-nav {
  gap: 5px;
}
.workspace .side-nav a {
  min-height: 44px;
  color: #52647a;
  border-radius: 11px;
  font-size: 13px;
  font-weight: 600;
}
.workspace .side-nav a:hover {
  color: #0c5ca8;
  background: #f0f7ff;
}
.workspace .side-nav a.active {
  color: #075da9;
  background: #e7f3ff;
  border-color: #bfddf7;
  box-shadow: inset 3px 0 #2495e8;
}
.workspace .nav-arrow {
  opacity: 0.45;
}
.workspace .sidebar-user {
  border-color: #dbe7f1;
  background: #f7fbff;
  box-shadow: 0 10px 26px rgba(44, 84, 120, 0.07);
}
.workspace .sidebar-user strong {
  color: #17263e;
}
.workspace .sidebar-user span {
  color: #718399;
}
.workspace .avatar {
  color: #075da9;
  background: #dff1ff;
}

.workspace .workspace-main {
  background: #f4f8fc;
}
.workspace .workspace-header {
  border-color: #dbe7f1;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 8px 24px rgba(48, 79, 108, 0.045);
}
.workspace .workspace-content {
  padding-top: 34px;
}
.workspace .topup-button,
.workspace .secure-label {
  color: #19466f;
  border-color: #cfe0ee;
  background: #f7fbff;
}
.workspace .topup-button:hover {
  color: #075da9;
  border-color: #9ac7eb;
  background: #eef8ff;
}
.workspace .secure-label {
  color: #116942;
  border-color: #b9e2cc;
  background: #eefaf3;
}

.workspace .page-heading {
  align-items: flex-start;
  margin-bottom: 26px;
}
.workspace .page-heading .eyebrow,
.workspace .eyebrow {
  color: #0871c7;
  letter-spacing: 0.1em;
  font-weight: 750;
}
.workspace .page-heading h1 {
  color: #14213d;
  letter-spacing: -0.035em;
  font-size: clamp(30px, 3.2vw, 42px);
  font-weight: 700;
}
.workspace .page-heading p {
  color: #66778c;
  font-size: 13px;
}

.workspace .panel,
.workspace .metric-card,
.workspace .quick-action,
.workspace .model-card,
.workspace .invoice-sheet {
  color: var(--text);
  border-color: #dbe5ee;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(42, 75, 106, 0.065);
}
.workspace .panel {
  border-radius: 18px;
}
.workspace .panel-heading h3,
.workspace .panel h3 {
  color: #17263e;
}
.workspace .panel-heading p {
  color: #74859a;
}
.workspace .panel-heading > svg {
  color: #2a8bd4;
}

.workspace .metric-grid {
  gap: 14px;
}
.workspace .metric-card {
  min-height: 150px;
  padding: 21px;
}
.workspace .metric-card:hover {
  border-color: #b8d4e9;
  box-shadow: 0 16px 36px rgba(42, 87, 126, 0.1);
}
.workspace .metric-top {
  color: #62758b;
}
.workspace .metric-card > strong {
  color: #14213d;
  font-weight: 720;
}
.workspace .metric-card > small {
  color: #7c8ca0;
}
.workspace .metric-card-selected {
  border-color: #a9ddc1;
  background: #f1fbf5;
  box-shadow: 0 14px 32px rgba(31, 135, 86, 0.09);
}
.workspace .metric-card-selected::after {
  background: none;
}
.workspace .selected-badge {
  color: #117049;
  border-color: #b4e0c8;
  background: #e6f7ee;
}
.workspace .metric-top-end svg {
  color: #7990a5;
}
.workspace .metric-card-selected .metric-top-end svg {
  color: #16855b;
}

.workspace .button {
  min-height: 42px;
  border-radius: 11px;
  font-weight: 700;
}
.workspace .button-small {
  min-height: 36px;
  border-radius: 9px;
}
.workspace .button-primary {
  color: #ffffff;
  border-color: #126fc1;
  background: #1677d2;
  box-shadow: 0 8px 18px rgba(22, 119, 210, 0.19);
}
.workspace .button-primary:hover:not(:disabled) {
  background: #0d64b5;
}
.workspace .button-secondary,
.workspace .button-ghost,
.workspace .icon-button {
  color: #36526d;
  border-color: #cfdeea;
  background: #ffffff;
}
.workspace .button-secondary:hover:not(:disabled),
.workspace .button-ghost:hover:not(:disabled),
.workspace .icon-button:hover {
  color: #075da9;
  border-color: #a9cee9;
  background: #f1f8ff;
}
.workspace .button-danger {
  color: #b72d3e;
  border-color: #edc2c8;
  background: #fff4f5;
}

.workspace .field > span {
  color: #465c73;
  font-weight: 650;
}
.workspace .field input,
.workspace .field select,
.workspace textarea,
.workspace input,
.workspace select {
  color: #17263e;
  border-color: #cad9e6;
  background: #ffffff;
}
.workspace input::placeholder,
.workspace textarea::placeholder {
  color: #96a4b4;
}
.workspace .field input:hover,
.workspace input:hover,
.workspace select:hover {
  border-color: #9fc6e4;
}
.workspace input:focus-visible,
.workspace select:focus-visible,
.workspace textarea:focus-visible,
.workspace button:focus-visible,
.workspace a:focus-visible {
  outline: 3px solid rgba(41, 151, 231, 0.27);
  outline-offset: 2px;
}
.workspace .input-with-icon svg {
  color: #71869b;
}

.workspace table {
  font-size: 11px;
}
.workspace th {
  color: #50677e;
  border-bottom: 1px solid #dbe6ef;
  background: #f3f8fc;
  font-size: 9px;
}
.workspace td {
  color: #53677c;
  border-color: #e6edf3;
}
.workspace td:first-child {
  color: #20364c;
}
.workspace tbody tr:hover td {
  background: #f8fbfe;
}
.workspace .table-scroll {
  border: 1px solid #e1e9f0;
  border-radius: 13px;
}

.workspace .quick-action {
  color: #1677d2;
}
.workspace .quick-action:hover {
  border-color: #bad7ec;
  background: #f4faff;
}
.workspace .quick-action strong {
  color: #20364c;
}
.workspace .quick-action span {
  color: #72859a;
}
.workspace .quota-bar,
.workspace .rank-track,
.workspace .inline-bar {
  background: #e6edf3;
}
.workspace .quota-bar span,
.workspace .rank-track i,
.workspace .inline-bar i {
  background: #2495e8;
}
.workspace .api-key-card {
  border-color: #dbe6ef;
  background: #f7fafc;
}
.workspace .api-key-icon,
.workspace .model-symbol,
.workspace .claim-icon {
  color: #0871c7;
  border-color: #c6e2f6;
  background: #e6f4ff;
}
.workspace .api-key-card code {
  color: #21466a;
}
.workspace .billing-source-switch {
  border-color: #dbe6ef;
  background: #edf3f8;
}
.workspace .billing-source-switch button {
  color: #64788d;
}
.workspace .billing-source-switch button:hover:not(:disabled) {
  color: #134f83;
  background: #ffffff;
}
.workspace .billing-source-switch button.active {
  color: #075da9;
  border-color: #b9d8ef;
  background: #ffffff;
  box-shadow: 0 5px 14px rgba(41, 87, 125, 0.08);
}
.workspace .billing-source-switch svg {
  color: #258bd4;
}

.workspace .model-status-summary .panel {
  box-shadow: 0 10px 24px rgba(42, 75, 106, 0.055);
}
.workspace .model-status-summary svg {
  color: #238bd6;
}
.workspace .model-status-summary strong {
  color: #14213d;
}
.workspace .model-status-summary span {
  color: #718399;
}
.workspace .model-card {
  background: #fbfdff;
}
.workspace .model-card:hover {
  border-color: #b6d4e9;
  box-shadow: 0 12px 27px rgba(42, 75, 106, 0.08);
}
.workspace .model-card-selected {
  border-color: #a7d0ec;
  background: #eff8ff;
}
.workspace .model-card h4 {
  color: #1c3954;
  overflow-wrap: anywhere;
}
.workspace .yonda-model-rates {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-top: 13px;
  padding-top: 12px;
  border-top: 1px solid #e2ebf2;
}
.workspace .yonda-model-rates span {
  min-width: 0;
  padding: 8px 7px;
  border: 1px solid #deebf4;
  border-radius: 9px;
  background: #f4f9fd;
}
.workspace .yonda-model-rates small,
.workspace .yonda-model-rates strong {
  display: block;
}
.workspace .yonda-model-rates small {
  color: #50677e !important;
  font-size: 10px;
  font-weight: 650;
  line-height: 1.25;
}
.workspace .yonda-model-rates strong {
  margin-top: 4px;
  color: #183b5c;
  font-size: 12px;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.workspace .model-history i {
  background: #d5e0e9;
}
.workspace .model-history .history-ok {
  background: #27a56e;
}
.workspace .model-history .history-warn {
  background: #d9962e;
}
.workspace .model-history .history-err {
  background: #d85a68;
}
.workspace .identity-preview {
  border-color: #bfdbef;
  background: #eef8ff;
}
.workspace .identity-preview strong {
  color: #0871c7;
}

.workspace .status-success,
.workspace .live-label {
  color: #14734b;
}
.workspace .status-success {
  border-color: #bce1cd;
  background: #eefaf3;
}
.workspace .status-warning {
  color: #9a5a07;
  border-color: #ead1a8;
  background: #fff8e9;
}
.workspace .status-danger {
  color: #b52d3d;
  border-color: #edc2c8;
  background: #fff2f4;
}
.workspace .status-neutral {
  color: #5f7184;
  border-color: #d5e0e9;
  background: #f5f8fa;
}
.workspace .alert-info {
  color: #165a91;
  border-color: #bddbf0;
  background: #eff8ff;
}
.workspace .alert-success {
  color: #166943;
  border-color: #bce1cd;
  background: #eefaf3;
}
.workspace .alert-warning {
  color: #8d550d;
  border-color: #ecd5af;
  background: #fff8eb;
}
.workspace .alert-danger {
  color: #a72d3b;
  border-color: #efc4ca;
  background: #fff3f4;
}

.workspace .definition-list > div,
.workspace .health-list li,
.workspace .prefix-set-list {
  border-color: #e3ebf2;
}
.workspace .definition-list dt,
.workspace .footnote,
.workspace .empty span,
.workspace .token-breakdown > small {
  color: #7a8ca0;
}
.workspace .definition-list dd,
.workspace .token-breakdown > span:first-child {
  color: #29445f;
}
.workspace .prefix-set-item {
  border-color: #dce6ee;
  background: #fbfdff;
}
.workspace .modal-backdrop {
  background: rgba(20, 33, 61, 0.53);
}
.workspace .modal {
  color: #17263e;
  border-color: #d5e1eb;
  background: #ffffff;
  box-shadow: 0 24px 70px rgba(31, 56, 80, 0.25);
}

/* Live concurrency widget retained from the legacy loader */
.workspace .yonda-concurrency-card {
  width: min(100%, 680px);
  color: #14213d;
  border: 1px solid #d7e4ef;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(41, 77, 108, 0.075);
}
.workspace .yonda-concurrency-card .lux-kicker {
  color: #0871c7;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.11em;
}
.workspace .yonda-concurrency-card .yc-head strong {
  color: #17263e;
}
.workspace .yonda-concurrency-card .yc-status {
  color: #0871c7;
  font-weight: 750;
}
.workspace .yonda-concurrency-card .yc-track {
  background: #e6edf3;
}
.workspace .yonda-concurrency-card .yc-track i {
  background: linear-gradient(90deg, #2495e8, #16855b);
}
.workspace .yonda-concurrency-card .yc-meta {
  color: #29445f;
}
.workspace .yonda-concurrency-card .yc-updated {
  color: #7a8ca0;
}

/* Model calculator */
.yonda-calculator,
.yonda-transactions {
  margin-bottom: 14px;
  color: #14213d;
  border: 1px solid #d7e4ef;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 14px 34px rgba(41, 77, 108, 0.075);
  overflow: hidden;
}
.yonda-feature-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 22px;
  padding: 22px 24px 18px;
  border-bottom: 1px solid #e3ebf2;
  background: #f8fbfe;
}
.yonda-feature-head h2 {
  margin: 4px 0 6px;
  font-size: 21px;
  letter-spacing: -0.02em;
}
.yonda-feature-head p {
  margin: 0;
  font-size: 12px;
}
.yonda-kicker {
  color: #0871c7;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.11em;
}
.yonda-live-pill {
  color: #116942;
  border: 1px solid #b9e2cc;
  border-radius: 999px;
  background: #edf9f2;
  padding: 7px 10px;
  white-space: nowrap;
  font-size: 10px;
  font-weight: 750;
}
.yonda-calc-body {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 0;
}
.yonda-calc-controls {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 22px 24px;
}
.yonda-calc-controls label {
  display: grid;
  gap: 7px;
  color: #425970;
  font-size: 11px;
  font-weight: 700;
}
.yonda-calc-controls label:first-child {
  grid-column: 1 / -1;
}
.yonda-calc-controls input,
.yonda-calc-controls select,
.yonda-filterbar input,
.yonda-filterbar select {
  width: 100%;
  min-height: 44px;
  border: 1px solid #cad9e6;
  border-radius: 10px;
  padding: 0 12px;
}
.yonda-calc-result {
  display: grid;
  align-content: center;
  gap: 13px;
  padding: 22px 24px;
  border-left: 1px solid #e3ebf2;
  background: #f7fbff;
}
.yonda-total-label {
  color: #60758a;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.yonda-total {
  color: #075da9;
  font-size: clamp(30px, 4vw, 44px);
  font-weight: 760;
  letter-spacing: -0.04em;
}
.yonda-total small {
  color: #667c91;
  font-size: 12px;
  font-weight: 650;
  letter-spacing: 0;
}
.yonda-breakdown {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.yonda-breakdown span {
  padding: 10px;
  border: 1px solid #dce8f1;
  border-radius: 10px;
  background: #fff;
  color: #6b7d90;
  font-size: 9px;
}
.yonda-breakdown strong {
  display: block;
  margin-top: 3px;
  color: #28465f;
  font-size: 12px;
}
.yonda-calc-note {
  margin: 0;
  color: #728398;
  font-size: 10px;
}
.yonda-calc-error {
  color: #a72d3b;
}
.yonda-transparency {
  display: grid;
  gap: 18px;
  padding: 22px 24px 24px;
  border-top: 1px solid #e3ebf2;
  background: #ffffff;
}
.yonda-transparency-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 18px;
}
.yonda-transparency-head h3 {
  margin: 4px 0 0;
  color: #17263e;
  font-size: 17px;
  letter-spacing: -0.015em;
}
.yonda-transparency-head > code {
  padding: 9px 12px;
  color: #165a91;
  border: 1px solid #c8dfef;
  border-radius: 9px;
  background: #f2f9ff;
  font-size: 11px;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.yonda-rate-summary,
.yonda-package-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}
.yonda-rate-summary > span,
.yonda-package-summary > span {
  min-width: 0;
  padding: 11px 12px;
  color: #65798e;
  border: 1px solid #dce7f0;
  border-radius: 10px;
  background: #f8fbfe;
  font-size: 10px;
}
.yonda-rate-summary strong,
.yonda-package-summary strong,
.yonda-package-summary small {
  display: block;
  overflow-wrap: anywhere;
}
.yonda-rate-summary strong,
.yonda-package-summary strong {
  margin-top: 5px;
  color: #213e59;
  font-size: 13px;
  font-variant-numeric: tabular-nums;
}
.yonda-package-summary small {
  margin-top: 4px;
  color: #7b8da0;
  line-height: 1.4;
}
.yonda-formula-list {
  overflow: hidden;
  border: 1px solid #dce7f0;
  border-radius: 11px;
}
.yonda-formula-row {
  display: grid;
  grid-template-columns: 70px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 10px 12px;
  color: #5e7388;
  background: #ffffff;
  font-size: 11px;
}
.yonda-formula-row + .yonda-formula-row {
  border-top: 1px solid #e5edf3;
}
.yonda-formula-row > span {
  font-weight: 750;
}
.yonda-formula-row code {
  color: #45617a;
  overflow-wrap: anywhere;
}
.yonda-formula-row strong {
  color: #173f62;
  font-variant-numeric: tabular-nums;
  text-align: right;
}
.yonda-billion-example {
  margin: 0;
  padding: 11px 13px;
  color: #165a91 !important;
  border: 1px solid #c9e0f1;
  border-radius: 10px;
  background: #f1f8fe;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.55;
  overflow-wrap: anywhere;
}
.yonda-package-equivalent {
  display: grid;
  gap: 12px;
  padding: 16px;
  border: 1px solid #dbe6ef;
  border-radius: 12px;
  background: #fbfdff;
}
.yonda-package-equivalent > label {
  display: grid;
  grid-template-columns: minmax(160px, 0.42fr) minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  color: #425970;
  font-size: 11px;
  font-weight: 750;
}
.yonda-package-equivalent select {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid #cad9e6;
  border-radius: 10px;
  background: #ffffff;
}
.yonda-package-equivalent > p {
  margin: 0;
  color: #687c91;
  font-size: 10px;
  line-height: 1.55;
}
.yonda-package-equivalent > p strong {
  color: #314e69;
}

/* Admin transaction ledger */
.yonda-filterbar {
  display: grid;
  grid-template-columns: minmax(190px, 1fr) 145px 150px 150px auto;
  gap: 10px;
  padding: 16px 20px;
}
.yonda-filterbar button {
  min-height: 44px;
}
.yonda-transactions .yonda-table-wrap {
  overflow: auto;
  border-top: 1px solid #e3ebf2;
}
.yonda-transactions table {
  min-width: 900px;
}
.yonda-transactions th,
.yonda-transactions td {
  padding: 12px 14px;
}
.yonda-amount-in {
  color: #117049;
  font-weight: 750;
}
.yonda-amount-out {
  color: #b52d3d;
  font-weight: 750;
}
.yonda-ledger-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 20px 16px;
}
.yonda-ledger-summary span {
  border: 1px solid #dce7ef;
  border-radius: 9px;
  background: #f7fafc;
  padding: 8px 10px;
  color: #60758a;
  font-size: 10px;
}
.yonda-ledger-summary strong {
  color: #203b54;
}
.yonda-pager {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px 20px;
  border-top: 1px solid #e3ebf2;
}
.yonda-pager span {
  color: #667b90;
  font-size: 11px;
}
.yonda-empty-state {
  padding: 30px;
  color: #73869a;
  text-align: center;
}

@media (max-width: 1100px) {
  .yonda-filterbar {
    grid-template-columns: 1fr 1fr;
  }
  .yonda-filterbar input:first-child {
    grid-column: 1 / -1;
  }
}
@media (max-width: 820px) {
  .workspace .sidebar {
    box-shadow: 18px 0 50px rgba(33, 61, 87, 0.18);
  }
  .workspace .sidebar-scrim {
    background: rgba(20, 33, 61, 0.44);
  }
  .workspace .workspace-content {
    padding: 25px 18px 56px;
  }
  .workspace .workspace-header {
    padding-inline: 18px;
  }
  .yonda-calc-body {
    grid-template-columns: 1fr;
  }
  .yonda-calc-result {
    border-left: 0;
    border-top: 1px solid #e3ebf2;
  }
}
@media (max-width: 620px) {
  .workspace .page-heading {
    gap: 15px;
  }
  .workspace .page-heading h1 {
    font-size: 30px;
  }
  .workspace .metric-card {
    min-height: 130px;
  }
  .yonda-feature-head {
    padding: 18px;
    flex-direction: column;
  }
  .yonda-calc-controls {
    grid-template-columns: 1fr;
    padding: 18px;
  }
  .yonda-calc-controls label:first-child {
    grid-column: auto;
  }
  .yonda-calc-result {
    padding: 18px;
  }
  .yonda-breakdown {
    grid-template-columns: 1fr;
  }
  .yonda-transparency {
    padding: 18px;
  }
  .yonda-transparency-head {
    align-items: stretch;
    flex-direction: column;
  }
  .yonda-rate-summary,
  .yonda-package-summary {
    grid-template-columns: 1fr;
  }
  .yonda-formula-row {
    grid-template-columns: 58px minmax(0, 1fr);
  }
  .yonda-formula-row strong {
    grid-column: 1 / -1;
    text-align: left;
  }
  .yonda-package-equivalent > label {
    grid-template-columns: 1fr;
  }
  .yonda-filterbar {
    grid-template-columns: 1fr;
    padding: 14px;
  }
  .yonda-filterbar input:first-child {
    grid-column: auto;
  }
  .yonda-ledger-summary {
    padding-inline: 14px;
  }
  .yonda-pager {
    justify-content: space-between;
    padding-inline: 14px;
  }
}
/* Dashboard theme control */
.workspace .workspace-end {
  gap: 10px;
}
.workspace .yonda-theme-toggle {
  position: relative;
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  width: 76px;
  height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
  perspective: 500px;
}
.workspace .yonda-theme-track {
  position: relative;
  display: block;
  width: 70px;
  height: 36px;
  border: 1px solid #bfd6e7;
  border-radius: 999px;
  background: linear-gradient(160deg, #cbeeff, #f7fcff 64%, #fff0c9);
  box-shadow:
    inset 0 2px 5px rgba(32, 81, 119, 0.13),
    0 8px 18px rgba(40, 93, 133, 0.14);
  overflow: hidden;
  transition:
    border-color 420ms ease,
    background 420ms ease,
    box-shadow 420ms ease;
}
.workspace .yonda-theme-sun,
.workspace .yonda-theme-moon,
.workspace .yonda-theme-orb {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.workspace .yonda-theme-sun {
  top: 9px;
  left: 10px;
  width: 16px;
  height: 16px;
  background: #ffc94a;
  box-shadow:
    0 0 0 3px rgba(255, 203, 73, 0.18),
    0 0 12px rgba(255, 173, 45, 0.72);
}
.workspace .yonda-theme-sun i {
  position: absolute;
  inset: 5px;
  border-radius: 50%;
  background: #fff8bd;
}
.workspace .yonda-theme-moon {
  top: 9px;
  right: 10px;
  width: 16px;
  height: 16px;
  background: #c9d9ff;
  box-shadow: inset 4px -3px 0 #889bd0;
}
.workspace .yonda-theme-moon i,
.workspace .yonda-theme-moon b {
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: rgba(72, 87, 137, 0.35);
}
.workspace .yonda-theme-moon i {
  top: 3px;
  left: 5px;
}
.workspace .yonda-theme-moon b {
  right: 3px;
  bottom: 4px;
}
.workspace .yonda-theme-orb {
  z-index: 2;
  top: 4px;
  left: 4px;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(255, 255, 255, 0.88);
  background:
    radial-gradient(circle at 34% 28%, #fffde3 0 10%, transparent 11%),
    radial-gradient(circle at 42% 40%, #ffe88d 0 23%, #f7a928 60%, #d87414 100%);
  box-shadow:
    inset -4px -5px 8px rgba(147, 70, 7, 0.22),
    inset 3px 3px 5px rgba(255, 255, 255, 0.6),
    0 5px 10px rgba(164, 101, 24, 0.3),
    0 0 13px rgba(255, 184, 57, 0.56);
  transform: translateX(0) rotate(0deg) translateZ(8px);
  transition:
    transform 520ms cubic-bezier(0.22, 1, 0.36, 1),
    background 420ms ease,
    box-shadow 420ms ease;
}
.workspace .yonda-theme-toggle:hover .yonda-theme-orb {
  transform: translateX(0) rotate(16deg) translateZ(12px) scale(1.04);
}
.workspace .yonda-theme-toggle:active .yonda-theme-orb {
  transform: translateX(0) rotate(16deg) translateZ(4px) scale(0.94);
}
.workspace.yonda-theme-dark .yonda-theme-track {
  border-color: #263855;
  background: linear-gradient(160deg, #07101d, #12233d 62%, #1c2d50);
  box-shadow:
    inset 0 2px 7px rgba(0, 0, 0, 0.55),
    0 8px 22px rgba(2, 8, 23, 0.42);
}
.workspace.yonda-theme-dark .yonda-theme-orb {
  background:
    radial-gradient(circle at 64% 30%, rgba(35, 47, 81, 0.72) 0 8%, transparent 9%),
    radial-gradient(circle at 40% 66%, rgba(43, 55, 91, 0.65) 0 10%, transparent 11%),
    radial-gradient(circle at 34% 28%, #ffffff 0 8%, #dfe8ff 35%, #8da2d8 75%, #55698f 100%);
  box-shadow:
    inset -5px -5px 8px rgba(27, 39, 69, 0.48),
    inset 3px 3px 6px rgba(255, 255, 255, 0.55),
    0 6px 13px rgba(0, 0, 0, 0.5),
    0 0 15px rgba(151, 177, 255, 0.35);
  transform: translateX(34px) rotate(180deg) translateZ(8px);
}
.workspace.yonda-theme-dark .yonda-theme-toggle:hover .yonda-theme-orb {
  transform: translateX(34px) rotate(164deg) translateZ(12px) scale(1.04);
}
.workspace.yonda-theme-dark .yonda-theme-toggle:active .yonda-theme-orb {
  transform: translateX(34px) rotate(164deg) translateZ(4px) scale(0.94);
}

/* Dashboard dark mode — scoped to authenticated workspace only */
.workspace.yonda-theme-dark {
  --bg: #0b1220;
  --panel: #111b2d;
  --elevated: #152238;
  --surface: #17243a;
  --surface-hover: #1b2c46;
  --border: #2b3d57;
  --border-soft: #22334c;
  --text: #e7eef8;
  --secondary: #c3cede;
  --muted: #91a2b8;
  --quiet: #74869e;
  --accent: #58aef5;
  --accent-hover: #7cc2fb;
  color-scheme: dark;
  color: var(--text);
  background: #0b1220;
}
.workspace.yonda-theme-dark .workspace-main,
.workspace.yonda-theme-dark .workspace-content {
  background: #0b1220;
}
.workspace.yonda-theme-dark .sidebar {
  border-color: #21324a;
  background: #0e1828;
  box-shadow: 10px 0 32px rgba(0, 0, 0, 0.2);
}
.workspace.yonda-theme-dark .workspace-header {
  border-color: #22344d;
  background: rgba(14, 24, 40, 0.94);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}
.workspace.yonda-theme-dark p,
.workspace.yonda-theme-dark .page-heading p,
.workspace.yonda-theme-dark .panel-heading p,
.workspace.yonda-theme-dark .quick-action span,
.workspace.yonda-theme-dark .model-status-summary span,
.workspace.yonda-theme-dark .footnote,
.workspace.yonda-theme-dark .empty span,
.workspace.yonda-theme-dark .token-breakdown > small {
  color: #91a2b8;
}
.workspace.yonda-theme-dark .page-heading h1,
.workspace.yonda-theme-dark .panel-heading h3,
.workspace.yonda-theme-dark .panel h3,
.workspace.yonda-theme-dark .metric-card > strong,
.workspace.yonda-theme-dark .quick-action strong,
.workspace.yonda-theme-dark .model-status-summary strong,
.workspace.yonda-theme-dark .yonda-concurrency-card .yc-head strong {
  color: #edf4fc;
}
.workspace.yonda-theme-dark .panel,
.workspace.yonda-theme-dark .metric-card,
.workspace.yonda-theme-dark .quick-action,
.workspace.yonda-theme-dark .model-card,
.workspace.yonda-theme-dark .invoice-sheet,
.workspace.yonda-theme-dark .yonda-concurrency-card,
.workspace.yonda-theme-dark .yonda-calculator,
.workspace.yonda-theme-dark .yonda-transactions {
  color: #e7eef8;
  border-color: #293b54;
  background: #111b2d;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.22);
}
.workspace.yonda-theme-dark .sidebar-user,
.workspace.yonda-theme-dark .api-key-card,
.workspace.yonda-theme-dark .prefix-set-item,
.workspace.yonda-theme-dark .model-card {
  border-color: #293b54;
  background: #142136;
}
.workspace.yonda-theme-dark .sidebar-user strong,
.workspace.yonda-theme-dark .model-card h4,
.workspace.yonda-theme-dark .definition-list dd,
.workspace.yonda-theme-dark .token-breakdown > span:first-child,
.workspace.yonda-theme-dark .yonda-breakdown strong,
.workspace.yonda-theme-dark .yonda-ledger-summary strong {
  color: #dce8f6;
}
.workspace.yonda-theme-dark .sidebar-user span,
.workspace.yonda-theme-dark .definition-list dt,
.workspace.yonda-theme-dark .yonda-calc-note,
.workspace.yonda-theme-dark .yonda-ledger-summary span,
.workspace.yonda-theme-dark .yonda-pager span {
  color: #8fa1b8;
}
.workspace.yonda-theme-dark .side-nav a {
  color: #9bacbf;
}
.workspace.yonda-theme-dark .side-nav a:hover {
  color: #dcecff;
  background: #162740;
}
.workspace.yonda-theme-dark .side-nav a.active {
  color: #bfe1ff;
  border-color: #285783;
  background: #16304c;
  box-shadow: inset 3px 0 #58aef5;
}
.workspace.yonda-theme-dark .topup-button,
.workspace.yonda-theme-dark .secure-label,
.workspace.yonda-theme-dark .button-secondary,
.workspace.yonda-theme-dark .button-ghost,
.workspace.yonda-theme-dark .icon-button {
  color: #c5d6e8;
  border-color: #334861;
  background: #142136;
}
.workspace.yonda-theme-dark .topup-button:hover,
.workspace.yonda-theme-dark .button-secondary:hover:not(:disabled),
.workspace.yonda-theme-dark .button-ghost:hover:not(:disabled),
.workspace.yonda-theme-dark .icon-button:hover {
  color: #e8f5ff;
  border-color: #4475a0;
  background: #1a2c45;
}
.workspace.yonda-theme-dark .field > span,
.workspace.yonda-theme-dark .yonda-calc-controls label {
  color: #b2c0d1;
}
.workspace.yonda-theme-dark input,
.workspace.yonda-theme-dark select,
.workspace.yonda-theme-dark textarea,
.workspace.yonda-theme-dark .yonda-calc-controls input,
.workspace.yonda-theme-dark .yonda-calc-controls select,
.workspace.yonda-theme-dark .yonda-filterbar input,
.workspace.yonda-theme-dark .yonda-filterbar select {
  color: #e6eef8;
  border-color: #334861;
  background: #0f1a2b;
}
.workspace.yonda-theme-dark input::placeholder,
.workspace.yonda-theme-dark textarea::placeholder {
  color: #70839b;
}
.workspace.yonda-theme-dark th {
  color: #aebed1;
  border-color: #2b3d56;
  background: #142136;
}
.workspace.yonda-theme-dark td,
.workspace.yonda-theme-dark .definition-list > div,
.workspace.yonda-theme-dark .health-list li,
.workspace.yonda-theme-dark .prefix-set-list {
  color: #aebdd0;
  border-color: #25374f;
}
.workspace.yonda-theme-dark td:first-child {
  color: #d2dfed;
}
.workspace.yonda-theme-dark tbody tr:hover td {
  background: #16243a;
}
.workspace.yonda-theme-dark .table-scroll,
.workspace.yonda-theme-dark .yonda-transactions .yonda-table-wrap {
  border-color: #293b54;
}
.workspace.yonda-theme-dark .billing-source-switch {
  border-color: #293b54;
  background: #0c1626;
}
.workspace.yonda-theme-dark .billing-source-switch button {
  color: #91a3b9;
}
.workspace.yonda-theme-dark .billing-source-switch button.active {
  color: #bfe1ff;
  border-color: #365c7d;
  background: #172942;
}
.workspace.yonda-theme-dark .yonda-model-rates {
  border-color: #293b54;
}
.workspace.yonda-theme-dark .yonda-model-rates span,
.workspace.yonda-theme-dark .yonda-breakdown span,
.workspace.yonda-theme-dark .yonda-ledger-summary span {
  border-color: #2c405a;
  background: #0f1b2d;
}
.workspace.yonda-theme-dark .yonda-model-rates small {
  color: #9fb1c5 !important;
}
.workspace.yonda-theme-dark .yonda-model-rates strong {
  color: #dceafa;
}
.workspace.yonda-theme-dark .yonda-feature-head,
.workspace.yonda-theme-dark .yonda-calc-result,
.workspace.yonda-theme-dark .yonda-transparency,
.workspace.yonda-theme-dark .yonda-package-equivalent {
  border-color: #293b54;
  background: #0f1b2d;
}
.workspace.yonda-theme-dark .yonda-transparency-head h3,
.workspace.yonda-theme-dark .yonda-formula-row strong,
.workspace.yonda-theme-dark .yonda-rate-summary strong,
.workspace.yonda-theme-dark .yonda-package-summary strong,
.workspace.yonda-theme-dark .yonda-package-equivalent > p strong {
  color: #dceafa;
}
.workspace.yonda-theme-dark .yonda-transparency-head > code,
.workspace.yonda-theme-dark .yonda-billion-example {
  color: #a9d7ff !important;
  border-color: #31506e;
  background: #132943;
}
.workspace.yonda-theme-dark .yonda-rate-summary > span,
.workspace.yonda-theme-dark .yonda-package-summary > span,
.workspace.yonda-theme-dark .yonda-formula-list,
.workspace.yonda-theme-dark .yonda-formula-row {
  color: #9fb1c5;
  border-color: #2c405a;
  background: #101d30;
}
.workspace.yonda-theme-dark .yonda-formula-row code,
.workspace.yonda-theme-dark .yonda-package-equivalent > label,
.workspace.yonda-theme-dark .yonda-package-equivalent > p,
.workspace.yonda-theme-dark .yonda-package-summary small {
  color: #93a7bd;
}
.workspace.yonda-theme-dark .yonda-feature-head h2,
.workspace.yonda-theme-dark .yonda-total {
  color: #cbe7ff;
}
.workspace.yonda-theme-dark .yonda-pager,
.workspace.yonda-theme-dark .yonda-transactions .yonda-table-wrap {
  border-color: #293b54;
}
.workspace.yonda-theme-dark .modal {
  color: #e7eef8;
  border-color: #334861;
  background: #111b2d;
}

/* Pricing compare surface and payment cart */
.yonda-pricing-route {
  --bg: #f4f8fc;
  --panel: #ffffff;
  --elevated: #ffffff;
  --surface: #f5f9fd;
  --surface-hover: #edf6fd;
  --border: #d8e3ee;
  --border-soft: #e5edf4;
  --text: #14213d;
  --secondary: #334155;
  --muted: #64748b;
  --quiet: #7b8ba1;
  --accent: #1677d2;
  --accent-hover: #0d64b5;
  --success: #16855b;
  color-scheme: light;
  background: #f4f8fc;
}
.yonda-pricing-route body {
  color: #14213d;
  background: #f4f8fc;
}
.yonda-pricing-route .public-shell {
  background:
    radial-gradient(circle at 50% -14%, rgba(36, 149, 232, 0.11), transparent 35%),
    #f4f8fc;
}
.yonda-pricing-route .public-header {
  border-color: #dbe7f1;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 24px rgba(48, 79, 108, 0.05);
}
.yonda-pricing-route .public-nav > nav a {
  color: #62758b;
}
.yonda-pricing-route .public-nav > nav a:hover,
.yonda-pricing-route .public-nav > nav a.active,
.yonda-pricing-route .brand {
  color: #14213d;
}
.yonda-pricing-route .brand b {
  color: #1677d2;
}
.yonda-pricing-route .button-secondary,
.yonda-pricing-route .button-ghost {
  color: #36526d;
  border-color: #cfdeea;
  background: #ffffff;
}
.yonda-pricing-route .button-primary {
  color: #ffffff;
  border-color: #126fc1;
  background: #1677d2;
  box-shadow: 0 8px 18px rgba(22, 119, 210, 0.2);
}
.yonda-pricing-route .button-primary:hover:not(:disabled) {
  background: #0d64b5;
}
.yonda-pricing-route .public-shell main.container.section {
  padding-bottom: 150px;
}
.yonda-pricing-route .public-shell .section-heading {
  max-width: 720px;
  margin-inline: auto;
}
.yonda-pricing-route .public-shell .section-heading h1 {
  color: #14213d;
}
.yonda-pricing-route .public-shell .section-heading p {
  max-width: 620px;
  margin-inline: auto;
  color: #64748b;
}
.yonda-pricing-route .eyebrow {
  color: #0871c7;
}
.yonda-pricing-route .plan-grid {
  align-items: stretch;
  gap: 16px;
}
.yonda-pricing-route .plan-card {
  position: relative;
  min-width: 0;
  padding: 24px;
  border-color: #d8e3ee;
  border-radius: 18px;
  background: #ffffff;
  box-shadow: 0 16px 38px rgba(39, 75, 112, 0.09);
  isolation: isolate;
  overflow: hidden;
}
.yonda-pricing-route .plan-card > * {
  z-index: 1;
}
.yonda-pricing-route .plan-card:hover {
  border-color: #a9cde8;
  box-shadow: 0 20px 46px rgba(39, 75, 112, 0.15);
  transform: translateY(-3px);
}
.yonda-pricing-route .plan-card h3 {
  color: #17263e;
  letter-spacing: -0.02em;
}
.yonda-pricing-route .plan-card > p {
  min-height: 42px;
  color: #64748b;
}
.yonda-pricing-route .plan-card .plan-credits {
  display: block;
  margin-top: 18px;
  color: #1677d2;
  font-size: 14px;
  font-weight: 700;
}
.yonda-pricing-route .plan-card > strong {
  display: block;
  margin-top: 5px;
  color: #14213d;
  font-size: 28px;
  letter-spacing: -0.035em;
}
.yonda-pricing-route .plan-card .plan-features {
  margin-block: 20px 22px;
  color: #52677d;
}
.yonda-pricing-route .plan-card .button-wide {
  min-height: 46px;
  margin-top: auto;
  border-radius: 12px;
}
.yonda-pricing-route .plan-card.is-popular {
  border-color: #93c6ed;
  background: linear-gradient(160deg, #ffffff, #eff8ff);
  box-shadow: 0 18px 44px rgba(25, 111, 176, 0.14);
}
.yonda-pricing-route .badge {
  color: #075da9;
  border-color: #b8daf1;
  background: #e9f5ff;
}
.yonda-pricing-route .badge-alt {
  color: #9a4c0a;
  border-color: #f0c393;
  background: #fff3df;
}

/* Premium tier motion */
.yonda-pricing-route .yonda-tier-master,
.yonda-pricing-route .yonda-tier-master-2,
.yonda-pricing-route .yonda-tier-juragan {
  will-change: transform, box-shadow;
}
.yonda-pricing-route .yonda-tier-master {
  animation: yonda-master-drift 5.6s ease-in-out infinite;
}
.yonda-pricing-route .yonda-tier-master::after,
.yonda-pricing-route .yonda-tier-master-2::after,
.yonda-pricing-route .yonda-tier-juragan::after {
  position: absolute;
  z-index: 0;
  inset: -35% auto -35% -75%;
  width: 45%;
  background: linear-gradient(
    105deg,
    transparent,
    rgba(255, 255, 255, 0.78),
    transparent
  );
  content: "";
  pointer-events: none;
  transform: skewX(-16deg);
  animation: yonda-tier-sheen 5.8s ease-in-out infinite;
}
.yonda-pricing-route .yonda-tier-master-2 {
  border-color: #b8a7ef;
  background: linear-gradient(160deg, #ffffff 20%, #f5f0ff);
  animation: yonda-master-2-aura 4.8s ease-in-out infinite;
}
.yonda-pricing-route .yonda-tier-master-2::after {
  background: linear-gradient(
    105deg,
    transparent,
    rgba(151, 118, 238, 0.26),
    rgba(255, 255, 255, 0.84),
    transparent
  );
  animation-delay: -2.1s;
}
.yonda-pricing-route .yonda-tier-juragan {
  border-color: #efae63;
  background:
    radial-gradient(circle at 82% 5%, rgba(255, 197, 92, 0.24), transparent 32%),
    linear-gradient(160deg, #fffefb 18%, #fff4e5 100%);
  box-shadow:
    0 22px 58px rgba(197, 91, 18, 0.2),
    0 0 0 1px rgba(255, 198, 100, 0.3);
  animation: yonda-mythic-rise 4s ease-in-out infinite;
}
.yonda-pricing-route .yonda-tier-juragan h3,
.yonda-pricing-route .yonda-tier-juragan > strong {
  color: #7f3008;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.yonda-pricing-route .yonda-tier-juragan::before {
  position: absolute;
  z-index: 0;
  right: -12%;
  bottom: -28%;
  left: -12%;
  height: 65%;
  background:
    radial-gradient(ellipse at 12% 100%, rgba(255, 190, 62, 0.88) 0 7%, transparent 27%),
    radial-gradient(ellipse at 30% 100%, rgba(255, 102, 25, 0.64) 0 10%, transparent 35%),
    radial-gradient(ellipse at 53% 100%, rgba(255, 216, 91, 0.76) 0 8%, transparent 30%),
    radial-gradient(ellipse at 72% 100%, rgba(224, 59, 11, 0.56) 0 9%, transparent 32%),
    radial-gradient(ellipse at 92% 100%, rgba(255, 177, 49, 0.78) 0 7%, transparent 27%);
  filter: blur(9px) saturate(1.18);
  content: "";
  pointer-events: none;
  transform-origin: 50% 100%;
  animation: yonda-mythic-flame 2.7s ease-in-out infinite alternate;
}
.yonda-pricing-route .yonda-tier-juragan::after {
  width: 55%;
  background: linear-gradient(
    105deg,
    transparent,
    rgba(255, 183, 62, 0.12),
    rgba(255, 255, 255, 0.9),
    rgba(255, 126, 31, 0.16),
    transparent
  );
  animation: yonda-tier-sheen 4.3s ease-in-out infinite;
}
@keyframes yonda-master-drift {
  0%,
  100% {
    box-shadow: 0 16px 38px rgba(39, 75, 112, 0.09);
    transform: translateY(0);
  }
  50% {
    box-shadow: 0 21px 45px rgba(28, 122, 194, 0.16);
    transform: translateY(-3px);
  }
}
@keyframes yonda-master-2-aura {
  0%,
  100% {
    box-shadow: 0 18px 42px rgba(82, 54, 153, 0.12);
    transform: translateY(0) rotateX(0deg);
  }
  50% {
    box-shadow:
      0 23px 52px rgba(92, 62, 174, 0.22),
      0 0 25px rgba(139, 103, 226, 0.12);
    transform: translateY(-4px) rotateX(0.7deg);
  }
}
@keyframes yonda-mythic-rise {
  0%,
  100% {
    box-shadow:
      0 22px 58px rgba(197, 91, 18, 0.2),
      0 0 0 1px rgba(255, 198, 100, 0.3);
    transform: translateY(0) scale(1);
  }
  50% {
    box-shadow:
      0 27px 68px rgba(197, 74, 11, 0.3),
      0 0 34px rgba(255, 145, 29, 0.22),
      0 0 0 1px rgba(255, 175, 57, 0.5);
    transform: translateY(-5px) scale(1.006);
  }
}
@keyframes yonda-mythic-flame {
  0% {
    opacity: 0.58;
    transform: translateY(5%) scaleX(0.97) scaleY(0.88) skewX(-1deg);
  }
  50% {
    opacity: 0.82;
    transform: translateY(-3%) scaleX(1.04) scaleY(1.08) skewX(2deg);
  }
  100% {
    opacity: 0.66;
    transform: translateY(1%) scaleX(0.99) scaleY(1.02) skewX(-2deg);
  }
}
@keyframes yonda-tier-sheen {
  0%,
  58% {
    left: -75%;
    opacity: 0;
  }
  68% {
    opacity: 0.78;
  }
  88%,
  100% {
    left: 135%;
    opacity: 0;
  }
}

.yonda-pricing-route #yonda-cart-bar {
  inset-inline: 0 !important;
  bottom: max(16px, env(safe-area-inset-bottom)) !important;
  padding-inline: 16px;
}
.yonda-pricing-route #yonda-cart-bar > div {
  width: min(100%, 720px) !important;
  margin: 0 auto !important;
  padding: 12px 14px !important;
  color: #14213d !important;
  border: 1px solid #cfdeea !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 60px rgba(35, 69, 100, 0.22) !important;
}
.yonda-pricing-route #yonda-cart-bar button {
  min-height: 44px;
}
.yonda-pricing-route #yonda-cart-bar [data-cart="pay"] {
  min-width: 160px;
  border-radius: 12px !important;
  background: #1677d2 !important;
}
.yonda-pricing-route #yonda-cart-bar [data-cart="pay"]:focus-visible,
.yonda-pricing-route #yonda-cart-modal button:focus-visible {
  outline: 3px solid rgba(22, 119, 210, 0.35);
  outline-offset: 2px;
}
.yonda-pricing-route #yonda-cart-modal > div {
  padding: 20px !important;
  background: rgba(20, 33, 61, 0.46) !important;
  backdrop-filter: blur(5px);
}
.yonda-pricing-route #yonda-cart-modal > div > div {
  position: relative;
  width: min(100%, 560px) !important;
  max-width: 560px !important;
  max-height: min(86vh, 760px) !important;
  padding: 26px !important;
  color: #14213d !important;
  border: 1px solid #d5e1eb !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow: 0 28px 90px rgba(20, 45, 70, 0.3);
}
.yonda-pricing-route #yonda-cart-modal [data-cart="minus"],
.yonda-pricing-route #yonda-cart-modal [data-cart="plus"] {
  width: 40px !important;
  height: 40px !important;
}
.yonda-pricing-route #yonda-cart-modal [data-cart="actions"] button,
.yonda-pricing-route #yonda-cart-modal [data-cart="done"] {
  min-height: 44px;
}
.yonda-pricing-route #yonda-cart-modal [data-cart="qris"] img {
  width: min(100%, 280px) !important;
  max-height: min(42vh, 360px);
  object-fit: contain;
  padding: 8px;
}
body.yonda-cart-open {
  overflow: hidden;
}

@media (max-width: 700px) {
  .yonda-pricing-route .public-shell main.container.section {
    padding-inline: 14px;
    padding-bottom: 128px;
  }
  .yonda-pricing-route .public-shell .section-heading {
    text-align: left;
  }
  .yonda-pricing-route .public-shell .section-heading p {
    margin-inline: 0;
  }
  .yonda-pricing-route .plan-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .yonda-pricing-route .plan-card {
    padding: 20px;
  }
  .yonda-pricing-route .plan-card > p {
    min-height: 0;
  }
  .yonda-pricing-route #yonda-cart-bar {
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
    padding-inline: 10px;
  }
  .yonda-pricing-route #yonda-cart-bar > div {
    gap: 10px !important;
    padding: 10px 11px !important;
    border-radius: 17px !important;
  }
  .yonda-pricing-route #yonda-cart-bar > div > div:first-child {
    min-width: 0;
    flex: 1;
    gap: 12px !important;
    flex-wrap: nowrap !important;
  }
  .yonda-pricing-route #yonda-cart-bar > div > div:first-child span {
    min-width: 0;
    font-size: 10px !important;
  }
  .yonda-pricing-route #yonda-cart-bar > div > div:first-child strong {
    font-size: 16px !important;
    white-space: nowrap;
  }
  .yonda-pricing-route #yonda-cart-bar [data-cart="clear"] {
    display: none;
  }
  .yonda-pricing-route #yonda-cart-bar [data-cart="pay"] {
    min-width: 132px;
    padding: 11px 14px !important;
    font-size: 13px !important;
  }
  .yonda-pricing-route #yonda-cart-modal > div {
    align-items: flex-end !important;
    justify-content: center !important;
    padding: 0 !important;
  }
  .yonda-pricing-route #yonda-cart-modal > div > div {
    width: 100% !important;
    max-width: none !important;
    max-height: min(92dvh, 820px) !important;
    padding: 26px 16px calc(16px + env(safe-area-inset-bottom)) !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-radius: 22px 22px 0 0 !important;
  }
  .yonda-pricing-route #yonda-cart-modal > div > div::before {
    position: absolute;
    top: 9px;
    left: 50%;
    width: 42px;
    height: 4px;
    border-radius: 999px;
    background: #b7c6d5;
    content: "";
    transform: translateX(-50%);
  }
  .yonda-pricing-route #yonda-cart-modal h3 {
    padding-right: 8px;
    font-size: 18px !important;
    line-height: 1.25;
  }
  .yonda-pricing-route #yonda-cart-modal [data-cart="actions"] {
    position: sticky;
    bottom: 0;
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    padding-top: 12px;
    background: #ffffff;
  }
  .yonda-pricing-route #yonda-cart-modal [data-cart="actions"] button {
    width: 100%;
    min-height: 48px;
    padding-inline: 12px !important;
  }
  .yonda-pricing-route #yonda-cart-modal [data-cart="qris"] img {
    width: min(72vw, 280px) !important;
  }
}

@media (max-width: 360px) {
  .yonda-pricing-route
    #yonda-cart-bar
    > div
    > div:first-child
    span:first-child {
    display: none;
  }
  .yonda-pricing-route #yonda-cart-bar [data-cart="pay"] {
    min-width: 126px;
  }
  .workspace .yonda-model-rates {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .workspace *,
  .workspace *::before,
  .workspace *::after,
  .yonda-pricing-route *,
  .yonda-pricing-route *::before,
  .yonda-pricing-route *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}