:root{--z-menu:50}.masthead{padding-block:calc(var(--step) * 1.25)}.shell-body{padding-block-start:calc(var(--step) * 2)}.portal-avatar{border-radius:calc(var(--radius) * .75);font-family:var(--mono);letter-spacing:.02em;flex:none;place-items:center;font-weight:700;display:grid}.portal-apps{gap:var(--step);margin-bottom:calc(var(--step) * 3);flex-wrap:wrap;display:flex}.portal-app{align-items:center;gap:var(--step);min-height:calc(var(--step) * 5.5);padding:calc(var(--step) * .75) calc(var(--step) * 1.5) calc(var(--step) * .75) calc(var(--step) * .75);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);min-width:0;text-decoration:none;transition:border-color .15s,background-color .15s;display:flex}.portal-app:hover{border-color:var(--accent)}.portal-app--current{background:color-mix(in srgb, var(--accent) 10%, transparent);border-color:color-mix(in srgb, var(--accent) 45%, var(--border));font-weight:600}.portal-app--all{font:inherit;cursor:pointer}.portal-app-face{width:calc(var(--step) * 4);height:calc(var(--step) * 4);font-size:.6875rem}.portal-app-face--all{background:color-mix(in srgb, var(--accent) 8%, transparent);color:var(--muted)}.portal-app-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:11rem;font-size:.875rem;overflow:hidden}.portal-sheet{width:min(92vw,26rem);max-height:min(80vh,34rem);padding:calc(var(--step) * 2.5);border:1px solid var(--border);border-radius:calc(var(--radius) * 1.5);background:var(--surface);color:var(--text)}.portal-sheet::backdrop{background:#0006}.portal-sheet[open]{gap:calc(var(--step) * 2);flex-direction:column;animation:.18s cubic-bezier(.16,1,.3,1) both portal-reveal;display:flex}.portal-sheet-head{justify-content:space-between;align-items:center;gap:calc(var(--step) * 2);display:flex}.portal-sheet-title{margin:0;font-size:1rem;font-weight:650}.portal-sheet-close{font:inherit;padding:calc(var(--step) * .75) calc(var(--step) * 1.5);background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;font-size:.8125rem}.portal-sheet-close:hover{border-color:var(--accent)}.portal-sheet-filter{width:100%}.portal-sheet-nav{gap:calc(var(--step) * .5);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.portal-sheet-nav .portal-app{padding:calc(var(--step) * 1) calc(var(--step) * 1);background:0 0;border:none}.portal-sheet-nav .portal-app:hover{background:color-mix(in srgb, var(--accent) 6%, transparent)}.portal-sheet-nav .portal-app--current{background:color-mix(in srgb, var(--accent) 10%, transparent)}.portal-sheet-nav .portal-app-label{max-width:none}.portal-sheet-empty{padding:calc(var(--step) * 1.5) calc(var(--step) * .5)}.portal-account{flex:none;margin-inline-start:auto;position:relative}.portal-account-trigger{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:999px;place-items:center;padding:2px;transition:border-color .15s;display:grid;position:relative}.portal-account-trigger:after{content:"";position:absolute;inset:-6px}.portal-account-trigger:hover,.portal-account-trigger[aria-expanded=true]{border-color:var(--accent)}.portal-account-face{width:calc(var(--step) * 4);height:calc(var(--step) * 4);border-radius:999px;font-size:.6875rem}.portal-account-menu{inset-inline-end:0;top:calc(100% + var(--step));z-index:var(--z-menu);min-width:15rem;max-width:min(20rem, calc(100vw - var(--step) * 4));padding:calc(var(--step) * 1);background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) * 1.25);flex-direction:column;animation:.18s cubic-bezier(.16,1,.3,1) both portal-reveal;display:flex;position:absolute;box-shadow:0 8px 28px #00000024}.portal-account-id{gap:calc(var(--step) * .25);padding:calc(var(--step) * 1) calc(var(--step) * 1.5) calc(var(--step) * 1.5);flex-direction:column;display:flex}.portal-account-name{overflow-wrap:anywhere;font-size:.9375rem;font-weight:600}.portal-account-email{color:var(--muted);overflow-wrap:anywhere;font-size:.8125rem}.portal-account-group{border-top:1px solid var(--border);padding-top:calc(var(--step) * 1);margin-top:calc(var(--step) * 1);flex-direction:column;display:flex}.portal-account-group-label{margin:0 0 calc(var(--step) * .5);padding-inline:calc(var(--step) * 1.5);color:var(--muted);font-size:.75rem;font-weight:600}.portal-account-item{font:inherit;text-align:start;min-height:calc(var(--step) * 5.5);padding:calc(var(--step) * 1) calc(var(--step) * 1.5);border-radius:var(--radius);color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;font-size:.875rem;text-decoration:none;display:flex}.portal-account-item:hover{background:color-mix(in srgb, var(--accent) 6%, transparent)}.portal-context{gap:calc(var(--step) * .25);flex-direction:column;min-width:0;display:flex}.portal-context-option{padding:calc(var(--step) * 1.5);border-radius:var(--radius);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;font-size:.875rem;text-decoration:none;overflow:hidden}.portal-context-option:hover{background:color-mix(in srgb, var(--accent) 6%, transparent)}.portal-context-option--current{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--text);font-weight:600}@keyframes portal-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.portal-gate{max-width:360px;margin:calc(var(--step) * 6) auto 0;gap:calc(var(--step) * 2);padding:calc(var(--step) * 4);background:var(--surface);border:1px solid var(--border);border-radius:calc(var(--radius) * 1.5);text-align:center;flex-direction:column;display:flex}.portal-gate-brand{letter-spacing:.01em;font-size:1.25rem;font-weight:650}.portal-gate-brand img{width:auto;max-height:44px;margin:0 auto;display:block}.portal-gate-title{color:var(--muted);margin:0;font-size:1.0625rem;font-weight:600}.portal-gate-entrar{width:100%;min-height:calc(var(--step) * 6);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.portal-gate-note{color:var(--muted);margin:0;font-size:.8125rem}.portal-context-refused{max-width:420px;margin:calc(var(--step) * 4) auto 0;gap:calc(var(--step) * 2);text-align:center;flex-direction:column;display:flex}
