/* XewlPass / Graphite: production adaptation of the approved Lavish after design. */
:root, :root.theme_dark, :root.theme_light, :root[data-bs-theme] {
  color-scheme: dark;
  --xp-canvas: #202020;
  --xp-sidebar: #181818;
  --xp-panel: #252525;
  --xp-raised: #2c2c2c;
  --xp-line: #373737;
  --xp-ink: #ededed;
  --xp-muted: #a1a1a1;
  --color-background: 32 32 32;
  --color-background-alt: 24 24 24;
  --color-background-alt2: 44 44 44;
  --color-background-alt3: 52 52 52;
  --color-background-alt4: 28 28 28;
  --color-primary-100: 49 49 49;
  --color-primary-300: 91 91 91;
  --color-primary-600: 237 237 237;
  --color-primary-700: 255 255 255;
  --color-secondary-100: 48 48 48;
  --color-secondary-300: 65 65 65;
  --color-secondary-500: 117 117 117;
  --color-secondary-600: 161 161 161;
  --color-secondary-700: 185 185 185;
  --color-text-main: 237 237 237;
  --color-text-muted: 161 161 161;
  --color-text-contrast: 24 24 24;
  --color-text-alt2: 237 237 237;
  --color-text-code: 196 210 200;
  --color-hover-default: rgb(255 255 255 / .05);
  --color-fg-heading: #ededed;
  --color-fg-body: #d4d4d4;
  --color-fg-body-subtle: #a1a1a1;
  --color-fg-inactive: #777;
  --color-fg-contrast: #181818;
  --color-fg-contrast-strong: #333;
  --color-fg-brand: #ededed;
  --color-fg-brand-soft: #c3c3c3;
  --color-fg-brand-strong: #fff;
  --color-fg-sensitive: #c7d6cc;
  --color-bg-primary: #202020;
  --color-bg-secondary: #252525;
  --color-bg-tertiary: #181818;
  --color-bg-quaternary: #333;
  --color-bg-inactive: #252525;
  --color-bg-contrast: #ededed;
  --color-bg-brand: #ededed;
  --color-bg-brand-strong: #fff;
  --color-bg-brand-stronger: #fff;
  --color-bg-brand-softer: #282828;
  --color-bg-brand-soft: #303030;
  --color-bg-brand-medium: #404040;
  --color-border-muted: #292929;
  --color-border-light: #303030;
  --color-border-base: #373737;
  --color-border-strong: #5c5c5c;
  --color-border-stronger: #777;
  --color-border-buffer: #202020;
  --color-border-brand: #d4d4d4;
  --color-border-brand-soft: #484848;
  --color-border-brand-strong: #ededed;
  --color-border-focus: #d1dfd6;
  --color-bg-nav: #181818;
  --color-bg-nav-active: #303030;
  --color-bg-nav-hover: #252525;
  --color-fg-nav: #b5b5b5;
  --color-fg-nav-active: #fff;
  --color-border-nav: #303030;
  --color-border-nav-focus: #d1dfd6;
  --color-nav-bg-primary: #181818;
  --color-nav-bg-secondary: #181818;
  --color-nav-bg-primary-strong: #303030;
  --color-nav-bg-secondary-strong: #303030;
  --color-nav-fg-primary: #ededed;
  --color-nav-fg-secondary: #b5b5b5;
  --color-nav-border-primary: #303030;
  --color-nav-border-secondary: #303030;
  --color-bg-avatar-brand: #404040;
  --color-bg-avatar-brand-hover: #505050;
  --color-bg-avatar-coral: #404040;
  --color-bg-avatar-teal: #404040;
  --color-bg-avatar-green: #404040;
  --color-bg-avatar-purple: #404040;
  --color-fg-accent-primary: #bccfc2;
  --color-fg-accent-secondary: #c7c7c7;
  --color-fg-accent-tertiary: #c7c7c7;
  --color-bg-accent-primary-soft: #29352e;
  --color-bg-accent-secondary-soft: #303030;
  --color-bg-accent-tertiary-soft: #303030;
  --color-fg-success: #b3d3bd;
  --color-fg-warning: #d9bf8d;
  --color-fg-warning-strong: #ead7b3;
  --color-bg-warning-soft: #3c3323;
  --color-bg-warning-medium: #51442c;
  --color-border-warning-soft: #665239;
  --color-border-warning: #a58c60;
  --color-fg-danger: #e79c9c;
  --color-fg-danger-strong: #edbaba;
  --color-bg-danger-soft: #3f2828;
  --color-border-danger-soft: #664343;
  --color-illustration-outline: 183 199 188;
  --color-illustration-bg-primary: 61 65 62;
  --color-illustration-bg-secondary: 123 139 129;
  --color-illustration-bg-tertiary: 225 229 227;
  --color-bg-success-soft: #29352e;
  --color-border-success-soft: #465b4c;
  --color-success-100: 41 53 46;
  --color-success-600: 179 211 189;
  --color-danger-100: 63 40 40;
  --color-danger-600: 231 156 156;
  --color-warning-100: 62 53 36;
  --color-warning-600: 217 191 141;
  --color-info-100: 48 48 48;
  --color-info-600: 199 199 199;
  --bs-body-bg: #202020;
  --bs-body-color: #d4d4d4;
  --bs-secondary-bg: #252525;
  --bs-tertiary-bg: #282828;
  --bs-border-color: #373737;
  --bs-primary: #ededed;
  --bs-primary-rgb: 237,237,237;
  --bs-link-color: #ededed;
  --bs-link-hover-color: #fff;
  --bs-secondary-color: #a1a1a1;
  --bs-secondary-rgb: 42,42,42;
  --bs-emphasis-color: #ededed;
  --bs-primary-bg-subtle: #303030;
  --bs-primary-text-emphasis: #ededed;
  --tw-ring-offset-color: #202020;
}
* { scrollbar-width: thin; scrollbar-color: #494949 transparent; }
html, body { background: var(--xp-canvas) !important; color: var(--xp-ink); }
html[data-surface], html[data-surface] body { background: var(--xp-canvas) !important; }
body, input, select, textarea, button { font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body { -webkit-font-smoothing: antialiased; }
:is(h1,h2,h3) { letter-spacing: -.035em; }
:is(a,button,input,textarea,select):focus-visible { outline: 2px solid #c4d8cb; outline-offset: 3px; }
button[buttontype], button[biticonbutton], [bit-menu-item], .btn { border-radius: 8px !important; }
button[buttontype="primary"] { background: #ededed !important; border-color: #ededed !important; color: #181818 !important; box-shadow: 0 1px 3px #0003; }
button[buttontype="primary"]:hover { background: #fff !important; }
button[buttontype="secondary"] { background: #2b2b2b !important; border-color: #444 !important; color: #ededed !important; }
button[biticonbutton] { color: #b5b5b5; }
button[biticonbutton]:hover { background: #333 !important; color: #fff; }
[bitformfield], bit-form-field { --tw-ring-offset-color: #252525; }
bit-form-field > div { border-radius: 8px !important; }
input::placeholder, textarea::placeholder { color: #909090 !important; }
input[type=checkbox], input[type=radio], input[type=range] { accent-color: #d1dfd6; }
bit-card > div, bit-section > div, [bit-dialog], bit-dialog > div { border-radius: 12px !important; }
.cdk-overlay-pane [role=dialog], .cdk-overlay-pane bit-dialog { box-shadow: 0 24px 90px #0008; }
.cdk-overlay-backdrop { background: #0008 !important; backdrop-filter: blur(3px); }
.cdk-overlay-pane [role=menu] { background: #292929 !important; border: 1px solid #444; border-radius: 10px !important; box-shadow: 0 12px 35px #0006; padding: 5px; }
.xp-brand { display: flex !important; align-items: center; gap: 10px; color: #ededed !important; font-size: 17px; font-weight: 600; letter-spacing: -.04em; text-decoration: none; }
.xp-brand svg { width: 30px !important; height: 30px !important; position: static !important; flex: none; }
.xp-brand small { display: block; font-size: 10px; font-weight: 400; color: #949494; letter-spacing: .025em; margin-top: 2px; }
.xp-foot { display: flex; align-items: center; gap: 8px; padding: 18px 20px; border-top: 1px solid #303030; color: #999; font-size: 11px; }
.xp-dot { width: 6px; height: 6px; flex: none; border-radius: 50%; background: #a8c4b1; }
.xp-eyebrow { color: #949494; text-transform: uppercase; letter-spacing: .12em; font-size: 10px; font-weight: 500; margin-bottom: 8px; }
.xp-subtitle { color: #a1a1a1; font-size: 12px; margin: 6px 0 0; letter-spacing: 0; }
.xp-symbol { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; background: #2d2d2d; border: 1px solid #414141; border-radius: 9px; font-weight: 500; font-size: 13px; color: #ccc; flex: none; }
.xp-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 22px 0 12px; font-size: 11px; color: #999; }
.xp-toolbar bit-search { width: min(330px, 75%); }
.xp-toolbar bit-search form { background: #282828; border-color: #404040; border-radius: 8px; }
.xp-toolbar kbd { font: 10px Inter, sans-serif; border: 1px solid #484848; padding: 3px 5px; border-radius: 4px; margin-left: auto; }
.xp-result-count { white-space: nowrap; }
/* Web: one quiet navigation column and a generous workspace. */
[data-surface=web] bit-nav-logo > div { padding: 24px 16px 19px !important; background: #181818 !important; }
[data-surface=web] bit-nav-logo a { height: auto !important; padding: 0 4px !important; }

[data-surface=web] bit-nav-item a { font-size: 13px; height: 36px !important; font-weight: 400; padding-left: 8px; border-radius: 7px; }
[data-surface=web] bit-nav-item a[aria-current=page] { font-weight: 500; background: #303030 !important; }
[data-surface=web] bit-nav-item div:has(> a) { margin-left: 12px !important; margin-right: 12px !important; }
[data-surface=web] bit-nav-group [role=group] bit-nav-item a { padding-left: 26px; font-size: 12px; }
[data-surface=web] bit-nav-group [data-testid=nav-group-collapse-arrow] { left: 6px; }
[data-surface=web] #main-content { padding: 38px 44px !important; }
[data-surface=web] bit-header header { margin: 0 !important; padding: 0 0 24px !important; background: transparent !important; border-bottom: 1px solid #373737 !important; }
[data-surface=web] bit-header h1 { font-size: 26px !important; font-weight: 500; line-height: 1.35 !important; }

[data-surface=web] app-account-menu button { background: #383838 !important; color: #ddd !important; }
[data-surface=web] app-vault > .xp-vault-content { display: block !important; }
.xp-original-filter-slot { display: none !important; }
.xp-sidebar-filter { display: block; margin-top: 22px; padding: 0 12px 20px; }
.xp-sidebar-filter [data-testid=filters] { border: 0 !important; border-radius: 0; }
.xp-sidebar-filter [data-testid=filters-header] { display: none; }
.xp-sidebar-filter [data-testid=filters] > div > div:nth-child(2) { padding: 0 !important; }
.xp-sidebar-filter app-filter-section { display: block; }
.xp-sidebar-filter app-filter-section > div { padding: 8px 10px 4px; color: #999; font-size: 11px; }
.xp-sidebar-filter app-filter-section ul { padding: 0; }
.xp-sidebar-filter app-filter-section li > span { display: flex; }
.xp-sidebar-filter app-filter-section li button, .xp-sidebar-filter app-filter-section li a { display: flex; width: 100%; align-items: center; gap: 9px; padding: 5px 10px !important; min-height: 30px; color: #aaa; font-size: 12px; text-decoration: none; border-radius: 6px; }
.xp-sidebar-filter app-filter-section li button:hover { background: #292929; color: #eee; }
.xp-sidebar-filter app-filter-section li button[aria-current=true], .xp-sidebar-filter .xp-filter-active { background: #2c2c2c; color: #eee; }
.xp-sidebar-filter [aria-label="vault: My vault"] { font-size: 10px; text-transform: uppercase; letter-spacing: .12em; color: #949494; }
.xp-sidebar-filter hr { border-color: #333; margin: 12px 8px; }
[data-surface=web] table { font-size: 13px; }
[data-surface=web] thead { border-bottom: 1px solid #373737 !important; }
[data-surface=web] thead th { font-size: 11px; font-weight: 400; color: #949494; padding-top: 13px !important; padding-bottom: 13px !important; }
[data-surface=web] tbody tr { border-color: #333 !important; }
[data-surface=web] tbody tr:hover { background: #282828 !important; }
[data-surface=web] tbody td { padding-top: 14px !important; padding-bottom: 14px !important; }
[data-surface=web] tbody td button[id^=cipher-btn] { color: #e5e5e5; font-weight: 500; font-size: 13px; text-decoration: none; }
[data-surface=web] tbody td .tw-text-muted { font-size: 11px; margin-top: 3px; }
[data-surface=web] app-org-badge button { background: #2a2a2a !important; border-color: #424242 !important; color: #aaa !important; font-size: 10px; font-weight: 400; }
[data-surface=web] .xp-table-wrap { border: 1px solid #373737; border-radius: 10px; overflow: hidden; }
[data-surface=web] .xp-table-wrap table { margin: 0; }
[data-surface=web] app-vault .xp-table-wrap input[type=checkbox] { opacity: .7; }

[data-surface=web] bit-landing-header header { padding-top: 40px; }
[data-surface=web] bit-landing-content { display: block; }
[data-surface=web] bit-landing-layout > div > bit-svg { display: none; }
[data-surface=web] bit-landing-layout > div > div:has(> bit-svg) { display: none; }
[data-surface=web] bit-landing-hero .xp-lock-art { width: 64px; height: 64px; margin: auto; }
[data-surface=web] bit-landing-hero h1 { font-size: 28px !important; font-weight: 500; }
[data-surface=web] bit-landing-footer footer { color: #999; }
[data-surface=web] bit-landing-footer #vw-disclaimer { color: #888; font-size: 10px !important; }
/* Extension: same materials, tuned for the native 480 × 600 popup. */
[data-surface=extension] popup-header header, [data-surface=extension] header { background: #202020 !important; border-color: #373737 !important; }
[data-surface=extension] h1 { font-size: 20px !important; font-weight: 500 !important; }
[data-surface=extension] bit-item { background: #252525 !important; border-color: #373737 !important; }
[data-surface=extension] bit-item:hover { background: #2b2b2b !important; }
[data-surface=extension] bit-item-group > div { border-radius: 10px !important; border-color: #373737 !important; }
[data-surface=extension] bit-section h2 { font-size: 11px !important; color: #aaa !important; font-weight: 500 !important; letter-spacing: .03em; }
[data-surface=extension] app-vault-list-items-container bit-item-action[data-item-main-content] button { font-size: 13px; }
[data-surface=extension] app-vault-list-items-container .xp-symbol { width: 30px; height: 30px; border-radius: 8px; font-size: 12px; }
[data-surface=extension] app-current-account button { background: #3c3c3c !important; }
[data-surface=extension] popup-tab-navigation nav { background: #181818 !important; border-top: 1px solid #373737; }
[data-surface=extension] popup-tab-navigation a { color: #999; }
[data-surface=extension] popup-tab-navigation a[aria-current=page] { color: #ededed; }
/* Admin: replace Bootstrap blue with the same neutral materials. */
[data-surface=admin] { font-family: Inter, sans-serif; }
[data-surface=admin] .navbar { background: #181818 !important; border-bottom: 1px solid #373737; box-shadow: none !important; min-height: 68px; }
[data-surface=admin] .navbar-brand { font-size: 17px; }
[data-surface=admin] .navbar .nav-link { color: #aaa; font-size: 13px; padding: 8px 13px; }
[data-surface=admin] .navbar .nav-link.active { color: #ededed; background: #303030; border-radius: 7px; }
[data-surface=admin] #bd-theme { display: none !important; }
[data-surface=admin] body > .container-xxl { max-width: 1120px; margin-top: 28px !important; padding: 0 28px; }
[data-surface=admin] #config-block { background: transparent !important; padding: 0 !important; box-shadow: none !important; }
[data-surface=admin] #config-block > div > h6 { font-size: 26px; font-weight: 500; margin-bottom: 20px; letter-spacing: -.035em; }
[data-surface=admin] #config-block > div > .small { color: #a1a1a1 !important; font-size: 12px; line-height: 1.7; margin-bottom: 24px !important; }
[data-surface=admin] .card-header button { font-size: 14px; }
[data-surface=admin] .container-xl, [data-surface=admin] main { padding-top: 15px; }
[data-surface=admin] .card { background: #252525; border-color: #373737; border-radius: 10px; overflow: hidden; }
[data-surface=admin] .card-header { background: #2a2a2a; border-color: #373737; padding: 14px 18px; }
[data-surface=admin] .card-body { padding: 20px; }
[data-surface=admin] .btn-primary { background: #ededed; border-color: #ededed; color: #181818; }
[data-surface=admin] .btn-primary:hover { background: #fff; }
[data-surface=admin] .btn-secondary { background: #343434; border-color: #505050; color: #eee; }
[data-surface=admin] .form-control, [data-surface=admin] .form-select, [data-surface=admin] .input-group-text { background-color: #202020; border-color: #494949; color: #ddd; border-radius: 7px; }
[data-surface=admin] .accordion-button { background: #292929; color: #ddd; box-shadow: none; }
[data-surface=admin] .table { --bs-table-bg: #252525; --bs-table-color: #d4d4d4; --bs-table-border-color: #373737; --bs-table-striped-bg: #2a2a2a; --bs-table-hover-bg: #303030; font-size: 13px; }
[data-surface=admin] a { color: #ddd; }
@media(max-width:1050px) { [data-surface=web] #main-content { padding: 28px !important; } }
@media(max-width:720px) {
  [data-surface=web] #main-content { padding: 20px !important; }
  .xp-brand { font-size: 15px; }
}
@media(max-width:540px) {
  [data-surface=web] #main-content { padding: 20px 14px !important; }
  [data-surface=web] bit-header h1 { font-size: 22px !important; }
  .xp-mobile-nav { display: flex !important; gap: 5px; padding-bottom: 18px; overflow-x: auto; }
  .xp-mobile-filter { display: block !important; margin-top: 14px; width: 100%; background: #282828; color: #ddd; border: 1px solid #444; border-radius: 7px; padding: 9px; font-size: 12px; }
  .xp-mobile-nav a { font-size: 11px; color: #aaa; padding: 7px 10px; border: 1px solid #373737; border-radius: 7px; text-decoration: none; white-space: nowrap; }
  [data-surface=web] tbody td { padding-left: 6px !important; padding-right: 6px !important; }
  
  [data-surface=web] .xp-table-wrap { overflow-x: auto; }
}
.xp-mobile-nav { display: none; }
.xp-mobile-filter { display: none; }
/* Normalize captured fixed sizes after moving the filter into the sidebar. */
[data-surface=web] .xp-vault-content { margin: 0 !important; }
[data-surface=web] .xp-vault-content > div:not(.xp-original-filter-slot) { max-width: 100% !important; width: 100%; padding: 0 !important; }
[data-surface=web] .xp-table-wrap { display: block; }
[data-surface=web] app-vault cdk-virtual-scroll-viewport { padding-bottom: 0 !important; }
[data-surface=web] tbody td { padding-top: 11px !important; padding-bottom: 11px !important; height: 64px !important; }
[data-surface=web] bit-nav-logo > div { padding-top: 20px !important; padding-bottom: 14px !important; }
[data-surface=web] bit-nav-logo .xp-brand { min-height: 36px; line-height: 20px; }
[data-surface=web] bit-nav-item > div { padding: 0 12px !important; }
[data-surface=web] bit-nav-item > div div { margin: 0 !important; }
[data-surface=web] bit-nav-item > div > div { height: 32px !important; border-radius: 7px; }
[data-surface=web] bit-nav-item a { height: 32px !important; padding-left: 12px; }
[data-surface=web] bit-nav-group [data-testid=nav-group-collapse-arrow] { left: -8px; width: 20px; }
[data-surface=web] bit-nav-group > bit-nav-item a { padding-left: 22px; }
.xp-sidebar-filter { margin-top: 12px; }
.xp-sidebar-filter .filter { margin-bottom: 8px !important; }
.xp-sidebar-filter .filter-heading { padding: 3px 10px !important; }
.xp-sidebar-filter .filter-heading h3 { font-size: 11px !important; font-weight: 500; color: #999 !important; line-height: 22px; margin: 0; }
.xp-sidebar-filter .filter-heading button { min-height: 22px; height: 22px; font-size: 11px; }
.xp-sidebar-filter .filter-options li button { min-height: 27px !important; line-height: 17px !important; padding-top: 4px !important; padding-bottom: 4px !important; }
.xp-sidebar-filter .filter-options { margin-bottom: 0 !important; }
.xp-sidebar-filter .tw-mb-4:has(.filter) { margin-bottom: 0 !important; }
.xp-sidebar-filter hr { margin: 8px; }
.xp-sidebar-filter [aria-label="vault: My vault"] { min-height: 24px !important; padding-top: 0 !important; padding-bottom: 0 !important; }
bit-avatar { --avatar-bg: #414141 !important; --avatar-bg-hover: #505050 !important; }
bit-avatar svg { background: #414141 !important; }
[data-surface=web] app-account-menu button { border-radius: 50%; }
[data-surface=extension] popup-tab-navigation > nav { background: #181818 !important; }
@media(prefers-reduced-motion:reduce) { *, *::before, *::after { transition: none !important; animation: none !important; } }

/* Live-client adaptations: keep every native navigation and vault action available. */
[data-surface=web] #main-content { min-width: 0; }
[data-surface=web] #bit-side-nav { border-right: 1px solid #303030; }
[data-surface=web] .xp-brand { min-width: 0; flex-direction: row !important; }
[data-surface=web] bit-nav-logo a.xp-brand::before,
[data-surface=web] bit-landing-header header a.xp-brand::before {
  content: ""; display: block; width: 30px; height: 30px; flex: none;
  background: #303030 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%23ededed' d='M15.5 15.5H36L84.5 84.5H64ZM64 15.5H84.5L36 84.5H15.5Z'/%3E%3Ccircle cx='50' cy='46.8' r='7.2' fill='%23303030'/%3E%3Cpath d='M47 48.5L43.2 63.2H56.8L53 48.5Z' fill='%23303030'/%3E%3C/svg%3E") center / contain no-repeat;
  border: 1px solid #505050; border-radius: 7px;
}
[data-surface=web] bit-nav-logo a.xp-brand bit-svg,
[data-surface=web] bit-nav-logo a.xp-brand > span:not(.xp-wordmark),
[data-surface=web] bit-landing-header header a.xp-brand bit-svg { display: none !important; }
[data-surface=web] bit-landing-header header a.xp-brand { background: none !important; width: auto; height: auto; }
[data-surface=web] bit-landing-hero .xp-lock-art { width: 64px; height: 64px; margin: auto; background: #262626; border: 1px solid #414141; border-radius: 18px; position: relative; }
[data-surface=web] bit-landing-hero .xp-lock-art > svg { display: none; }
[data-surface=web] bit-landing-hero .xp-lock-art::before { content: ""; position: absolute; width: 26px; height: 23px; left: 18px; top: 27px; border: 1.5px solid #cbd8cf; border-radius: 6px; }
[data-surface=web] bit-landing-hero .xp-lock-art::after { content: ""; position: absolute; width: 16px; height: 18px; left: 23px; top: 12px; border: 1.5px solid #cbd8cf; border-bottom: 0; border-radius: 8px 8px 0 0; }
[data-surface=web] .xp-wordmark small { display: block; }
[data-surface=web] #bit-side-nav:has(button[aria-controls=bit-side-nav][aria-expanded=false]) .xp-wordmark { display: none; }
[data-surface=web] #bit-side-nav:has(button[aria-controls=bit-side-nav][aria-expanded=false]) .xp-foot { display: none; }
[data-surface=web] .xp-foot { padding: 12px 20px; }
[data-surface=web] #bit-side-nav:has(button[aria-controls=bit-side-nav][aria-expanded=false]) bit-nav-item > div { padding: 0 !important; }
[data-surface=web] bit-nav-logo a.xp-brand .bwi-shield { display: none; }
[data-surface=web] app-vault-filter .tw-text-primary-600 { color: #ededed; }
[data-surface=web] .xp-sidebar-filter a { display: flex; }
[data-surface=web] app-vault-icon img, [data-surface=extension] app-vault-icon img,
[data-surface=extension] app-vault-icon-v2 img { filter: grayscale(1); }
button[buttontype=primary]:disabled, .btn-primary:disabled { opacity: .5; cursor: not-allowed; }
[data-surface=admin] .navbar-brand { display: flex; align-items: center; gap: 8px; }
[data-surface=admin] .navbar-brand .xewlpass-icon { width: 30px; height: 30px; margin: 0; }
@media(max-width:720px) {
  [data-surface=web] bit-nav-logo > div { padding-left: 8px !important; padding-right: 8px !important; }
  [data-surface=web] bit-nav-item > div { padding: 0 4px !important; }
}