/* Compact, readable cabinet with one scroll surface. Loaded after the glass theme. */
#accountModal.open { padding: 24px 18px !important; align-items: center !important; }
#accountModal .account-card { max-height: calc(100dvh - 48px) !important; border-radius: 30px !important; padding: 28px !important; overscroll-behavior: contain; }
#accountModal .account-card:has(#accountCabinetView:not(.is-hidden)) { width: min(980px, 100%) !important; }
#accountModal #accountCabinetView { color: #21485f; }
#accountModal #accountCabinetView > .small-label { font-size: 11px; letter-spacing: .12em; color: #60798b; }
#accountModal #cabinetGreeting { margin: 8px 40px 14px 0; font-size: clamp(21px, 2.4vw, 29px); line-height: 1.25; letter-spacing: -.6px; }
#accountModal .cabinet-content { max-height: none !important; overflow: visible !important; padding: 0 !important; font-size: 14px; line-height: 1.5; }
#accountModal .cabinet-content > p { color: #526e80; font-size: 14px; line-height: 1.6; }
#accountModal .cabinet-discount { padding: 0 !important; margin: 0 0 14px !important; border: 1px solid #cce5d2 !important; border-radius: 26px !important; background: rgba(240, 250, 244, .9) !important; box-shadow: inset 0 1px #fff !important; }
#accountModal .cabinet-finance-summary { display: flex; align-items: center; gap: 20px; padding: 12px 18px; list-style: none; cursor: pointer; border-radius: 26px; }
#accountModal .cabinet-finance-summary::-webkit-details-marker { display: none; }
#accountModal .cabinet-finance-summary:focus-visible { outline: 3px solid #8ac5e8; outline-offset: 3px; }
#accountModal .cabinet-finance-chip { display: flex; align-items: center; gap: 10px; min-width: 0; color: #456b51; }
#accountModal .cabinet-finance-chip > span { font-size: 13px; line-height: 1.35; }
#accountModal .cabinet-finance-chip > strong { color: #247144; font-size: 18px; font-weight: 800; white-space: nowrap; }
#accountModal .cabinet-finance-more { display: flex; align-items: center; gap: 7px; margin-left: auto; color: #386746; font-size: 12px; font-weight: 700; white-space: nowrap; }
#accountModal .cabinet-finance-details[open] .cabinet-finance-more > span { transform: rotate(180deg); }
#accountModal .cabinet-financial-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px; padding: 0 12px; }
#accountModal .cabinet-financial-grid article { display: flex; width: auto !important; min-height: 44px !important; padding: 8px 14px !important; gap: 12px; grid-column: auto !important; border: 1px solid #d0e5d5; border-radius: 999px; background: #fbfefc; }
#accountModal .cabinet-financial-grid article > span { color: #4d7258; font-size: 12px !important; line-height: 1.4; }
#accountModal .cabinet-financial-grid article > strong { color: #315f40; font-size: 13px !important; line-height: 1.4; white-space: nowrap; }
#accountModal .cabinet-financial-note { margin: 10px 16px 14px !important; color: #557460; font-size: 11px !important; line-height: 1.5; text-align: center; }
#accountModal .cabinet-navigation { position: relative !important; z-index: 5 !important; }
#accountModal .cabinet-tabs { display: grid !important; grid-template-columns: 1fr 1.25fr 1.35fr 1fr 1fr !important; gap: 5px !important; min-height: 58px !important; margin: 0 0 14px !important; padding: 6px !important; border-radius: 999px !important; overflow: visible !important; }
#accountModal .cabinet-tabs > button,
#accountModal .cabinet-client-work-menu > button { min-width: 0 !important; min-height: 44px !important; height: 44px !important; padding: 0 12px !important; border-radius: 999px !important; color: #4b687f !important; font: 700 13px/1.2 'DM Sans', sans-serif !important; text-shadow: none !important; white-space: nowrap !important; }
#accountModal .cabinet-tabs > button.active,
#accountModal .cabinet-client-work-menu > button.active { background: #147bbd !important; color: #fff !important; text-shadow: none !important; }
#accountModal .cabinet-tabs > button:focus-visible,
#accountModal .cabinet-client-work-menu > button:focus-visible { outline: 3px solid #7abbe1 !important; outline-offset: 2px; }
#accountModal .cabinet-client-work-menu { display: flex !important; justify-content: center; width: fit-content !important; max-width: 100%; min-height: 0 !important; margin: -6px auto 14px !important; padding: 5px !important; border-radius: 999px !important; background: #eaf6fe !important; }
#accountModal .cabinet-client-work-menu > button { width: auto !important; grid-column: auto !important; }
#accountModal .cabinet-client-work-menu[hidden] { display: none !important; }
#accountModal .cabinet-form { margin: 12px 0 !important; padding: 18px !important; border: 1px solid #d5e6f0; border-radius: 24px !important; background: rgba(252,254,255,.94) !important; }
#accountModal .cabinet-form label,
#accountModal .cabinet-claim-upload label { color: #4b6679; font-size: 13px !important; font-weight: 650; line-height: 1.5; }
#accountModal .cabinet-form input:not([type="checkbox"]):not([type="file"]),
#accountModal .cabinet-form select,
#accountModal .cabinet-form textarea { box-sizing: border-box; width: 100%; min-width: 0; min-height: 44px !important; margin-top: 6px; padding: 10px 14px !important; border: 1px solid #c4ddea; border-radius: 22px !important; background: #fff; color: #244f68; font: 400 14px/1.4 'DM Sans', sans-serif !important; outline: none; }
#accountModal .cabinet-form textarea { min-height: 96px; resize: vertical; border-radius: 20px !important; }
#accountModal .cabinet-form input[type="checkbox"] { width: 19px; height: 19px; min-height: 19px !important; flex: 0 0 19px; accent-color: #147bbd; }
#accountModal .cabinet-form label[hidden] { display: none !important; }
#accountModal .cabinet-form .consent-choice,
#accountModal .claim-installed-choice { display: flex; align-items: flex-start; gap: 10px; padding: 8px 0; }
#accountModal .claim-installed-choice { min-height: 44px; align-items: center; }
#accountModal .claim-field-grid { gap: 12px; }
#accountModal .claim-vehicle-details,
#accountModal .claim-terms-embed { margin: 12px 0; padding: 12px 16px; border: 1px solid #d4e6f0; border-radius: 22px; background: #f2f8fc; }
#accountModal .claim-vehicle-details > summary,
#accountModal .claim-terms-embed > summary { min-height: 24px; color: #315c76; font-size: 13px; font-weight: 700; cursor: pointer; }
#accountModal .claim-vehicle-details fieldset { margin: 12px 0 0; padding: 0; border: 0; }
#accountModal .claim-vehicle-details legend { color: #315c76; font-size: 13px; font-weight: 700; }
#accountModal .cabinet-form .secondary-button,
#accountModal .cabinet-form .primary-button,
#accountModal .cabinet-claim-upload button,
#accountModal #accountLogout { min-height: 44px !important; padding: 10px 18px !important; border-radius: 999px !important; font: 700 13px/1.3 'DM Sans', sans-serif !important; text-shadow: none !important; }
#accountModal #accountLogout { display: block; margin: 16px 0 0 auto; }
#accountModal .cabinet-orders-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin: 4px 0 12px; }
#accountModal .cabinet-orders-heading h3 { margin: 0; font-size: 18px; color: #254e67; }
#accountModal .cabinet-order-filters { display: flex; gap: 4px; padding: 4px; border-radius: 999px; background: #e8f2f8; }
#accountModal .cabinet-order-filters button { min-height: 38px; padding: 7px 14px; border: 0; border-radius: 999px; background: transparent; color: #4d6c80; font: 700 13px/1.3 'DM Sans', sans-serif; }
#accountModal .cabinet-order-filters button[aria-pressed="true"] { background: #fff; color: #126caa; box-shadow: 0 2px 7px #234a6410; }
#accountModal .cabinet-order-filters button span { margin-left: 4px; color: inherit; font-size: 11px; }
#accountModal .cabinet-order { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 10px 0; padding: 18px; border: 1px solid #d2e5f0; border-radius: 26px; background: rgba(255,255,255,.95); font-size: 14px; }
#accountModal .cabinet-order-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
#accountModal .cabinet-order-header > div { display: grid; gap: 3px; }
#accountModal .cabinet-order-header > div > strong { color: #254d66; font-size: 14px; overflow-wrap: anywhere; }
#accountModal .cabinet-order-header time { color: #607c8e; font-size: 12px; }
#accountModal .cabinet-order-total { color: #244c65; font-size: 16px; }
#accountModal .cabinet-order-total > small { color: #60798b; font-size: 10px; letter-spacing: 0; }
#accountModal .cabinet-order-items { display: grid; gap: 8px; margin: 0; }
#accountModal .cabinet-order-item { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; justify-content: stretch; gap: 12px; padding: 14px; border: 1px solid #dceaf2; border-radius: 20px; background: #f5faff; }
#accountModal .cabinet-order-item-description { display: grid; gap: 4px; }
#accountModal .cabinet-order-item-description > strong { color: #244f69; font-size: 14px; }
#accountModal .cabinet-order-item-description > span { color: #547285; font-size: 13px; line-height: 1.4; }
#accountModal .cabinet-order-item-description > small { color: #587588; font-size: 12px; }
#accountModal .cabinet-order-item-prices { display: flex; justify-content: flex-end; gap: 18px; grid-column: auto; grid-row: auto; }
#accountModal .cabinet-order-item-prices > span { display: grid; gap: 4px; }
#accountModal .cabinet-order-item-prices small { color: #617d8f; font-size: 10px; }
#accountModal .cabinet-order-item-prices strong { color: #254d65; font: 750 13px/1.3 'Manrope', sans-serif; white-space: nowrap; }
#accountModal .cabinet-order-timeline { min-width: 0; grid-column: 1; align-self: start; }
#accountModal .cabinet-order-timeline > summary { display: inline-flex; align-items: center; gap: 9px; min-height: 38px; max-width: 100%; padding: 7px 12px; font-size: 12px; cursor: pointer; list-style: none; white-space: normal; }
#accountModal .cabinet-order-timeline > summary::-webkit-details-marker { display: none; }
#accountModal .cabinet-order-timeline[open] { grid-column: 1 / -1; }
#accountModal .cabinet-status-history { padding: 12px 0 0; }
#accountModal .cabinet-next-step { margin: 0 0 12px; padding: 10px 14px; border-radius: 18px; background: #e9f3fa; color: #345e77; font-size: 13px; line-height: 1.5; }
#accountModal .cabinet-status-history ol { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
#accountModal .cabinet-status-step { display: grid; gap: 3px; padding-left: 12px; border-left: 2px solid #bddbec; font-size: 12px; }
#accountModal .cabinet-status-step strong { font-size: 12px; }
#accountModal .cabinet-status-step time { color: #5d7a8c; font-size: 11px; }
#accountModal .cabinet-item-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
#accountModal .cabinet-item-actions button,
#accountModal .request-draft-banner button { min-height: 38px; padding: 7px 12px; border: 1px solid #c9dfed; border-radius: 999px; background: #fff; color: #216c9b; font: 700 12px/1.3 'DM Sans', sans-serif; }
#accountModal .cabinet-order-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; padding: 0; background: transparent; }
#accountModal .cabinet-order-footer > .secondary-button { width: auto; min-height: 40px; padding: 8px 14px; font-size: 12px; }
#accountModal .cabinet-order-seller { flex: 1 1 220px; margin: 0; color: #587587; font-size: 12px; }
#accountModal .cabinet-order-seller > summary { cursor: pointer; min-height: 36px; align-content: center; }
#accountModal .cabinet-order-seller p { margin: 8px 0 0; font-size: 12px; line-height: 1.55; }
#accountModal .cabinet-empty { padding: 24px 18px; border: 1px solid #d5e7f1; border-radius: 24px; background: #f4faff; color: #526f82; font-size: 14px; line-height: 1.6; }
#accountModal .request-prefill-note,
#accountModal .request-draft-note { margin: 10px 0; color: #4d7388; font-size: 12px; line-height: 1.5; }
#accountModal .request-prefill-note { padding: 10px 14px; border-radius: 18px; background: #eaf6fe; }
#accountModal .request-draft-banner { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0 0 14px; padding: 12px; border: 1px solid #bcddec; border-radius: 20px; background: #edf8ff; color: #345f78; font-size: 13px; }
#accountModal .request-draft-banner > span { flex: 1 1 200px; }
#accountModal .cabinet-claim-card,
#accountModal .cabinet-return-list > article { padding: 16px; border: 1px solid #d3e6f0; border-radius: 24px; background: #fff; }
#accountModal .cabinet-claim-card header strong,
#accountModal .cabinet-return-list strong { font-size: 14px; line-height: 1.5; }
#accountModal .cabinet-claim-card p,
#accountModal .cabinet-claim-card small,
#accountModal .cabinet-return-list span,
#accountModal .cabinet-return-list small,
#accountModal .claim-request-note { color: #557589; font-size: 12px; line-height: 1.6; }
#accountModal .cabinet-claim-status { font-size: 11px; line-height: 1.4; }
#accountModal .form-status { font-size: 13px; line-height: 1.5; }
#accountModal .form-status.is-error { color: #a83136; }
#accountModal .cabinet-section-label { color: #315c76; font-size: 13px; }
#accountModal .saved-cars > article { padding: 16px; border-radius: 24px; }
#accountModal .saved-cars > article > strong { font-size: 15px; }
#accountModal .saved-cars > article > span { font-size: 12px; line-height: 1.5; }
#accountModal .saved-cars button { min-height: 42px; padding: 8px 14px; border-radius: 999px; font-size: 13px; }
@media (max-width: 700px) {
  #accountModal.open { padding: 8px !important; align-items: start !important; }
  #accountModal .account-card { max-height: calc(100dvh - 16px) !important; padding: 22px 16px !important; border-radius: 26px !important; }
  #accountModal .account-card:has(#accountCabinetView:not(.is-hidden)) { width: 100% !important; min-height: calc(100dvh - 16px); }
  #accountModal #cabinetGreeting { font-size: 22px; line-height: 1.3; margin-bottom: 12px; }
  #accountModal .cabinet-finance-summary { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 12px; }
  #accountModal .cabinet-finance-chip { display: grid; gap: 3px; }
  #accountModal .cabinet-finance-chip > span { font-size: 11px; line-height: 1.3; }
  #accountModal .cabinet-finance-chip > strong { font-size: 16px; }
  #accountModal .cabinet-finance-more { font-size: 11px; gap: 4px; }
  #accountModal .cabinet-financial-grid { grid-template-columns: 1fr !important; gap: 6px; }
  #accountModal .cabinet-financial-grid article { min-height: 40px !important; }
  #accountModal .cabinet-tabs { grid-template-columns: 1fr 1.2fr 1.35fr !important; min-height: 0 !important; padding: 5px !important; gap: 4px !important; border-radius: 26px !important; }
  #accountModal .cabinet-tabs > button,
  #accountModal .cabinet-tabs .cabinet-client-work-toggle { grid-column: auto !important; min-height: 44px !important; height: 44px !important; padding: 0 6px !important; font-size: 12px !important; }
  #accountModal .cabinet-client-work-menu { position: absolute !important; top: 56px !important; left: 0 !important; right: 0 !important; z-index: 40 !important; width: 100% !important; margin: 0 !important; padding: 6px !important; gap: 3px !important; border-radius: 26px !important; background: #eaf6ff !important; box-shadow: 0 10px 30px #1b527a26 !important; }
  #accountModal .cabinet-client-work-menu > button { flex: 1 !important; min-height: 44px !important; height: 44px !important; padding: 0 5px !important; font-size: 12px !important; }
  #accountModal .cabinet-form { padding: 14px !important; }
  #accountModal .cabinet-form-row,
  #accountModal .claim-field-grid { grid-template-columns: 1fr; }
  #accountModal .claim-field-grid .wide { grid-column: auto; }
  #accountModal .cabinet-form input:not([type="checkbox"]):not([type="file"]),
  #accountModal .cabinet-form select,
  #accountModal .cabinet-form textarea { font-size: 16px !important; }
  #accountModal .cabinet-order { padding: 14px; border-radius: 24px; }
  #accountModal .cabinet-order-item { padding: 12px; grid-template-columns: minmax(0, 1fr); gap: 10px; }
  #accountModal .cabinet-order-item-prices { justify-content: flex-start; grid-column: 1; }
  #accountModal .cabinet-order-timeline { grid-column: 1; }
  #accountModal .cabinet-item-actions { justify-content: flex-start; }
  #accountModal .cabinet-item-actions button { min-height: 44px; }
  #accountModal .cabinet-order-header { flex-wrap: wrap; gap: 8px; }
  #accountModal .cabinet-order-total { align-items: flex-start; }
  #accountModal .cabinet-orders-heading { align-items: center; }
  #accountModal .cabinet-order-filters button { min-height: 44px; }
}
@media (prefers-reduced-transparency: reduce) {
  #accountModal .account-card { background: #f3f8fc !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
}