/* Original PNG pixels are unchanged. Symbols gain display-only black padding;
   the wordmark viewBox only trims transparent space. */
.lchive-brand { display:inline-flex; align-items:center; gap:8px; min-width:0; }
.lchive-brand-home { display:grid; place-items:center; flex:none; width:32px; height:32px; border-radius:8px; overflow:hidden; background:#000; }
.lchive-brand-symbol { display:block; width:88%; height:88%; object-fit:contain; }
html[data-theme] .lchive-brand .lchive-wordmark-button {
  display:grid; place-items:center; flex:0 1 84px; width:84px; min-width:0; min-height:40px;
  margin:0; padding:0; border:0 !important; border-radius:5px;
  background:transparent !important; box-shadow:none !important;
}
.lchive-wordmark-button:disabled { opacity:1; }
.lchive-wordmark-svg { display:block; width:100%; height:auto; max-height:40px; pointer-events:none; }
.lchive-wordmark-black { display:none; }
.lchive-wordmark-white { display:inline; }
html[data-brand-color=black] .lchive-wordmark-black { display:inline; }
html[data-brand-color=black] .lchive-wordmark-white { display:none; }
.lchive-wordmark-button[data-brand-color=black] .lchive-wordmark-black { display:inline; }
.lchive-wordmark-button[data-brand-color=black] .lchive-wordmark-white { display:none; }
.lchive-wordmark-button[data-brand-color=white] .lchive-wordmark-black { display:none; }
.lchive-wordmark-button[data-brand-color=white] .lchive-wordmark-white { display:inline; }
.lchive-brand :is(.lchive-brand-home,.lchive-wordmark-button):focus-visible { outline:2px solid var(--theme-focus,#93c5fd); outline-offset:3px; }
.lchive-wordmark-button:not(:disabled):hover { outline:1px solid var(--theme-border,#475569); outline-offset:2px; }
.app-screen .sidebar-head { gap:8px; padding-inline:14px 8px; }
html[data-theme] .app-screen .sidebar-head .lchive-wordmark-button { width:66px; flex-basis:66px; }
.app-screen.sidebar-collapsed .sidebar-head { padding-inline:0; justify-content:center; }
.auth-brand,.landing-brand { display:flex; flex-direction:column; }
.auth-brand { gap:10px; margin:0 auto 16px; }
.auth-brand .lchive-brand-home { width:52px; height:52px; border-radius:12px; }
html[data-theme] .auth-brand .lchive-wordmark-button { width:126px; min-height:60px; flex:none; }
.auth-brand .lchive-wordmark-svg { max-height:60px; }
.landing-brand { gap:14px; margin-bottom:24px; }
html[data-theme] .landing-brand .lchive-wordmark-button { width:190px; min-height:91px; flex:none; }
.landing-brand .lchive-wordmark-svg { max-height:91px; }
