html,body{width:100%;height:100%;overflow:hidden}
.app{max-width:none!important;width:100%;height:100dvh;min-height:520px!important;margin:0!important;padding-bottom:110px!important;display:flex;flex-direction:column;overflow:hidden;border-radius:0!important}
.map-wrap{position:relative;flex:1;min-height:260px}.map{position:absolute!important;inset:0;width:100%;height:100%!important;min-height:0!important}
.map-wrap .label,.map-wrap .legend,.map-wrap .tap-help{z-index:500}.app nav{bottom:40px}.app footer{position:absolute;z-index:20;bottom:0;left:0;right:0;min-height:40px;padding:5px 10px;display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;text-align:center;background:#090402;color:#d8beb0;font-size:clamp(10px,2.5vw,12px);line-height:1.25;letter-spacing:.2px}.app footer a{color:#ff7417;font-weight:bold;text-decoration:none}.app footer a:hover,.app footer a:focus-visible{color:#fff;text-decoration:underline}
@media(min-width:700px){body{padding:0!important}}
@media(max-width:480px){.app header{height:68px;padding:9px 10px}.app header img{width:112px}.summary{height:70px;padding:9px 10px;gap:16px}.summary button{padding:8px}.tap-help{max-width:190px;text-align:center}.legend{bottom:10px}.label{top:10px;left:10px}}
.invite-result{margin-top:18px;padding:14px;border-radius:12px;background:#fff1e8;border:1px solid #ffd0b0}.invite-result p{font-size:15px;line-height:1.4}.copy-invite,.mail-invite{display:block;width:100%;margin-top:9px;padding:12px;border-radius:11px;text-align:center;font-weight:bold;text-decoration:none}.copy-invite{border:0;background:#351006;color:#fff}.mail-invite{background:#ff7417;color:#fff}
.password-field{position:relative;display:block}.password-field input{padding-right:68px}.password-field .toggle-password{position:absolute;right:7px;top:50%;transform:translateY(-50%);width:auto;margin:3px 0 0;padding:7px 10px;border:1px solid #ff7417;background:#351006;color:#fff;border-radius:8px;font-size:13px}.password-help{margin:6px 0 0!important;color:#d8beb0!important;font-size:14px;line-height:1.35!important}.auth label small{float:right;color:#d8beb0;font-weight:normal}
.user-list{display:grid;gap:8px;margin:12px 0 20px}.user-row{display:flex;align-items:center;gap:10px;padding:11px;background:#f6f4f1;border-radius:11px}.user-row>div{min-width:0;display:flex;flex:1;flex-direction:column}.user-row strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-row small{margin-top:3px;color:#786861;font-size:12px}.user-row form{margin:0}.delete-user{border:1px solid #c53128;background:#fff;color:#b32820;padding:8px 10px;border-radius:8px;font-size:12px;font-weight:bold}.protected-user{color:#786861;font-size:12px}.admin-message{padding:10px;border-radius:9px;background:#e6f5e9;color:#245d30}.admin-error{padding:10px;border-radius:9px;background:#fee8e6;color:#8d211b}
.location-steps{padding-left:22px;line-height:1.55}.location-steps li{margin:8px 0}.location-note{padding:10px;border-radius:10px;background:#fff1e8;color:#6e310d;font-size:14px;line-height:1.45}
.user-card{padding:11px;background:#f6f4f1;border-radius:11px}.user-heading{display:flex;align-items:center;gap:10px}.user-heading>div{min-width:0;display:flex;flex:1;flex-direction:column}.user-heading strong{font-size:15px}.user-heading small{margin-top:3px;color:#786861;font-size:12px}.name-form{display:grid;grid-template-columns:1fr 1fr auto;gap:6px;margin-top:9px}.name-form input{min-width:0;margin:0;padding:8px;font-size:13px}.name-form button{border:0;border-radius:8px;background:#351006;color:#fff;padding:7px;font-size:12px}.name-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:420px){.name-form{grid-template-columns:1fr 1fr}.name-form button{grid-column:1/-1}.name-fields{grid-template-columns:1fr}}
.app header .signed-in-user{max-width:210px}.signed-in-user span{font-size:11px;color:#d5afa0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary{gap:clamp(10px,3vw,25px)}@media(max-width:480px){.app header .signed-in-user{max-width:130px}.summary>div strong{font-size:20px}.summary>div span{font-size:11px}.summary button{font-size:12px}}
.summary .summary-actions{margin-left:auto;display:flex;flex-direction:row;gap:8px}.summary-actions button{margin-left:0;min-width:88px;min-height:54px;justify-content:center;border:3px solid transparent;box-shadow:0 3px 10px #29140c55;color:#fff;font-weight:800}.summary-actions #locate{background:#d94f00;border-color:#8f3300}.summary-actions #refresh{background:#160803;border-color:#5b210d}.summary-actions .fin{font-size:28px;line-height:.9;color:#fff;font-weight:900;text-shadow:0 2px 2px #0008}@media(max-width:520px){.summary{height:94px!important;gap:4px;padding:7px 6px!important}.summary>div:not(.summary-actions){min-width:34px}.summary .summary-actions{gap:6px}.summary-actions button{width:70px;min-width:70px;height:72px;padding:6px 3px!important;display:flex;flex-direction:column;gap:5px;font-size:11.5px!important;line-height:1.05;border-width:3px;border-radius:14px}.summary-actions button .fin{font-size:34px;line-height:.8;margin:0}.summary>div strong{font-size:17px!important}.summary>div span{font-size:9.5px!important}}
.name-form select{min-width:0;margin:0;padding:8px;font-size:13px}.role-fixed{display:grid;place-items:center;color:#786861;font-size:12px}.name-form{grid-template-columns:1fr 1fr minmax(130px,auto) auto}@media(max-width:620px){.name-form{grid-template-columns:1fr 1fr}.name-form select,.name-form .role-fixed,.name-form button{grid-column:1/-1}}
/* Vicando 2026 grafik */
.auth{display:flex!important;flex-direction:column;align-items:center;justify-content:center}.auth,.app header{background-color:#160803;background-image:linear-gradient(90deg,#17070233,#0007),url('bakgrund-mix-2026.jpg?v=1');background-size:cover;background-position:center}.auth>img,.auth>section{width:min(420px,92vw)!important;max-width:420px!important}.auth>img{height:auto;margin:0 auto 22px;object-fit:contain;filter:drop-shadow(0 3px 8px #0008)}.app header>.brand-link{display:flex;align-items:center;flex:none}.app header>.brand-link img{width:clamp(150px,24vw,230px);height:auto;max-height:52px;object-fit:contain;object-position:left center;filter:drop-shadow(0 2px 5px #0008);transition:filter .18s,transform .18s}.app header>.brand-link:hover img,.app header>.brand-link:focus-visible img{filter:drop-shadow(0 3px 9px #ff741788);transform:translateY(-1px)}
.summary .summary-actions{gap:10px}.summary-actions button,.summary-actions #locate,.summary-actions #refresh{min-width:82px;min-height:58px;padding:2px 4px;background:transparent!important;border:0!important;box-shadow:none!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:12px;color:#090402!important;font-weight:800;transition:color .18s,transform .18s}.summary-actions button:hover,.summary-actions button:focus-visible{color:#ff7417!important;transform:translateY(-2px)}.summary-actions .action-icon{display:grid;width:42px;height:42px;place-items:center;color:currentColor;transition:color .2s,transform .35s}.summary-actions .action-icon svg{width:40px;height:40px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:520px){.app header>.brand-link img{width:128px;max-height:44px}.summary{height:102px!important}.summary .summary-actions{gap:8px}.summary-actions button,.summary-actions #locate,.summary-actions #refresh{width:72px;min-width:72px;height:82px;min-height:82px;padding:3px 1px!important;font-size:12px!important;line-height:1.1}.summary-actions .action-icon{width:45px;height:45px}.summary-actions .action-icon svg{width:43px;height:43px}.summary>div:not(.summary-actions){min-width:31px}}
.summary-actions .admin-link{width:64px!important;min-width:64px!important;height:76px!important;min-height:76px!important;padding:3px!important;color:#090402!important;font-size:14px!important;border-radius:0!important}.summary-actions .admin-link .admin-gear{display:grid;width:42px;height:42px;place-items:center;font-size:42px;line-height:42px;color:currentColor;transition:color .18s,transform .18s}.summary-actions .admin-link:hover,.summary-actions .admin-link:focus-visible{color:#ff7417!important}.summary-actions .admin-link:hover .admin-gear,.summary-actions .admin-link:focus-visible .admin-gear{transform:rotate(35deg)}
.summary-actions #locate:hover,.summary-actions #locate:focus-visible,.summary-actions #refresh:hover,.summary-actions #refresh:focus-visible{color:#ff7417!important;transform:translateY(-2px)}.summary-actions #locate:hover span,.summary-actions #locate:focus-visible span,.summary-actions #refresh:hover span,.summary-actions #refresh:focus-visible span{color:#ff7417!important}
.admin-tabs{display:flex;gap:18px;margin:4px 0 18px;border-bottom:1px solid #d8d0cb}.admin-tab{border:0;background:transparent;color:#6f5d55;padding:9px 0;border-bottom:3px solid transparent;font-weight:bold}.admin-tab:hover,.admin-tab.active{color:#d94f00;border-bottom-color:#d94f00}.admin-tab-panel[hidden]{display:none}
.summary-actions button,.summary-actions .admin-link{width:82px!important;min-width:82px!important;height:80px!important;min-height:80px!important}.resources-menu{position:relative;flex:none}.resources-menu summary{list-style:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:48px;padding:5px 7px;border-radius:9px;background:#fff;color:#090402;font-size:11px;font-weight:bold;cursor:pointer;transition:color .18s}.resources-menu summary::-webkit-details-marker{display:none}.resources-menu summary:hover,.resources-menu summary:focus-visible{color:#ff7417}.resources-dropdown{position:absolute;z-index:1200;top:calc(100% + 8px);right:0;width:220px;margin-left:0!important;padding:8px;background:#fff;border:1px solid #ff741755;border-radius:12px;box-shadow:0 12px 34px #09040266}.resources-dropdown a,.resources-dropdown button{display:block;width:100%;height:auto!important;min-height:0!important;padding:12px 10px!important;border:0;border-radius:8px;background:transparent;color:#090402;text-align:left;text-decoration:none;font:inherit;font-size:14px;font-weight:bold;cursor:pointer}.resources-dropdown a:hover,.resources-dropdown a:focus-visible,.resources-dropdown button:hover,.resources-dropdown button:focus-visible{background:#fff1e8;color:#ff7417}.contact-details{display:grid;gap:12px;margin-top:20px}.contact-details p{margin:0;padding:14px;border:1px solid #ff741755;border-radius:10px;background:#fff8f3}.contact-details a{color:#8f3100;font-weight:bold;overflow-wrap:anywhere}
@media(max-width:520px){.summary-actions button,.summary-actions .admin-link{width:72px!important;min-width:72px!important;height:82px!important;min-height:82px!important}.summary-actions .admin-link .admin-gear{width:45px;height:45px;font-size:45px!important;line-height:45px!important}.app header{gap:5px!important;padding:8px!important}.app header>.brand-link img{width:96px!important}.app header .signed-in-user{max-width:82px!important}.resources-menu summary{min-width:42px;padding:5px 4px;font-size:10px}.app header form button{padding:6px 5px!important}.resources-dropdown{right:-42px;width:210px}}
.summary-actions .resources-menu,.summary-actions .resources-menu summary{width:82px;min-width:82px;height:80px;min-height:80px}.summary-actions .resources-menu summary{padding:2px 4px;background:transparent;color:#090402;border-radius:0;gap:5px;font-size:12px;transition:color .18s,transform .18s}.summary-actions .resources-menu summary:hover,.summary-actions .resources-menu summary:focus-visible{color:#ff7417;transform:translateY(-2px)}.summary-actions .resources-dropdown{top:calc(100% + 4px);right:0;height:auto;min-height:0}.summary-actions .resources-menu summary:hover .burger,.summary-actions .resources-menu summary:focus-visible .burger{transform:scale(1.12) rotate(-4deg)}.summary-actions #locate:hover .locate-icon,.summary-actions #locate:focus-visible .locate-icon{animation:vicando-target-pulse .65s ease}.summary-actions #refresh:hover .refresh-icon,.summary-actions #refresh:focus-visible .refresh-icon{transform:rotate(180deg)}@keyframes vicando-target-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.16)}}
@media(max-width:520px){.summary .summary-actions{gap:4px}.summary-actions button,.summary-actions .admin-link,.summary-actions .resources-menu,.summary-actions .resources-menu summary{width:58px!important;min-width:58px!important;height:82px!important;min-height:82px!important}.summary-actions .admin-link .admin-gear{width:41px;height:41px;font-size:41px!important;line-height:41px!important}.summary-actions .action-icon{width:41px;height:41px}.summary-actions .action-icon svg{width:39px;height:39px}.summary-actions .resources-menu summary{padding:3px 1px!important;font-size:10px}.summary-actions .resources-dropdown{right:-8px;width:210px!important;height:auto!important;min-height:0!important}}
.reset-form{margin-top:8px}.reset-form button{width:100%;border:1px solid #351006;background:transparent;color:#351006;padding:10px;border-radius:9px;font-weight:bold}.reset-form button:hover,.reset-form button:focus-visible{border-color:#ff7417;color:#ff7417}.reset-result{margin-bottom:14px}
.account-lock{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px;padding:10px;border:1px solid #d94f0066;border-radius:9px;background:#fff1e8;color:#6e310d;font-size:13px;line-height:1.35}.account-lock form{margin:0;flex:none}.account-lock button{border:0;border-radius:8px;background:#351006;color:#fff;padding:9px 11px;font-weight:bold}.account-lock button:hover,.account-lock button:focus-visible{background:#ff7417}@media(max-width:520px){.account-lock{align-items:stretch;flex-direction:column}.account-lock button{width:100%}}
.settings-help{color:#6f5d55;line-height:1.45}.settings-form label small{display:block;margin-top:6px;color:#786861;font-weight:normal;line-height:1.35}.admin-tabs{display:flex;flex-wrap:wrap;overflow:visible;gap:5px 18px}.admin-tab{white-space:nowrap}
.municipality-form select{width:100%;margin-top:7px;padding:13px;border:1px solid #d7cbc4;border-radius:11px;background:#fff;font:inherit}.municipality-form select:focus{outline:3px solid #ff741733;border-color:#ff7417}.municipality-result{margin:12px 0;padding:12px;border:1px solid #ead8cc;border-radius:10px;background:#fff8f3;color:#55372c;line-height:1.4}
.update-form input[type=file]{padding:10px;background:#fff;cursor:pointer}.update-form input[type=file]::file-selector-button{margin-right:10px;padding:9px 12px;border:0;border-radius:8px;background:#351006;color:#fff;font-weight:bold;cursor:pointer}.update-form input[type=file]::file-selector-button:hover{background:#ff7417}.update-form .password-field .toggle-password{margin-top:0}
.migration-grid{display:grid;gap:14px}.migration-card{padding:14px;border:1px solid #ead8cc;border-radius:13px;background:#fff8f3}.migration-card h3{margin:0 0 7px}.migration-card>p{margin:0 0 14px;color:#6f5d55;line-height:1.45}.migration-danger{border-color:#d94f0066;background:#fff1e8}.migration-card input[type=file]{padding:10px;background:#fff}.migration-card input[type=file]::file-selector-button{margin-right:9px;padding:8px 10px;border:0;border-radius:8px;background:#351006;color:#fff;font-weight:bold}@media(min-width:760px){.migration-grid{grid-template-columns:1fr 1fr}}
/* Vicando Future-inspirerad glasstil */
.auth>section{background:linear-gradient(145deg,#1e0b07d9,#080302c7)!important;border:1px solid #ffffff2e!important;box-shadow:0 24px 70px #0009,inset 0 1px 0 #ffffff18;backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%)}
.app header{border-bottom:1px solid #ffffff24;box-shadow:0 8px 28px #12070440}
.summary,nav{background:#ffffffe0!important;border-color:#ffffffb8!important;box-shadow:0 8px 28px #32180d20;backdrop-filter:blur(16px) saturate(135%);-webkit-backdrop-filter:blur(16px) saturate(135%)}
.summary{position:relative;z-index:1100;overflow:visible}.map-wrap{z-index:1}.summary-actions .resources-menu[open]{z-index:1300}.summary-actions .resources-dropdown button{width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;display:block!important;padding:12px 10px!important;flex:none!important}
.map-wrap .label,.map-wrap .legend,.map-wrap .tap-help{background:#ffffffe0!important;border:1px solid #ffffffc7;box-shadow:0 8px 26px #32180d2e;backdrop-filter:blur(13px) saturate(135%);-webkit-backdrop-filter:blur(13px) saturate(135%)}
.map-wrap .tap-help{color:#29140c!important;font-weight:700;text-shadow:none}
.status{background:#160803e6!important;border:1px solid #ffffff25;border-left:4px solid var(--orange);box-shadow:0 10px 30px #12070455;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
dialog{background:#fffaf5eb;border:1px solid #ffffffc7!important;box-shadow:0 24px 75px #18070180,inset 0 1px 0 #fff;backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%)}
dialog::backdrop{background:#1207049c;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.resources-dropdown{background:#fffffff0!important;border:1px solid #ffffffd1!important;box-shadow:0 18px 44px #0904024d!important;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
.user-card,.user-row,.invite-result,.contact-details p,.location-note{background:#ffffffa8!important;border:1px solid #ffffffd6;box-shadow:inset 0 1px 0 #fff,0 5px 18px #32180d12;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.user-role-tabs{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 15px}.user-role-tab{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #d8d0cb;border-radius:999px;background:#ffffffb8;color:#5d4a42;font-weight:800;cursor:pointer;transition:border-color .18s,background .18s,color .18s}.user-role-tab span{display:grid;min-width:23px;height:23px;padding:0 6px;place-items:center;border-radius:999px;background:#eaded7;color:#351006;font-size:12px}.user-role-tab:hover,.user-role-tab:focus-visible,.user-role-tab.active{border-color:#ff7417;background:#fff1e8;color:#d94f00}.user-role-tab.active span{background:#ff7417;color:#fff}.user-role-panel{display:grid;gap:8px}.user-role-panel[hidden]{display:none}.empty-role{margin:0;padding:14px;border:1px dashed #d8d0cb;border-radius:11px;color:#786861;text-align:center}@media(max-width:520px){.user-role-tabs{display:grid;grid-template-columns:1fr}.user-role-tab{justify-content:space-between;width:100%}}
input,textarea,select{background:#fffffff0;border-color:#ffffff;box-shadow:inset 0 1px 2px #32180d18,0 2px 9px #32180d12}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.summary,nav,.map-wrap .label,.map-wrap .legend,.map-wrap .tap-help,.resources-dropdown{background:#fff!important}.auth>section{background:#160803f2!important}dialog{background:#fffaf5!important}}
.summary-actions .resources-dropdown #contact-link{display:block!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;margin:0!important;padding:12px 10px!important;align-items:flex-start!important;justify-content:flex-start!important;border:0!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;color:#090402!important;text-align:left!important;transform:none!important}
.summary-actions .resources-dropdown #contact-link:hover,.summary-actions .resources-dropdown #contact-link:focus-visible{background:#fff1e8!important;color:#ff7417!important;transform:none!important}
.settings-form input[type=file]{padding:10px;background:#fff;cursor:pointer}.settings-form input[type=file]::file-selector-button{margin-right:10px;padding:9px 12px;border:0;border-radius:8px;background:#351006;color:#fff;font-weight:bold;cursor:pointer}.settings-form input[type=file]::file-selector-button:hover{background:#ff7417}
.session-expired{display:grid;gap:4px;margin:12px 0 16px;padding:13px 14px;border:1px solid #ff9a55;border-radius:11px;background:#fff1e8;color:#5b210d;line-height:1.4}.session-expired strong{color:#c54200;font-size:17px}.session-expired span{font-size:14px}
@media(max-width:520px){.app header{height:auto!important;min-height:108px;display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand logout" "identity identity";align-content:center;gap:7px 10px!important;padding:9px 11px!important}.app header>.brand-link{grid-area:brand}.app header>form{grid-area:logout;margin:0;justify-self:end}.app header>.signed-in-user{grid-area:identity;width:100%;max-width:none!important;margin:0!important;overflow:visible}.app header .signed-in-user small{font-size:10px}.app header .signed-in-user strong,.app header .signed-in-user span{max-width:100%;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere}.app header .signed-in-user strong{font-size:13px}.app header .signed-in-user span{font-size:10px;line-height:1.25}.app .status{top:214px}}
/* 2.3.11 - samlad användarmeny och kartverktyg i Vicando Future-glas */
.app header{height:76px!important;min-height:76px;position:relative;z-index:1500;padding:10px 16px!important;overflow:visible!important}
.account-menu{position:relative;flex:none;margin-left:auto;color:#fff}
.account-menu>summary{list-style:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:58px;min-height:54px;padding:4px;border:1px solid #ffffff35;border-radius:16px;background:linear-gradient(145deg,#ffffff26,#ffffff0c);box-shadow:inset 0 1px 0 #ffffff42,0 8px 24px #0004;color:#fff;cursor:pointer;backdrop-filter:blur(15px) saturate(145%);-webkit-backdrop-filter:blur(15px) saturate(145%);transition:color .18s,transform .18s,border-color .18s,background .18s}
.account-menu>summary::-webkit-details-marker{display:none}.account-menu>summary::marker{content:""}
.account-menu>summary:hover,.account-menu>summary:focus-visible,.account-menu[open]>summary{outline:0;border-color:#ff741788;background:linear-gradient(145deg,#ffffff38,#ff74171f);color:#ff7417;transform:translateY(-1px)}
.account-icon{display:grid;width:29px;height:29px;place-items:center;transition:transform .24s}
.account-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.account-menu>summary:hover .account-icon,.account-menu>summary:focus-visible .account-icon,.account-menu[open] .account-icon{transform:scale(1.08)}
.account-menu-label{font-size:9px;font-weight:800;letter-spacing:.15px}
.app header .account-dropdown{position:absolute;z-index:1600;top:calc(100% + 9px);right:0;width:min(290px,calc(100vw - 20px));max-width:none;margin:0!important;padding:10px;display:block;overflow:visible;color:#29140c;background:linear-gradient(145deg,#fffffff5,#fff7f0df);border:1px solid #ffffffea;border-radius:18px;box-shadow:0 22px 55px #09040270,inset 0 1px 0 #fff;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}
.app header .account-dropdown>*{max-width:none}
.app header .account-preview{display:flex!important;flex-direction:column!important;gap:2px;margin:0 0 7px!important;padding:10px 11px;overflow:visible!important;border:1px solid #ffffffdd;border-radius:12px;background:#ffffff7d;box-shadow:inset 0 1px 0 #fff}
.account-preview small{color:#7b645b!important;font-size:10px}.account-preview strong{font-size:14px;line-height:1.25;overflow-wrap:anywhere}.account-preview span{color:#795f54;font-size:11px;line-height:1.3;overflow-wrap:anywhere}
.account-section-title{display:block;margin:9px 10px 3px;color:#9a4a1c;font-size:10px;font-weight:900;letter-spacing:.9px;text-transform:uppercase}
.account-dropdown>a,.account-dropdown>button,.account-logout button{display:block;width:100%;min-height:0;margin:0;padding:10px 11px;border:0;border-radius:10px;background:transparent;color:#29140c;text-align:left;text-decoration:none;font-size:13px;font-weight:800;box-shadow:none;transition:background .16s,color .16s,transform .16s}
.account-dropdown>a:hover,.account-dropdown>a:focus-visible,.account-dropdown>button:hover,.account-dropdown>button:focus-visible,.account-logout button:hover,.account-logout button:focus-visible{outline:0;background:#ff741719;color:#d94f00;transform:translateX(2px)}
.account-dropdown .account-admin{margin-top:5px;border-top:1px solid #d9c8be;border-radius:0 0 10px 10px}.account-dropdown .account-admin::before{content:"⚙";display:inline-block;margin-right:8px;transition:transform .25s}.account-dropdown .account-admin:hover::before{transform:rotate(35deg)}
.app header .account-logout{display:block;margin:5px 0 0;padding-top:5px;border-top:1px solid #d9c8be}.app header .account-logout button{display:block;width:100%;min-height:0;margin:0;padding:10px 11px;border:0;border-radius:10px;background:transparent;color:#7c261a;text-align:left;font-size:13px;font-weight:800;box-shadow:none}.app header .account-logout button:hover,.app header .account-logout button:focus-visible{background:#ff741719;color:#d94f00;transform:translateX(2px)}.profile-details{display:grid;gap:10px;margin-top:18px}.profile-details p{margin:0;padding:13px 14px;border:1px solid #ffffffd9;border-radius:12px;background:#ffffff9e;box-shadow:inset 0 1px 0 #fff,0 5px 18px #32180d12;overflow-wrap:anywhere}.profile-details strong{color:#8f3906;font-size:12px;text-transform:uppercase;letter-spacing:.4px}
.summary{height:76px!important;min-height:76px;justify-content:flex-start;gap:clamp(18px,5vw,42px)!important;padding:10px 18px!important}
.summary>div{flex:none}.summary .online-stat{margin-left:0}
.map-quick-actions{position:absolute;z-index:700;top:58px;right:12px;display:flex;gap:7px}
.map-quick-actions button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:50px;height:50px;padding:3px;border:1px solid #ffffffdc;border-radius:15px;background:linear-gradient(145deg,#fffffff0,#ffffffa8);box-shadow:inset 0 1px 0 #fff,0 9px 26px #32180d35;color:#1b0d08;font-size:8px;font-weight:900;line-height:1;backdrop-filter:blur(16px) saturate(145%);-webkit-backdrop-filter:blur(16px) saturate(145%);transition:color .18s,transform .18s,background .18s}
.map-quick-actions button:hover,.map-quick-actions button:focus-visible{outline:0;background:#fff8f0f5;color:#ff7417;transform:translateY(-2px)}
.map-action-icon{display:grid;width:24px;height:24px;place-items:center;transition:transform .35s}.map-action-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.map-quick-actions #locate:hover .locate-icon,.map-quick-actions #locate:focus-visible .locate-icon{animation:vicando-target-pulse .65s ease}.map-quick-actions #refresh:hover .refresh-icon,.map-quick-actions #refresh:focus-visible .refresh-icon{transform:rotate(180deg)}
.map-wrap .label,.map-wrap .tap-help{background:linear-gradient(145deg,#fffffff0,#ffffffb8)!important;border-color:#fff!important;box-shadow:inset 0 1px 0 #fff,0 10px 30px #32180d30!important;backdrop-filter:blur(17px) saturate(145%)!important;-webkit-backdrop-filter:blur(17px) saturate(145%)!important}
.leaflet-control-zoom a,.leaflet-control-attribution{background:#ffffffe0!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.app nav{left:50%;right:auto;bottom:48px;width:auto;min-width:0;height:auto;padding:7px;border:1px solid #ffffffd4;border-radius:19px;background:#ffffff9c!important;box-shadow:inset 0 1px 0 #fff,0 12px 34px #32180d40;transform:translateX(-50%);backdrop-filter:blur(18px) saturate(145%);-webkit-backdrop-filter:blur(18px) saturate(145%)}
.app nav button{margin:0;padding:11px 18px;border:1px solid #ffffff2b;border-radius:13px;background:linear-gradient(145deg,#160a05ed,#050201e6);box-shadow:inset 0 1px 0 #ffffff1f,0 6px 18px #0005;transition:transform .18s,box-shadow .18s}.app nav button:hover,.app nav button:focus-visible{transform:translateY(-1px);box-shadow:inset 0 1px 0 #ffffff35,0 9px 24px #0006}
@media(max-width:520px){.app header{height:68px!important;min-height:68px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:7px 10px!important}.app header>.brand-link{grid-area:auto}.app header>.brand-link img{width:118px!important;max-height:43px}.account-menu{margin-left:auto}.account-menu>summary{width:52px;min-height:50px;border-radius:14px}.account-icon{width:27px;height:27px}.account-icon svg{width:26px;height:26px}.app header .account-dropdown{right:0;width:min(286px,calc(100vw - 16px))}.summary{height:72px!important;min-height:72px!important;gap:10px!important;padding:8px 9px!important}.summary>div:not(.summary-actions){min-width:0}.summary>div strong{font-size:19px!important}.summary>div span{font-size:10px!important}.map-quick-actions{top:56px;right:8px;gap:5px}.map-quick-actions button{width:44px;height:46px;border-radius:13px;font-size:7px}.map-action-icon{width:21px;height:21px}.map-action-icon svg{width:20px;height:20px}.app .status{top:148px}.app nav{bottom:45px}.app nav button{padding:10px 15px;font-size:12px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.account-menu>summary{background:#351006}.app header .account-dropdown,.map-quick-actions button,.app nav{background:#fff!important}}
/* 2.3.12 - sammanfattning i sidhuvud, länk-undermeny och enhetlig kartpanel */
.app{padding-bottom:40px!important}
.app header{gap:12px!important}
.app header .header-summary{display:grid;grid-template-columns:repeat(3,minmax(58px,auto));align-items:center;gap:clamp(8px,1.6vw,20px);width:auto;max-width:none;margin:0 0 0 clamp(8px,2vw,26px);padding:0;overflow:visible;color:#fff}
.app header .header-summary>div{display:flex;min-width:0;max-width:none;margin:0;padding:5px 7px;flex-direction:column;align-items:flex-start;overflow:visible;border:1px solid transparent;border-radius:11px;color:#fff;cursor:pointer;transition:background .18s,border-color .18s,color .18s,transform .18s}
.header-summary strong{font-size:20px;line-height:1}.header-summary span{margin-top:3px;color:#e2cbc0;font-size:10px;line-height:1;white-space:nowrap}
.app header .header-summary>div:hover,.app header .header-summary>div:focus-visible{outline:0;border-color:#ffffff30;background:#ffffff19;color:#ff7417;transform:translateY(-1px)}.app header .header-summary>div:hover span,.app header .header-summary>div:focus-visible span{color:#fff}
.account-menu{margin-left:auto}
.links-submenu{margin:4px 0;border:1px solid #e5d7ce;border-radius:11px;background:#ffffff62;overflow:hidden}
.links-submenu>summary{position:relative;list-style:none;padding:10px 32px 10px 11px;color:#29140c;font-size:13px;font-weight:900;cursor:pointer;transition:background .16s,color .16s}
.links-submenu>summary::-webkit-details-marker{display:none}.links-submenu>summary::marker{content:""}.links-submenu>summary::after{content:"⌄";position:absolute;right:12px;top:50%;font-size:17px;line-height:1;transform:translateY(-58%);transition:transform .2s}.links-submenu[open]>summary::after{transform:translateY(-38%) rotate(180deg)}
.links-submenu>summary:hover,.links-submenu>summary:focus-visible{outline:0;background:#ff741719;color:#d94f00}
.app header .links-submenu-panel{display:grid;max-width:none;margin:0!important;padding:3px 6px 7px;overflow:visible;border-top:1px solid #eaded7}
.links-submenu-panel a{display:block;padding:9px 10px;border-radius:8px;color:#29140c;text-decoration:none;font-size:12px;font-weight:800;transition:background .16s,color .16s,transform .16s}.links-submenu-panel a:hover,.links-submenu-panel a:focus-visible{outline:0;background:#ff741719;color:#d94f00;transform:translateX(2px)}
.map-wrap .label,.map-wrap .tap-help,.map-quick-actions{top:12px}
.map-wrap .label,.map-wrap .tap-help{min-height:50px;display:flex;align-items:center;justify-content:center}
.map-wrap .label{left:12px;min-width:92px;align-items:flex-start;justify-content:center}
.map-wrap .tap-help{padding:8px 14px;border-radius:15px}
.map-quick-actions{right:12px;height:50px;align-items:stretch}
.map-quick-actions button{width:50px;height:50px;min-height:50px;padding:3px!important}
.map-action-icon,.map-action-icon svg{width:22px;height:22px}
.map-quick-actions button>span:last-child{display:block;min-height:8px;font-size:8px;line-height:8px;white-space:nowrap}
.app nav{bottom:14px;padding:6px;background:linear-gradient(145deg,#ffffffc9,#ffffff7f)!important;border-color:#fff;box-shadow:inset 0 1px 0 #fff,0 12px 34px #32180d4d}
.app nav button{background:linear-gradient(145deg,#1a0b06de,#050201d6);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.app .status{top:84px}
@media(max-width:700px){.app header{gap:5px!important;padding:7px 8px!important}.app header>.brand-link img{width:96px!important;max-height:42px}.app header .header-summary{grid-template-columns:repeat(3,minmax(0,1fr));flex:1;gap:2px;margin-left:2px}.app header .header-summary>div{padding:5px 2px;border-radius:8px}.header-summary strong{font-size:17px}.header-summary span{font-size:8px}.account-menu>summary{width:48px;min-height:48px}.account-menu-label{font-size:8px}}
@media(max-width:520px){.app header{height:66px!important;min-height:66px!important}.app header>.brand-link img{width:78px!important}.app header .header-summary{gap:0;margin-left:0}.app header .header-summary>div{padding:4px 1px}.header-summary strong{font-size:16px}.header-summary span{font-size:7px;letter-spacing:-.1px}.account-menu>summary{width:44px;min-height:46px;padding:3px}.account-icon,.account-icon svg{width:24px;height:24px}.map-wrap .label,.map-quick-actions{top:8px}.map-wrap .label{left:8px;min-width:84px;min-height:46px}.map-quick-actions{right:8px;height:46px}.map-quick-actions button{width:46px;height:46px;min-height:46px}.map-action-icon,.map-action-icon svg{width:20px;height:20px}.map-wrap .tap-help{top:62px;min-height:0;padding:7px 11px}.app nav{bottom:10px}.app .status{top:74px}}
@media(max-width:360px){.app header>.brand-link img{width:68px!important}.header-summary strong{font-size:15px}.header-summary span{font-size:6.5px}.account-menu>summary{width:41px}.account-menu-label{font-size:7px}}
/* 2.3.14 - åtgärdsknappen ska alltid ligga synlig ovanpå kartan */
.map-wrap>.map{z-index:1}
.map-wrap>nav{z-index:900!important;pointer-events:auto;background:linear-gradient(145deg,#fffffff0,#ffffffa8)!important;border:1px solid #fff!important;box-shadow:inset 0 1px 0 #fff,0 12px 34px #32180d45!important;backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%)}
.map-wrap>nav button{border:1px solid #ffffffee!important;background:linear-gradient(145deg,#fffffff2,#fff7f0c9)!important;box-shadow:inset 0 1px 0 #fff,0 6px 18px #32180d2b!important;color:#29140c!important;backdrop-filter:blur(14px) saturate(145%);-webkit-backdrop-filter:blur(14px) saturate(145%)}
.map-wrap>nav button:hover,.map-wrap>nav button:focus-visible{border-color:#ff741788!important;background:linear-gradient(145deg,#fff,#fff0e5e8)!important;color:#d94f00!important;box-shadow:inset 0 1px 0 #fff,0 9px 24px #32180d38!important}
.map-wrap>nav b{color:#ff7417!important;text-shadow:none}