:root .tivvo-logo{--tivvo-logo-width:180px;vertical-align:middle;border-radius:0;flex-shrink:0;justify-content:space-between;align-items:center;gap:4%;min-width:0;max-width:100%;padding:0;line-height:1;width:var(--tivvo-logo-width)!important;mix-blend-mode:normal!important;background:0 0!important;height:auto!important;display:inline-flex!important;overflow:visible!important}:root .tivvo-logo>.tivvo-logo-mascot,:root .tivvo-logo>.tivvo-logo-wordmark{flex-shrink:0;display:block;object-fit:contain!important;object-position:center!important;mix-blend-mode:normal!important;height:auto!important;max-height:none!important}:root .tivvo-logo>.tivvo-logo-mascot{filter:none!important;width:44%!important}:root .tivvo-logo>.tivvo-logo-wordmark{transform:translateY(10%);filter:brightness(0)invert()!important;width:52%!important}.tivvo-mascot{object-fit:contain;width:52px;height:auto;display:block}.topbar .tivvo-logo{--tivvo-logo-width:180px}.admin-brand{flex-direction:column;align-items:flex-start!important;gap:9px!important}.admin-brand .tivvo-logo{--tivvo-logo-width:166px}.admin-brand .admin-brand-caption{letter-spacing:2px;color:var(--admin-muted);padding:0;font-size:7px;margin:0!important}.recovery-page .tivvo-logo,.admin-route-gate .tivvo-logo{--tivvo-logo-width:195px}.management-mascot{width:92px}.schematic-core>.tivvo-mascot{width:38px}.board-mark>.tivvo-mascot{width:28px}:root .tivvo-footer-logo{--tivvo-logo-width:160px}html[data-theme=graphite] .sidebar .tivvo-logo{--tivvo-logo-width:185px}html[data-theme=graphite] .footer .tivvo-logo{--tivvo-logo-width:140px}html[data-theme=graphite] .os-brand .tivvo-logo{--tivvo-logo-width:165px}html[data-theme=graphite] .brand-preview .tivvo-logo{--tivvo-logo-width:240px}@media (width<=760px){.topbar .tivvo-logo{--tivvo-logo-width:130px}.admin-brand .tivvo-logo{--tivvo-logo-width:165px}.footer-top:has(.tivvo-logo){flex-wrap:wrap;gap:20px}}@media (width<=700px){html[data-theme=graphite] .os-brand .tivvo-logo{--tivvo-logo-width:115px}}@media print{:root .tivvo-logo>.tivvo-logo-wordmark,:root .tivvo-logo>.tivvo-logo-mascot{filter:none!important}:root .print-logo.tivvo-logo{--tivvo-logo-width:200px}}:root{--tivvo-canvas:#101e32;--tivvo-surface:#192c46;--tivvo-raised:#223b5a;--tivvo-inset:#12223a;--tivvo-nav:#0c192d;--tivvo-text:#eef4ff;--tivvo-muted:#b1c3de;--tivvo-border:#3c5679;--tivvo-accent:#8bbcff;--tivvo-accent-hover:#afd0ff;--tivvo-on-accent:#0a2142}@media screen and (hover:hover) and (pointer:fine){html[data-theme=graphite] .app-shell :is(button,.button,.icon-button,.mobile-menu),:is(.app-shell,.admin-app) :is(button,.button,.admin-button),.account-card :is(button,.primary,.secondary),.plan :is(button,.primary,.secondary),.topbar a,.module-selector button{transition:transform .18s cubic-bezier(.2,.8,.2,1),background-color .18s,border-color .18s,color .18s,box-shadow .18s}.app-shell :is(.stat,.sales-stats>div,.warranty-stats>div),.admin-app :is(.admin-stat,.admin-plan-editor),.plan{transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s,box-shadow .22s}.app-shell :is(.panel,.attention,.os-card,.part-card,.payment-card),.admin-app :is(.admin-surface,.admin-table-wrap),.billing-panel,.account-card{transition:border-color .2s,box-shadow .2s}.app-shell tbody tr,.admin-app tbody tr{transition:background-color .16s}.app-shell :is(input,select,textarea),.admin-app :is(input,select,textarea){transition:border-color .18s,box-shadow .18s}.app-shell .sidebar nav button:not(:disabled):hover,.admin-app .admin-sidebar nav button:not(:disabled):hover{transform:translate(3px);box-shadow:0 3px 14px #020a1926}html[data-theme=graphite] :is(.button,.icon-button,.mobile-menu):not(:disabled):hover,.admin-app .admin-button:not(:disabled):hover,.account-card :is(button.primary,a.primary,button.secondary,a.secondary):not(:disabled):hover,.plan :is(button.primary,button.secondary):not(:disabled):hover,.topbar .nav-access:hover{transform:translateY(-2px);box-shadow:0 6px 18px #020a1930,0 0 0 1px #8bbcff22}html[data-theme=graphite] :is(.button,.icon-button,.mobile-menu):not(:disabled):active,.admin-app .admin-button:not(:disabled):active,.account-card :is(button.primary,a.primary,button.secondary,a.secondary):not(:disabled):active,.plan :is(button.primary,button.secondary):not(:disabled):active{transform:translateY(0)scale(.98)}.app-shell :is(.stat,.sales-stats>div,.warranty-stats>div):hover,.admin-app :is(.admin-stat,.admin-plan-editor):hover,.plan:hover{border-color:#8bbcff80;transform:translateY(-4px);box-shadow:0 12px 28px #020a1933,0 0 0 1px #8bbcff0d}html[data-theme=graphite] :is(.panel,.attention,.os-card,.part-card,.payment-card):hover,.admin-app :is(.admin-surface,.admin-table-wrap):hover,.billing-panel:hover,.account-card:hover{border-color:#729cce;box-shadow:0 8px 24px #020a1926}html[data-theme=graphite] tbody tr:hover,.admin-app tbody tr:hover{background-color:#8bbcff12}html[data-theme=graphite] :is(.segmented,.order-tabs) button:not(:disabled):hover,.module-selector button:not(:disabled):hover{transform:translateY(-1px)}.app-shell :is(.text-button,.pipeline button,.attention button):not(:disabled):hover,.admin-app .admin-text-button:not(:disabled):hover{color:var(--tivvo-accent-hover)}.app-shell .icon-button svg,.admin-app .admin-button svg{transition:transform .18s}.app-shell .icon-button:not(:disabled):hover svg:not(.spin),.admin-app .admin-button:not(:disabled):hover svg:not(.spin){transform:scale(1.08)}}@media screen{:is(.app-shell,.admin-app,.account-card,.plan) :is(button,a):focus-visible{outline:2px solid var(--tivvo-accent);outline-offset:4px}}@media screen and (prefers-reduced-motion:reduce){:is(.app-shell,.admin-app,.account-card,.plan,.billing-panel) *,.topbar a,.module-selector button{transition:none!important;animation:none!important}:is(.app-shell,.admin-app) :is(button,.button,.admin-button,.stat,.admin-stat,.admin-plan-editor,.sales-stats>div,.warranty-stats>div),.account-card :is(button,a),.plan,.plan :is(button,a),.topbar a,.module-selector button,.app-shell .icon-button svg,.admin-app .admin-button svg{transform:none!important}}