html,body{max-width:100%;overflow-x:hidden}
.lh-desktop-header{position:sticky;top:0;z-index:50000;width:100%;height:72px;border-bottom:1px solid rgba(255,255,255,.075);background:rgba(8,8,10,.9);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}
.lh-desktop-header-inner{width:min(1320px,calc(100% - 40px));height:100%;margin:auto;display:flex;align-items:center;gap:22px}.lh-desktop-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:900 18px Inter,system-ui,sans-serif;flex:none}.lh-brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;}.lh-brand-mark svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lh-desktop-links{display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-width:0}.lh-desktop-links a{min-height:42px;display:inline-flex;align-items:center;padding:0 13px;border-radius:12px;color:#9297a2;text-decoration:none;font:800 13px Inter,system-ui,sans-serif;white-space:nowrap}.lh-desktop-links a:hover{color:#fff;background:rgba(255,255,255,.045)}.lh-desktop-links a.active{color:#fff;background:rgba(255,255,255,.075);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.lh-desktop-actions{display:flex;align-items:center;gap:8px;flex:none}.lh-desktop-actions a,.lh-header-help{min-height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);color:#fff;text-decoration:none;font:800 12px Inter,system-ui,sans-serif;padding:0 12px}.lh-header-help{width:40px;padding:0}.lh-header-logout{color:#ff9da7!important}.lh-business-shortcut{background:linear-gradient(135deg,rgba(255,118,87,.14),rgba(255,55,111,.11))!important;border-color:rgba(255,104,82,.24)!important}
.lh-unified-shell .lh-legacy-header,.lh-unified-shell .lh-legacy-sidebar{display:none!important}.lh-unified-shell .dashboard-layout,.lh-unified-shell .layout{display:block!important;min-height:0!important}.lh-unified-shell .dashboard-content,.lh-unified-shell .main{width:min(1320px,calc(100% - 40px));max-width:1320px;margin:0 auto;padding:26px 0 110px!important;min-width:0}.lh-unified-shell .catalog-content{padding-top:24px!important}.lh-unified-shell .control-panel{margin-top:20px!important}.lh-unified-shell .shell,.lh-unified-shell .wrap,.lh-unified-shell .main-container{padding-top:0!important}
@media(max-width:1050px){.lh-desktop-header-inner{width:min(100% - 24px,1320px);gap:10px}.lh-desktop-links a{padding:0 8px;font-size:11.5px}.lh-business-shortcut{display:none!important}}
@media(max-width:768px){.lh-desktop-header{display:none!important}.lh-unified-shell .dashboard-content,.lh-unified-shell .main{width:100%;padding:10px 10px 110px!important}.lh-unified-shell .catalog-content{padding-top:10px!important}.lh-unified-shell .control-panel{margin-top:7px!important}}

@media(max-width:768px){
 .lh-desktop-header,.lh-desktop-header *{display:none!important;visibility:hidden!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important}
 .lh-desktop-header{position:absolute!important;pointer-events:none!important}
}

/* V4: every internal page ends with a real footer */
body.lh-unified-shell{
    min-height:100vh!important;
    min-height:100dvh!important;
    display:flex!important;
    flex-direction:column!important;
}
body.lh-unified-shell>.lh-app-footer{flex:0 0 auto}


/* V20.8.2 brand mark image — text "LocalHub" remains unchanged */
.lh-brand-mark{
    overflow:hidden;
    flex:0 0 auto;
}
.lh-brand-mark img{
    width:100%;
    height:100%;
    display:block;
    object-fit:contain;
}


/* V20.8.6 — favicon artwork next to LocalHub.
   The image itself supplies its dark interior.
   Keep the surrounding mark container fully transparent. */
.lh-brand-mark{
    background:transparent!important;
    box-shadow:none!important;
    filter:none!important;
    border:0!important;
    padding:0!important;
}
.lh-brand-mark img{
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:contain!important;
    background:transparent!important;
    box-shadow:none!important;
    filter:none!important;
}


/* V20.8.7 — exact browser-tab favicon beside LocalHub */
.lh-brand-mark{
    width:32px!important;
    height:32px!important;
    flex:0 0 32px!important;
    display:block!important;
    overflow:visible!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    filter:none!important;
    padding:0!important;
    margin:0!important;
}
.lh-brand-mark img{
    width:32px!important;
    height:32px!important;
    display:block!important;
    object-fit:contain!important;
    background:transparent!important;
    box-shadow:none!important;
    filter:none!important;
    image-rendering:auto!important;
}


/* V20.8.8 — circular LocalHub brand mark with baked-in dark interior */
.lh-brand-mark{
    width:34px!important;
    height:34px!important;
    flex:0 0 34px!important;
    display:block!important;
    overflow:visible!important;
    border-radius:50%!important;
    background:transparent!important;
    box-shadow:none!important;
    filter:none!important;
    padding:0!important;
    margin:0!important;
}
.lh-brand-mark img{
    width:34px!important;
    height:34px!important;
    display:block!important;
    object-fit:contain!important;
    border-radius:50%!important;
    background:transparent!important;
    box-shadow:none!important;
    filter:none!important;
}