:root { --app-bg: #f5f7fb; --app-sidebar: #172033; --app-primary: #3563e9; --app-border: #e6eaf0; }
body { background: var(--app-bg); color: #172033; min-height: 100vh; }
.skip-link { background: #fff; border-radius: .5rem; left: .75rem; padding: .65rem 1rem; position: fixed; top: .75rem; z-index: 2000; }
.sidebar { background: var(--app-sidebar); color: #fff; height: 100vh; padding: 1.5rem; position: fixed; width: 250px; z-index: 1030; }
.brand { align-items: center; color: inherit; display: flex; font-weight: 700; gap: .75rem; text-decoration: none; }
.brand-mark { align-items: center; background: var(--app-primary); border-radius: .7rem; color: #fff; display: inline-flex; font-size: .8rem; height: 2.25rem; justify-content: center; width: 2.25rem; }
.sidebar .nav-link { color: #bfc8d9; padding: .75rem 1rem; }
.sidebar .nav-link:hover, .sidebar .nav-link.active { background: rgba(255,255,255,.1); color: #fff; }
.sidebar .help-nav-link { background: transparent; border: 0; border-radius: 0; border-top: 1px solid rgba(255,255,255,.12); color: #bfc8d9; padding-top: 1rem; width: 100%; }
.sidebar .help-nav-link:hover, .sidebar .help-nav-link:focus-visible { background: rgba(255,255,255,.1); color: #fff; }
.offcanvas .help-nav-link { background: transparent; color: #566273; width: 100%; }
.offcanvas .help-nav-link:hover, .offcanvas .help-nav-link:focus-visible { background: #f0f3f8; color: #172033; }
.app-shell { margin-left: 250px; min-height: 100vh; }
.topbar { align-items: center; background: #fff; border-bottom: 1px solid var(--app-border); display: flex; min-height: 72px; }
.topbar-meta { font-size: .75rem; }
.topbar-search { flex: 1 1 24rem; max-width: 34rem; }
.search-suggestions { background: #fff; border: 1px solid var(--app-border); border-radius: .75rem; left: 0; max-height: 22rem; overflow-x: hidden; overflow-y: auto; position: absolute; right: 0; top: calc(100% + .4rem); z-index: 1050; }
.search-suggestion-option { color: #172033; display: block; min-width: 0; padding: .75rem 1rem; text-decoration: none; }
.search-suggestion-option + .search-suggestion-option { border-top: 1px solid var(--app-border); }
.search-suggestion-option:hover, .search-suggestion-option:focus, .search-suggestion-option.is-active { background: #f4f7ff; color: #172033; outline: 0; }
.search-suggestion-option strong, .search-suggestion-option small { display: block; min-width: 0; overflow-wrap: anywhere; }
.search-suggestion-option small { color: #697386; margin-top: .15rem; }
.topbar-actions { flex: 0 0 auto; min-width: 0; }
.topbar-icon-button { align-items: center; border-radius: .65rem; color: #566273; display: inline-flex; height: 38px; justify-content: center; text-decoration: none; transition: background-color .15s ease, color .15s ease; width: 38px; }
.topbar-icon-button:hover, .topbar-icon-button:focus-visible { background: #f0f3f8; color: #172033; }
.topbar-icon-button:focus-visible, .user-menu-button:focus-visible { box-shadow: 0 0 0 .2rem rgba(53, 99, 233, .18); outline: 0; }
.topbar-icon-button svg { height: 21px; width: 21px; }
.topbar-notification-badge { align-items: center; background: #dc3545; border: 2px solid #fff; border-radius: 999px; color: #fff; display: inline-flex; font-size: .58rem; font-weight: 700; justify-content: center; line-height: 1; min-height: 16px; min-width: 16px; padding: 1px 3px; position: absolute; right: -3px; top: -2px; }
.user-menu-button { background: transparent; border: 1px solid transparent; border-radius: .75rem; color: inherit; max-width: 21rem; padding: .3rem .4rem; transition: background-color .15s ease, border-color .15s ease; }
.user-menu-button:hover, .user-menu-button[aria-expanded="true"] { background: #f7f9fc; border-color: var(--app-border); }
.user-menu-avatar { align-items: center; background: #e8f0fe; border-radius: 50%; color: #315da8; display: inline-flex; flex: 0 0 36px; font-size: .75rem; font-weight: 700; height: 36px; justify-content: center; letter-spacing: .02em; text-transform: uppercase; width: 36px; }
.user-menu-chevron { color: #7a8494; flex: 0 0 auto; height: 18px; width: 18px; }
.search-result { color: inherit; text-decoration: none; }
.search-result:hover { background: #fafbfc; color: inherit; }
.search-breadcrumb { overflow-wrap: anywhere; }
.dashboard-hero { background: linear-gradient(135deg, #fff 0%, #f7f9ff 100%); overflow: hidden; }
.dashboard-hero-content { align-items: center; display: flex; gap: 2rem; justify-content: space-between; }
.dashboard-hero-copy { max-width: 650px; min-width: 0; }
.dashboard-organization-brand { align-items: center; display: flex; flex: 0 0 180px; justify-content: center; padding: .5rem; }
.dashboard-organization-logo { display: block; height: auto; max-height: 110px; max-width: 155px; object-fit: contain; width: 100%; }
.dashboard-shortcut-grid { display: grid; gap: 1rem; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.dashboard-shortcut-card { align-items: center; background: #fff; border: 1px solid var(--app-border); border-radius: .85rem; box-shadow: 0 5px 20px rgba(24,32,51,.04); color: inherit; display: flex; gap: .85rem; min-width: 0; padding: 1rem; text-decoration: none; transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.dashboard-shortcut-card:hover, .dashboard-shortcut-card:focus-visible { border-color: #b9c8f7; box-shadow: 0 8px 24px rgba(24,32,51,.08); color: inherit; transform: translateY(-1px); }
.dashboard-shortcut-card:focus-visible { outline: 3px solid rgba(53,99,233,.18); outline-offset: 2px; }
.dashboard-shortcut-icon { align-items: center; background: #eef3ff; border-radius: .7rem; color: var(--app-primary); display: inline-flex; flex: 0 0 40px; height: 40px; justify-content: center; }
.dashboard-shortcut-icon svg { height: 21px; width: 21px; }
.dashboard-shortcut-copy { min-width: 0; }
.dashboard-shortcut-copy strong, .dashboard-shortcut-copy small { display: block; }
.dashboard-shortcut-copy small { color: #697386; line-height: 1.35; margin-top: .2rem; }
.dashboard-shortcut-arrow { color: #7a8494; flex: 0 0 auto; margin-left: auto; }
.dashboard-recent-grid { display: grid; gap: .75rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.dashboard-recent-card { align-items: center; background: #fff; border: 1px solid var(--app-border); border-radius: .85rem; color: inherit; display: flex; gap: .75rem; min-width: 0; padding: .9rem 1rem; text-decoration: none; }
.dashboard-recent-card:hover, .dashboard-recent-card:focus-visible { border-color: #b9c8f7; color: inherit; }
.dashboard-recent-icon { align-items: center; background: #eef3ff; border-radius: .65rem; color: var(--app-primary); display: inline-flex; flex: 0 0 38px; height: 38px; justify-content: center; }
.dashboard-recent-icon svg { height: 20px; width: 20px; }
.dashboard-recent-copy { min-width: 0; }
.dashboard-recent-copy strong, .dashboard-recent-copy small, .dashboard-recent-copy time { display: block; min-width: 0; overflow-wrap: anywhere; }
.dashboard-recent-copy small, .dashboard-recent-copy time { color: #697386; font-size: .75rem; line-height: 1.35; }
.dashboard-recent-copy time { margin-top: .2rem; }
.dashboard-recent-empty { border-radius: .85rem; }
.dashboard-help-link { background: transparent; border: 0; color: #697386; padding: .25rem .4rem; }
.dashboard-help-link:hover, .dashboard-help-link:focus-visible { color: var(--app-primary); }
.help-modal-dialog { max-width: 560px; }
.help-option { background: #f8f9fc; border: 1px solid var(--app-border); border-radius: .85rem; padding: 1.1rem; }
.driver-popover.dw-help-popover { border: 1px solid var(--app-border); border-radius: .9rem; box-shadow: 0 18px 50px rgba(23,32,51,.16); color: #172033; font-family: inherit; max-width: 380px; padding: 1.25rem; }
.driver-popover.dw-help-popover .driver-popover-title { font-size: 1.05rem; font-weight: 700; line-height: 1.35; padding-right: 2.25rem; }
.driver-popover.dw-help-popover .driver-popover-title[style*=block] + .driver-popover-description { margin-top: .65rem; }
.driver-popover.dw-help-popover .driver-popover-description { color: #697386; font-size: .875rem; line-height: 1.55; }
.driver-popover.dw-help-popover .driver-popover-footer { margin-top: 1.15rem; }
.driver-popover.dw-help-popover .driver-popover-progress-text { color: #7a8494; font-size: .68rem; font-weight: 700; letter-spacing: .055em; text-transform: uppercase; }
.driver-popover.dw-help-popover .driver-popover-navigation-btns { gap: .45rem; }
.driver-popover.dw-help-popover button { border: 1px solid var(--app-border); border-radius: .6rem; box-shadow: none; font-family: inherit; font-size: .8rem; font-weight: 600; min-height: 38px; padding: .45rem .8rem; text-shadow: none; }
.driver-popover.dw-help-popover .driver-popover-next-btn, .driver-popover.dw-help-popover .driver-popover-done-btn { background: var(--app-primary); border-color: var(--app-primary); color: #fff; }
.driver-popover.dw-help-popover .driver-popover-prev-btn { background: #fff; color: #172033; }
.driver-popover.dw-help-popover .driver-popover-close-btn { align-items: center; background: transparent; border: 0; border-radius: .55rem; color: #697386; display: inline-flex; height: 32px; justify-content: center; min-height: 32px; padding: 0; right: .75rem; top: .75rem; width: 32px; }
.driver-popover.dw-help-popover .driver-popover-close-btn:hover, .driver-popover.dw-help-popover .driver-popover-close-btn:focus-visible { background: #f0f3f8; color: #172033; }
.driver-popover.dw-help-popover .driver-popover-close-btn svg { height: 17px; pointer-events: none; width: 17px; }
.driver-popover.dw-help-popover .driver-popover-arrow { filter: drop-shadow(0 1px 0 rgba(23,32,51,.12)); }
.notification-unread { background: #f4f7ff; border-left: 3px solid var(--app-primary); }
.eyebrow { color: var(--app-primary); font-size: .75rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.content-card { box-shadow: 0 8px 30px rgba(24,32,51,.06); }
.resource-table thead th { background: #fafbfc; border-bottom-color: var(--app-border); color: #697386; font-size: .75rem; letter-spacing: .04em; padding: .9rem 1.25rem; text-transform: uppercase; }
.resource-table td { border-bottom-color: var(--app-border); padding: 1rem 1.25rem; }
.resource-link { align-items: center; color: #172033; display: inline-flex; font-weight: 600; gap: .75rem; text-decoration: none; }
.resource-link:hover { color: var(--app-primary); }
.resource-icon { font-size: 1.35rem; }.folder-icon { color: #e6a700; }.document-icon { color: var(--app-primary); }
.empty-icon { color: #aab3c2; font-size: 2rem; }.document-meta dt { color: #697386; font-weight: 500; }
.share-modal-dialog { max-width: 620px; max-height: 84vh; }
.share-modal-dialog .modal-content { height: min(84vh, 780px); max-height: 84vh; overflow: visible; box-shadow: 0 1rem 2.5rem rgba(23, 32, 51, .16); }
.share-modal-dialog .modal-header, .share-modal-dialog .modal-footer { flex: 0 0 auto; }
.share-modal-dialog .modal-body { min-height: 0; overflow: visible; }
.share-modal-body { display: flex; flex-direction: column; }
.share-resource-name { max-width: 500px; }
.share-search-input { padding-left: 2.6rem; padding-right: 2.6rem; min-height: 46px; border-radius: .75rem; }
.share-search-icon { position: absolute; left: 1rem; top: 50%; transform: translateY(-50%); color: #6c757d; z-index: 5; font-size: 1.1rem; }
.share-search-spinner { position: absolute; right: 1rem; top: calc(50% - .5rem); z-index: 5; }
.share-search-results { flex: 0 0 auto; height: auto; min-height: 42px; min-width: 0; overflow: hidden; }
.share-search-results:has(.share-recipient-scroll) { flex-basis: 244px; height: 244px; }
.share-avatar { width: 42px; height: 42px; flex: 0 0 42px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: #e8f0fe; color: #315da8; font-size: .82rem; font-weight: 700; text-transform: uppercase; }
.share-avatar-organization { background: #eef1f5; color: #566273; }
.share-recipient-scroll { max-height: 214px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; border: 1px solid var(--bs-border-color); border-radius: .75rem; }
.share-recipient-list { border: 0; border-radius: 0; }
.share-recipient-list .list-group-item { min-height: 68px; border-left: 0; border-right: 0; transition: background-color .15s ease; }
.share-recipient-list .list-group-item:hover, .share-recipient-list .list-group-item:focus-within { background: #f7f9fc; }
.share-grant-button { flex: 0 0 auto; padding: .3rem .65rem; font-size: .8rem; }
.share-access-list { flex: 0 0 auto; max-height: 204px; min-height: 0; overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; scrollbar-gutter: stable; }
.share-access-list .list-group-item { min-height: 68px; }
.share-access-list .list-group-item:first-child { border-top: 0; }
.share-more-button { width: 34px; height: 34px; padding: 0; line-height: 1; }
[data-share-message] { flex: 0 0 auto; line-height: 1.45; overflow: visible; padding: .65rem .875rem; white-space: normal; }
.min-width-0 { min-width: 0; }
.management-form-card, .management-page-narrow { max-width: 760px; }
.management-form-card .form-control, .management-form-card .form-select, .management-filter-form .form-control, .management-filter-form .form-select { border-radius: .7rem; min-height: 44px; }
.management-form-card .form-control:focus, .management-form-card .form-select:focus, .management-filter-form .form-control:focus, .management-filter-form .form-select:focus { border-color: #86a5f7; box-shadow: 0 0 0 .2rem rgba(53, 99, 233, .12); }
.management-form-section { border-bottom: 1px solid var(--app-border); margin-bottom: 1.5rem; padding-bottom: .75rem; }
.management-form-section > h2 { color: #566273; font-weight: 700; letter-spacing: .02em; }
.management-filter-grid { align-items: end; display: grid; gap: .75rem 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.management-filter-grid .management-form-field { margin-bottom: 0 !important; min-width: 0; }
.management-filter-action { padding-bottom: 1px; }
.management-table { min-width: 1080px; }
.management-table td { vertical-align: middle; }
.management-action-button { font-size: 1.15rem; line-height: 1; min-height: 34px; min-width: 38px; }
.membership-table-desktop .management-table { min-width: 0; }
.membership-actions-button { align-items: center; display: inline-flex; font-size: .8rem; gap: .25rem; justify-content: center; padding: .38rem .55rem; }
.membership-actions-button svg { height: 16px; width: 16px; }
.membership-card-list { display: grid; gap: .85rem; }
.membership-card { overflow: visible; padding: 1rem; }
.membership-card-header { align-items: flex-start; display: flex; gap: .75rem; justify-content: space-between; min-width: 0; }
.membership-card-name, .membership-card-email { overflow-wrap: anywhere; word-break: normal; }
.membership-card-actions { flex: 0 0 auto; }
.membership-card-details { display: grid; gap: 0; margin-top: 1rem; }
.membership-card-details > div { border-top: 1px solid var(--app-border); display: grid; gap: .25rem; grid-template-columns: minmax(0, 1fr); padding: .7rem 0; }
.membership-card-details > div:last-child { padding-bottom: 0; }
.membership-card-details dt { color: #697386; font-size: .7rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.membership-card-details dd { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.membership-permission-badges { display: inline-flex; flex-wrap: wrap; gap: .35rem; }
.management-user-card { border-radius: .9rem; }
.drive-resource-card, .drive-resource-table-wrapper, .management-table-card, .management-table-wrapper { overflow: visible; }
.client-table-wrapper { overflow-x: auto; }
.app-alert { line-height: 1.45; padding: .75rem 1rem; }
.audit-filter-grid { align-items: end; display: grid; gap: 1rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.audit-filter-form .form-control, .audit-filter-form .form-select { min-height: 44px; }
.audit-advanced-filters summary { color: #566273; cursor: pointer; width: fit-content; }
.audit-list-card { overflow: hidden; }
.audit-technical-value { overflow-wrap: anywhere; word-break: break-word; }
.audit-detail-list dd { overflow-wrap: anywhere; }
.confirmation-card, .error-card { max-width: 700px; }
.confirmation-identity { background: #f7f9fc; border: 1px solid var(--app-border); border-radius: .75rem; padding: 1rem; }
.confirmation-email { overflow-wrap: anywhere; word-break: normal; }
.breadcrumb { flex-wrap: wrap; overflow-wrap: anywhere; }
[data-file-input]:focus-visible + label { box-shadow: 0 0 0 .25rem rgba(53, 99, 233, .25); outline: 2px solid transparent; }
.preview-modal-dialog .modal-content { height: min(88vh, 850px); }
.preview-modal-body { align-items: center; background: #eef1f5; display: flex; justify-content: center; min-height: 0; overflow: auto; padding: 0; }
.preview-frame { border: 0; height: 100%; width: 100%; }
.preview-image-stage { align-items: center; display: flex; height: 100%; justify-content: center; padding: 1rem; width: 100%; }
.preview-image { display: block; max-height: 100%; max-width: 100%; object-fit: contain; }
.preview-unavailable { padding: 3rem 1rem; }
@media (max-width: 575.98px), (max-height: 759px) { .share-modal-dialog .modal-content { height: calc(100vh - 1rem); overflow: hidden; } .share-modal-dialog .modal-body { display: block; overflow-y: auto; } }
@media (max-width: 575.98px) { .share-modal-dialog { width: auto; max-width: none; margin: .5rem; max-height: calc(100vh - 1rem); } .share-modal-dialog .modal-content { max-height: calc(100vh - 1rem); } .share-resource-name { max-width: 260px; } .share-search-results, .share-search-results:has(.share-recipient-scroll) { flex-basis: auto; height: auto; min-height: 0; } .share-recipient-list .list-group-item { gap: .65rem !important; padding-left: .75rem !important; padding-right: .75rem !important; } .share-avatar { width: 38px; height: 38px; flex-basis: 38px; } .management-filter-grid, .audit-filter-grid { grid-template-columns: 1fr; } }
.login-page { background: radial-gradient(circle at top, #e7edff, var(--app-bg) 55%); min-height: 100vh; }.login-card { max-width: 430px; width: 100%; }
.password-setup-page { background: radial-gradient(circle at top, #e7edff, var(--app-bg) 55%); min-height: 100vh; }
.password-setup-card { border-radius: 1rem; max-width: 520px; width: 100%; }
.password-setup-card .form-control { min-height: 46px; }
.password-setup-card .password-toggle { min-width: 78px; }
.password-requirements { background: #f7f9fc; border: 1px solid var(--app-border); }
.password-requirements ul { margin-bottom: 0; padding-left: 1.15rem; }
.password-setup-status-icon { align-items: center; border-radius: 50%; display: flex; font-size: 1.5rem; font-weight: 700; height: 3.5rem; justify-content: center; width: 3.5rem; }
.password-setup-status-success { background: #d1e7dd; color: #0f5132; }
.password-setup-status-error { background: #f8d7da; color: #842029; }
.selection-panel { max-width: 680px; }
@media (max-width: 991.98px) { .app-shell { margin-left: 0; }.topbar { min-height: 64px; } }
@media (max-width: 1199.98px) { .dashboard-shortcut-grid, .dashboard-recent-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 1199.98px) {
  .management-table { min-width: 0; }
  .management-table thead { display: none; }
  .management-table tbody, .management-table tr, .management-table td { display: block; width: 100%; }
  .management-table tbody { padding: .75rem; }
  .management-table tr { background: #fff; border: 1px solid var(--app-border); border-radius: .75rem; margin-bottom: .75rem; padding: .35rem .75rem; }
  .management-table tr:last-child { margin-bottom: 0; }
  .management-table td { align-items: flex-start; border-bottom: 1px solid var(--app-border); display: flex; gap: 1rem; justify-content: space-between; padding: .7rem 0; text-align: right !important; }
  .management-table td::before { color: #697386; content: attr(data-label); flex: 0 0 38%; font-size: .75rem; font-weight: 700; letter-spacing: .03em; text-align: left; text-transform: uppercase; }
  .management-table td:last-child { border-bottom: 0; }
  .management-table td > :first-child { min-width: 0; }
  .management-table .management-empty-row { border: 0; }
  .management-table .management-empty-row td { display: block; text-align: center !important; }
  .management-table .management-empty-row td::before { content: none; }
  .management-table-wrapper { overflow: visible; }
}
@media (max-width: 767.98px) {
  .audit-list-card { background: transparent; box-shadow: none; overflow: visible; }
  .audit-table, .audit-table tbody, .audit-table tr, .audit-table td { display: block; width: 100%; }
  .audit-table thead { display: none; }
  .audit-table tbody { display: grid; gap: .75rem; }
  .audit-table tr { background: #fff; border: 1px solid var(--app-border); border-radius: .85rem; box-shadow: 0 6px 20px rgba(24,32,51,.05); padding: .5rem .85rem; }
  .audit-table td { align-items: flex-start; border-bottom: 1px solid var(--app-border); display: flex; gap: .75rem; justify-content: space-between; padding: .7rem 0; text-align: right !important; }
  .audit-table td::before { color: #697386; content: attr(data-label); flex: 0 0 34%; font-size: .72rem; font-weight: 700; letter-spacing: .03em; text-align: left; text-transform: uppercase; }
  .audit-table td:last-child { border-bottom: 0; }
  .audit-table td > :first-child { min-width: 0; }
  .audit-table .audit-empty-row { border: 0; box-shadow: none; }
  .audit-table .audit-empty-row td { display: block; text-align: center !important; }
  .audit-table .audit-empty-row td::before { content: none; }
  .audit-detail-list dt { margin-top: .75rem; }
  .audit-detail-list dt:first-child { margin-top: 0; }
}
@media (max-width: 575.98px) { .drive-resource-card .resource-table th:nth-child(2), .drive-resource-card .resource-table td:nth-child(2) { display: none; }.resource-table td, .resource-table thead th { padding: .85rem; }.topbar { padding-left: .5rem !important; padding-right: .5rem !important; }.topbar-search { margin-left: .35rem !important; margin-right: .35rem !important; min-width: 0; }.topbar-search .input-group-text { display: none; }.topbar-search input { font-size: .8rem; padding-left: .55rem; padding-right: .55rem; }.search-suggestions { left: -.25rem; max-width: calc(100vw - 1rem); right: -.25rem; }.topbar-actions { gap: .2rem !important; }.user-menu-button { padding-left: .25rem; padding-right: .2rem; }.user-menu-avatar { flex-basis: 34px; height: 34px; width: 34px; }.dashboard-hero-content { align-items: flex-start; flex-direction: column; gap: 1.5rem; }.dashboard-organization-brand { align-self: center; flex-basis: auto; padding: 0; }.dashboard-organization-logo { max-height: 80px; max-width: 125px; }.dashboard-shortcut-grid, .dashboard-recent-grid { grid-template-columns: minmax(0, 1fr); }.dashboard-shortcut-card { padding: .9rem; }.membership-card { padding: .85rem; }.membership-card-header { gap: .5rem; }.membership-actions-button { padding-left: .45rem; padding-right: .4rem; }.client-filter-form .btn { width: 100%; } }
@media (max-width: 575.98px) { .drive-resource-card .resource-table th:nth-child(3), .drive-resource-card .resource-table td:nth-child(3) { display: none; } .preview-modal-dialog { height: calc(100vh - 1rem); margin: .5rem; } .preview-modal-dialog .modal-content { height: 100%; } }
@media (max-width: 575.98px) { .help-modal-dialog { margin: .75rem; }.driver-popover.dw-help-popover { max-width: calc(100vw - 1.5rem); }.driver-popover.dw-help-popover .driver-popover-footer { align-items: flex-start; gap: .5rem; }.driver-popover.dw-help-popover .driver-popover-navigation-btns { flex-wrap: wrap; justify-content: flex-end; } }
@media (prefers-reduced-motion: reduce) { .driver-active .driver-overlay, .driver-popover.dw-help-popover { transition: none !important; } }
.environment-badge {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  padding: .2rem .45rem;
  border: 1px solid rgba(180, 83, 9, .28);
  border-radius: .375rem;
  background: #fff7ed;
  color: #9a3412;
  font-size: .6875rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .06em;
}