/* OfficeHelper V10 — final public brand lockup and footer hardening */
:root{--oh-navy:#061a3a;--oh-blue:#0b63f6;--oh-cyan:#27c6ff;--oh-gold:#ffd21a;--oh-line:#dce6f5}
.oh-brand-lockup{display:inline-flex!important;align-items:center!important;gap:10px!important;min-width:0!important;text-decoration:none!important;color:var(--oh-navy)!important}
.oh-brand-mark{width:42px!important;height:42px!important;min-width:42px!important;border-radius:13px!important;display:grid!important;place-items:center!important;background:linear-gradient(145deg,#061a3a,#0b63f6)!important;border:2px solid #27c6ff!important;box-shadow:0 8px 22px rgba(7,89,220,.18)!important;color:#fff!important;font-weight:1000!important;font-size:14px!important;letter-spacing:-1px!important;line-height:1!important;position:relative!important}
.oh-brand-mark:after{content:"";position:absolute;inset:7px;border:2px solid var(--oh-gold);border-radius:50%;pointer-events:none}
.oh-brand-copy{display:flex!important;flex-direction:column!important;line-height:1!important;font-weight:950!important;font-size:18px!important;letter-spacing:-.4px!important;white-space:nowrap!important}
.oh-brand-copy>span{color:var(--oh-blue)!important}
.oh-brand-copy small{display:block!important;margin-top:5px!important;font-size:8px!important;font-weight:850!important;letter-spacing:.35px!important;color:#59708f!important}
.oh-brand-copy small b{color:var(--oh-blue)!important}
.top .oh-brand-lockup,.oh-header .oh-brand-lockup{color:var(--oh-navy)!important}
footer .oh-brand-lockup,.footer .oh-brand-lockup,.footer-final .oh-brand-lockup,.footer-account .oh-brand-lockup{color:#fff!important}
footer .oh-brand-copy,.footer .oh-brand-copy,.footer-final .oh-brand-copy,.footer-account .oh-brand-copy{color:#fff!important}
footer .oh-brand-copy>span,.footer .oh-brand-copy>span,.footer-final .oh-brand-copy>span,.footer-account .oh-brand-copy>span{color:#27c6ff!important}
footer .oh-brand-copy small,.footer .oh-brand-copy small,.footer-final .oh-brand-copy small,.footer-account .oh-brand-copy small{color:#c7d7ea!important}
footer .oh-brand-copy small b,.footer .oh-brand-copy small b,.footer-final .oh-brand-copy small b,.footer-account .oh-brand-copy small b{color:#7de7ff!important}
/* Hard-stop legacy white image/placeholder treatments. */
footer img,.footer img,.footer-logo,.account-footer img{background:transparent!important;background-image:none!important;border:0!important;box-shadow:none!important;filter:none!important;padding:0!important}
footer,.footer,.footer-final,.footer-account{background:linear-gradient(180deg,#061a3a 0%,#04132c 100%)!important}
.oh-header,.top,.topbar{background:rgba(255,255,255,.98)!important;color:#10213f!important}
.oh-header .oh-brand-mark,.top .oh-brand-mark,.topbar .oh-brand-mark{background:linear-gradient(145deg,#061a3a,#0b63f6)!important}
/* Keep the final brand readable on every mobile width. */
@media(max-width:560px){.oh-brand-mark{width:38px!important;height:38px!important;min-width:38px!important;border-radius:11px!important}.oh-brand-copy{font-size:16px!important}.oh-brand-copy small{font-size:7px!important;margin-top:4px!important}.oh-header .oh-brand-lockup,.top .oh-brand-lockup{max-width:190px!important}.oh-header .oh-logo,.top .oh-logo{display:none!important}}
/* Footer layout for text brand replacement */
footer .oh-brand-lockup,.footer .oh-brand-lockup,.footer-final .oh-brand-lockup,.footer-account .oh-brand-lockup{margin-bottom:12px!important}
.footer-final .footer-inner>div:first-child,.footer-account>div:first-child{min-width:0!important}
/* Accessibility */
.oh-brand-lockup:focus-visible{outline:3px solid rgba(11,99,246,.35);outline-offset:4px;border-radius:8px}

.account-hero .oh-brand-lockup,.account-hero .oh-brand-copy{color:#fff!important}.account-hero .oh-brand-copy>span{color:#7de7ff!important}.account-hero .oh-brand-copy small{color:#cfe0ff!important}.account-hero .oh-brand-copy small b{color:#ffd21a!important}.account-brand .oh-brand-mark{box-shadow:0 8px 24px rgba(0,0,0,.2)!important}
.ws-hero .oh-brand-lockup,.ws-hero .oh-brand-copy{color:#fff!important}.ws-hero .oh-brand-copy>span{color:#7de7ff!important}.ws-hero .oh-brand-copy small{color:#cfe0ff!important}.ws-hero .oh-brand-copy small b{color:#ffd21a!important}

/* OfficeHelper V12 — simplified white/dark visual system */
:root{color-scheme:light}body.dark{color-scheme:dark;background:#071225!important;color:#edf4ff!important}body.dark .oh-header,body.dark .top,body.dark .topbar{background:#08162b!important;border-color:#1c3354!important;color:#edf4ff!important;box-shadow:0 8px 28px rgba(0,0,0,.28)!important}body.dark .oh-nav a,body.dark .top nav a,body.dark .topbar nav a{color:#c8d7ea!important}body.dark .oh-brand-copy{color:#fff!important}body.dark .oh-brand-copy small{color:#a9bed8!important}body.dark .oh-actions .icon-btn{background:#102442!important;color:#fff!important;border-color:#29466e!important}.icon-btn{width:38px!important;height:38px!important;border:1px solid #d5e1f0!important;border-radius:11px!important;background:#f7faff!important;color:#173158!important;font-size:17px!important;font-weight:900!important;cursor:pointer!important}.hero-final{background:linear-gradient(135deg,#071b3b 0%,#0b63d8 100%)!important}.command-art{background:linear-gradient(145deg,#0a2149,#0d60d5)!important}.dark-final{background:linear-gradient(135deg,#071a36,#0b63d8)!important}.ecosystem{background:#eef3f9!important}.trust-legal{padding-top:40px}.trust-card{min-height:205px}.trust-card .home-icon{font-size:20px}.footer-final{background:#071a36!important}.footer-final .rrr a{color:#0759dc!important}.footer-final .copyright a{display:inline!important;color:#9feaff!important;margin:0!important}.footer-final .copyright a:hover{color:#fff!important}.footer-final .rrr b{color:#8eeaff!important}
body.dark .stat,body.dark .home-card,body.dark .workflow-final .step{background:#0d1c34!important;border-color:#1c3354!important;color:#edf4ff!important;box-shadow:0 12px 32px rgba(0,0,0,.22)!important}body.dark .section-title h2,body.dark .home-card h3{color:#f4f8ff!important}body.dark .section-title p,body.dark .home-card p,body.dark .stat span,body.dark .workflow-final span{color:#a9bbd2!important}body.dark .home-icon{background:#102442!important;color:#7db4ff!important}body.dark .ecosystem{background:#09172b!important}body.dark .trust-card{background:#0d1c34!important}body.dark .dark-final{background:#071a36!important}body.dark .footer-final{background:#050f21!important}.footer-final .rrr{gap:10px}
@media(max-width:560px){.icon-btn{width:36px!important;height:36px!important}.trust-card{min-height:0}.footer-final .copyright{gap:8px}}
