.brand-mark{position:relative;display:inline-block;flex:none;width:38px;height:40px;background:url('/brand/stockpad-shell.svg') center/contain no-repeat;perspective:none;filter:drop-shadow(0 2px 0 #03060a);transition:transform 180ms cubic-bezier(.23,1,.32,1)}
.brand-mark:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,#fff1a5 0%,#ffe06b 36%,#dba62f 100%);mask:url('/brand/stockpad-face.svg') center/contain no-repeat;clip-path:polygon(0 var(--liquid-top,-5%),25% calc(var(--liquid-top,-5%) - 2%),55% calc(var(--liquid-top,-5%) + 2%),80% calc(var(--liquid-top,-5%) - 1%),100% var(--liquid-top,-5%),100% 100%,0 100%);animation:liquid-ripple 2.4s ease-in-out infinite alternate}
@keyframes liquid-ripple{to{clip-path:polygon(0 calc(var(--liquid-top,-5%) + 2%),25% var(--liquid-top,-5%),55% calc(var(--liquid-top,-5%) - 2%),80% calc(var(--liquid-top,-5%) + 1%),100% calc(var(--liquid-top,-5%) - 1%),100% 100%,0 100%)}}
.brand-mark i{display:none!important}.brand-mark.small{width:30px;height:33px;transform:none}.brand{gap:9px;letter-spacing:0}.brand:hover .brand-mark{transform:translateY(-2px) rotate(-5deg)}.brand:active .brand-mark{transform:translateY(1px)}
@media(max-width:600px){.header .brand-mark{width:31px;height:34px;transform:none}.brand-mark.small{width:27px;height:30px}}
@media(prefers-reduced-motion:reduce){.brand-mark{transition:none}.brand-mark:before{animation:none}.brand:hover .brand-mark{transform:none}}
.service-live{display:inline-flex;align-items:center;gap:8px;color:#a5afa9;font-size:11px;font-weight:700;white-space:nowrap;min-width:82px}.service-live i{width:7px;height:7px;background:#737d79;border-radius:50%;flex:none}.service-live[data-state=live]{color:#b3e1c2}.service-live[data-state=live] i{background:#2dd36f;box-shadow:0 0 0 4px #2dd36f15;animation:live-pulse 2s ease-in-out infinite}.service-live[data-state=offline] i{background:#e1897c}@keyframes live-pulse{50%{box-shadow:0 0 0 5px #2dd36f06}}@media(max-width:800px){.service-live{font-size:9px;gap:6px;min-width:0}.app-header-actions{gap:10px!important}}@media(max-width:500px){.header .service-live{display:none}.app-header .service-live{position:absolute;top:114px;left:23px;z-index:1;background:#0b0d10;padding:7px 0}.app-header .service-live i{width:5px;height:5px}.status-strip .network-state{visibility:hidden}}@media(prefers-reduced-motion:reduce){.service-live i{animation:none!important}}
.status-strip>.service-live{position:static}@media(max-width:500px){.status-strip>div{gap:10px}.status-strip>div>.network-state{display:none!important}.status-strip .service-live{font-size:9px;padding:0;min-width:0}}