/* Shared Logo5 presentation. Loaded by all five portal entry documents.
   Kept separate from application bundles so branding can ship independently. */
img[src*="/brand/kanderbooks-logo.png"]{content:url("/brand/kanderbooks-logo-v5.png")}
:root .kbpos-brand,:root .kbpos-sidebar-brand .kbpos-brand,:root .kbpos-entry-brand .kbpos-brand{
 width:224px;max-width:100%;height:108px;box-sizing:border-box;padding:4px 7px 5px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;overflow:visible
}
:root .kbpos-brand img{display:block;flex:0 0 auto;width:100%;height:78px;padding:0;object-fit:contain}
:root .kbpos-brand::after,:root .kbpos-mobile-brand::after,:root .brand:has(>img[src*="kanderbooks-logo"])::after{
 content:"Financial clarity. Smarter business.";display:block;position:static;color:#123449;font:600 12.5px/1.35 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:0;text-align:center;text-transform:none;white-space:normal;text-wrap:balance;max-width:100%;margin:1px 0 0;flex:0 0 auto
}
:root .kbpos-brand>span{bottom:-8px}
:root .kbpos-entry-brand{padding-block:5px}
:root .office-shell .sidebar__brand,:root .client-app .client-sidebar__top{padding-block:5px}
:root .brand:has(>img[src*="kanderbooks-logo"]){height:auto;gap:0;text-decoration:none}
:root .brand:has(>img[src*="kanderbooks-logo"])>img{order:0}
:root .brand:has(>img[src*="kanderbooks-logo"])::after{order:1;margin-bottom:3px}
:root .brand:has(>img[src*="kanderbooks-logo"])>small{order:2}
:root .workspace-sidebar .brand:has(>img[src*="kanderbooks-logo"]):not(.inverse)::after{color:#fff}
@media(max-width:900px){
 :root .kbpos-shared-header .kbpos-mobile-brand{width:124px;max-width:100%;height:auto;min-height:74px;text-decoration:none;align-self:center}
 :root .kbpos-shared-header .kbpos-mobile-brand img{width:100%;height:auto;aspect-ratio:1938/812;object-fit:contain}
 :root .kbpos-mobile-brand::after{font-size:12px;line-height:1.3;margin-top:2px}
}

/* Colored text remains separate from the supplied artwork. */
:root .kbpos-brand::after,:root .kbpos-mobile-brand::after,:root .brand:has(>img[src*="kanderbooks-logo"])::after{color:#0767ad;font-weight:700}
@supports(background-clip:text){
:root .kbpos-brand::after,:root .kbpos-mobile-brand::after,:root .brand:has(>img[src*="kanderbooks-logo"])::after{background:linear-gradient(100deg,#0767ad 10%,#007b41 90%);background-clip:text;-webkit-background-clip:text;color:transparent}
:root .workspace-sidebar .brand:has(>img[src*="kanderbooks-logo"]):not(.inverse)::after{background-image:linear-gradient(100deg,#7ec8ff,#73e0ad);color:transparent}
}
@media(forced-colors:active){:root .kbpos-brand::after,:root .kbpos-mobile-brand::after,:root .brand:has(>img[src*="kanderbooks-logo"])::after,:root .workspace-sidebar .brand:has(>img[src*="kanderbooks-logo"]):not(.inverse)::after{background:none;color:LinkText}}

/* One Logo5 layout and desktop header height across every KBPOS portal. */
:root,
:root .kbpos-shared-header,
:root .kbpos-entry-header,
:root .kbpos-entry-brand {--kb-portal-header-height:148px}
:root .kbpos-brand,
:root .kbpos-sidebar-brand .kbpos-brand,
:root .kbpos-entry-brand .kbpos-brand,
:root .workspace-sidebar .sidebar-brand > .kbpos-brand {
 width:224px;max-width:100%;min-width:0;height:auto;min-height:0;
 flex:0 1 224px;padding:6px 8px 14px;justify-content:flex-start
}
:root .kbpos-brand > img {
 width:100%;height:auto;max-height:78px;aspect-ratio:1938/812;object-fit:contain
}
:root .office-shell .sidebar__brand,
:root .client-app .client-sidebar__top,
:root .workspace-sidebar .sidebar-brand,
:root .kbpos-sidebar-brand,
:root .kbpos-entry-brand {
 box-sizing:border-box;height:auto;min-height:var(--kb-portal-header-height);
 padding-block:10px 18px;gap:12px;align-items:center;justify-content:center;
 border-bottom:1px solid rgb(123 200 255 / 22%)
}
:root .office-shell .sidebar__brand,
:root .client-app .client-sidebar__top,
:root .workspace-sidebar .sidebar-brand,
:root .kbpos-sidebar-brand {flex:0 0 auto}
:root .workspace-sidebar .sidebar-brand {padding-inline:0}
:root .app-shell > .sidebar:has(> .kbpos-sidebar-brand) {padding-top:0}
:root .kbpos-sidebar-brand {margin-inline:-18px;padding-inline:20px}
@media(max-width:900px){
 :root .office-shell .sidebar__close,
 :root .client-app .client-menu-close,
 :root .kbpos-sidebar-brand > .kbpos-mobile-close {position:static;flex:0 0 30px}
 :root .office-shell .sidebar__brand,
 :root .client-app .client-sidebar__top,
 :root .workspace-sidebar .sidebar-brand,
 :root .kbpos-sidebar-brand {min-height:160px}
}