:root{--fo-bg: var(--ka-bg, #f3f4f6);--fo-surface: var(--ka-card, #ffffff);--fo-border: var(--ka-border, #e2e8f0);--fo-text: var(--ka-text, #1e293b);--fo-muted: #64748b;--fo-accent: var(--ka-brand-primary, #0b1120)}body.fo-not-authenticated #fo-shell,body.fo-not-authenticated #fo-feil-sted{display:none!important}#fo-feil-sted.ka-hidden,#fo-shell.ka-hidden{display:none}#fo-feil-sted{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:var(--fo-bg)}.fo-feil-boks{width:100%;max-width:380px;margin:16px;background:var(--fo-surface);border:1px solid var(--fo-border);border-radius:var(--radius);padding:28px 24px;color:var(--fo-text);text-align:center}.fo-mark{display:inline-block;font-size:var(--font-size-3xl);color:var(--fo-accent);margin-bottom:4px}.fo-feil-boks h1{font-size:var(--font-size-xl);margin:4px 0 6px}.fo-feil-boks p{font-size:var(--font-size-base);color:var(--fo-muted);margin:0 0 16px}.fo-feil-boks .btn{margin:4px}#fo-shell{min-height:100vh;background:var(--fo-bg)}#fo-topbar{position:fixed;top:0;left:0;right:0;height:56px;background:var(--fo-surface);color:var(--fo-text);display:flex;align-items:center;gap:12px;padding:0 16px;z-index:100;border-bottom:1px solid var(--fo-border)}#fo-topbar h1{font-size:var(--font-size-lg);font-weight:700;flex:1;color:var(--fo-accent)}.fo-topbar-link{color:var(--fo-muted);text-decoration:none;font-size:var(--font-size-base);background:none;border:none;cursor:pointer;padding:8px 10px;min-height:44px;display:inline-flex;align-items:center}.fo-topbar-link:hover{color:var(--fo-text)}.fo-topbar-btn{font-family:inherit}#fo-nav{position:fixed;top:56px;bottom:0;left:0;width:220px;background:var(--fo-surface);border-right:1px solid var(--fo-border);padding:12px 0;overflow-y:auto}.fo-nav-item{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;text-align:left;background:none;border:none;color:var(--fo-muted);font-family:inherit;font-size:var(--font-size-base);padding:10px 16px;cursor:pointer;text-decoration:none}.fo-nav-item:hover{color:var(--fo-text);background:var(--fo-bg)}.fo-nav-item.is-active{color:var(--fo-accent);background:var(--fo-bg);font-weight:600;border-right:3px solid var(--fo-accent)}#fo-topbar .rolle-chip-mobil{color:var(--fo-accent)}@media (max-width: 768px){body.ka-rolle-mobil-synlig #fo-topbar h1{display:none}}@media (min-width: 721px){#fo-nav{display:flex;flex-direction:column}}#fo-main{margin-left:220px;padding-top:56px}.fo-innhold{padding:20px 24px;max-width:900px}@media (max-width: 720px){#fo-nav{width:100%;height:auto;position:fixed;bottom:0;top:auto;display:flex;justify-content:space-around;border-right:none;border-top:1px solid var(--fo-border);padding:4px 0}.fo-nav-item{flex-direction:column;gap:2px;font-size:var(--font-size-xs);padding:6px 4px}#fo-main{margin-left:0;padding-bottom:64px}.fo-innhold{padding:16px}}.fo-nav-mer{display:none}@media (max-width: 720px){#fo-nav .fo-nav-item[data-fo-sekundaer]{display:none}#fo-nav .fo-nav-mer{display:flex}#fo-shell.fo-klubbadmin #fo-topbar h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}#fo-shell.fo-klubbadmin .fo-topbar-link{padding:var(--space-sm) var(--space-xs);white-space:nowrap}}