/* Shared Blonei identity: public landing and authenticated product. */
:root { --blonei-blue:#2859e7; --blonei-blue-hover:#3768f4; --blonei-night:#090c13; --blonei-font:'Instrument Sans',Arial,sans-serif; }
/* User-supplied brand artwork, displayed without changing the source PNGs.
   The display window trims the logo's white margins; multiply integrates its
   white canvas with the platform's light surfaces. */
.blonei-logotype { position:relative; display:inline-block; flex:none; width:158px; height:40.4px; overflow:hidden; vertical-align:middle; mix-blend-mode:multiply; }
.blonei-logotype img { position:absolute; display:block; width:115.2%; height:150%; max-width:none; left:-7.64%; top:-27.5%; object-fit:fill; }
.home-nav .brand { gap:0; }
.home-footer .blonei-logotype { width:126px; height:32.2px; }
.client-nav-brand .blonei-logotype { width:122px; height:31.2px; }
.auth-brand { display:flex; align-items:center; margin:0 0 24px; }
.auth-brand .blonei-logotype { width:142px; height:36.3px; }
.blonei-boot-icon { display:block; width:48px; height:48px; object-fit:contain; }
@media(max-width:650px){.home-nav .blonei-logotype{width:132px;height:33.7px}.home-footer .blonei-logotype{width:118px;height:30.2px}}

.dialog:has(.auth-brand) .primary{background:#2859e7;color:#fff}
.dialog:has(.auth-brand) .primary:hover{background:#1c47c7}

/* The original artwork stays intact. The dark wordmark uses only its lettering
   window; the supplied blue icon retains its original colours. */
.blonei-dark-brand { display:none; }
:is(.dashboard-body,.workspace-body,.ops-body) .blonei-logotype { display:none; }
:is(.dashboard-body,.workspace-body,.ops-body) .blonei-dark-brand { display:inline-flex; align-items:center; gap:8px; height:34px; }
.blonei-dark-brand>img { width:32px; height:32px; object-fit:contain; }
.blonei-dark-word { display:block; position:relative; width:95px; height:32px; overflow:hidden; mix-blend-mode:screen; }
.blonei-dark-word img { position:absolute; width:156px; max-width:none; height:52px; left:-52px; top:-11px; filter:grayscale(1) invert(1); }