/* Claude design handoff: authenticated product sections. */
:root {
  --cd-section-page: var(--cd-color-surface-page, #f4f5f7);
  --cd-section-card: var(--cd-color-surface-card, #fff);
  --cd-section-ink: var(--cd-color-ink-text, #15171c);
  --cd-section-text-2: var(--cd-color-ink-text-2, #3a3f4a);
  --cd-section-text-3: var(--cd-color-ink-text-3, #5b616e);
  --cd-section-line: var(--cd-color-line-divider, #e6e8ec);
  --cd-section-red: var(--cd-color-brand-red, #e3202b);
  --cd-section-red-tint: var(--cd-color-brand-red-tint, #fdecec);
  --cd-section-blue: var(--cd-color-action-link, #1a5dcc);
}

.cd-page { color:var(--cd-section-ink); }
.cd-page-head { margin:0; padding:16px var(--cd-space-screen-x, 16px) 14px; background:#fff; border-bottom:1px solid var(--cd-section-line); }
.cd-page-head h1 { margin:0; font-size:26px; line-height:32px; font-weight:700; letter-spacing:-.02em; }
.cd-page-head .page-add-action { min-height:40px; padding:0 14px 0 10px; border:1px solid #cdd1d8; border-radius:999px; color:var(--cd-section-ink); }
.cd-overline { margin:0; padding:0 4px; color:var(--cd-section-text-3); font-size:13px; line-height:18px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; }
.cd-row-group { overflow:hidden; border:1px solid var(--cd-section-line); border-radius:12px; background:var(--cd-section-line); display:flex; flex-direction:column; gap:1px; }
.cd-count-badge { min-width:22px; height:22px; padding:0 6px; border-radius:999px; background:var(--cd-section-red); color:#fff; font-size:12px; line-height:22px; text-align:center; }
.cd-count-badge--neutral { background:#f0f1f4; color:#3a3f4a; }

/* Home */
.home-dashboard { background:var(--cd-section-page); }
.home-dashboard .home-canvas { max-width:720px; margin:0 auto; padding:0 0 28px; display:flex; flex-direction:column; gap:24px; }
.home-dashboard .home-car,
.home-dashboard .home-context-list,
.home-dashboard .home-plan-section,
.home-dashboard .home-spending-breakdown,
.home-dashboard .home-document-link { box-shadow:none; border:1px solid var(--cd-section-line); }
.home-dashboard .home-car { padding:14px 16px 16px; border:0; border-bottom:1px solid var(--cd-section-line); border-radius:0; background:#fff; color:var(--cd-section-ink); display:flex; flex-direction:column; gap:12px; }
.home-dashboard .home-car__identity > span { color:#c4161f; font-size:13px; line-height:17px; font-weight:600; }
.home-dashboard .home-car__identity h1 { margin:2px 0 0; font-size:24px; line-height:30px; font-weight:700; letter-spacing:0; overflow-wrap:anywhere; }
.home-dashboard .home-car__identity p { color:var(--cd-section-text-3); }
.home-dashboard .home-car__garage { width:auto; height:36px; margin-top:2px; padding:0 6px 0 12px; border:0; border-radius:18px; background:#eaf1fc; color:var(--cd-section-blue); font-size:14px; font-weight:600; display:flex; align-items:center; gap:2px; }
.home-dashboard .home-car__garage svg { width:18px; height:18px; }
.home-dashboard .home-car__visual { width:100%; min-height:0; aspect-ratio:362/196; margin:0; overflow:hidden; background:linear-gradient(180deg,#fff,#eceef1); border-radius:12px; }
.home-dashboard .home-car__visual .image-opener { width:100%; height:100%; display:block; }
.home-dashboard .home-car__visual img { width:100%; height:100%; max-height:none; object-fit:contain; display:block; }
.home-dashboard .home-car__meta { margin:0; padding:0; border-top:0; }
.home-dashboard .home-car__odometer { min-height:44px; padding:4px 0 4px 12px; border:0; background:transparent; }
.home-dashboard .home-car__odometer strong { font-size:20px; line-height:26px; }
.home-dashboard .home-car__odometer small { color:var(--cd-section-text-3); font-size:13px; line-height:17px; }
.cd-home-actions { width:100%; min-width:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.cd-home-actions > button { min-width:0; min-height:56px; padding:8px 12px; border-radius:12px; display:flex; align-items:center; justify-content:flex-start; gap:10px; text-align:left; font-size:14px; line-height:18px; font-weight:600; letter-spacing:0; }
.cd-home-actions > button > span { min-width:0; overflow-wrap:anywhere; }
.cd-home-actions .camera-action > span { overflow-wrap:normal; hyphens:manual; }
.cd-home-actions > button > svg { width:24px; height:24px; flex:0 0 24px; }
.cd-home-actions .camera-action { background:var(--cd-section-red); color:#fff; }
.cd-home-actions .assistant-button { background:#15171c; color:#fff; }
.cd-home-actions .assistant-button img { width:28px; height:28px; flex:0 0 28px; border-radius:50%; object-fit:cover; }
.home-dashboard .home-context-list { border-radius:12px; gap:1px; background:var(--cd-section-line); }
.home-dashboard .season-row,.home-dashboard .weather-row { min-height:64px; padding:10px 16px 10px 12px; background:#fff; border:0; }
.home-dashboard .context-icon { width:40px; height:40px; border-radius:10px; background:#f4f5f7; color:var(--cd-section-ink); }
.home-dashboard .home-context-list,.home-dashboard .home-plan-section,.home-dashboard .home-spending-breakdown,.home-dashboard .home-document-link { margin-left:16px; margin-right:16px; }
.home-dashboard .home-plan-section { padding:0; border:0; background:transparent; }
.home-dashboard .home-spending-breakdown { padding:16px; border-radius:12px; background:#fff; }
.home-dashboard .section-heading { margin-bottom:12px; }
.home-dashboard .section-heading h2 { font-size:18px; line-height:24px; }
.home-dashboard .section-heading .text-link { color:var(--cd-section-blue); font-size:14px; font-weight:600; }
.home-dashboard .section-heading .text-link svg { width:18px; height:18px; }
.home-dashboard .today-list { border:1px solid var(--cd-section-line); border-radius:12px; overflow:hidden; }
.home-dashboard .compact-work { min-height:68px; border-radius:0; border:0; border-top:1px solid var(--cd-section-line); background:#fff; }
.home-dashboard .compact-work:first-child { border-top:0; }
.cd-expense-summary .section-heading > div { display:flex; flex-direction:column; align-items:flex-start; gap:2px; }
.cd-expense-summary .section-heading strong { font-size:26px; line-height:32px; }
.cd-expense-summary .section-heading span { color:var(--cd-section-text-3); font-size:13px; line-height:17px; }
.cd-expense-summary .spending-bar { height:10px; margin:2px 0 14px; border-radius:5px; }
.home-dashboard .home-document-link { min-height:64px; border-radius:12px; background:#fff; }
.home-dashboard .home-document-link .context-icon { color:var(--cd-section-red); background:var(--cd-section-red-tint); }

/* History */
.history-view { max-width:760px; margin:0 auto; }
.cd-history-top { padding:0 16px 14px; display:flex; flex-direction:column; gap:14px; border-bottom:1px solid var(--cd-section-line); background:#fff; }
.history-view .cd-page-head { margin:0 -16px; border-bottom:0; }
.cd-history-summary { display:flex; flex-direction:column; gap:2px; }
.cd-history-summary > span { color:var(--cd-section-text-2); font-size:14px; line-height:19px; }
.cd-history-summary > strong { font-size:28px; line-height:34px; font-weight:700; font-variant-numeric:tabular-nums; }
.cd-history-summary > strong.is-unknown { font-size:20px; line-height:27px; }
.cd-history-summary > small { color:var(--cd-section-text-3); font-size:13px; line-height:17px; }
.cd-history-tools { display:flex; flex-direction:column; gap:14px; }
.history-view .history-search { position:relative; display:block; margin:0; }
.history-view .history-search input { width:100%; height:48px; padding:0 44px 0 42px; border:1px solid #cdd1d8; border-radius:10px; background:#f7f8fa; font-size:16px; }
.cd-search-icon { position:absolute; left:14px; top:12px; width:24px; height:24px; color:#8a909c; pointer-events:none; }
.history-view .history-search__clear { right:8px; top:2px; }
.history-view .history-filters { display:flex; flex-direction:column; gap:10px; }
.history-view .filter-row { width:100%; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; padding:4px; border-radius:12px; background:#f0f1f4; }
.history-view .filter { min-width:0; min-height:36px; padding:0 2px; overflow:hidden; border:0; border-radius:9px; background:transparent; box-shadow:none; color:var(--cd-section-ink); font-size:13px; font-weight:600; text-overflow:ellipsis; white-space:nowrap; }
.history-view .filter.active { background:#fff; color:var(--cd-section-ink); box-shadow:0 1px 3px rgba(0,0,0,.12); }
.history-view .history-selects { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.history-view .filter-select { display:flex; flex-direction:column; align-items:stretch; gap:5px; color:var(--cd-section-text-3); }
.history-view .filter-select span { padding-left:4px; font-size:12px; }
.history-view .filter-select select { width:100%; height:44px; padding:0 10px; border:1px solid #cdd1d8; border-radius:10px; background:#fff; color:var(--cd-section-ink); font-size:14px; }
.cd-history-groups { padding:8px 16px 28px; display:flex; flex-direction:column; gap:16px; }
.cd-history-month { display:flex; flex-direction:column; gap:8px; }
.cd-history-month__head { padding:8px 4px 0; display:flex; justify-content:space-between; gap:12px; color:var(--cd-section-text-3); font-size:13px; line-height:18px; font-weight:600; }
.cd-history-month__head span:first-child { letter-spacing:.04em; text-transform:uppercase; }
.cd-history-month__head span:last-child { font-variant-numeric:tabular-nums; }
.cd-history-month__rows .list-row { min-height:68px; margin:0; padding:10px 16px 10px 12px; border:0; border-radius:0; background:#fff; box-shadow:none; }
.cd-history-month__rows .row-symbol { width:40px; height:40px; flex:0 0 40px; border-radius:10px; }
.cd-history-month__rows .row-main strong { white-space:normal; }
.cd-history-attachment-note { margin:0; padding:4px 4px 0; display:flex; gap:6px; color:var(--cd-section-text-3); font-size:13px; line-height:18px; }
.cd-history-attachment-note svg { width:15px; height:15px; flex:0 0 15px; }
.history-view .history-export { margin:0; }

/* Documents */
.documents-view { max-width:720px; margin:0 auto; }
.cd-documents-content { padding:16px; display:flex; flex-direction:column; gap:20px; }
.cd-document-add { width:100%; min-height:52px; border-radius:12px; background:var(--cd-section-red); font-size:16px; }
.cd-document-group { display:flex; flex-direction:column; gap:8px; }
.documents-view .documents-list { gap:1px; }
.documents-view .doc-card { min-height:72px; padding:10px 16px 10px 12px; border:0; border-radius:0; background:#fff; box-shadow:none; }
.documents-view .doc-card__icon { width:40px; height:40px; border-radius:10px; background:var(--cd-section-red-tint); color:var(--cd-section-red); }
.documents-view .doc-card__body { gap:3px; }
.documents-view .doc-card__body strong { font-size:16px; line-height:21px; }
.documents-view .doc-card__body small { color:var(--cd-section-text-3); font-size:13px; line-height:17px; }
.documents-view .doc-card__body em { width:auto; align-self:flex-start; display:inline-flex; min-height:22px; padding:2px 7px; border-radius:6px; font-size:12px; line-height:18px; font-style:normal; font-weight:600; }
.documents-view .doc-card__body em.cd-doc-status--saved { background:#e8f5ee; color:#0f5132; }
.documents-view .doc-card__body em.cd-doc-status--review { background:#fff4e0; color:#7a4100; }
.documents-view .doc-card__body em.cd-doc-status--photo { background:#f0f1f4; color:#3a3f4a; }
.cd-empty { padding:40px 16px; background:transparent; }
.cd-empty p { margin:0; }
.cd-empty-icon { width:72px; height:72px; margin:0 auto 12px; display:grid; place-items:center; border-radius:50%; background:var(--cd-section-red-tint); color:var(--cd-section-red); }

/* Plan */
.plan-view { max-width:720px; margin:0 auto; }
.plan-view > .page-head small { display:block; margin-top:4px; color:var(--cd-section-text-2); font-size:14px; }
.plan-view .plan-list { padding:8px 16px 0; display:flex; flex-direction:column; gap:16px; }
.cd-plan-group { display:flex; flex-direction:column; gap:8px; }
.cd-plan-group .cd-overline { padding-top:8px; }
.plan-view .plan-item { overflow:hidden; border:0; border-radius:0; background:#fff; }
.plan-view .compact-work { min-height:72px; grid-template-columns:minmax(0,1fr); border:0; border-radius:0; box-shadow:none; }
.plan-view .compact-work__icon { width:40px; height:40px; border-radius:10px; background:#f4f5f7; }
.plan-view .compact-work.is-due .compact-work__icon { background:#fff4e0; color:#b45309; }
.plan-view .compact-work.is-done .compact-work__icon { background:#e8f5ee; color:#18794e; }
.plan-view .compact-work__body small { display:inline-flex; align-items:center; align-self:flex-start; min-height:22px; margin-top:4px; padding:1px 7px; border-radius:6px; background:#f0f1f4; color:var(--cd-section-text-2); font-size:12px; font-weight:600; }
.plan-view .is-due .compact-work__body small { background:#fff4e0; color:#7a4100; }
.plan-view .is-done .compact-work__body small { background:#e8f5ee; color:#0f5132; }
.plan-view .plan-form { margin:20px 16px 28px; padding:16px; border:1px solid var(--cd-section-line); box-shadow:none; }
.plan-detail-actions { display:grid; grid-template-columns:2fr 1fr; gap:8px; }
.plan-detail-actions > .button:only-child { grid-column:1/-1; }
.cd-plan-note { margin:12px 20px 24px; color:var(--cd-section-text-3); font-size:13px; line-height:18px; }

/* Artyom */
.cd-assistant-view { max-width:720px; height:calc(100dvh - 56px - 82px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)); min-height:0; margin:0 auto; padding:0; display:flex; flex-direction:column; overflow:hidden; background:var(--cd-section-page); }
.cd-assistant-view .assistant-identity { min-height:60px; padding:10px 16px; border-bottom:1px solid var(--cd-section-line); background:#fff; }
.cd-assistant-view .assistant-identity img { width:40px; height:40px; border-radius:50%; object-fit:cover; }
.cd-assistant-view .assistant-identity h1 { font-size:15px; line-height:20px; }
.cd-assistant-view .assistant-identity p { max-width:45ch; color:var(--cd-section-text-3); font-size:12px; line-height:16px; }
.cd-assistant-context { padding:8px 16px; display:flex; gap:6px; overflow:auto; border-bottom:1px solid var(--cd-section-line); background:#fff; }
.cd-assistant-context span { flex:0 0 auto; min-height:28px; padding:5px 10px; border-radius:999px; background:#f0f1f4; color:var(--cd-section-text-2); font-size:12px; font-weight:600; }
.cd-assistant-view .chat-card { flex:1; min-height:0; overflow:hidden; border:0; border-radius:0; background:transparent; box-shadow:none; }
.cd-assistant-view .chat-log { flex:1; min-height:0; max-height:none; overflow:auto; padding:16px; gap:10px; }
.assistant-welcome { max-width:340px; margin:0 auto; padding:10px 8px 4px; display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center; }
.assistant-welcome img { width:96px; height:96px; border:3px solid #fff; border-radius:50%; object-fit:cover; box-shadow:0 2px 8px rgba(0,0,0,.08); }
.assistant-welcome h2 { margin:0; font-size:20px; line-height:26px; }
.assistant-welcome p { margin:0; color:var(--cd-section-text-2); font-size:14px; line-height:20px; }
.cd-assistant-view .assistant-prompts { padding:8px 0 0; justify-content:center; gap:8px; }
.cd-assistant-view .assistant-prompts button { display:block; min-height:38px; padding:8px 12px; border:1px solid #cdd1d8; border-radius:19px; background:#fff; color:var(--cd-section-text-2); font-size:13px; line-height:18px; }
.cd-assistant-view .message { max-width:86%; border-radius:16px; font-size:15px; line-height:21px; }
.cd-assistant-view .message.assistant { border:1px solid var(--cd-section-line); border-radius:4px 16px 16px 16px; background:#fff; }
.cd-assistant-view .message.user { border-radius:16px 4px 16px 16px; background:#15171c; }
.cd-assistant-view .chat-form { position:sticky; bottom:0; padding:8px 8px 12px; gap:8px; border-top:1px solid var(--cd-section-line); background:#fff; }
.cd-assistant-view .assistant-image-actions { flex-direction:row; gap:4px; }
.cd-assistant-view .assistant-image-actions button { min-width:44px; width:44px; height:44px; padding:0; border:0; border-radius:50%; background:transparent; }
.cd-assistant-view .assistant-image-actions button span { display:none; }
.cd-assistant-view .assistant-composer { flex:1; display:flex; gap:6px; }
.cd-assistant-view .assistant-composer input { height:44px; margin:0; padding:0 14px; border-radius:22px; background:#f7f8fa; font-size:16px; }
.cd-assistant-view .assistant-composer button { width:44px; min-width:44px; min-height:44px; padding:0; border-radius:50%; background:var(--cd-section-red); }

/* More */
.cd-more-view { max-width:720px; margin:0 auto; }
.cd-more-content { padding:16px 16px 32px; display:flex; flex-direction:column; gap:20px; }
.cd-profile-card { min-height:72px; padding:12px 16px 12px 12px; display:grid; grid-template-columns:48px minmax(0,1fr) 20px; align-items:center; gap:12px; border:1px solid var(--cd-section-line); border-radius:12px; background:#fff; text-align:left; }
.cd-profile-avatar { width:48px; height:48px; display:grid; place-items:center; border-radius:50%; background:#15171c; color:#fff; font-size:18px; font-weight:600; }
.cd-profile-card > span:nth-child(2) { min-width:0; }
.cd-profile-card strong,.cd-profile-card small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cd-profile-card strong { font-size:17px; line-height:22px; }
.cd-profile-card small { margin-top:2px; color:var(--cd-section-text-3); font-size:13px; }
.cd-menu-section { display:flex; flex-direction:column; gap:8px; }
.cd-menu-row { min-height:56px; padding:8px 16px 8px 12px; display:flex; grid-template-columns:none; align-items:center; gap:12px; border:0; border-radius:0; background:#fff; box-shadow:none; }
.cd-menu-row .more-icon { width:40px; height:40px; border-radius:10px; background:#f4f5f7; color:var(--cd-section-ink); }
.cd-menu-row > span:nth-child(2) { min-width:0; flex:1; }
.cd-menu-row > .cd-count-badge,.cd-menu-row > svg { flex:0 0 auto; }
.cd-menu-row strong { font-size:16px; line-height:21px; font-weight:500; }
.cd-menu-row small { margin-top:2px; color:var(--cd-section-text-3); font-size:13px; line-height:17px; }
.cd-logout { width:100%; min-height:48px; border:1px solid #cdd1d8; border-radius:12px; background:#fff; }
.cd-version { margin:0; color:var(--cd-section-text-3); font-size:12px; line-height:16px; text-align:center; }

/* Recoverable 30-day archive */
.cd-trash-view { max-width:720px; margin:0 auto; }
.cd-trash-content { padding:16px 16px 32px; display:flex; flex-direction:column; gap:20px; }
.cd-trash-note { margin:0; color:var(--cd-section-text-2); font-size:14px; line-height:20px; }
.cd-trash-list { overflow:hidden; display:flex; flex-direction:column; gap:1px; border:1px solid var(--cd-section-line); border-radius:12px; background:var(--cd-section-line); }
.cd-trash-row { padding:14px 16px; display:flex; flex-direction:column; gap:10px; background:#fff; }
.cd-trash-main { display:grid; grid-template-columns:40px minmax(0,1fr) auto; align-items:start; gap:12px; }
.cd-trash-icon { width:40px; height:40px; display:grid; place-items:center; border-radius:10px; background:#f4f5f7; color:var(--cd-section-text-2); }
.cd-trash-icon svg { width:22px; height:22px; }
.cd-trash-main > span:nth-child(2) { min-width:0; display:flex; flex-direction:column; gap:3px; }
.cd-trash-main strong { overflow-wrap:anywhere; font-size:16px; line-height:21px; font-weight:500; }
.cd-trash-main small { color:var(--cd-section-text-3); font-size:13px; line-height:17px; }
.cd-trash-amount { padding-top:1px; white-space:nowrap; font-size:16px; line-height:21px; font-variant-numeric:tabular-nums; }
.cd-trash-amount.is-unknown { max-width:112px; white-space:normal; color:var(--cd-section-text-3); font-size:13px; line-height:17px; text-align:right; }
.cd-trash-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.cd-trash-actions .button { min-height:40px; padding:0 10px; border-radius:10px; font-size:14px; font-weight:600; }
.cd-trash-actions .secondary { border:1px solid #cdd1d8; background:#fff; }
.cd-trash-actions .danger { background:var(--cd-section-red-tint); color:#b3141d; }
.cd-trash-clear { align-self:center; min-height:44px; color:#b3141d; }

@media (max-width:390px) {
  .cd-home-actions > button { padding-left:8px; padding-right:8px; gap:6px; }
  .cd-trash-main { grid-template-columns:40px minmax(0,1fr); }
  .cd-trash-amount { grid-column:2; padding-top:2px; text-align:left; }
  .cd-trash-amount.is-unknown { max-width:none; text-align:left; }
}

/* Profile and settings reached from More */
.cd-profile-view { max-width:720px; margin:0 auto; }
.cd-profile-content { padding:16px 16px 32px; display:flex; flex-direction:column; gap:16px; }
.cd-profile-content .card,.cd-profile-content .account-export { margin:0; padding:16px; border:1px solid var(--cd-section-line); border-radius:12px; background:#fff; box-shadow:none; }
.cd-profile-content .account-card { display:grid; grid-template-columns:48px minmax(0,1fr); gap:12px; }
.cd-profile-content .account-avatar { width:48px; height:48px; border-radius:50%; background:#15171c; color:#fff; }
.cd-profile-content .account-details { min-width:0; }
.cd-profile-content .account-details strong { overflow-wrap:anywhere; }
.cd-profile-content .account-card .form-actions { grid-column:1/-1; margin-top:4px; }
.cd-profile-content .account-export { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.cd-profile-content .account-export h2,.cd-profile-content .stack-form h2 { margin:0 0 6px; font-size:18px; line-height:24px; }
.cd-profile-content .account-export p { margin:0; color:var(--cd-section-text-2); font-size:14px; line-height:20px; }
.cd-profile-content .stack-form select,.cd-profile-content .password-fields input { height:52px; font-size:16px; }

.cd-settings-view { max-width:720px; margin:0 auto; }
.cd-settings-content { padding:16px 16px 32px; display:flex; flex-direction:column; gap:20px; }
.cd-settings-content > .card,.cd-settings-content > form { margin:0; padding:16px; border:1px solid var(--cd-section-line); border-radius:12px; background:#fff; box-shadow:none; }
.cd-settings-content h2 { margin:0 0 14px; font-size:18px; line-height:24px; }
.cd-preferences-form { display:flex; flex-direction:column; gap:16px; }
.cd-settings-content > .cd-preferences-form { padding:0; border:0; background:transparent; }
.cd-preference-section { min-width:0; margin:0; padding:0; border:0; display:flex; flex-direction:column; gap:8px; }
.cd-preference-section > .cd-overline { width:100%; margin:0; padding:0 4px; }
.cd-preference-radios { overflow:hidden; display:flex; flex-direction:column; gap:1px; border:1px solid var(--cd-section-line); border-radius:12px; background:var(--cd-section-line); }
.cd-preference-radios label { min-height:52px; padding:8px 16px; display:flex; align-items:center; gap:12px; background:#fff; cursor:pointer; }
.cd-preference-radios label > span { min-width:0; flex:1; font-size:16px; line-height:21px; font-weight:400; }
.cd-preference-radios input { width:22px; height:22px; min-height:22px; margin:0; flex:0 0 22px; appearance:none; border:1.5px solid #a1a6b0; border-radius:50%; background:#fff; }
.cd-preference-radios input:checked { border-color:#15171c; background:#15171c; box-shadow:inset 0 0 0 5px #fff; }
.cd-preference-radios input:focus-visible { outline:2px solid var(--cd-section-blue); outline-offset:2px; }
.cd-preference-section .field-help { margin:0; padding:0 4px; }
.cd-settings-link { min-height:56px; padding:8px 16px 8px 12px; display:flex; align-items:center; gap:12px; border:1px solid var(--cd-section-line); border-radius:12px; background:#fff; text-align:left; }
.cd-settings-link > svg { width:22px; height:22px; flex:0 0 22px; }
.cd-settings-link > span { min-width:0; flex:1; display:flex; flex-direction:column; gap:2px; }
.cd-settings-link small { color:var(--cd-section-text-3); font-size:13px; }
.cd-feedback-intro { margin:0; color:var(--cd-section-text-2); font-size:15px; line-height:21px; }
.cd-settings-content .feedback-form { display:flex; flex-direction:column; gap:12px; }
.cd-settings-content .feedback-form label { font-size:14px; font-weight:500; }
.cd-settings-content .feedback-form textarea { min-height:132px; margin:0; resize:vertical; }
.cd-settings-content .legal-details { margin:0; }

.add-intro--with-back { position:relative; padding-left:64px; }
.add-intro--with-back .cd-add-back { position:absolute; top:12px; left:12px; margin:0; }

main:has(.cd-page), main:has(.home-dashboard), main:has(.cd-assistant-view) { padding:0 0 82px; }

@media (max-width:560px) {
  .cd-profile-content .account-export { align-items:stretch; flex-direction:column; }
}

@media (max-width:560px) {
  .home-dashboard .home-canvas { padding:0 0 28px; }
  .history-view .history-selects { grid-template-columns:1fr 1fr; }
}

@media (max-width:370px) {
  .garage-overview .home-car__actions { width:100%; display:grid; grid-template-columns:minmax(0,1fr); gap:8px; }
  .garage-overview .home-car__actions > * { width:100%; min-width:0; }
}

@media (prefers-reduced-motion:reduce) {
  .cd-page *, .home-dashboard *, .cd-assistant-view * { scroll-behavior:auto; }
}