.portal-access-banner-shell{--portal-access-banner-height:0px;min-width:0}.portal-access-banner-shell:has(.portal-access-banner){--portal-access-banner-height:48px}.portal-access-banner{box-sizing:border-box;z-index:100;border-bottom:1px solid color-mix(in oklch, var(--signal-ink) 22%, var(--border));background:color-mix(in oklch, var(--accent) 90%, var(--card));min-height:48px;color:var(--foreground);overflow-wrap:anywhere;align-items:center;gap:14px;min-width:0;max-width:100%;padding:4px clamp(16px,3vw,40px);font-size:13px;line-height:1.35;display:flex;position:sticky;top:0}.portal-access-banner p{flex:1;min-width:0;margin:0}.portal-access-banner a,.portal-access-banner button{box-sizing:border-box;border:1px solid var(--input);min-width:0;min-height:38px;font:600 12px var(--font-body);text-align:center;border-radius:7px;justify-content:center;align-items:center;gap:5px;display:inline-flex}.portal-access-banner a{background:var(--primary);color:var(--primary-foreground);padding:0 10px;text-decoration:none}.portal-access-banner a:hover{background:color-mix(in oklch, var(--primary) 92%, var(--foreground))}.portal-access-banner button{color:var(--foreground);cursor:pointer;background:0 0;padding:0 8px}.portal-access-banner button:hover{background:color-mix(in oklch, var(--foreground) 7%, var(--card))}.portal-access-banner a:focus-visible,.portal-access-banner button:focus-visible,.portal-access-banner input:focus-visible,.portal-access-banner select:focus-visible,.portal-access-banner textarea:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.portal-access-banner input,.portal-access-banner select,.portal-access-banner textarea{box-sizing:border-box;border:1px solid var(--input);min-height:44px;font-size:16px}.portal-access-banner-impersonation{background:color-mix(in oklch, var(--primary) 20%, var(--card))}.dark .portal-access-banner{background:color-mix(in oklch, var(--card) 95%, var(--background));border-color:color-mix(in oklch, var(--border) 70%, var(--foreground) 30%)}.dark .portal-access-banner-impersonation{background:color-mix(in oklch, var(--primary) 15%, var(--card))}.kundska-topbar{top:var(--portal-access-banner-height,0px)}.portal-access-banner-shell .skal-shell{min-height:calc(100vh - var(--portal-access-banner-height,0px));min-height:calc(100dvh - var(--portal-access-banner-height,0px))}@media (min-width:701px){.portal-access-banner-shell .skal-sidebar{min-height:calc(100vh - var(--portal-access-banner-height,0px))}}@media (max-width:700px){.portal-access-banner-shell .skal-topbar{top:calc(var(--skal-banner-h,0px) + var(--portal-access-banner-height,0px))}.portal-access-banner-shell .work-tabs-wrap{top:calc(var(--skal-banner-h,0px) + 56px + var(--portal-access-banner-height,0px))}}@media (max-width:600px){.portal-access-banner-shell:has(.portal-access-banner){--portal-access-banner-height:104px}.portal-access-banner{flex-wrap:wrap;align-items:flex-start;gap:6px 10px;min-height:104px;padding:9px 14px}.portal-access-banner p{flex:100%}.portal-access-banner a,.portal-access-banner button{white-space:normal;min-height:44px}.portal-access-banner a{flex:auto}.portal-access-banner button{flex:0 auto}}@media (max-width:360px){.portal-access-banner{padding-inline:10px}.portal-access-banner a,.portal-access-banner button{min-width:44px;min-height:44px;font-size:12px}}
