/* Original component styles remain in portal/. Integration and requested refinements. */
.customer-console .cc-side-label,
.customer-console .cc-nav-label {font-size:14px;font-weight:700}
.restoration-footer{max-width:1184px;margin:28px auto 0;padding:20px 32px;border-top:1px solid #e5e5e7;color:#86868b;font:11px/1.7 -apple-system,BlinkMacSystemFont,sans-serif}
.restoration-error{margin:30px 0;padding:24px;border:1px solid #e5e5e7;border-radius:16px}
.restoration-error p{color:#6e6e73}
.restoration-account{max-width:650px;padding:38px 0}
.restoration-account label{display:block;margin:20px 0;color:#6e6e73}
.restoration-account input{display:block;width:100%;margin-top:8px;padding:14px;border:1px solid #e5e5e7;border-radius:12px;background:#f5f5f7;color:#1d1d1f}
@media(max-width:600px){.restoration-footer{padding:20px}.layout.instack-theme .ui-account-market select{min-width:0}}

/* The portal tokens must follow the existing gateway provider palette. */
.layout.instack-theme .wb.wb-brand {
  --is-card-bg: var(--b-sidebar);
  --is-input-bg: var(--b-surface);
  --is-border: var(--b-line);
}
.layout.instack-theme .wb.wb-brand,
.layout.instack-theme .wb.wb-claude {
  height: calc(100dvh - 120px);
  min-height: 600px;
}
.layout.instack-theme .wb.wb-brand .b-disclaimer {
  position: static;
  flex: 0 0 auto;
  padding: 0 16px 8px;
}

/* A complete model label occupies its own line before local access and Send. */
@media(max-width:600px){
  .layout.instack-theme .wb.wb-claude .cl-composer-right {flex-wrap:wrap;min-width:0;gap:6px}
  .layout.instack-theme .wb.wb-claude .cl-composer-right .wb-model-select {flex:1 1 100%;width:100%;max-width:100%;min-width:0}
  .layout.instack-theme .wb.wb-claude .cl-composer-right .la-control {flex:1 1 auto;min-width:0;max-width:calc(100% - 40px)}
  .layout.instack-theme .wb.wb-claude .cl-composer-right .la-trigger {max-width:100%}
  .layout.instack-theme .wb.wb-claude .cl-composer-right .la-trigger span {max-width:none;white-space:normal;overflow-wrap:anywhere}
  .layout.instack-theme .wb.wb-claude .cl-composer-right .wb-button-send {flex:0 0 34px}
  .layout.instack-theme .wb.wb-claude {height:auto;min-height:calc(100dvh - 156px)}
  .layout.instack-theme .wb.wb-brand {min-height:calc(100dvh - 156px)}
}

/* Consumer readability and compact-screen refinements.
   Existing components, palette, content, and the 14px/700 sidebar labels remain. */
.layout.instack-theme .customer-console .cc-wallet-state,
.layout.instack-theme .customer-console .cc-balance-foot,
.layout.instack-theme .customer-console .cc-stat-note,
.layout.instack-theme .customer-console .cc-throughput,
.layout.instack-theme .customer-console .cc-data-note,
.layout.instack-theme .customer-console .cc-service-note,
.layout.instack-theme .customer-console .cc-panel-header p,
.layout.instack-theme .customer-console .cc-empty p,
.layout.instack-theme .customer-console .cc-trend-note,
.layout.instack-theme .customer-console .cc-trend-scope,
.layout.instack-theme .customer-console .cc-side-footer > span,
.layout.instack-theme .customer-console .cc-side-footer p {
  font-size:12px;
  line-height:1.65;
}
.layout.instack-theme .customer-console .cc-currency-badge {font-size:11px;line-height:1.2}
.layout.instack-theme .customer-console .cc-card-label,
.layout.instack-theme .customer-console .cc-stat h2 {font-size:13px;line-height:1.5}
.layout.instack-theme .customer-console .cc-stat-value {font-weight:600;line-height:1.2;letter-spacing:-.6px}
.layout.instack-theme .customer-console .cc-balance-value {line-height:1.18}
.layout.instack-theme .customer-console .cc-balance-foot {gap:10px 18px}
.layout.instack-theme .customer-console .cc-stat-note {margin-top:12px}
.layout.instack-theme .customer-console .cc-table {font-size:13px}
.layout.instack-theme .customer-console .cc-table th {font-size:12px;line-height:1.5;padding-block:15px}
.layout.instack-theme .customer-console .cc-table td {line-height:1.65;padding-block:17px}
.layout.instack-theme .customer-console .cc-table .cc-table-empty {line-height:1.7}
.layout.instack-theme .customer-console .cc-panel-header h2 {line-height:1.4}
.layout.instack-theme .ui-pilot-models .catalog-model,
.layout.instack-theme .ui-pilot-models .catalog-price-summary > p {font-size:12px;line-height:1.7}
.layout.instack-theme .ui-pilot-models .catalog-quick-prices dd {font-weight:600;line-height:1.45}
.layout.instack-theme .ui-pilot-models .catalog-quick-prices {row-gap:12px;margin-block:12px}
.layout.instack-theme .ui-pilot-models .catalog-details-body {line-height:1.8}
.layout.instack-theme .launch-pricing .lp-card strong,
.layout.instack-theme .launch-pricing .lp-selection,
.layout.instack-theme .launch-pricing .lp-table td {font-variant-numeric:tabular-nums}
.layout.instack-theme .launch-pricing .lp-card .lp-muted {font-size:12px;line-height:1.6}
.layout.instack-theme .launch-pricing .lp-selection {line-height:1.65;overflow-wrap:anywhere}
.layout.instack-theme .launch-pricing .lp-custom-hint,
.layout.instack-theme .launch-pricing .lp-custom-status {line-height:1.7}
.layout.instack-theme .launch-pricing .lp-table th,
.layout.instack-theme .launch-pricing .lp-table td {line-height:1.65}
.restoration-footer {font-size:12px;line-height:1.75}

@media(max-width:600px){
  .layout.instack-theme .customer-console .cc-mobile-menu,
  .layout.instack-theme .customer-console .cc-button,
  .layout.instack-theme .customer-console .cc-nav-link,
  .layout.instack-theme .customer-console .cc-filters select,
  .layout.instack-theme .customer-console .cc-analysis-tab,
  .layout.instack-theme .customer-console .cc-trend-option {min-height:44px}
  .layout.instack-theme .customer-console .cc-mobile-menu,
  .layout.instack-theme .customer-console .cc-button,
  .layout.instack-theme .customer-console .cc-filters select,
  .layout.instack-theme .customer-console .cc-analysis-tab {font-size:13px}
  .layout.instack-theme .customer-console .cc-analysis-tab {padding-top:10px;padding-bottom:13px}
  .layout.instack-theme .customer-console .cc-throughput {flex-wrap:wrap;gap:3px 10px}
  .layout.instack-theme .customer-console .cc-table th,
  .layout.instack-theme .customer-console .cc-table td {padding-inline:18px}
  .layout.instack-theme:not(.is-claude) .ui-pilot-models .catalog-filters .button,
  .layout.instack-theme .ui-pilot-models .catalog-card-actions .button,
  .layout.instack-theme .ui-pilot-models .catalog-details > summary,
  .layout.instack-theme .ui-pilot-models .catalog-details-body .button {min-height:44px}
  .layout.instack-theme .ui-pilot-models .catalog-status {font-size:11px;line-height:1.5}
  .layout.instack-theme .ui-pilot-models .catalog-card-actions {gap:10px 18px}
  .layout.instack-theme .ui-pilot-models .catalog-details > summary {line-height:1.6}
  .layout.instack-theme .launch-pricing .lp-heading select,
  .layout.instack-theme .launch-pricing .lp-custom-choice,
  .layout.instack-theme .launch-pricing .lp-custom-input,
  .layout.instack-theme .launch-pricing .lp-footer button {min-height:44px}
  .layout.instack-theme .launch-pricing .lp-heading label {min-width:76px}
  .layout.instack-theme .launch-pricing .lp-heading select {width:100%;padding-inline:10px}
  .layout.instack-theme .launch-pricing .lp-details > summary {min-height:44px;display:flex;align-items:center;line-height:1.65}
  .layout.instack-theme .launch-pricing .lp-card span {font-size:13px}
  .layout.instack-theme .launch-pricing .lp-card strong {font-size:24px;line-height:1.3}
  .layout.instack-theme .launch-pricing .lp-footer button {white-space:normal;line-height:1.6}
}
@media(max-width:380px){
  .layout.instack-theme .customer-console .cc-filters select {flex:1 1 auto;min-width:0}
  .layout.instack-theme .customer-console .cc-refresh {flex:1 1 100%;margin-left:0}
  .layout.instack-theme .customer-console .cc-stat {padding:20px 15px}
  .layout.instack-theme .customer-console .cc-stat-value {font-size:25px}
  .layout.instack-theme .customer-console .cc-balance-foot > span {max-width:100%;overflow-wrap:anywhere}
}