/* V3 site-wide modernization layer.
   Loaded after module CSS so panels/cards/drawers keep a consistent finish. */
:root {
    --bg: #1e2224;
    --bg-2: #1e2224;
    --panel: #1e2224;
    --panel-2: #1e2224;
    --panel-3: #242829;
    --input-bg: #191d1f;
    --input-bg-2: #212526;
    --chip-bg: #242829;
    --v3-surface: #1e2224;
    --v3-surface-raised: #222728;
    --v3-panel-chrome: #292a2a;
    --v3-panel-border: rgba(207, 197, 151, .14);
    --v3-panel-border-soft: rgba(255, 255, 255, .065);
    --v3-panel-radius: 9px;
    --v3-control-radius: 6px;
    --v3-card-bg:
        linear-gradient(135deg, rgba(255, 255, 255, .052), rgba(255, 255, 255, 0) 34%),
        linear-gradient(180deg, #222728 0%, #1e2224 100%);
    --v3-card-border: rgba(207, 197, 151, .13);
    --v3-shadow-soft:
        12px 14px 30px rgba(0, 0, 0, .30),
        inset 1px 1px 0 rgba(255, 255, 255, .045);
    --shadow:
        12px 14px 30px rgba(0, 0, 0, .30),
        inset 1px 1px 0 rgba(255, 255, 255, .045);
}

html,
body {
    background: #1e2224;
}

body {
    background:
        radial-gradient(circle at 0% 0%, rgba(255, 255, 255, .035), transparent 24%),
        radial-gradient(circle at 88% 0%, rgba(126, 159, 105, .045), transparent 28%),
        #1e2224 !important;
}

body::before {
    opacity: .28;
}

body::after {
    opacity: .22;
}

/* Shared surfaces */
.standard-panel,
.standard-metric-card,
.standard-section,
.standard-view-field,
.standard-table-wrap,
.panel,
.panel-subsection,
.auth-card,
.theme-card,
.vehicle-list-card,
.vehicle-alert-card,
.vehicle-summary-grid > div,
.vehicle-drawer-section,
.hud-subpanel,
.permission-role-card,
.autocomplete-panel {
    border-radius: var(--v3-panel-radius) !important;
    border-color: var(--v3-panel-border) !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .052), rgba(255, 255, 255, 0) 34%),
        linear-gradient(180deg, #222728 0%, #1e2224 100%) !important;
    box-shadow: var(--v3-shadow-soft) !important;
}

.standard-panel,
.standard-metric-card,
.standard-section,
.standard-table-wrap,
.panel,
.panel-subsection,
.auth-card,
.theme-card,
.permission-role-card {
    overflow: hidden;
}

/* Panel chrome */
.standard-panel-header,
.standard-panel-footer,
.standard-section-header,
.panel-header,
.drawer-header,
.standard-drawer-header,
.standard-drawer-actions,
.standard-table th {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .038), rgba(255, 255, 255, 0) 28%),
        #292a2a !important;
    border-color: rgba(207, 197, 151, .13) !important;
}

.standard-panel-header,
.panel-header,
.standard-drawer-header {
    border-top-left-radius: var(--v3-panel-radius) !important;
    border-top-right-radius: var(--v3-panel-radius) !important;
}

.standard-panel-footer,
.standard-drawer-actions {
    border-bottom-left-radius: var(--v3-panel-radius) !important;
    border-bottom-right-radius: var(--v3-panel-radius) !important;
}

/* Metric cards keep colored left edge, but gain the raised screenshot-style surface. */
.standard-metric-card {
    border-left-width: 4px !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .060), rgba(255, 255, 255, 0) 34%),
        linear-gradient(180deg, #242829 0%, #1e2224 100%) !important;
}

.standard-metric-card .metric-icon,
.metric-icon,
.standard-title-icon,
.brand-mark,
.status-icon {
    border-radius: 7px !important;
}

/* Tables and rows */
.standard-table-wrap {
    background: #1e2224 !important;
}

.standard-table th {
    color: rgba(224, 220, 205, .72);
}

.standard-table td {
    border-bottom-color: rgba(207, 197, 151, .075);
}

.standard-table tbody tr:hover {
    background: rgba(255, 255, 255, .035);
}

/* Drawers */
.side-panel,
.left-drawer,
.side-panel.standard-fullscreen-drawer {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, 0) 30%),
        #1e2224 !important;
    box-shadow:
        -16px 0 34px rgba(0, 0, 0, .34),
        inset 1px 1px 0 rgba(255, 255, 255, .04) !important;
}

.side-panel {
    border-top-left-radius: var(--v3-panel-radius) !important;
    border-bottom-left-radius: var(--v3-panel-radius) !important;
}

.left-drawer {
    border-top-right-radius: var(--v3-panel-radius) !important;
    border-bottom-right-radius: var(--v3-panel-radius) !important;
}

.standard-drawer-body,
.drawer-inner {
    background: #1e2224;
}

/* App chrome */
.standard-topbar,
.topbar {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, 0) 32%),
        #1e2224 !important;
    border-bottom-color: rgba(207, 197, 151, .12) !important;
    box-shadow: 0 10px 22px rgba(0, 0, 0, .20) !important;
}

.standard-sidebar,
.standard-sidebar.left-drawer {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, 0) 32%),
        #1e2224 !important;
    border-right-color: rgba(207, 197, 151, .12) !important;
}

.standard-nav .nav-link,
.standard-nav .nav-group summary,
.standard-date-pill,
.standard-family-chip,
.standard-account-avatar,
.standard-alert-indicator strong,
.standard-topbar-brand .brand-mark,
.standard-sidebar-brand-button .brand-mark {
    border-radius: var(--v3-control-radius) !important;
}

/* Inputs and buttons: modest rounding, not pill-shaped. */
.btn,
.menu-btn,
.close-btn,
.standard-icon-btn,
.standard-icon-only-btn,
.standard-drawer-close,
.standard-sidebar-close,
.standard-chip,
.standard-status-chip,
.chip,
.badge,
input,
select,
textarea,
.standard-input-with-icon,
.autocomplete-item,
.autocomplete-option,
.standard-pager a,
.standard-pager span {
    border-radius: var(--v3-control-radius) !important;
}

input,
select,
textarea,
.standard-input-with-icon {
    background:
        linear-gradient(180deg, rgba(41, 42, 42, .92), rgba(30, 34, 36, .98)) !important;
    border-color: rgba(207, 197, 151, .13) !important;
}

.btn,
.menu-btn,
.close-btn,
.standard-drawer-close,
.standard-sidebar-close {
    background:
        linear-gradient(180deg, rgba(41, 42, 42, .96), rgba(30, 34, 36, .98)) !important;
    box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .035) !important;
}

.btn:hover,
.btn:focus-visible,
.menu-btn:hover,
.menu-btn:focus-visible,
.close-btn:hover,
.close-btn:focus-visible {
    background:
        linear-gradient(180deg, rgba(54, 58, 56, .98), rgba(35, 39, 40, .98)) !important;
}

.standard-primary-btn,
.btn.standard-primary-btn {
    background:
        linear-gradient(180deg, rgba(129, 139, 78, .95), rgba(83, 90, 49, .98)) !important;
}

.btn-danger {
    background:
        linear-gradient(180deg, rgba(93, 45, 39, .52), rgba(49, 24, 22, .38)) !important;
}

/* Keep favorite stars and icon-only table controls visually light. */
.standard-table .standard-favorite-btn,
.standard-table .standard-favorite-btn:hover,
.standard-table .standard-favorite-btn:focus-visible {
    background: transparent !important;
    box-shadow: none !important;
}

/* Fullscreen shopping drawer should keep usable square screen edges while using the new surface. */
.side-panel.standard-fullscreen-drawer {
    border-radius: 0 !important;
}

/* V3 twenty-eighth pass: tighten the modern surface.
   Pull the scheme back toward cool charcoal, restore metric edge colors,
   remove repeated table-header glints, and make primary actions less loud. */
:root {
    --bg: #121617;
    --bg-2: #15191a;
    --panel: #171b1c;
    --panel-2: #1a1f20;
    --panel-3: #202526;
    --input-bg: #111516;
    --input-bg-2: #181d1e;
    --chip-bg: #1f2425;
    --v3-surface: #15191a;
    --v3-surface-raised: #1a1f20;
    --v3-panel-chrome: #202526;
    --v3-panel-border: rgba(154, 174, 132, .16);
    --v3-card-border: rgba(154, 174, 132, .14);
    --v3-card-bg:
        linear-gradient(135deg, rgba(255, 255, 255, .035), rgba(255, 255, 255, 0) 28%),
        linear-gradient(180deg, #1b2021 0%, #15191a 100%);
    --v3-shadow-soft:
        12px 14px 30px rgba(0, 0, 0, .38),
        inset 1px 1px 0 rgba(255, 255, 255, .032);
    --shadow:
        12px 14px 30px rgba(0, 0, 0, .38),
        inset 1px 1px 0 rgba(255, 255, 255, .032);
}

html,
body {
    background: #121617 !important;
}

body {
    background:
        radial-gradient(circle at 0% 0%, rgba(169, 190, 117, .035), transparent 24%),
        radial-gradient(circle at 90% 0%, rgba(87, 126, 108, .035), transparent 28%),
        #121617 !important;
}

.standard-panel,
.standard-metric-card,
.standard-section,
.standard-view-field,
.standard-table-wrap,
.panel,
.panel-subsection,
.auth-card,
.theme-card,
.vehicle-list-card,
.vehicle-alert-card,
.vehicle-summary-grid > div,
.vehicle-drawer-section,
.hud-subpanel,
.permission-role-card,
.autocomplete-panel {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .034), rgba(255, 255, 255, 0) 28%),
        linear-gradient(180deg, #1b2021 0%, #15191a 100%) !important;
    border-color: rgba(154, 174, 132, .14) !important;
    box-shadow: var(--v3-shadow-soft) !important;
}

.standard-panel-header,
.standard-panel-footer,
.standard-section-header,
.panel-header,
.drawer-header,
.standard-drawer-header,
.standard-drawer-actions {
    background: #202526 !important;
    border-color: rgba(154, 174, 132, .14) !important;
}

.standard-drawer-body,
.drawer-inner {
    background: #15191a !important;
}

.side-panel,
.left-drawer,
.side-panel.standard-fullscreen-drawer,
.standard-topbar,
.topbar,
.standard-sidebar,
.standard-sidebar.left-drawer {
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .026), rgba(255, 255, 255, 0) 28%),
        #15191a !important;
}

/* Metric card left edges need to stay colored. The broad border-color rule above
   was washing those out. */
.standard-metric-card {
    border-left-width: 5px !important;
    border-left-style: solid !important;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .040), rgba(255, 255, 255, 0) 28%),
        linear-gradient(180deg, #1d2324 0%, #161a1b 100%) !important;
}

.standard-metric-card.metric-card-olive { border-left-color: #a7a15d !important; }
.standard-metric-card.metric-card-green { border-left-color: #6fa35f !important; }
.standard-metric-card.metric-card-blue { border-left-color: #4f8fbd !important; }
.standard-metric-card.metric-card-red { border-left-color: #b84c4c !important; }
.standard-metric-card.metric-card-orange { border-left-color: #c28445 !important; }
.standard-metric-card.metric-card-yellow { border-left-color: #d6bf54 !important; }

.standard-metric-card.metric-card-olive .metric-icon { color: #cfc484 !important; background: rgba(167, 161, 93, .16) !important; }
.standard-metric-card.metric-card-green .metric-icon { color: #98d087 !important; background: rgba(111, 163, 95, .16) !important; }
.standard-metric-card.metric-card-blue .metric-icon { color: #79b6e4 !important; background: rgba(79, 143, 189, .16) !important; }
.standard-metric-card.metric-card-red .metric-icon { color: #e07474 !important; background: rgba(184, 76, 76, .16) !important; }
.standard-metric-card.metric-card-orange .metric-icon { color: #e3a65f !important; background: rgba(194, 132, 69, .16) !important; }
.standard-metric-card.metric-card-yellow .metric-icon { color: #f0d76a !important; background: rgba(214, 191, 84, .16) !important; }

/* Table headers should be one clean chrome strip, not a repeated mini-gradient per TH. */
.standard-table th {
    background: #202526 !important;
    border-color: rgba(154, 174, 132, .12) !important;
    box-shadow: none !important;
}

.standard-table thead {
    background: #202526 !important;
}

.standard-table-wrap {
    background: #15191a !important;
}

.standard-table td {
    border-bottom-color: rgba(154, 174, 132, .085) !important;
}

.standard-table tbody tr:hover {
    background: rgba(126, 159, 105, .055) !important;
}

input,
select,
textarea,
.standard-input-with-icon {
    background: linear-gradient(180deg, rgba(24, 29, 30, .96), rgba(15, 19, 20, .98)) !important;
    border-color: rgba(154, 174, 132, .16) !important;
}

/* Dial back green primary buttons. Idle is translucent; hover/active steps up. */
.standard-primary-btn,
.btn.standard-primary-btn {
    background: linear-gradient(180deg, rgba(142, 156, 80, .42), rgba(104, 117, 59, .34)) !important;
    border-color: rgba(184, 196, 103, .36) !important;
    color: #eee8d0 !important;
    box-shadow:
        inset 1px 1px 0 rgba(255, 255, 255, .045),
        0 8px 18px rgba(0, 0, 0, .18) !important;
}

.standard-primary-btn:hover,
.standard-primary-btn:focus-visible,
.btn.standard-primary-btn:hover,
.btn.standard-primary-btn:focus-visible {
    background: linear-gradient(180deg, rgba(151, 166, 84, .62), rgba(111, 126, 62, .52)) !important;
    border-color: rgba(203, 213, 119, .52) !important;
}

.standard-primary-btn:active,
.btn.standard-primary-btn:active {
    background: linear-gradient(180deg, rgba(151, 166, 84, .78), rgba(111, 126, 62, .68)) !important;
    border-color: rgba(218, 226, 133, .64) !important;
}

/* V3 twenty-ninth pass: calm down view drawers and highlight pagination controls. */
.standard-drawer .standard-section-body.standard-view-grid {
    gap: 0 !important;
    padding: 0 !important;
    background: rgba(255, 255, 255, .008) !important;
}

.standard-drawer .standard-view-grid .standard-view-field {
    min-height: 0 !important;
    padding: 10px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(154, 174, 132, .095) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.standard-drawer .standard-view-grid .standard-view-field:nth-child(odd) {
    border-right: 1px solid rgba(154, 174, 132, .075) !important;
}

.standard-drawer .standard-view-grid .standard-view-field:nth-last-child(-n + 2) {
    border-bottom-color: transparent !important;
}

.standard-drawer .standard-view-label {
    margin-bottom: 4px !important;
    color: rgba(204, 199, 178, .58) !important;
    font-size: 10px !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

.standard-drawer .standard-view-value {
    color: rgba(239, 234, 216, .88) !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}

.standard-drawer .standard-view-field[style*="grid-column"] {
    border-right: 0 !important;
}

.standard-pager a,
.standard-pager span {
    transition: background-color .14s ease, border-color .14s ease, color .14s ease, box-shadow .14s ease, transform .14s ease;
}

.standard-pager a:hover,
.standard-pager a:focus-visible {
    background: linear-gradient(180deg, rgba(151, 166, 84, .44), rgba(111, 126, 62, .34)) !important;
    border-color: rgba(203, 213, 119, .46) !important;
    color: #f4edd2 !important;
    box-shadow:
        inset 1px 1px 0 rgba(255, 255, 255, .045),
        0 8px 18px rgba(0, 0, 0, .20) !important;
    transform: translateY(-1px);
}

.standard-pager .is-active,
.standard-pager span.is-active {
    background: linear-gradient(180deg, rgba(151, 166, 84, .70), rgba(111, 126, 62, .58)) !important;
    border-color: rgba(218, 226, 133, .58) !important;
    color: #fff4d4 !important;
    box-shadow:
        inset 1px 1px 0 rgba(255, 255, 255, .055),
        0 8px 18px rgba(0, 0, 0, .22) !important;
}

.standard-pager .is-disabled,
.standard-pager span:not(.is-active) {
    opacity: .78;
}

/* V3 thirty-first pass: final site-wide polish.
   Lighter controls, quieter tables/sections, unified empty and danger states. */
.standard-drawer input,
.standard-drawer select,
.standard-drawer textarea,
.standard-filter-bar input,
.standard-filter-bar select,
.standard-input-with-icon input,
.autocomplete-input,
.ingredient-lookup,
.meal-lookup {
    min-height: 36px !important;
    padding: 7px 8px !important;
    font-size: 11px !important;
    font-weight: 400 !important;
}

.standard-drawer textarea {
    min-height: 78px !important;
    line-height: 1.4 !important;
}

.standard-input-with-icon {
    grid-template-columns: 28px minmax(0, 1fr) !important;
}

.standard-drawer .standard-nutrient-grid label,
.standard-drawer .standard-form-grid-2 label,
.standard-drawer .standard-form-grid-3 label,
.standard-drawer .standard-form-grid-4 label {
    font-weight: 400 !important;
}

.standard-table td {
    font-weight: 400 !important;
}

.standard-table .standard-row-title strong,
.standard-table .grocery-item-main,
.standard-table .meal-slot-title,
.standard-table .workout-session-title {
    font-weight: 560 !important;
}

.standard-table td,
.standard-table .standard-row-title span {
    color: rgba(224, 220, 205, .80) !important;
}

.standard-table tbody tr:hover .standard-row-title strong {
    color: rgba(244, 237, 210, .96) !important;
}

.standard-drawer .standard-section-header,
.standard-drawer .panel-header,
.standard-drawer .drawer-section-header {
    min-height: 36px !important;
    padding: 7px 10px !important;
    background: #1c2122 !important;
    border-bottom-color: rgba(154, 174, 132, .105) !important;
}

.standard-drawer .standard-section-header h3,
.standard-drawer .panel-header h3,
.standard-drawer .drawer-section-header h3 {
    font-size: 12px !important;
    line-height: 1.2 !important;
    color: rgba(169, 202, 137, .86) !important;
    letter-spacing: .01em !important;
}

.standard-drawer .standard-section-body {
    padding: 10px !important;
    gap: 8px !important;
}

.standard-empty-state,
.empty-state,
.planner-empty-day,
.workout-empty-day,
.grocery-shopping-empty,
.trip-empty {
    display: grid !important;
    place-items: center !important;
    gap: 7px !important;
    min-height: 84px !important;
    padding: 18px 16px !important;
    border: 1px dashed rgba(154, 174, 132, .18) !important;
    background: rgba(0, 0, 0, .10) !important;
    color: rgba(204, 199, 178, .62) !important;
    text-align: center !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    box-shadow: none !important;
}

.standard-empty-state i,
.empty-state i,
.planner-empty-day i,
.workout-empty-day i,
.grocery-shopping-empty i,
.trip-empty i {
    color: rgba(214, 191, 84, .70) !important;
    font-size: 15px !important;
}

.standard-danger-zone {
    border-color: rgba(179, 86, 74, .34) !important;
    background:
        linear-gradient(135deg, rgba(179, 86, 74, .055), rgba(179, 86, 74, 0) 34%),
        rgba(25, 12, 11, .16) !important;
    box-shadow: inset 4px 0 0 rgba(179, 86, 74, .58) !important;
}

.standard-danger-zone .standard-section-header,
.standard-drawer .standard-danger-zone .standard-section-header {
    background: rgba(44, 23, 21, .46) !important;
    border-bottom-color: rgba(179, 86, 74, .22) !important;
}

.standard-danger-zone .standard-section-header h3,
.standard-drawer .standard-danger-zone .standard-section-header h3 {
    color: rgba(239, 178, 166, .92) !important;
}

.btn-danger,
.btn.btn-danger {
    border-color: rgba(199, 94, 79, .40) !important;
    background: linear-gradient(180deg, rgba(145, 61, 50, .42), rgba(80, 31, 27, .36)) !important;
    color: rgba(255, 220, 214, .92) !important;
}

.btn-danger:hover,
.btn-danger:focus-visible,
.btn.btn-danger:hover,
.btn.btn-danger:focus-visible {
    border-color: rgba(225, 118, 100, .58) !important;
    background: linear-gradient(180deg, rgba(165, 70, 57, .62), rgba(94, 36, 31, .54)) !important;
    color: #ffe8e3 !important;
}

.standard-drawer-actions .btn,
.standard-drawer-actions .btn-danger,
.standard-drawer-actions .standard-primary-btn {
    min-height: 36px !important;
    line-height: 20px !important;
}


/* V3 thirtyfifth-pass: keep drawer autocomplete menus above card/panel clipping. */
.standard-drawer .standard-section:has(.autocomplete-panel:not([hidden])),
.standard-drawer .standard-section-body:has(.autocomplete-panel:not([hidden])),
.standard-drawer .autocomplete-wrap:has(.autocomplete-panel:not([hidden])) {
    overflow: visible !important;
}

.standard-drawer .autocomplete-wrap:has(.autocomplete-panel:not([hidden])) {
    position: relative;
    z-index: 10030;
}

.standard-drawer .autocomplete-panel {
    z-index: 10040 !important;
    max-height: min(360px, 56vh);
}

.standard-drawer .meal-assignment-mode .standard-section:first-child {
    position: relative;
    z-index: 50;
}


/* V3 thirtysixth-pass: release drawer containers so autocomplete panels are not clipped. */
.side-panel.is-open,
.side-panel.is-open .drawer-inner,
.side-panel.is-open .standard-drawer,
.side-panel.is-open .standard-drawer-body {
    overflow: visible !important;
}

.side-panel.is-open .standard-drawer-body {
    overflow-y: visible !important;
}

/* V3 forty-third pass: restore drawer/main scrolling. Scrollbar theme moved to standard-scrollbars.css. */
.side-panel.is-open,
.side-panel.is-open .drawer-inner,
.side-panel.is-open .standard-drawer {
    overflow: hidden !important;
}

.side-panel.is-open .standard-drawer-body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}

.left-drawer.is-open .drawer-inner {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
}

/* V3 forty-fourth pass: final drawer normalization after legacy migration.
   Page CSS should not need to tune drawer typography/padding per module. */
.standard-drawer {
    font-size: 12px;
    color: rgba(224, 220, 205, .88);
}

.standard-drawer .standard-drawer-header {
    min-height: 72px;
    padding: 16px 18px 12px;
}

.standard-drawer .standard-drawer-title,
.standard-drawer .standard-drawer-header h2 {
    margin: 0;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 650;
    letter-spacing: -.01em;
    text-transform: none;
}

.standard-drawer .eyebrow,
.standard-drawer .standard-kicker,
.standard-drawer label:not(.check-row):not(.toggle-row),
.standard-drawer .standard-view-label,
.standard-drawer .detail-pair-label,
.standard-drawer .view-field-label {
    color: rgba(204, 199, 178, .68);
    font-size: 11px;
    line-height: 1.2;
    letter-spacing: .02em;
    text-transform: none;
}

.standard-drawer .standard-section-header,
.standard-drawer .panel-header,
.standard-drawer .drawer-section-header {
    min-height: 40px;
    padding: 9px 11px;
}

.standard-drawer .standard-section-header h3,
.standard-drawer .panel-header h3,
.standard-drawer .drawer-section-header h3 {
    margin: 0;
    color: #a9ca89;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .01em;
    text-transform: none;
}

.standard-drawer .standard-section-body,
.standard-drawer .panel-subsection,
.standard-drawer .vehicle-drawer-section {
    padding: 11px;
}

.standard-drawer input,
.standard-drawer select,
.standard-drawer textarea,
.standard-drawer .standard-view-value,
.standard-drawer .detail-pair-value,
.standard-drawer .view-field-value,
.standard-drawer .standard-muted,
.standard-drawer .muted-copy,
.standard-drawer .muted-line {
    font-size: 11px;
    font-weight: 400;
    line-height: 1.4;
}

.standard-drawer .standard-drawer-actions {
    min-height: 56px;
    padding: 11px 18px;
    gap: 10px;
}

.standard-drawer .standard-drawer-actions .btn {
    min-width: 112px;
}

/* V3 navigation focus cleanup: remove browser-white focus rectangles from menu links. */
.standard-nav .nav-link:focus,
.standard-nav .nav-link:focus-visible,
.standard-nav .nav-group summary:focus,
.standard-nav .nav-group summary:focus-visible {
    outline: none !important;
}

.standard-nav .nav-link:focus:not(:focus-visible),
.standard-nav .nav-group summary:focus:not(:focus-visible) {
    border-color: transparent !important;
}

.standard-nav .nav-link.is-active:focus,
.standard-nav .nav-link.is-active:focus-visible {
    border-color: rgba(207,197,151,.18) !important;
    box-shadow: inset 3px 0 0 rgba(209,193,137,.62) !important;
}