/* Adapted from the local Retell clone. FastPay routes and controls stay native. */
body.retell-dashboard {
  --sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif;
  --mono: var(--sans); --brand: #315aff; --brand-deep: #2347d4; --brand-soft: #edf2ff;
  --text: #242b3a; --muted: #737d8c; --border: #e1e2eb;
  font-family: var(--sans); color: var(--text); background: #f5f5fa;
}
.retell-dashboard .topbar { display: none; }
.retell-dashboard .app-shell { display: grid; grid-template-columns: 248px minmax(0,1fr); width: 100%; max-width: none; margin: 0; padding: 0; gap: 0; align-items: start; }
.retell-dashboard #workspaceSidebar { position: sticky; top: 0; height: 100dvh; max-height: none; min-width: 0; padding: 0 12px; border: 0; border-right: 1px solid #e1e2eb; border-radius: 0; background: #f5f5fa; box-shadow: none; overflow: hidden; gap: 0; display: flex; flex-direction: column; }
.retell-brand { display: flex; align-items: center; gap: 9px; height: 64px; flex: none; padding: 0 12px; font-size: 24px; font-weight: 650; letter-spacing: -1px; color: #18202d; text-decoration: none; }
.retell-brand img { width: 28px; height: 28px; }
.retell-dashboard .retell-workspace { display: flex; align-items: center; gap: 10px; flex: none; min-height: 58px; margin: 0 0 16px; padding: 10px; border: 1px solid #dddfea; border-radius: 9px; background: white; }
.retell-workspace > div:last-child { min-width: 0; }
.retell-workspace strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; font-weight: 550; color: #303846; }
.retell-workspace small { display: block; font-size: 11px; color: #858d9d; margin-top: 3px; }
.retell-dashboard .workspace-avatar { width: 30px; height: 30px; border-radius: 6px; background: #eef1fb; color: #4f639c; font-size: 11px; flex: none; }
.retell-dashboard #primaryNavigation { display: flex; flex-direction: column; flex: 1; min-height: 0; overflow-y: auto; gap: 3px; padding: 0 0 12px; scrollbar-width: thin; }
.retell-nav-group { margin-top: 13px; }
.retell-dashboard #primaryNavigation h2 { font-size: 11px; font-weight: 500; letter-spacing: .02em; color: #8a909d; line-height: 1.4; padding: 0 12px; margin: 0 0 7px; text-transform: none; }
.retell-dashboard #primaryNavigation button { display: flex; align-items: center; width: 100%; min-height: 34px; margin: 2px 0; padding: 7px 11px; gap: 10px; border: 0; border-radius: 7px; background: transparent; color: #646d7b; font-size: 13px; font-weight: 450; line-height: 20px; text-align: left; box-shadow: none; }
.retell-dashboard #primaryNavigation button .icon { width: 16px; height: 16px; flex: none; color: #7c8593; }
.retell-dashboard #primaryNavigation button:hover { background: #eaeaf2; color: #202a3a; }
.retell-dashboard #primaryNavigation button.active { background: #e8eaf1; color: #172131; font-weight: 550; }
.retell-dashboard #primaryNavigation button.active .icon { color: #315aff; }
.retell-dashboard #primaryNavigation button:focus:not(:focus-visible) { outline: none; }
.retell-dashboard #primaryNavigation button:focus-visible { outline: 2px solid #315aff; outline-offset: -2px; }
.retell-dashboard #primaryNavigation .nav-create, .retell-dashboard .redundant-action { display: none; }
.retell-dashboard .sidebar-bottom { margin-top: auto; padding: 12px 0 8px; border-top: 1px solid #e1e2eb; flex: none; }
.retell-dashboard .sidebar-bottom .topnav { display: grid; grid-template-columns: 26px minmax(0,1fr) 32px; gap: 8px; align-items: center; padding: 0 7px 10px; }
.retell-dashboard .sidebar-bottom .help-link { display: none; }
.retell-dashboard .sidebar-bottom .profile-avatar { grid-column: 1; grid-row: 1; width: 26px; height: 26px; font-size: 11px; border-radius: 6px; background: #e6eaf8; }
.retell-dashboard .sidebar-bottom #userLabel { grid-column: 2; grid-row: 1; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; color: #666f80; font-size: 11px; }
.retell-dashboard .sidebar-bottom .language-button { grid-column: 3; grid-row: 1; min-width: 30px; min-height: 28px; padding: 4px; border: 0; background: transparent; font-size: 11px; }
.retell-dashboard .sidebar-bottom #logoutButton { grid-column: 2; justify-self: start; font-size: 11px; min-height: 24px; padding: 0; border: 0; background: transparent; color: #778091; box-shadow: none; }
.retell-dashboard .sidebar-bottom #workModeChip { display: inline-flex; margin: 3px 10px 7px; padding: 0; border: 0; background: transparent; box-shadow: none; font-size: 11px; color: #81899a; }
.retell-dashboard .sidebar-help { display: none; }
.retell-dashboard .account { margin: 0; border: 0; padding: 0 6px; }
.retell-dashboard .account #tenantLabel { display: none; }
.retell-dashboard .account select:not([hidden]) { margin-bottom: 12px; width: 100%; }
.retell-dashboard .content { min-width: 0; min-height: 100dvh; margin: 0; padding: 0; background: #fff; }
.retell-dashboard .workspace-header { display: flex; justify-content: space-between; align-items: center; min-height: 86px; margin: 0; padding: 20px 28px; gap: 16px; border-bottom: 1px solid #e8e9ef; background: #fff; }
.retell-dashboard .content h1 { font-size: 22px; font-weight: 600; line-height: 1.3; letter-spacing: -.5px; color: #202735; margin: 0; }
.retell-dashboard .page-description { color: #858d9d; font-size: 12px; line-height: 1.5; margin: 5px 0 0; }
.retell-dashboard .header-actions { gap: 10px; flex: none; }
.retell-dashboard .retell-page-body { padding: 24px 28px 40px; }
.retell-dashboard .page { --page-line: #e8e9ef; }
.retell-dashboard .panel, .retell-dashboard .page:not(#overviewPage) .panel { padding: 0; border: 0; border-radius: 0; background: #fff; box-shadow: none; margin-bottom: 24px; }
.retell-dashboard .page:not(#overviewPage) h2, .retell-dashboard .panel h2 { font-size: 16px; font-weight: 550; letter-spacing: -.2px; color: #303846; line-height: 1.4; }
.retell-dashboard .panel p.muted, .retell-dashboard .editor-heading p { font-size: 13px; color: #858d9d; line-height: 1.6; }
.retell-dashboard .panel .panel-head { margin-bottom: 18px; gap: 16px; }
.retell-dashboard button, .retell-dashboard .button-link { font-family: var(--sans); }
.retell-dashboard .primary, .retell-dashboard .page:not(#overviewPage) .primary { min-height: 36px; padding: 8px 14px; font-size: 13px; font-weight: 500; border-radius: 7px; background: #315aff; border: 1px solid #315aff; box-shadow: none; }
.retell-dashboard .primary:hover { background: #244ce9; }
.retell-dashboard button:not(.primary):not(.language-button), .retell-dashboard .button-link { font-size: 13px; }
.retell-dashboard .page:not(#overviewPage) .form-control, .retell-dashboard .page:not(#overviewPage) .form-select, .retell-dashboard .form-control, .retell-dashboard .form-select { min-height: 38px; padding: 8px 11px; font-size: 13px; border: 1px solid #dce0e7; border-radius: 6px; background: #fff; color: #303846; box-shadow: none; }
.retell-dashboard .page:not(#overviewPage) label { font-size: 12px; font-weight: 450; color: #697282; gap: 7px; }
.retell-dashboard .page:not(#overviewPage) .table-wrap, .retell-dashboard .table-wrap { border: 1px solid #e1e4eb; border-radius: 8px; box-shadow: none; overflow-x: auto; }
.retell-dashboard .table { margin: 0; border-collapse: collapse; width: 100%; }
.retell-dashboard .table th, .retell-dashboard .page:not(#overviewPage) .table th { background: #f5f6f8; color: #687182; font-size: 12px; font-weight: 500; text-transform: none; letter-spacing: 0; padding: 14px 16px; border-bottom: 1px solid #e1e4eb; }
.retell-dashboard .table td, .retell-dashboard .page:not(#overviewPage) .table td { padding: 15px 16px; font-size: 13px; color: #434d5f; border-bottom: 1px solid #eceef3; line-height: 1.5; vertical-align: top; }
.retell-dashboard .table tbody tr:last-child td { border-bottom: 0; }
.retell-dashboard .table tbody tr:hover { background: #fafbfc; }
.retell-dashboard #paymentListPanel .table :is(th,td):first-child { padding-left: 16px; }
.retell-dashboard .table:has(.workspace-empty) thead { display: table-header-group; }
.retell-dashboard .table td small { color: #8b93a1; font-size: 11px; margin-top: 4px; }
.retell-dashboard .table .badge { font-size: 11px; border-radius: 5px; font-weight: 500; }
.retell-dashboard .row-actions { gap: 7px; }
.retell-dashboard .row-actions button, .retell-dashboard .button-link { min-height: 30px; padding: 5px 9px; border-radius: 6px; border-color: #e1e4eb; }
.retell-dashboard #paymentFilters, .retell-dashboard .page:not(#overviewPage) .filter-bar { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; border: 0; background: transparent; padding: 0; margin: 0 0 20px; }
.retell-dashboard #paymentFilters .filter-search { order: -1; flex: 1; min-width: 190px; }
.retell-dashboard #paymentFilters :is(input,select), .retell-dashboard .filter-bar :is(input,select) { background: #fff !important; min-height: 36px !important; }
.retell-dashboard .simple-disclosure { background: transparent; border: 0; padding: 0; margin: 0; min-width: 0; }
.retell-dashboard .simple-disclosure summary { list-style: none; cursor: pointer; border: 1px solid #dce0e7; border-radius: 6px; padding: 9px 12px; font-size: 12px; color: #697282; }
.retell-dashboard .simple-disclosure summary::after { content: " +"; margin-left: 12px; }
.retell-dashboard .simple-disclosure[open] summary::after { content: " −"; }
.optional-fields { display: grid; grid-template-columns: repeat(auto-fit,minmax(160px,1fr)); gap: 16px; padding-top: 16px; }
#optionalInvoiceDetails { grid-column: 1 / -1; }
#advancedPaymentFilters[open] { flex-basis: 100%; order: 3; }
.retell-dashboard .workspace-empty { min-height: 260px; padding: 36px 20px; }
.retell-dashboard .empty-document { width: 42px; height: 42px; border-radius: 9px; color: #929cac; background: #f3f5f8; margin-bottom: 15px; }
.retell-dashboard .empty-document svg { width: 25px; height: 25px; }
.retell-dashboard .workspace-empty h3 { font-size: 15px; color: #4a5363; }
.retell-dashboard .workspace-empty p { font-size: 12px; color: #8b93a1; }
.retell-dashboard .invoice-composer { grid-template-columns: minmax(0,1fr) minmax(280px,.8fr); gap: 44px; max-width: 1060px; }
.retell-dashboard .page:not(#overviewPage) .invoice-entry { padding: 4px 0; }
.retell-dashboard .invoice-entry-form { gap: 20px; }
.retell-dashboard .invoice-entry-form .phone-entry { min-height: 38px; border-radius: 6px; }
.retell-dashboard .invoice-entry-form .phone-entry input { min-height: 36px; }
.retell-dashboard .invoice-preview-pane { padding: 22px; background: #f6f7fa; border: 1px solid #e8eaf0; border-radius: 8px; }
.retell-dashboard .invoice-paper { border: 1px solid #e4e7ef; border-radius: 8px; padding: 24px; box-shadow: 0 3px 8px #18233b04; }
.retell-dashboard .invoice-paper-total { padding: 26px 0; }
.retell-dashboard .invoice-paper-total strong { font-size: 32px; }
.retell-dashboard .invoice-method-note { background: #f5f7fc; }
.retell-dashboard .page:not(#overviewPage) .team-invite, .retell-dashboard .settings-side .panel { padding: 22px; background: #f8f9fc; border: 1px solid #e4e7ef; border-radius: 8px; }
.retell-dashboard .team-invite form { margin-top: 14px; }
.retell-dashboard .team-layout, .retell-dashboard .settings-layout { gap: 32px; }
.retell-dashboard .member-row { padding: 16px 0; }
.retell-dashboard .member-avatar { width: 32px; height: 32px; border-radius: 6px; }
.retell-dashboard .workspace-disclosure { border: 1px solid #e4e7ef; border-radius: 8px; margin: 20px 0; background: #fff; }
.retell-dashboard .workspace-disclosure > summary { padding: 15px 18px; font-size: 13px; }
.retell-dashboard .workspace-disclosure > .panel { padding: 18px; }
.retell-dashboard #developersPage .integration-card { padding: 20px; border-color: #e1e4eb; border-radius: 8px; }
.retell-dashboard .integration-workspace-head h2 { font-size: 16px; }
.retell-dashboard #planPage .plan-current { background: #f6f8ff; border: 1px solid #e1e6f5; border-radius: 8px; padding: 22px; }
.retell-dashboard #planPage .trial-banner { border: 1px solid #e4e7ef; border-radius: 8px; padding: 16px; }
.retell-dashboard .refund-metrics, .retell-dashboard .plan-usage, .retell-dashboard .partner-metrics { border: 1px solid #e4e7ef; border-radius: 8px; padding: 20px 0; }
.retell-dashboard .print-layout .qr-print-card { border: 1px solid #e4e7ef; border-radius: 8px; background: #f7f8fb; }
.retell-dashboard .guide-grid { padding: 0; border-radius: 0; }
.retell-dashboard .guide-card { padding: 22px 0; }
.retell-dashboard .kaspi-setup-page .wizard { margin: 0; max-width: 720px; padding: 24px; border: 1px solid #e4e7ef; border-radius: 8px; }
.retell-dashboard .kaspi-setup-page .wizard h2 { font-size: 20px; }
.retell-table-toolbar { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-bottom: 18px; }
.retell-table-toolbar > button { margin-left: auto; min-height: 36px; border: 1px solid #dce0e7; border-radius: 6px; padding: 7px 13px; background: #fff; }
.retell-search { width: min(300px,100%); }
.retell-select { width: 190px; }
.retell-table-toolbar label > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.retell-table-toolbar :is(input,select) { width: 100%; min-height: 36px; border: 1px solid #dce0e7; border-radius: 6px; padding: 8px 11px; font-size: 13px; color: #434d5f; background: #fff; }
.retell-dashboard .audit-table { table-layout: fixed; min-width: 650px; }
.audit-table th:nth-child(1) { width: 36%; }
.audit-table th:nth-child(2) { width: 20%; }
.audit-table th:nth-child(3) { width: 23%; }
.audit-table th:nth-child(4) { width: 21%; }
.retell-dashboard .audit-table td { white-space: normal; overflow-wrap: anywhere; }
.audit-table strong { font-weight: 500; color: #303846; }
.retell-dashboard .audit-details { padding: 0; margin: 0; border: 0; background: transparent; }
.audit-details summary { cursor: pointer; color: #687791; font-size: 12px; }
.audit-details dl { margin: 12px 0 0; font-size: 11px; display: grid; gap: 10px; }
.audit-details dt { color: #8b93a1; margin-bottom: 3px; }
.audit-details dd { margin: 0; color: #4c586c; overflow-wrap: anywhere; }
.retell-table-footer { padding: 12px 2px; font-size: 12px; color: #8b93a1; }
.overview-summary-layout { display: grid; grid-template-columns: 1fr; gap: 22px; margin-bottom: 24px; }
.retell-dashboard .balance-panel { margin: 0; }
.retell-dashboard .metrics.stat-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.retell-dashboard .metrics article.stat { display: flex; justify-content: space-between; padding: 20px; background: #fff; border: 1px solid #e1e4eb; border-radius: 8px; box-shadow: none; gap: 10px; }
.retell-dashboard .stat-label { font-size: 12px; font-weight: 450; color: #798293; margin-bottom: 12px; }
.retell-dashboard .metrics strong, .retell-dashboard .metrics .stat-value-money { font-size: 28px; color: #242b3a; line-height: 1.2; letter-spacing: -.8px; font-weight: 550; margin: 0; flex-wrap: wrap; }
.retell-dashboard .metrics #volumeToday .currency-mark { order: 2; margin-left: 5px; }
.retell-dashboard .metrics small { font-size: 11px; color: #858d9d; margin-top: 8px; }
.summary-symbol { color: #9eadd1; font-size: 18px; }
.retell-dashboard .trend-panel, .retell-dashboard .recent-panel { border: 1px solid #e1e4eb; border-radius: 8px; padding: 20px; box-shadow: none; background: #fff; min-width: 0; }
.retell-dashboard .overview-toolbar { display: flex; justify-content: space-between; align-items: start; gap: 16px; margin-bottom: 24px; }
.retell-dashboard .overview-toolbar h2, .retell-dashboard .recent-panel h2 { font-size: 16px; color: #303846; font-weight: 550; text-transform: none; letter-spacing: -.2px; margin: 0; }
.overview-toolbar p { margin: 6px 0 0; font-size: 12px; color: #858d9d; }
.retell-dashboard .period-tabs { background: #f5f6f9; padding: 3px; border: 1px solid #e8eaf0; border-radius: 6px; }
.retell-dashboard .period-tabs button { min-height: 26px; padding: 4px 10px; font-size: 11px; border-radius: 4px; }
.retell-dashboard .period-tabs button.active { background: white; color: #315aff; box-shadow: 0 1px 3px #202a3a10; }
.trend-legend { display: flex; gap: 8px; align-items: center; font-size: 12px; color: #737d8c; }
.trend-legend > span:first-child { width: 7px; height: 7px; border-radius: 50%; background: #6486ee; }
.trend-legend > span:last-child { margin-left: auto; }
.payment-trend-svg { display: block; width: 100%; height: auto; max-height: 300px; min-height: 180px; overflow: visible; }
.trend-guide { stroke: #e8eaf0; stroke-dasharray: 4 5; }
.trend-axis { fill: #929baa; font: 11px -apple-system,BlinkMacSystemFont,sans-serif; }
.trend-bar { fill: #6283f1; }
.trend-bar:hover { fill: #315aff; }
.trend-note, .trend-data summary { color: #8c95a3; font-size: 11px; margin-top: 10px; }
.trend-data { border: 0; padding: 0; background: transparent; }
.trend-data table { width: 100%; border-collapse: collapse; font-size: 12px; }
.trend-data td, .trend-data th { padding: 8px; text-align: left; }
.trend-empty, .trend-loading { display: flex; min-height: 240px; align-items: center; justify-content: center; flex-direction: column; text-align: center; padding: 24px; color: #858d9d; }
.trend-empty-icon { font-size: 26px; color: #9ba9c3; margin-bottom: 16px; }
.trend-empty h3 { color: #4a5363; font-size: 15px; font-weight: 500; margin: 0 0 8px; }
.trend-empty p { font-size: 12px; line-height: 1.7; max-width: 350px; }
.overview-empty .balance-panel, .overview-empty .trend-legend { display: none; }
.retell-dashboard .recent-panel .panel-head { margin-bottom: 16px; }
.retell-dashboard .payment-empty { min-height: 140px; padding: 24px; border: 0; background: white; box-shadow: none; }
.retell-dashboard .payment-empty .receipt-illustration, .retell-dashboard .payment-empty button { display: none; }
.retell-dashboard .payment-empty #retryRecent { display: inline-flex; }
.retell-dashboard .payment-empty h3 { font-size: 15px; color: #697282; }
.retell-dashboard .payment-empty p { font-size: 12px; color: #858d9d; margin-bottom: 0; }
.retell-dashboard .setup-banner { background: #f2f5ff; border: 1px solid #e2e8fa; border-radius: 8px; padding: 16px 18px; margin-bottom: 22px; }
.retell-dashboard .setup-banner strong { font-size: 13px; }
.retell-dashboard .setup-banner p { font-size: 12px; line-height: 1.5; }
.retell-dashboard .setup-banner > button { min-height: 34px; padding: 7px 12px; font-size: 12px; background: white; color: #315aff; border: 1px solid #dce3f5; border-radius: 6px; }
.retell-dashboard .overview-footnote { font-size: 11px; color: #939caa; margin-top: 18px; }
.overview-load-error { padding: 16px; background: #fff2ef; border-radius: 8px; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; }
@media (max-width: 1100px) {
  .retell-dashboard .app-shell { grid-template-columns: 222px minmax(0,1fr); }
  .retell-dashboard .workspace-header { padding: 18px 22px; }
  .retell-dashboard .retell-page-body { padding: 22px; }
}
@media (max-width: 1000px) {
  .retell-dashboard .invoice-composer, .retell-dashboard .team-layout, .retell-dashboard .settings-layout { grid-template-columns: 1fr; }
  .retell-dashboard .invoice-preview-pane { margin: 0; max-width: 540px; }
}
@media (max-width: 900px) {
  .retell-dashboard .topbar { display: block; height: 56px; border-bottom: 1px solid #e1e4eb; background: #fff; }
  .retell-dashboard .topbar-inner { height: 56px; padding: 0 16px; }
  .retell-dashboard .topbar .logo { font-size: 21px; }
  .retell-dashboard .app-shell { display: block; }
  .retell-dashboard #workspaceSidebar { position: fixed; top: 56px; left: 0; width: 248px; height: calc(100dvh - 56px); z-index: 90; transform: translateX(-100%); transition: transform 160ms ease; box-shadow: 8px 0 30px #202a3a12; }
  .retell-dashboard.menu-open #workspaceSidebar { transform: translateX(0); }
  .retell-dashboard .content { min-height: calc(100dvh - 56px); }
  .retell-dashboard .workspace-header { min-height: 78px; padding: 18px 20px; }
  .retell-dashboard .retell-page-body { padding: 20px; }
}
@media (max-width: 600px) {
  .retell-dashboard .content h1 { font-size: 20px; }
  .retell-dashboard .page-description { display: none; }
  .retell-dashboard .workspace-header { padding: 16px; gap: 10px; }
  .retell-dashboard .retell-page-body { padding: 16px; }
  .retell-dashboard .header-actions .badge { display: none; }
  .retell-dashboard .create-action { min-height: 34px; padding: 7px 10px; font-size: 12px; }
  .retell-dashboard .metrics.stat-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .retell-dashboard .metrics .summary-total { grid-column: 1 / -1; }
  .retell-dashboard .metrics article.stat { padding: 16px; }
  .retell-dashboard .overview-toolbar { flex-wrap: wrap; }
  .retell-dashboard .period-tabs { width: 100%; display: flex; }
  .retell-dashboard .period-tabs button { flex: 1; }
  .retell-dashboard .trend-panel, .retell-dashboard .recent-panel { padding: 16px; }
  .retell-dashboard .setup-banner { flex-wrap: wrap; }
  .retell-dashboard .page:not(#overviewPage) .panel { padding: 0; }
  .retell-dashboard .page:not(#overviewPage) .team-invite, .retell-dashboard .settings-side .panel { padding: 18px; }
  .retell-dashboard .invoice-preview-pane { padding: 16px; }
  .retell-search { width: 100%; }
  .retell-select { flex: 1; }
  .optional-fields { grid-template-columns: 1fr; }
  #paymentFilters .filter-search { flex-basis: 100%; }
  .retell-dashboard .page:not(#overviewPage) .table td { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .retell-dashboard *, .retell-dashboard *::before, .retell-dashboard *::after { transition: none !important; animation: none !important; }
}

.retell-dashboard #workspaceSidebar a.retell-brand { font-size: 24px; font-weight: 650; padding: 0 12px; color: #202735; gap: 9px; border-radius: 0; }
.retell-dashboard #workspaceSidebar a.retell-brand:hover { background: transparent; }
.retell-dashboard .app-language-menu { top: auto; right: auto; bottom: 104px; left: 16px; width: 214px; }
.retell-dashboard #planPage .panel.plan-current { padding: 20px; border: 1px solid #e1e4eb; border-radius: 8px; background: #f8f9fc; }
.retell-dashboard #planPage .plan-price strong { font-size: 25px; line-height: 1.25; letter-spacing: -.5px; }
.retell-dashboard #planPage .plan-usage strong { font-size: 21px; font-weight: 550; letter-spacing: -.4px; }
.retell-dashboard #planOptions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.retell-dashboard #planOptions .plan-option { border: 1px solid #e1e4eb; border-radius: 8px; padding: 20px; background: #fff; gap: 16px; }
.retell-dashboard #planOptions .plan-option.selected { border-color: #315aff; background: #f8faff; }
.retell-dashboard #planOptions h3 { font-size: 17px; }
.retell-dashboard #planOptions .plan-option-price strong { font-size: 24px; }
.retell-dashboard #planOptions .plan-option p { font-size: 12px; line-height: 1.65; }
.retell-dashboard #planOptions .plan-option li { font-size: 12px; margin: 7px 0; }
.retell-dashboard #planOptions .plan-option button { min-height: 36px; margin-top: auto; }
.retell-dashboard #settingsPage .settings-side .panel { padding: 22px; background: #f8f9fc; border: 1px solid #e4e7ef; border-radius: 8px; }
.retell-dashboard #workModeChip { gap: 5px; font-weight: 450; }
@media (max-width: 600px) {
  .retell-dashboard #planOptions { grid-template-columns: 1fr; }
  .retell-dashboard #planPage .plan-usage { grid-template-columns: 1fr; gap: 16px; }
  .retell-dashboard #planPage .plan-usage article { border: 0; }
}