/* Unified Portal navigation — desktop + mobile */
.workspace{background:#f4f7fb!important}
.workspace-bar{height:76px!important;padding:0 18px!important;gap:14px!important;background:rgba(255,255,255,.98)!important;border-bottom:1px solid rgba(17,34,61,.09)!important;box-shadow:0 3px 16px rgba(24,56,96,.05)!important;overflow:hidden}
.workspace iframe{height:calc(100vh - 76px)!important;background:#f4f7fb}
.workspace-brand{width:196px;height:54px;flex:0 0 196px;border:0;cursor:pointer;border-radius:10px}
.workspace-brand:hover{background-color:#f8fafc}
.workspace-apps{display:flex;align-items:center;gap:7px;min-width:0;overflow-x:auto;scrollbar-width:none;padding:6px 1px}
.workspace-apps::-webkit-scrollbar{display:none}
.workspace-app{height:50px;display:flex;align-items:center;gap:9px;border:1px solid transparent;border-radius:13px;background:transparent;padding:5px 10px;color:#46617e;white-space:nowrap;transition:.16s ease;opacity:.76}
.workspace-app:hover{opacity:1;background:#f4f7fb;border-color:#e5ebf3}
.workspace-app.active{opacity:1;background:#edf4fb;border-color:#d9e6f3;color:#123f78;box-shadow:inset 0 -3px 0 #f4c400,0 5px 14px rgba(31,67,111,.07);font-weight:800}
.workspace-app-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#fff;border:1px solid #e0e8f2;flex:none;overflow:hidden}
.workspace-app-icon svg{width:21px;height:21px;stroke:#174579;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.workspace-app-icon img{width:30px!important;height:30px!important;object-fit:contain!important}
.workspace-app-name{font-size:12px;max-width:170px;overflow:hidden;text-overflow:ellipsis}
.workspace-external{white-space:nowrap;flex:none}
.workspace-mobile-switcher{display:none}
@media(min-width:621px){.workspace #openExternal.hidden{display:inline-flex!important}}

/* The official PNG contains large white margins around the artwork.
   Scale the original canvas so the artwork itself fills the header without being clipped. */
.brand,.workspace-brand,.auth-card .mark{
 background-image:url('./livion-logo.svg?v=9')!important;
 background-repeat:no-repeat!important;
 background-position:center!important;
 border:0!important;
}
.brand,.workspace-brand{background-size:auto 160%!important}
.auth-card .mark{background-size:auto 140%!important}
.brand{width:218px!important;height:54px!important;flex:0 0 218px!important}

@media(max-width:900px){
 .workspace-bar{padding:0 10px!important;gap:8px!important}
 .workspace-brand{width:142px;flex-basis:142px;height:48px;background-size:auto 150%!important}
 .workspace-app{padding:5px 7px}.workspace-app-name{display:none}.workspace-app.active .workspace-app-name{display:inline;max-width:130px}
}
@media(max-width:620px){
 .workspace{height:100vh!important;height:100dvh!important;max-height:100dvh!important}
 .workspace-bar{height:58px!important;flex:0 0 58px;padding:0 8px!important;gap:8px!important}
 .workspace iframe{height:0!important;min-height:0;flex:1 1 auto}
 /* No celular o botão do Portal vira apenas o ícone Livion para liberar espaço. */
 .workspace-brand{width:40px!important;flex:0 0 40px!important;height:42px!important;background-image:url('./assets/icons/livion-64.png?v=1')!important;background-size:34px 34px!important;background-repeat:no-repeat!important;background-position:center!important;border-radius:10px}
 .workspace-apps,.workspace-bar .grow,.workspace-version{display:none!important}
 .workspace-mobile-switcher{display:flex;position:relative;align-items:center;flex:1 1 auto;min-width:0;height:42px}
 .workspace-mobile-switcher:after{content:'▾';position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#24528e;font-size:16px;pointer-events:none}
 .workspace-mobile-switcher select{appearance:none;-webkit-appearance:none;display:block;width:100%;min-width:0;height:42px;padding:0 38px 0 13px;border:1px solid #d9e6f3;border-radius:11px;background:#edf4fb;color:#123f78;font:700 13px/1.2 Inter,Segoe UI,Arial,sans-serif;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
 .workspace-mobile-switcher select:focus-visible{outline:2px solid #245a9c;outline-offset:2px}
 .workspace-external{display:none!important}
 #workspaceInstall:not(.hidden){display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;font-size:12px;flex:0 0 auto}
 .brand{width:128px!important;height:42px!important;flex-basis:128px!important;background-size:auto 145%!important}
 .auth-card .mark{background-size:auto 125%!important}
}
@media(max-width:380px){
 .workspace-bar{padding-left:6px!important;padding-right:6px!important;gap:6px!important}
 .workspace-brand{width:36px!important;flex-basis:36px!important;background-size:31px 31px!important}
 .workspace-mobile-switcher select{font-size:12px}
 .brand{width:112px!important;flex-basis:112px!important;background-size:auto 130%!important}
}