.portal[data-city] .topbar{z-index:100;flex-wrap:wrap;justify-content:flex-end;gap:12px;height:auto;min-height:84px;padding:14px 24px;position:relative}.portal .monitor-entry-action{color:var(--blue)}.portal .topbar .header-weather{display:none}.portal .topbar .global-search{flex:220px;max-width:340px}.portal .appearance-menu{position:relative}.portal .appearance-menu summary{cursor:pointer;border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:11px 14px;font-size:13px;font-weight:600;list-style:none;display:flex}.appearance-menu summary::-webkit-details-marker{display:none}.portal .appearance-popover{z-index:60;border:1px solid var(--border);background:var(--panel,#172d40);width:300px;max-width:calc(100vw - 32px);color:var(--text,#edf4fa);border-radius:16px;padding:18px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 16px 40px #0003}.portal.white-mode .appearance-popover{background:var(--surface,#fff);color:var(--text,#18354e)}.portal .appearance-popover .appearance-actions{grid-template-columns:1fr;gap:8px;margin-top:12px;display:grid}.portal .appearance-popover .operation-toggle{justify-content:space-between;width:100%;min-height:42px}.portal .identity-sidebar{margin:12px auto;padding:10px}.portal .identity-sidebar .identity-media{max-width:140px;height:86px}.portal .identity-sidebar .identity-caption strong{font-size:20px}.portal .identity-sidebar .identity-caption>span{font-size:10px;line-height:1.45}.portal .sidebar .sidebar-bottom{border-top:1px solid color-mix(in srgb, var(--border) 72%, transparent);margin-top:auto;padding:20px 13px 2px}.portal .sidebar-bottom .platform-label{letter-spacing:1.35px;align-items:center;gap:8px;min-height:16px;font-size:8px;font-weight:650;line-height:1.35;display:flex}.portal .sidebar-bottom .platform-label>span:first-child{background:#55a7eb;border-radius:50%;flex:0 0 6px;width:6px;height:6px;box-shadow:0 0 0 3px #55a7eb24}.portal .sidebar-bottom .platform-label>span:not(:first-child){background:0 0;border-radius:0;width:auto;height:auto}.portal .sidebar-bottom p{text-wrap:balance;margin:11px 0 0;font-size:10px;line-height:1.65}.portal .sidebar-bottom>div{border-top:1px solid color-mix(in srgb, var(--border) 55%, transparent);white-space:nowrap;align-items:center;gap:12px;margin-top:17px;padding-top:11px;font-size:8px;line-height:1.3}.portal .sidebar-bottom>div>span:last-child{font-variant-numeric:tabular-nums;margin-left:auto}.portal .sidebar nav{gap:9px;padding:2px 0 5px}.portal .sidebar .nav-item{background:linear-gradient(#1b3042 0%,#122331 100%);border:1px solid #30495d;border-radius:11px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:0 12px;width:100%;min-width:0;min-height:48px;padding:11px 12px;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s,color .16s;display:grid;overflow:hidden;transform:translateY(0);box-shadow:0 3px #07121c,0 7px 13px #020a1040,inset 0 1px #ffffff0d}.portal .sidebar .nav-item>svg{filter:drop-shadow(0 1px #0005);grid-column:1}.portal .sidebar .nav-item>span:not(.active-dot){text-overflow:clip;white-space:normal;overflow-wrap:normal;grid-column:2;min-width:0;line-height:1.3;overflow:visible}.portal .sidebar .nav-item>.active-dot{grid-column:3;margin-left:0}.portal .sidebar .nav-item.future{min-height:56px}.portal .sidebar .nav-item.future>span{white-space:normal;overflow-wrap:normal;-webkit-line-clamp:unset;line-height:1.3;display:block;overflow:visible}.portal .sidebar .nav-item.future small{white-space:nowrap;grid-area:2/2/auto/4;justify-self:start;margin:5px 0 0}.portal .sidebar .nav-item:not(.future):hover{background:linear-gradient(#24425a 0%,#172d3f 100%);border-color:#477392;transform:translateY(-1px);box-shadow:0 4px #07121c,0 9px 16px #020a1055,inset 0 1px #ffffff17}.portal .sidebar .nav-item:active{transform:translateY(2px);box-shadow:0 1px #07121c,0 3px 7px #020a1040,inset 0 1px 3px #0005}.portal .sidebar .nav-item.active{background:linear-gradient(#2b78b7 0%,#18578e 100%);border-color:#6ba9d6;box-shadow:0 3px #0b3559,0 8px 16px #05253f45,inset 0 1px #ffffff38}.portal .sidebar,.portal .portal-main{transition:width .22s,margin-left .22s}.portal .sidebar-collapse-toggle{color:#a9c7dc;background:linear-gradient(#1a3042,#10212f);border:1px solid #30495d;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:calc(100% - 24px);min-height:38px;margin:0 12px 18px;padding:8px 10px;font-size:10px;font-weight:650;display:flex;box-shadow:0 2px #07121c,0 5px 10px #020a1038,inset 0 1px #ffffff0d}.portal .sidebar-collapse-toggle:hover{color:#e8f5ff;border-color:#527c9b;transform:translateY(-1px)}.portal .sidebar-collapse-toggle:active{transform:translateY(1px);box-shadow:0 1px #07121c,inset 0 2px 4px #0004}.portal.sidebar-collapsed{--sidebar:78px}.portal.sidebar-collapsed .sidebar{padding-inline:10px}.portal.sidebar-collapsed .sidebar>.official-portal-logo,.portal.sidebar-collapsed .sidebar .nav-eyebrow,.portal.sidebar-collapsed .sidebar .municipality-switcher,.portal.sidebar-collapsed .sidebar .sidebar-bottom{display:none}.portal.sidebar-collapsed .sidebar-collapse-toggle{width:46px;min-height:42px;margin:7px auto 19px;padding:8px}.portal.sidebar-collapsed .sidebar-collapse-toggle span{display:none}.portal.sidebar-collapsed .sidebar nav{gap:10px}.portal.sidebar-collapsed .sidebar .nav-item{grid-template-columns:1fr;place-items:center;width:48px;min-height:48px;margin-inline:auto;padding:10px;display:grid}.portal.sidebar-collapsed .sidebar .nav-item>svg{grid-area:1/1;margin:0}.portal.sidebar-collapsed .sidebar .nav-item>span,.portal.sidebar-collapsed .sidebar .nav-item small{display:none}.portal.white-mode[data-city] .sidebar .nav-item{color:#245779;background:linear-gradient(#fff 0%,#edf4fa 100%);border-color:#c3d7e7;box-shadow:0 3px #b5ccde,0 7px 13px #173b5917,inset 0 1px #fff}.portal.white-mode[data-city] .sidebar .nav-item:not(.future):hover{color:#174f79;background:linear-gradient(#fff 0%,#dfeefa 100%);border-color:#8db5d2;box-shadow:0 4px #9dbbd1,0 9px 16px #173b5920,inset 0 1px #fff}.portal.white-mode[data-city] .sidebar .nav-item:active{box-shadow:0 1px #9dbbd1,0 3px 7px #173b5917,inset 0 2px 4px #173b5912}.portal.white-mode[data-city] .sidebar .nav-item.active{color:#123f68;background:linear-gradient(#eaf5ff 0%,#cce5f8 100%);border-color:#6fa4cb;box-shadow:0 3px #79a8c9,0 8px 16px #245b841f,inset 0 1px #fff}.portal.white-mode[data-city] .sidebar-collapse-toggle{color:#245779;background:linear-gradient(#fff,#eaf2f8);border-color:#c3d7e7;box-shadow:0 2px #b5ccde,0 5px 10px #173b5917,inset 0 1px #fff}.module-disabled{text-align:center;padding:48px 24px}.module-disabled h1{margin:18px 0;font-size:26px}.module-disabled p{margin-bottom:24px}.municipal-risk{padding-bottom:18px}.municipal-risk>p,.municipal-risk>strong{margin:12px 20px 0;line-height:1.6;display:block}.municipal-risk>strong{font-size:22px}.municipal-risk>p{font-size:13px}.widget-detail-options{margin:20px 0}.widget-detail-options summary{cursor:pointer;font-weight:600}.portal .customize-trigger{min-height:42px}@media (max-width:800px){.portal.sidebar-collapsed{--sidebar:0px}.portal .sidebar-collapse-toggle{display:none}.portal[data-city] .topbar{justify-content:flex-start;gap:8px;padding:12px}.portal .topbar .header-municipality{margin-left:auto}.portal .topbar .profile{margin-left:auto;display:flex}.portal .topbar .profile>span:not(.avatar),.portal .topbar .profile>svg{display:none}.portal .appearance-menu{margin-left:auto}.portal .appearance-menu summary,.portal .customize-trigger{font-size:12px}.portal .appearance-popover{width:340px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 160px);position:fixed;top:140px;left:auto;right:12px;overflow-y:auto}}.official-portal-logo{box-sizing:border-box;background:#04182f;border-radius:12px;align-items:center;width:calc(100% - 24px);margin:18px 12px 24px;padding:8px 12px;text-decoration:none;display:flex}.official-portal-logo img,.official-portal-logo .ialerta-official-logo{object-fit:contain;width:100%;height:auto;display:block}.topbar .official-portal-logo{flex:0 0 140px;width:140px;margin:0;padding:4px 6px}.real-only{display:none!important}.portal.real-data-mode .real-only{display:revert!important}.portal:has(.real-monitoring) .real-only{display:revert!important}.portal.real-data-mode .demo-only{display:none!important}.portal:has(.real-monitoring) .demo-only{display:none!important}.nav-entry{display:contents}.nav-group-label{margin:18px 0 5px;padding-left:14px}