*{box-sizing:border-box}html,body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:#203126;background:#f3f5f1}.topbar{height:82px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 18px;background:#123f2b;color:#fff}.topbar h1{margin:0;font-size:26px}.topbar p{margin:4px 0 0;opacity:.78}.progressbox{width:250px;text-align:right}.progress{height:8px;background:#ffffff2c;border-radius:10px;margin-top:7px;overflow:hidden}.progress span{display:block;height:100%;background:#d5c188;width:0}main{display:grid;grid-template-columns:365px 1fr;height:calc(100vh - 82px)}.sidebar{overflow:auto;border-right:1px solid #d5dbd4;background:#f9faf7}.controls{padding:12px;border-bottom:1px solid #d9dfd8}.controls input[type=search],.controls select,.dialog-card input,.dialog-card select,.dialog-card textarea{width:100%;padding:10px 11px;border:1px solid #c7d0c8;border-radius:9px;background:#fff;font:inherit}.controls select{margin-top:8px}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:9px 0}.button-row button,.dialog-actions button,.favorite,#findImageBtn,.upload-btn,.import-btn,.route-actions button,.journal-title button{border:1px solid #bdc8bf;border-radius:8px;padding:9px 10px;background:white;cursor:pointer;font:inherit}.primary{background:#236342!important;color:white;border-color:#236342!important}.check{display:block;font-size:13px;margin:8px 2px}.status{font-size:11px;color:#65736a;margin:10px 2px 0;line-height:1.4}.stats{display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid #d9dfd8}.stats div{text-align:center;padding:10px 3px;border-right:1px solid #e0e4de;background:white}.stats b{display:block;color:#225f40;font-size:20px}.stats span{font-size:10px;color:#68756d}.category-chips{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.category-chip{border:1px solid #c8d1ca;background:#fff;border-radius:99px;padding:5px 8px;font-size:10px;cursor:pointer}.category-chip.active{background:#214f37;color:#fff;border-color:#214f37}.category-progress{padding:9px 11px;border-bottom:1px solid #d9dfd8;background:#fff}.cat-row{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center;margin:5px 0;font-size:10px}.mini{grid-column:1/2;height:5px;background:#edf0ec;border-radius:8px;overflow:hidden}.mini span{display:block;height:100%;background:#3d7b58}.place-list{padding:6px}.place-item{width:100%;border:0;background:transparent;text-align:left;padding:9px;border-radius:9px;cursor:pointer}.place-item:hover{background:#ebefe9}.place-item strong{display:block;font-size:13px}.place-item small{color:#69776e;font-size:10px}.mark{float:right;color:#31885b;font-weight:900}.unlocated{opacity:.6}.mapwrap,#map{height:100%}.mapwrap{position:relative}.add-hint{position:absolute;z-index:1000;left:50%;top:14px;transform:translateX(-50%);background:#183e2c;color:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 4px 16px #0003;font-size:13px}.hidden{display:none!important}.startpoint{margin-top:12px;padding-top:12px;border-top:1px solid #d9dfd8}.startpoint strong{display:block;margin-bottom:7px}.start-summary{font-size:12px;color:#375347;background:#eef3ef;padding:8px;border-radius:8px;margin-bottom:8px}.link-btn{border:0;background:transparent;color:#556a5d;text-decoration:underline;cursor:pointer;padding:3px 0;font-size:11px}.import-btn{display:flex;align-items:center;justify-content:center}dialog{width:min(790px,95vw);max-height:92vh;border:0;padding:0;border-radius:15px;box-shadow:0 24px 80px #0005}dialog::backdrop{background:#0c2117aa}.dialog-card{padding:22px;overflow:auto;max-height:92vh}.dialog-card>label{display:block;font-weight:600;font-size:13px;margin:12px 0}.close{float:right;border:0;background:none;font-size:29px;cursor:pointer}.place-head{display:flex;justify-content:space-between;gap:18px}.place-head h2{margin:7px 0}.place-head p{line-height:1.45}.badge,.verified-badge{display:inline-block;font-size:10px;padding:4px 7px;border-radius:99px;font-weight:700}.badge{background:#e6eee7}.verified-badge{background:#e8f3ea;color:#21623f;margin-left:4px}.history-box{margin:12px 0;padding:12px;background:#f4f0e6;border-left:4px solid #9c7f49;border-radius:8px}.history-box p{margin:5px 0 0!important;font-size:13px}.distance-line{font-weight:700;color:#245c40;background:#edf4ef;padding:8px 10px;border-radius:8px;line-height:1.55}.distance-line small{display:block;color:#65736a;font-weight:500}.source-line{font-size:10px;color:#7a857d}.favorite.active{background:#fff0b6}.visit-check{display:block;background:#ebf2ed;padding:12px;border-radius:9px;font-size:14px!important}.journal{border-top:1px solid #dbe1db;padding-top:12px;margin-top:14px}.journal-title{display:flex;align-items:center;justify-content:space-between}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.journal label{display:block;font-size:12px;font-weight:650;margin:9px 0}.photo-row{display:flex;gap:10px;margin:13px 0}.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:9px}.photo{position:relative}.photo img{display:block;width:100%;height:110px;object-fit:cover;border-radius:8px}.photo button{position:absolute;top:4px;right:4px;border:0;background:#fff;width:27px;height:27px;border-radius:50%;cursor:pointer}.visit-timeline{margin-top:18px;border-top:1px solid #dbe1db;padding-top:12px}.visit-entry{padding:9px 0;border-bottom:1px solid #e4e8e3}.visit-entry .meta{font-size:10px;color:#66746b;font-weight:700}.route-actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.public-image-section{padding:12px 0;border-top:1px solid #e0e4df;border-bottom:1px solid #e0e4df}.public-image-box{min-height:52px;background:#f1f3f0;border-radius:9px;padding:10px;margin-bottom:8px;display:flex;align-items:center;justify-content:center}.public-image-box img{max-width:100%;max-height:300px;border-radius:8px}.public-image-box figure{margin:0;text-align:center}.public-image-box figcaption{font-size:10px;color:#657169;margin-top:5px}.dialog-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.danger{color:#9d302d}.save-message{color:#286845;font-weight:700}.custom-marker{width:18px;height:18px;border-radius:50%;background:#a46d3d;border:3px solid #fff;box-shadow:0 1px 6px #0006}.custom-marker.visited{background:#2d8b59}.custom-marker.own{background:#6853a4}.service-marker{width:16px;height:16px;border-radius:3px;background:#3c6d91;border:2px solid #fff;box-shadow:0 1px 5px #0005}.start-marker{width:20px;height:20px;border-radius:50%;background:#1e5f9f;border:3px solid #fff;box-shadow:0 1px 7px #0006}@media(max-width:760px){.topbar{height:auto}.progressbox{width:145px}main{grid-template-columns:1fr;grid-template-rows:46vh auto;height:auto}.mapwrap{grid-row:1;height:46vh}.sidebar{grid-row:2}.mapwrap,#map{height:46vh}.grid2{grid-template-columns:1fr}.place-head{display:block}}
.address-autocomplete{position:relative}
.address-suggestions{position:absolute;z-index:3000;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid #c7d0c8;border-radius:9px;box-shadow:0 10px 28px #0002;max-height:260px;overflow:auto}
.address-suggestion{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #edf0ec;background:#fff;padding:10px 11px;cursor:pointer;font-size:12px;line-height:1.35}
.address-suggestion:last-child{border-bottom:0}
.address-suggestion:hover,.address-suggestion.active{background:#eef4ef}
.address-suggestion strong{display:block;color:#244f36;font-size:12px;margin-bottom:2px}
.address-suggestion small{display:block;color:#6b786f;font-size:10px}
.address-empty{padding:10px 11px;color:#6b786f;font-size:11px}
.scope-switch{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:9px 0}
.scope-btn{border:1px solid #c7d0c8;background:#fff;border-radius:9px;padding:8px 7px;cursor:pointer;font-size:11px;font-weight:700}
.scope-btn.active{background:#173f2d;color:#fff;border-color:#173f2d}
.municipality-filters{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}
.mun-chip{border:1px solid #c8d1ca;background:#fff;border-radius:99px;padding:5px 8px;font-size:10px;cursor:pointer}
.mun-chip.active{background:#295e43;color:#fff;border-color:#295e43}
.municipal-marker{width:16px;height:16px;border-radius:50%;background:#2e6f9e;border:2px solid #fff;box-shadow:0 1px 5px #0005}
.municipal-marker.food{background:#a55737}.municipal-marker.shop{background:#795aa2}.municipal-marker.stay{background:#3c6f91}
.municipal-marker.culture{background:#9b6e2f}.municipal-marker.nature{background:#4f8250}.municipal-marker.leisure{background:#2f7e78}.municipal-marker.service{background:#777}
.business-meta{margin:10px 0;padding:10px;background:#f1f4f1;border-radius:9px;font-size:12px;line-height:1.45}
.business-meta b{display:inline-block;min-width:72px;color:#365744}
.loading-overlay{
position:absolute;
z-index:2200;
inset:0;
pointer-events:none;
display:flex;
align-items:flex-start;
justify-content:center;
padding-top:18px;
}
.loading-card{
display:flex;
align-items:center;
gap:11px;
max-width:min(470px,88%);
padding:11px 15px;
border-radius:11px;
background:rgba(19,63,44,.95);
color:#fff;
box-shadow:0 8px 28px #0004;
backdrop-filter:blur(4px);
font-size:12px;
}
.loading-card strong{display:block;font-size:13px;margin-bottom:2px}
#loadingDetail{opacity:.82;font-size:11px}
.spinner{
width:22px;height:22px;border-radius:50%;
border:3px solid rgba(255,255,255,.3);
border-top-color:#fff;
animation:spin .85s linear infinite;
flex:0 0 auto
}
@keyframes spin{to{transform:rotate(360deg)}}
.cache-controls{margin-top:9px;padding-top:9px;border-top:1px solid #d9dfd8}
.cache-controls button{width:100%;border:1px solid #bdc8bf;border-radius:8px;padding:8px 10px;background:#fff;cursor:pointer;font:inherit}
.cache-controls small{display:block;margin-top:5px;color:#69776e;font-size:10px;line-height:1.35}
/* GPS-position */
.gps-box{
margin:12px 0;
padding:10px;
border:1px solid #d7dfda;
border-radius:10px;
background:#f7faf8;
}
.gps-status{margin:4px 0 8px;font-size:12px;}
.gps-status.error{font-weight:700;}
.gps-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.gps-actions button.active{font-weight:700;}
.gps-actions #gpsLocate.gps-active{
background:#15913a;
border-color:#11762f;
color:#fff;
font-weight:700;
box-shadow:0 0 0 2px rgba(21,145,58,.12);
}
.gps-status.active{color:#148535;font-weight:700;}
.gps-actions #gpsFollow.active{
border-color:#15913a;
color:#11762f;
background:#eef9f1;
font-weight:700;
}
.gps-use-start{display:flex;align-items:center;gap:7px;margin-top:8px;font-size:12px;}
.gps-accuracy-circle{pointer-events:none;}
@media (max-width:760px){
.gps-actions{grid-template-columns:1fr;}
.gps-actions button{min-height:44px;}
}
.route-open-btn{width:100%;margin:8px 0 10px;min-height:42px;font-weight:700}
.route-panel{position:absolute;z-index:1600;top:78px;right:18px;width:min(430px,calc(100% - 36px));max-height:calc(100% - 96px);overflow:auto;background:#fff;border:1px solid #cdd8d1;border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.18);padding:14px}
.route-panel.hidden{display:none}.route-panel-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.route-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.08em;opacity:.65}.route-close{width:38px;min-width:38px;height:38px;border-radius:50%;font-size:22px}
.route-fields{display:grid;grid-template-columns:1fr 150px;gap:10px}.route-fields label{font-size:12px;font-weight:700}.route-fields input{width:100%;box-sizing:border-box;margin-top:4px;padding:9px 10px;border:1px solid #ccd6d0;border-radius:8px;font-size:14px}
.route-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.route-summary>div{background:#f3f7f4;border-radius:10px;padding:10px 8px;text-align:center}.route-summary strong{display:block;font-size:17px}.route-summary span{display:block;font-size:10px;opacity:.7;margin-top:2px}
.route-note{font-size:11px;line-height:1.4;padding:9px 10px;border-radius:8px;background:#faf7ec;margin-bottom:10px}.planner-actions{display:flex;flex-wrap:wrap;gap:7px}.planner-actions button{flex:1 1 115px;min-height:39px}
.route-section-title{font-weight:800;font-size:12px;margin:14px 0 7px;border-top:1px solid #e2e7e4;padding-top:12px}.route-empty{font-size:12px;opacity:.7;padding:8px 2px}
.route-stop{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #edf0ee}.route-stop-num{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#eef4ef;font-weight:800;font-size:12px}.route-stop-main{min-width:0}.route-stop-main strong,.route-stop-main span{display:block}.route-stop-main strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-stop-main span{font-size:10px;opacity:.65;margin-top:2px}.route-stop-actions{display:flex;gap:3px}.route-stop-actions button{width:30px;height:30px;padding:0}
.saved-route{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:6px;margin-bottom:6px}.saved-route-open{text-align:left;padding:8px 10px}.saved-route-open strong,.saved-route-open span{display:block}.saved-route-open span{font-size:10px;opacity:.7;margin-top:3px}.saved-route-delete{padding:0}.planned-route-line{pointer-events:none}
@media (max-width:760px){.route-panel{top:70px;right:8px;left:8px;width:auto;max-height:calc(100% - 86px);border-radius:12px}.route-fields{grid-template-columns:1fr}.planner-actions button{min-height:44px}}
.near-me-box,.map-legend{margin:10px 0;padding:10px;border:1px solid #d8e0db;border-radius:10px;background:#f8faf9}
.near-me-row{display:grid;grid-template-columns:95px 1fr;gap:7px;margin:7px 0 4px}.near-me-row select,.near-me-row button{min-height:38px}
.map-legend summary{cursor:pointer;font-weight:700}.legend-row{display:flex;align-items:center;gap:8px;font-size:11px;margin-top:7px}.legend-dot{width:12px;height:12px;border-radius:50%;display:inline-block;border:2px solid #fff;box-shadow:0 0 0 1px #89958e}.legend-dot.curated{background:#9a6036}.legend-dot.osm{background:#3c7a51}.legend-dot.gps{background:#2a78b8}.legend-line{width:22px;border-top:4px solid #4e6d5a;display:inline-block}.data-quality-summary{margin-top:9px;padding-top:8px;border-top:1px solid #dde4df;font-size:11px;line-height:1.45}
.safety-box{margin:8px 0;padding:9px 10px;background:#fff8e7;border-radius:8px;font-size:12px;line-height:1.45}.collection-row{margin:8px 0}.collection-row label{font-size:11px;font-weight:700}.collection-row select{display:block;width:100%;margin-top:4px;padding:8px}
.route-options-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0}.route-options-grid label,.route-suggest-grid label{font-size:11px;font-weight:700}.route-options-grid select,.route-suggest-grid select{display:block;width:100%;margin-top:4px;min-height:36px}
.route-summary-5{grid-template-columns:repeat(5,1fr)}.route-summary-5 strong{font-size:15px}.route-builder-tools{margin:10px 0;padding:8px;border:1px solid #e0e5e2;border-radius:9px}.route-builder-tools summary{cursor:pointer;font-weight:700;font-size:12px}.route-suggest-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;margin-top:8px;align-items:end}.route-suggest-grid button{min-height:36px}
.route-check{display:block;font-size:10px;margin-top:4px;font-weight:415}.near-route-item button{width:100%;text-align:left;margin:3px 0;padding:7px 9px}.near-route-item strong,.near-route-item span{display:block}.near-route-item span{font-size:10px;opacity:.7;margin-top:2px}.elevation-chart{min-height:0;color:#496d56}.elevation-chart svg{display:block;width:100%;height:auto;max-height:120px}.weather-row{display:flex;align-items:center;gap:8px;font-size:11px}.weather-row button{flex:0 0 auto}
@media(max-width:760px){.route-options-grid{grid-template-columns:1fr}.route-summary-5{grid-template-columns:repeat(4,1fr)}.route-suggest-grid{grid-template-columns:1fr}.near-me-row{grid-template-columns:1fr}}
.route-action-status{
margin:8px 0 2px;
padding:7px 9px;
border-radius:8px;
background:#eef5f0;
font-size:11px;
line-height:1.35;
min-height:16px;
}
.route-action-status.error{
background:#fff1ec;
font-weight:700;
}
/* =========================================================
v10.31 MOBILE + DESKTOP
========================================================= */
.mobile-map-top,
.mobile-bottom-nav,
.mobile-drawer-head,
.mobile-backdrop,
.install-banner{
display:none;
}
/* Better desktop scaling too */
button, input, select, textarea{
font:inherit;
}
button{
cursor:pointer;
}
.sidebar{
min-width:320px;
}
.route-panel{
scrollbar-width:thin;
}
/* Touch-friendly dialogs on all devices */
.dialog-card button,
.route-panel button{
min-height:38px;
}
/* PWA install banner */
.install-banner{
position:fixed;
left:50%;
bottom:18px;
transform:translateX(-50%);
z-index:3000;
width:min(520px,calc(100% - 24px));
background:#fff;
border:1px solid #d7dfda;
border-radius:14px;
box-shadow:0 12px 34px rgba(0,0,0,.22);
padding:11px 12px;
grid-template-columns:minmax(0,1fr) auto 38px;
gap:8px;
align-items:center;
}
.install-banner:not(.hidden){
display:grid;
}
.install-banner strong,
.install-banner span{
display:block;
}
.install-banner span{
font-size:11px;
opacity:.72;
margin-top:2px;
}
@media (max-width: 760px){
html,body{
width:100%;
min-width:0;
overflow:hidden;
}
body{
overscroll-behavior:none;
}
body.mobile-panel-open{
overflow:hidden;
}
.topbar{
display:none;
}
main{
position:relative;
display:block;
width:100%;
height:100dvh;
min-height:100dvh;
overflow:hidden;
}
.mapwrap{
position:absolute;
inset:0;
width:100%;
height:100%;
min-width:0;
}
#map{
position:absolute;
inset:0;
width:100%;
height:100%;
}
/* Make room for bottom navigation */
.leaflet-bottom{
bottom:72px;
}
.mobile-map-top{
display:grid;
position:absolute;
z-index:1000;
top:max(8px,env(safe-area-inset-top));
left:8px;
right:8px;
grid-template-columns:46px minmax(0,1fr) 46px;
align-items:center;
gap:8px;
pointer-events:none;
}
.mobile-map-top button,
.mobile-map-title{
pointer-events:auto;
background:rgba(255,255,255,.96);
border:1px solid rgba(190,200,194,.9);
box-shadow:0 4px 15px rgba(0,0,0,.14);
}
.mobile-map-top button{
width:46px;
height:46px;
padding:0;
border-radius:50%;
font-size:21px;
}
.mobile-map-title{
min-width:0;
border-radius:14px;
padding:7px 11px;
text-align:center;
}
.mobile-map-title strong,
.mobile-map-title span{
display:block;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.mobile-map-title strong{
font-size:14px;
}
.mobile-map-title span{
font-size:10px;
opacity:.68;
margin-top:1px;
}
.mobile-bottom-nav{
display:grid;
position:absolute;
z-index:1800;
left:0;
right:0;
bottom:0;
grid-template-columns:repeat(4,1fr);
padding:6px max(6px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left));
background:rgba(255,255,255,.97);
border-top:1px solid #d9e0dc;
box-shadow:0 -4px 16px rgba(0,0,0,.08);
}
.mobile-bottom-nav button{
min-width:0;
min-height:54px;
padding:4px 2px;
border:0;
background:transparent;
border-radius:10px;
}
.mobile-bottom-nav button.active{
background:#edf3ef;
font-weight:800;
}
.mobile-bottom-nav span,
.mobile-bottom-nav small{
display:block;
}
.mobile-bottom-nav span{
font-size:20px;
line-height:1.15;
}
.mobile-bottom-nav small{
margin-top:3px;
font-size:10px;
}
.mobile-backdrop{
display:block;
position:absolute;
z-index:1540;
inset:0;
background:rgba(0,0,0,.28);
}
.mobile-backdrop.hidden{
display:none;
}
/* Sidebar becomes a left drawer */
.sidebar{
position:absolute;
z-index:1600;
top:0;
left:0;
bottom:0;
width:min(92vw,415px);
min-width:0;
max-width:none;
transform:translateX(-105%);
transition:transform .22s ease;
background:#fff;
box-shadow:8px 0 26px rgba(0,0,0,.18);
overflow-y:auto;
overflow-x:hidden;
padding-bottom:calc(78px + env(safe-area-inset-bottom));
overscroll-behavior:contain;
}
.sidebar.mobile-open{
transform:translateX(0);
}
.mobile-drawer-head{
display:flex;
position:sticky;
z-index:5;
top:0;
align-items:center;
justify-content:space-between;
gap:10px;
padding:10px 12px;
background:rgba(255,255,255,.98);
border-bottom:1px solid #e1e6e3;
}
.mobile-drawer-head button{
width:42px;
height:42px;
min-height:42px;
border-radius:50%;
padding:0;
font-size:23px;
}
.sidebar .controls{
padding-top:8px;
}
.sidebar input[type="search"],
.sidebar input[type="text"],
.sidebar select,
.route-panel input,
.route-panel select,
.dialog-card input,
.dialog-card select,
.dialog-card textarea{
font-size:16px; /* prevents iOS auto-zoom */
}
.sidebar button,
.sidebar select,
.sidebar input:not([type="checkbox"]),
.route-panel button,
.route-panel select,
.route-panel input,
.dialog-card button,
.dialog-card select,
.dialog-card input:not([type="checkbox"]){
min-height:44px;
}
.category-chips,
.municipality-filters{
display:flex;
flex-wrap:wrap;
gap:6px;
}
.category-chip,
.mun-chip{
min-height:38px !important;
padding:7px 9px;
}
.scope-switch{
display:grid;
grid-template-columns:repeat(4,1fr);
}
.button-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:7px;
}
.stats{
position:static;
}
.place-list{
max-height:none;
}
.place-item{
min-height:54px;
padding:10px 11px;
}
/* Route planner becomes a bottom sheet */
.route-panel{
position:absolute;
z-index:1650;
left:0;
right:0;
top:auto;
bottom:0;
width:auto;
max-width:none;
height:min(84dvh,780px);
max-height:84dvh;
border-radius:18px 18px 0 0;
border-left:0;
border-right:0;
border-bottom:0;
padding:12px 12px calc(78px + env(safe-area-inset-bottom));
overflow-y:auto;
transform:translateY(105%);
transition:transform .22s ease;
box-shadow:0 -12px 32px rgba(0,0,0,.2);
}
.route-panel:not(.hidden),
.route-panel.mobile-sheet-open{
transform:translateY(0);
}
.route-panel-head{
position:sticky;
top:-12px;
z-index:5;
margin:-12px -12px 10px;
padding:11px 12px 9px;
background:rgba(255,255,255,.98);
border-bottom:1px solid #e2e7e4;
}
.route-panel-head::before{
content:"";
position:absolute;
left:50%;
top:5px;
width:42px;
height:4px;
margin-left:-21px;
border-radius:999px;
background:#cbd3ce;
}
.route-panel-head > div{
padding-top:7px;
}
.route-fields,
.route-options-grid{
grid-template-columns:1fr;
}
.route-summary-5{
grid-template-columns:repeat(3,minmax(0,1fr));
}
.route-summary>div{
padding:9px 5px;
}
.planner-actions{
display:grid;
grid-template-columns:1fr 1fr;
}
.planner-actions button{
min-height:46px;
}
.route-stop{
grid-template-columns:30px minmax(0,1fr);
align-items:start;
}
.route-stop-actions{
grid-column:2;
justify-content:flex-end;
}
.route-stop-actions button{
width:38px;
height:38px;
}
.saved-route{
grid-template-columns:minmax(0,1fr) 44px;
}
/* Place dialog becomes mobile card */
dialog{
width:100%;
max-width:none;
max-height:none;
margin:0;
padding:0;
border:0;
background:transparent;
}
dialog[open]{
display:flex;
align-items:flex-end;
justify-content:center;
}
dialog::backdrop{
background:rgba(0,0,0,.36);
}
.dialog-card{
width:100%;
max-width:none;
max-height:88dvh;
overflow-y:auto;
margin:0;
border-radius:18px 18px 0 0;
padding:16px 14px calc(20px + env(safe-area-inset-bottom));
box-sizing:border-box;
}
.dialog-card .close{
position:sticky;
top:0;
z-index:6;
float:right;
width:44px;
height:44px;
}
.place-head{
display:block;
}
.favorite{
width:100%;
margin-top:8px;
}
.route-actions{
display:grid;
grid-template-columns:1fr;
gap:7px;
}
.journal .grid2{
grid-template-columns:1fr;
}
.photos{
grid-template-columns:repeat(2,1fr);
}
.install-banner{
bottom:calc(72px + env(safe-area-inset-bottom));
width:calc(100% - 16px);
padding:10px;
grid-template-columns:minmax(0,1fr) auto 38px;
}
/* Leaflet controls easier to hit */
.leaflet-control-zoom a,
.leaflet-control-layers-toggle{
width:42px !important;
height:42px !important;
line-height:42px !important;
}
.leaflet-control-layers{
font-size:13px;
}
/* Loading overlay stays above map but below drawers */
.loading-overlay{
z-index:1415;
}
}
@media (max-width: 420px){
.route-summary-5{
grid-template-columns:repeat(2,minmax(0,1fr));
}
.planner-actions{
grid-template-columns:1fr;
}
.button-row{
grid-template-columns:1fr;
}
.mobile-map-title strong{
font-size:13px;
}
}
/* Desktop/tablet keeps the traditional workspace */
@media (min-width: 761px){
.mobile-drawer-head{
display:none;
}
.sidebar{
transform:none !important;
}
.route-panel.mobile-sheet-open{
transform:none;
}
}
/* v10.32 – renare huvudvy */
.topbar{
justify-content:flex-start;
}
.topbar > div:first-child{
max-width:100%;
}
/* De gamla huvudräknarna används inte längre. */
.progressbox{
display:none !important;
}
.community-ready{
margin:10px 0;
padding:9px 10px;
border:1px solid #dce3df;
border-radius:10px;
background:#fafbf9;
font-size:11px;
line-height:1.45;
}
.community-ready summary{
cursor:pointer;
font-weight:700;
}
.community-ready p{
margin:7px 0 0;
}
/* =========================================================
v10.33 COMMUNITY
========================================================= */
.community-box{
margin:10px 0;
padding:11px;
border:1px solid #d7e0da;
border-radius:12px;
background:#f8faf8;
}
.community-head{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
}
.community-head strong,
.community-head small{
display:block;
}
.community-head small{
margin-top:2px;
font-size:10px;
opacity:.72;
}
.community-head small.error{
opacity:1;
}
.online-dot{
width:10px;
height:10px;
border-radius:50%;
background:#42a166;
box-shadow:0 0 0 4px rgba(66,161,102,.12);
flex:0 0 auto;
}
.community-stats{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:6px;
margin-top:9px;
}
.community-stats>div{
padding:7px 4px;
text-align:center;
border-radius:8px;
background:#fff;
border:1px solid #e2e8e4;
}
.community-stats b,
.community-stats span{
display:block;
}
.community-stats b{
font-size:17px;
}
.community-stats span{
margin-top:2px;
font-size:9px;
line-height:1.2;
opacity:.7;
}
.community-share{
margin-top:10px;
padding-top:9px;
border-top:1px solid #e0e6e2;
}
.community-visible-toggle{
font-weight:700;
}
.community-identity{
margin-top:8px;
}
.community-identity label{
font-size:10px;
font-weight:700;
}
.community-identity input{
display:block;
width:100%;
box-sizing:border-box;
margin-top:4px;
}
.community-identity small,
.community-privacy{
display:block;
font-size:9px;
line-height:1.4;
opacity:.72;
}
.community-privacy{
margin:8px 0 0;
}
.community-map-marker{
display:flex;
align-items:center;
gap:5px;
white-space:nowrap;
font-size:10px;
font-weight:700;
pointer-events:auto;
}
.community-map-dot{
width:13px;
height:13px;
border-radius:50%;
background:#2f8f5b;
border:3px solid #fff;
box-shadow:0 1px 5px rgba(0,0,0,.3);
flex:0 0 auto;
}
.community-map-marker.self .community-map-dot{
background:#2d72bb;
}
.community-map-name{
max-width:90px;
overflow:hidden;
text-overflow:ellipsis;
padding:3px 6px;
border-radius:999px;
background:rgba(255,255,255,.94);
box-shadow:0 1px 4px rgba(0,0,0,.16);
}
@media(max-width:760px){
.community-stats b{font-size:16px}
.community-box{margin-bottom:12px}
}
/* =========================================================
v10.34 COMMUNITY CHAT
========================================================= */
.community-messages-row{
margin-top:9px;
}
.community-messages-btn{
width:100%;
position:relative;
}
.message-unread-badge{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:20px;
height:20px;
margin-left:6px;
padding:0 5px;
border-radius:999px;
background:#b42318;
color:#fff;
font-size:10px;
font-weight:800;
}
.message-unread-badge.hidden{
display:none;
}
.messages-card{
width:min(680px,calc(100vw - 24px));
max-height:84vh;
overflow:hidden;
}
.messages-title-row h2{
margin:0;
}
.messages-title-row p{
margin:4px 0 0;
font-size:12px;
opacity:.75;
}
.messages-safety-note{
margin:10px 0;
padding:9px 10px;
border-radius:10px;
background:#fff4e8;
font-size:11px;
line-height:1.4;
}
.messages-inbox{
max-height:58vh;
overflow:auto;
}
.message-thread{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:8px;
align-items:center;
padding:10px;
margin-bottom:7px;
border:1px solid #e0e6e2;
border-radius:10px;
background:#fff;
}
.message-thread-main{
min-width:0;
}
.message-thread-main strong,
.message-thread-main span,
.message-thread-main small{
display:block;
}
.message-thread-main span{
margin-top:3px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
font-size:11px;
opacity:.78;
}
.message-thread-main small{
margin-top:3px;
font-size:9px;
opacity:.6;
}
.message-thread-unread{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:22px;
height:22px;
padding:0 6px;
border-radius:999px;
background:#b42318;
color:white;
font-size:10px;
font-weight:800;
}
.chat-head{
display:grid;
grid-template-columns:auto minmax(0,1fr) auto;
gap:8px;
align-items:center;
padding-bottom:9px;
border-bottom:1px solid #e0e5e2;
}
.chat-head strong,
.chat-head small{
display:block;
}
.chat-head small{
margin-top:2px;
font-size:9px;
opacity:.65;
}
.danger-lite{
border-color:#dca7a1 !important;
}
.chat-messages{
height:min(52vh,500px);
overflow:auto;
padding:10px 2px;
display:flex;
flex-direction:column;
gap:7px;
}
.chat-message{
max-width:82%;
padding:8px 10px;
border-radius:12px;
font-size:12px;
line-height:1.4;
white-space:pre-wrap;
word-break:break-word;
}
.chat-message.mine{
align-self:flex-end;
background:#e8f2ec;
border-bottom-right-radius:4px;
}
.chat-message.theirs{
align-self:flex-start;
background:#f1f2f2;
border-bottom-left-radius:4px;
}
.chat-message small{
display:block;
margin-top:4px;
opacity:.55;
font-size:8px;
}
.chat-compose{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
gap:8px;
padding-top:9px;
border-top:1px solid #e0e5e2;
}
.chat-compose textarea{
resize:none;
}
.chat-footnote{
margin-top:6px;
font-size:9px;
opacity:.6;
}
.community-popup-message{
margin-top:8px;
width:100%;
}
@media(max-width:760px){
.messages-dialog[open]{
align-items:flex-end;
}
.messages-card{
width:100%;
max-width:none;
max-height:90dvh;
border-radius:18px 18px 0 0;
padding-bottom:calc(16px + env(safe-area-inset-bottom));
}
.chat-messages{
height:50dvh;
}
.chat-head{
grid-template-columns:auto minmax(0,1fr);
}
.chat-head .danger-lite{
grid-column:1 / -1;
width:100%;
}
.chat-compose{
grid-template-columns:1fr;
}
}
/* =========================================================
v10.36 – INKOMMANDE CHAT-POPUP
========================================================= */
.incoming-message-popup{
position:fixed;
z-index:5000;
right:18px;
top:18px;
width:min(415px,calc(100vw - 28px));
display:grid;
grid-template-columns:42px minmax(0,1fr);
gap:10px;
align-items:start;
padding:12px 42px 12px 12px;
border:1px solid #d9e2dc;
border-radius:14px;
background:#fff;
box-shadow:0 14px 38px rgba(0,0,0,.24);
}
.incoming-message-popup.hidden{display:none}
.incoming-message-icon{
width:42px;
height:42px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#edf5ef;
font-size:20px;
}
.incoming-message-content strong,
.incoming-message-content span{
display:block;
}
.incoming-message-content strong{
font-size:13px;
}
.incoming-message-content span{
margin-top:3px;
font-size:11px;
line-height:1.35;
opacity:.78;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.incoming-message-actions{
display:flex;
flex-wrap:wrap;
gap:7px;
margin-top:9px;
}
.incoming-message-actions button{
min-height:36px;
}
.incoming-message-close{
position:absolute;
right:7px;
top:7px;
width:32px;
height:32px;
min-height:32px!important;
padding:0;
border-radius:50%;
}
@media(max-width:760px){
.incoming-message-popup{
left:8px;
right:8px;
top:max(8px,env(safe-area-inset-top));
width:auto;
}
}
.community-message-toggle{
display:flex;
align-items:center;
gap:8px;
margin-top:8px;
font-size:12px;
}
.community-message-toggle input{
width:18px;
height:18px;
}
/* v10.40 – klickbar/touchbar community-chat */
.community-map-marker{
pointer-events:auto !important;
cursor:pointer !important;
min-width:44px;
min-height:44px;
touch-action:manipulation;
-webkit-tap-highlight-color:rgba(0,0,0,.08);
}
.community-map-marker *{
pointer-events:none;
}
.community-popup-message{
display:block;
width:100%;
min-height:44px;
margin-top:9px;
font-weight:700;
touch-action:manipulation;
}
@media (max-width:760px){
.community-map-marker{
min-width:52px;
min-height:48px;
}
}
/* v10.137 – actual Leaflet community marker is always the chat button */
.leaflet-marker-icon.community-chat-marker{
pointer-events:auto !important;
cursor:pointer !important;
touch-action:manipulation !important;
z-index:1000 !important;
}
.leaflet-marker-icon.community-chat-marker *{
pointer-events:none !important;
}
/* v10.42 – tydlig chattknapp i användarpopup */
.community-user-popup{min-width:220px}
.community-user-popup .community-popup-message{
display:block !important;
visibility:visible !important;
opacity:1 !important;
width:100% !important;
min-height:46px !important;
margin:10px 0 0 !important;
padding:10px 12px !important;
border:1px solid currentColor !important;
border-radius:9px !important;
background:#fff !important;
color:#123 !important;
font-size:14px !important;
font-weight:800 !important;
cursor:pointer !important;
pointer-events:auto !important;
touch-action:manipulation !important;
}
/* v10.44 – supportkontakt */
.support-contact{margin:10px 2px;padding:11px;border:1px solid rgba(0,0,0,.12);border-radius:10px;background:rgba(255,255,255,.72)}
.support-contact-title{font-weight:800;margin-bottom:3px}
.support-contact-text{font-size:12px;line-height:1.35;opacity:.78;margin-bottom:8px}
.support-email-btn{display:flex;align-items:center;justify-content:center;min-height:42px;padding:7px 10px;border:1px solid rgba(0,0,0,.25);border-radius:8px;background:#fff;color:inherit;font-weight:750;text-decoration:none;cursor:pointer}
.support-email-btn:hover{text-decoration:none;filter:brightness(.97)}
@media(max-width:760px){.support-email-btn{min-height:46px;font-size:15px}}
/* v10.52 – onboarding: första 10 sekunderna ska vara självklara */
.welcome-overlay{position:fixed;inset:0;z-index:6000;background:linear-gradient(160deg,rgba(10,45,31,.96),rgba(24,76,52,.94));display:flex;align-items:center;justify-content:center;padding:18px;backdrop-filter:blur(8px)}
.welcome-card{width:min(520px,100%);background:#f9faf7;border-radius:22px;padding:28px;box-shadow:0 28px 90px #0007;text-align:center;color:#203126}
.welcome-brand{font-size:12px;font-weight:900;letter-spacing:.08em;color:#236342;margin-bottom:18px}.welcome-step h2{font-size:28px;margin:6px 0 10px}.welcome-lead{font-size:17px;line-height:1.45;margin:0 auto 22px;max-width:420px}.welcome-step small{display:block;margin-top:16px;font-weight:700;color:#65736a}
.welcome-primary,.welcome-secondary{width:100%;min-height:52px;border-radius:12px;font-size:15px;font-weight:850;cursor:pointer;margin:6px 0}.welcome-primary{border:1px solid #236342;background:#236342;color:#fff}.welcome-secondary{border:1px solid #b8c6bc;background:#fff;color:#203126}.welcome-link{border:0;background:transparent;color:#236342;font-weight:800;cursor:pointer;padding:12px}
.welcome-progress{height:6px;background:#e3e9e4;border-radius:99px;overflow:hidden;margin-bottom:18px}.welcome-progress span{display:block;width:50%;height:100%;background:#236342;transition:width .25s}.welcome-stepno{font-size:11px;font-weight:850;color:#6b786f;text-transform:uppercase;letter-spacing:.08em}.welcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.welcome-grid button,.welcome-interest-grid button{border:1px solid #c7d0c8;background:#fff;border-radius:12px;padding:14px 10px;font:inherit;font-weight:800;cursor:pointer}.welcome-interest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:16px 0}.welcome-interest-grid button.selected{background:#e4f0e8;border-color:#236342;color:#17482f}.welcome-loading{margin-top:20px;padding-top:14px;border-top:1px solid #e2e7e2;font-size:11px;color:#68756d;display:flex;align-items:center;justify-content:center;gap:7px}.welcome-pulse{width:8px;height:8px;border-radius:50%;background:#3d7b58;animation:welcomePulse 1.2s infinite}@keyframes welcomePulse{50%{opacity:.3;transform:scale(.75)}}
.ready-toast{position:fixed;z-index:5900;left:50%;top:18px;transform:translateX(-50%);background:#173f2d;color:#fff;padding:12px 18px;border-radius:12px;box-shadow:0 8px 30px #0004;font-weight:800;text-align:center;max-width:90vw}.ready-toast small{display:block;font-weight:500;opacity:.8;margin-top:2px}
@media(max-width:600px){.welcome-card{padding:22px 18px;border-radius:18px}.welcome-step h2{font-size:24px}.welcome-lead{font-size:15px}.welcome-grid,.welcome-interest-grid{grid-template-columns:1fr 1fr}.welcome-overlay{padding:12px}}
/* v10.53 – smart save/install prompt */
.install-return-card{max-width:560px;left:50%;right:auto;transform:translateX(-50%);bottom:22px;grid-template-columns:auto 1fr;gap:12px 14px;align-items:center;padding:16px 18px}
.install-return-icon{font-size:28px;line-height:1}
.install-return-copy{display:flex;flex-direction:column;gap:3px}
.install-return-copy strong{font-size:17px}.install-return-copy span{font-size:13px;line-height:1.35}
.install-return-actions{grid-column:1/-1;display:flex;gap:10px;justify-content:flex-end}.install-return-actions button{min-width:110px}
.install-return-actions .install-secondary{background:transparent;color:inherit;border:1px solid rgba(0,0,0,.16)}
.install-help-modal{position:fixed;inset:0;z-index:10050;background:rgba(0,0,0,.48);display:flex;align-items:center;justify-content:center;padding:18px}
.install-help-modal.hidden{display:none}.install-help-card{position:relative;width:min(92vw,460px);background:#fff;border-radius:22px;padding:26px;box-shadow:0 24px 70px rgba(0,0,0,.28);color:#202020}
.install-help-close{position:absolute;top:10px;right:12px;border:0;background:transparent;font-size:28px;cursor:pointer}.install-help-icon{font-size:38px;margin-bottom:4px}
.install-help-card h2{margin:4px 0 6px;font-size:23px}.install-help-card p{margin:0 0 14px;color:#555}.install-help-card ol{margin:0 0 20px;padding-left:22px;line-height:1.5}.install-help-card li+li{margin-top:8px}
.install-help-card #installHelpDone{width:100%;padding:12px 16px;border-radius:12px}
@media(max-width:700px){.install-return-card{width:calc(100% - 24px);bottom:76px;padding:14px}.install-return-actions{justify-content:stretch}.install-return-actions button{flex:1}}
/* v10.57 – Mina platser + sök direkt på kartan */
.my-places-box{margin:12px 0;padding:12px;border:1px solid #d5ddd6;border-radius:12px;background:#fff}
.my-places-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:9px}.my-places-head strong{font-size:15px}.my-places-head small{font-size:10px;color:#68756d}
.my-places-actions{display:grid;grid-template-columns:1fr;gap:6px}.my-places-actions button,.my-places-clear{border:1px solid #c7d0c8;border-radius:9px;background:#f8faf8;padding:9px 10px;text-align:left;cursor:pointer;font:inherit;color:#26382c}.my-places-actions button{display:flex;justify-content:space-between;align-items:center}.my-places-actions button span{min-width:24px;text-align:center;border-radius:99px;background:#e9efea;padding:2px 6px;font-size:11px}.my-places-actions button.active{background:#e8f3ec;border-color:#4d8965;color:#174e31;font-weight:700}.my-places-clear{width:100%;margin-top:7px;text-align:center;background:#fff;color:#4d6355;font-size:12px}
.my-places-list{margin-top:8px;border-top:1px solid #e3e8e3;padding-top:5px;max-height:270px;overflow:auto}.my-place-item{display:grid;grid-template-columns:24px 1fr;gap:7px;align-items:center;width:100%;border:0;background:transparent;border-radius:8px;text-align:left;padding:7px;cursor:pointer}.my-place-item:hover{background:#eef3ef}.my-place-item strong,.my-place-item small{display:block}.my-place-item strong{font-size:12px}.my-place-item small{font-size:10px;color:#6b786f;margin-top:2px}.my-places-empty{padding:10px;font-size:11px;color:#68756d;text-align:center}
.place-save-actions{display:flex;gap:7px;flex-wrap:wrap}.want-visit{border:1px solid #bdc8bf;border-radius:8px;padding:9px 10px;background:white;cursor:pointer;font:inherit}.want-visit.active{background:#e9f1ff;border-color:#7894bd;color:#234d82;font-weight:700}
.map-search-box{position:absolute;z-index:1050;top:14px;left:50%;transform:translateX(-50%);width:min(480px,calc(100% - 120px))}.map-search-input-wrap{height:46px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #bfc9c1;border-radius:13px;padding:0 10px;box-shadow:0 3px 14px #0002}.map-search-input-wrap input{min-width:0;flex:1;border:0;outline:0;background:transparent;font:inherit;font-size:15px}.map-search-clear{width:30px;height:30px;border:0;border-radius:50%;background:#edf1ed;cursor:pointer;font-size:20px;line-height:1}.map-search-results{margin-top:5px;background:#fff;border:1px solid #cbd3cc;border-radius:11px;box-shadow:0 6px 20px #0003;overflow:hidden;max-height:310px;overflow-y:auto}.map-search-results button{display:block;width:100%;border:0;border-bottom:1px solid #edf0ed;background:#fff;text-align:left;padding:10px 12px;cursor:pointer}.map-search-results button:last-child{border-bottom:0}.map-search-results button:hover{background:#eef4ef}.map-search-results strong,.map-search-results small{display:block}.map-search-results strong{font-size:13px}.map-search-results small{font-size:10px;color:#66756b;margin-top:2px}.map-search-empty{padding:12px;color:#68756d;font-size:12px}
.personal-marker-wrap{position:absolute!important;background:transparent!important;border:0!important}.marker-fav,.marker-visited,.marker-want{position:absolute;display:flex;align-items:center;justify-content:center;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 7px #0007;font-weight:900;line-height:1;z-index:4}.marker-fav{right:-8px;top:-10px;width:21px;height:21px;background:#d94157;color:#fff;font-size:12px}.marker-visited{left:-8px;bottom:-9px;width:21px;height:21px;background:#288557;color:#fff;font-size:13px}.marker-want{right:-8px;bottom:-9px;width:21px;height:21px;background:#4e72ad;color:#fff;font-size:11px}.my-marker-focus .custom-marker{transform:scale(1.18);box-shadow:0 0 0 4px #fff,0 2px 10px #0008}.my-marker-focus .marker-fav,.my-marker-focus .marker-visited,.my-marker-focus .marker-want{transform:scale(1.18)}
@media(max-width:760px){.map-search-box{top:55px;width:calc(100% - 24px)}.map-search-input-wrap{height:44px}.map-search-results{max-height:220px}.my-places-list{max-height:220px}}
/* v10.59 – tydligare stängknapp i platsinformationen */
#placeDialog .place-close-btn{
position:sticky;
top:0;
z-index:20;
float:right;
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
min-width:96px;
height:44px;
margin:-5px -5px 8px 12px;
padding:0 13px;
border:2px solid #123f2b;
border-radius:999px;
background:#123f2b;
color:#fff;
font-size:14px;
font-weight:800;
line-height:1;
cursor:pointer;
box-shadow:0 3px 10px rgba(0,0,0,.22);
}
#placeDialog .place-close-btn .place-close-x{
font-size:26px;
font-weight:500;
line-height:1;
margin-top:-2px;
}
#placeDialog .place-close-btn:hover,
#placeDialog .place-close-btn:focus-visible{
background:#8f2f2f;
border-color:#8f2f2f;
outline:3px solid rgba(143,47,47,.22);
outline-offset:2px;
}
@media(max-width:760px){
#placeDialog .place-close-btn{
top:2px;
min-width:100px;
height:46px;
margin:-2px -2px 10px 10px;
font-size:14px;
}
}
/* v10.63 – kategori-valen ligger direkt under områdesvalet utan att ändra kartlogiken */
.scope-switch + .municipality-filters,
.scope-switch + .category-chips{
margin-top:8px;
}
/* v10.65 – Leaflet måste äga markörernas absoluta positionering.
Relative här gjorde att varje markör fick ett växande DOM-offset och därför
hamnade plupparna i lodräta rader långt från sina koordinater. */
.leaflet-marker-icon.personal-marker-wrap{
position:absolute!important;
}
/* v10.66 – mobil stabilitet
iOS zoomar automatiskt in formulärfält under 16px. Det gjorde att kartan ibland
blev "förstorad" efter sökning och knappar hamnade utanför tryckbart område. */
html{
-webkit-text-size-adjust:100%;
text-size-adjust:100%;
}
@media (max-width:760px){
input,
select,
textarea,
.map-search-input-wrap input,
.controls input[type=search]{
font-size:16px !important;
}
html,body,main,.mapwrap,#map{
max-width:100vw;
}
.mobile-map-top{
left:max(8px,env(safe-area-inset-left));
right:max(8px,env(safe-area-inset-right));
}
.mobile-bottom-nav{
padding-left:max(6px,env(safe-area-inset-left));
padding-right:max(6px,env(safe-area-inset-right));
}
.map-search-box{
left:12px;
right:12px;
width:auto;
transform:none;
}
}
/* v10.67 – tydlig information om första laddningen */
.welcome-firstload-icon{
font-size:42px;
line-height:1;
margin:2px 0 8px;
}
.welcome-firstload-note{
margin:16px 0 18px;
padding:14px 15px;
border:1px solid #cad8cf;
border-radius:13px;
background:#f0f6f2;
color:#264936;
text-align:left;
line-height:1.45;
}
.welcome-firstload-note strong,
.welcome-firstload-note span{
display:block;
}
.welcome-firstload-note strong{
margin-bottom:4px;
font-size:14px;
}
.welcome-firstload-note span{
font-size:13px;
}
/* v10.68 – vandringsläge + första-gången-tips */
.walk-main-btn{position:absolute;z-index:1055;left:50%;bottom:22px;transform:translateX(-50%);min-height:48px;padding:0 20px;border:0;border-radius:999px;background:#184d34;color:#fff;font:inherit;font-weight:850;box-shadow:0 5px 20px #0004;cursor:pointer;white-space:nowrap}
.walk-main-btn.active{background:#9f3434}.walk-live-bar{position:absolute;z-index:1054;left:50%;bottom:78px;transform:translateX(-50%);display:flex;gap:12px;align-items:center;background:#fff;border:1px solid #c9d2cb;border-radius:999px;padding:7px 13px;box-shadow:0 3px 14px #0003;font-size:12px}.walk-live-bar strong{font-size:13px}.walk-live-bar.hidden{display:none}
.walk-dialog{border:0;padding:0;background:transparent;max-width:none}.walk-dialog::backdrop{background:#0008;backdrop-filter:blur(4px)}.walk-dialog-card{position:relative;width:min(92vw,480px);background:#fff;border-radius:22px;padding:26px;box-shadow:0 24px 80px #0006;color:#213027;text-align:center}.walk-dialog-card h2{margin:5px 0 8px;font-size:24px}.walk-dialog-card>p{margin:0 0 18px;color:#617067}.walk-dialog-icon{font-size:38px}.walk-dialog-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:28px;cursor:pointer}.walk-choice{display:block;width:100%;padding:15px;margin:9px 0;border:1px solid #c8d1ca;border-radius:14px;background:#f9fbf9;text-align:left;cursor:pointer;color:#203126}.walk-choice strong,.walk-choice span{display:block}.walk-choice strong{font-size:15px;margin-bottom:4px}.walk-choice span{font-size:12px;line-height:1.4;color:#607067}.walk-choice.primary-choice{border-color:#5c8d70;background:#edf6f0}.walk-duration-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.walk-duration-grid button{padding:13px 8px;border:1px solid #c5d0c8;border-radius:12px;background:#f7faf8;font:inherit;font-weight:800;cursor:pointer}.walk-duration-grid button:hover{background:#e8f3ec}.walk-interest-label{display:grid;gap:6px;text-align:left;font-size:12px;font-weight:800}.walk-interest-label select{min-height:44px;border:1px solid #c5d0c8;border-radius:10px;padding:8px;background:white}.walk-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.walk-summary-grid div{padding:12px 6px;border-radius:12px;background:#f1f6f2}.walk-summary-grid strong,.walk-summary-grid span{display:block}.walk-summary-grid strong{font-size:18px}.walk-summary-grid span{font-size:10px;color:#6a766e;margin-top:3px}.firstload-tip-dots{display:flex;justify-content:center;gap:6px;margin:4px 0 12px}.firstload-tip-dots span{width:7px;height:7px;border-radius:50%;background:#c5d0c8}.firstload-tip-dots span.active{background:#236342}
@media(max-width:760px){.walk-main-btn{bottom:82px;min-height:46px;padding:0 16px}.walk-live-bar{bottom:135px}.walk-dialog-card{padding:22px 17px}.walk-summary-grid strong{font-size:16px}}
/* v10.69 – ruttförslag, GPS-hjälp och förhandsvisning */
.walk-preview-stats{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:14px 0}.walk-preview-stats>*{background:#edf5ef;border-radius:999px;padding:7px 11px;font-size:12px}.walk-preview-stats strong{font-size:14px}.walk-preview-places{max-height:190px;overflow:auto;text-align:left;margin:12px 0 16px;border:1px solid #d7ded9;border-radius:13px}.walk-preview-places>div{display:grid;grid-template-columns:28px 1fr;gap:0 8px;padding:9px 10px;border-bottom:1px solid #edf0ee}.walk-preview-places>div:last-child{border-bottom:0}.walk-preview-places>div>span{grid-row:1/3;width:24px;height:24px;border-radius:50%;background:#184d34;color:#fff;display:grid;place-items:center;font-weight:900;font-size:12px}.walk-preview-places strong{font-size:13px}.walk-preview-places small{font-size:11px;color:#66736b}.walk-secondary-btn{width:100%;margin-top:9px;min-height:43px;border:1px solid #c4cec7;border-radius:11px;background:#fff;font:inherit;font-weight:800;cursor:pointer}.gps-help-instructions{text-align:left;background:#f4f7f5;border-radius:13px;padding:13px 15px;margin:12px 0 16px;font-size:12px;line-height:1.45}.gps-help-instructions strong{font-size:14px}.gps-help-instructions ol{padding-left:20px;margin:8px 0 0}.walk-stop-marker{width:30px;height:30px;border-radius:50%;background:#184d34;color:white;border:3px solid white;box-shadow:0 2px 8px #0005;display:grid;place-items:center;font-weight:900}.walk-stop-marker-wrap{background:transparent!important;border:0!important}
#walkPreviewDialog[open]{position:fixed;z-index:2500;left:50%;top:auto;bottom:95px;transform:translateX(-50%);margin:0;overflow:visible}
@media(max-width:760px){#walkPreviewDialog[open]{bottom:145px}.walk-preview-card{max-height:52vh;overflow:auto}}
/* v10.70 – separat Mina-sektion */
.topbar-my-btn{
border:1px solid rgba(255,255,255,.35);
background:rgba(255,255,255,.12);
color:#fff;
border-radius:12px;
padding:10px 14px;
font:inherit;
font-weight:800;
cursor:pointer;
}
.topbar-my-btn:hover{background:rgba(255,255,255,.2)}
.my-panel{
position:fixed;
z-index:4150;
top:92px;
right:18px;
width:min(415px,calc(100vw - 36px));
max-height:calc(100vh - 110px);
overflow:auto;
background:#f8faf8;
border:1px solid #d4ddd6;
border-radius:18px;
box-shadow:0 18px 55px rgba(0,0,0,.28);
padding:14px;
}
.my-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.my-panel-head>div{display:flex;flex-direction:column;gap:2px}
.my-panel-head strong{font-size:20px;color:#173f2d}
.my-panel-head small{font-size:11px;color:#6a786f}
.my-panel-head>button{width:40px;height:40px;border:0;border-radius:50%;background:#e8eeea;font-size:27px;line-height:1;cursor:pointer;color:#24415d}
.my-panel .my-places-box{margin:0}
@media(max-width:760px){
.topbar-my-btn{display:none}
.mobile-bottom-nav{grid-template-columns:repeat(5,1fr)}
.mobile-bottom-nav button{min-height:54px;padding:4px 1px}
.mobile-bottom-nav small{font-size:9px}
.my-panel{
top:auto;
left:8px;
right:8px;
bottom:72px;
width:auto;
max-height:min(72vh,620px);
border-radius:20px 20px 14px 14px;
padding:14px;
}
}
/* v10.71 – vänsterflik Mina + fri kartförhandsgranskning */
.desktop-sidebar-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:9px 10px;background:#eef3ef;border-bottom:1px solid #d6ddd7;position:sticky;top:0;z-index:20}
.desktop-sidebar-tabs button{border:1px solid #c7d1c9;background:#fff;border-radius:10px;min-height:40px;font:inherit;font-weight:800;color:#425348;cursor:pointer}
.desktop-sidebar-tabs button.active{background:#1f5b3d;color:#fff;border-color:#1f5b3d}
@media(min-width:761px){
.my-panel{top:132px;left:0;right:auto;width:365px;max-height:calc(100vh - 132px);height:calc(100vh - 132px);border-radius:0;border-left:0;border-bottom:0;box-shadow:none;padding:14px;z-index:4150}
/* v10.72: vandringsförslaget bor i vänsterspalten så kartan är helt fri */
#walkPreviewDialog[open]{left:10px;right:auto;top:150px;bottom:auto;transform:none;margin:0;width:415px;max-width:calc(100vw - 30px)}
#walkPreviewDialog .walk-preview-card{width:415px;max-width:100%;max-height:calc(100vh - 165px);overflow:auto;padding:18px;box-shadow:0 12px 34px rgba(0,0,0,.22)}
}
.walk-back-btn{background:#f2f6f3}
#walkPreviewDialog[open]{pointer-events:auto}
#walkPreviewDialog::backdrop{display:none;background:transparent;backdrop-filter:none}
@media(max-width:760px){
.desktop-sidebar-tabs{display:none}
#walkPreviewDialog[open]{left:8px;right:8px;bottom:72px;top:auto;transform:none;width:auto;max-width:none}
#walkPreviewDialog .walk-preview-card{width:100%;max-height:38vh;overflow:auto;padding:15px}
.walk-preview-places{max-height:90px}
}
/* v10.75 tydligare startguide och synlig bakgrundsladdning */
.welcome-remember{display:flex;gap:8px;align-items:flex-start;margin-top:14px;font-size:11px;color:#647269;line-height:1.35;text-align:left}
.welcome-remember input{margin-top:2px;flex:0 0 auto}
.loading-card>div:last-child{min-width:min(340px,70vw)}
.loading-progress{height:5px;background:rgba(255,255,255,.22);border-radius:99px;overflow:hidden;margin-top:7px}
.loading-progress span{display:block;height:100%;width:10%;background:#fff;border-radius:99px;transition:width .35s ease}
.loading-overlay.background-compact{inset:auto 10px 10px auto;padding:0;align-items:initial;justify-content:initial;position:absolute}
.loading-overlay.background-compact .loading-card{max-width:min(440px,calc(100vw - 20px));padding:10px 13px;background:rgba(19,63,44,.96)}
@media(max-width:760px){.loading-overlay.background-compact{left:8px;right:8px;bottom:76px}.loading-overlay.background-compact .loading-card{max-width:none;width:100%}.loading-card>div:last-child{min-width:0;flex:1}}
/* v10.76 förstastart: tips + tydlig appinstallation */
.welcome-install-btn{margin-top:4px!important;border-color:#8eb29c!important;background:#f4faf6!important;color:#1e5537!important}
.welcome-install-hint{display:block;margin:-1px 10px 5px;color:#6a776f;line-height:1.35;text-align:center}
#welcomeFirstLoadStep .welcome-lead{min-height:48px}
#welcomeFirstLoadStep .welcome-firstload-note{min-height:62px}
/* v10.78: keep the main walking button fully visible on narrow phones */
@media(max-width:760px){
.walk-main-btn{
max-width:calc(100vw - 28px);
width:max-content;
padding-left:18px;
padding-right:18px;
font-size:14px;
overflow:visible;
text-overflow:clip;
}
}
@media(max-width:360px){.walk-main-btn{font-size:13px;padding-left:14px;padding-right:14px}}
/* v7: remove generated walking suggestion directly from map */
.clear-walk-suggestion-control{background:transparent!important;border:0!important;box-shadow:none!important;margin-right:14px!important;margin-bottom:72px!important}
.clear-walk-suggestion-map{min-height:46px;padding:0 15px;border:0;border-radius:999px;background:#fff;color:#173b2d;box-shadow:0 3px 14px rgba(0,0,0,.24);font:inherit;font-size:13px;font-weight:900;cursor:pointer;display:flex;align-items:center;gap:7px;white-space:nowrap}
.clear-walk-suggestion-map:hover{background:#f6f8f7}
.clear-walk-suggestion-map.hidden{display:none!important}
@media(max-width:760px){.clear-walk-suggestion-control{margin-right:10px!important;margin-bottom:86px!important}.clear-walk-suggestion-map{min-height:44px;padding:0 13px;font-size:12px}}
/* v10.78 – meddelandenotis direkt på kartan */
.map-message-notice{
position:absolute;
z-index:1062;
right:16px;
top:76px;
max-width:min(330px,calc(100% - 32px));
min-height:54px;
display:grid;
grid-template-columns:38px minmax(0,1fr) auto;
align-items:center;
gap:9px;
padding:8px 10px;
border:1px solid #bfd0c4;
border-radius:15px;
background:#fff;
color:#203126;
box-shadow:0 5px 20px #0003;
cursor:pointer;
text-align:left;
}
.map-message-notice:hover{background:#f4f8f5}
.map-message-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#edf5ef;font-size:19px}
.map-message-copy{min-width:0;display:block}
.map-message-copy strong,.map-message-copy small{display:block}
.map-message-copy strong{font-size:13px;line-height:1.15}
.map-message-copy small{margin-top:3px;font-size:11px;color:#617067;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.map-message-badge{min-width:25px;height:25px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:#184d34;color:#fff;font-size:11px;font-weight:900}
@media(max-width:760px){
.map-message-notice{
top:108px;
right:10px;
max-width:calc(100% - 20px);
min-height:50px;
padding:7px 9px;
}
}
/* v10.78 / nv_skane_9 – mobil: kartkontroller får aldrig täckas av sökrutan */
@media (max-width:760px){
/* Sökfältet ligger under den egna toppraden. */
.map-search-box{
top:62px;
z-index:1050;
}
/* Flytta Leaflets +/- under sökrutan så både plus och minus alltid är synliga/tryckbara. */
.leaflet-top.leaflet-left{
top:112px;
}
/* Kontrollen/menyn uppe till höger ska öppnas OVANPÅ sökrutan. */
.leaflet-top.leaflet-right{
z-index:1250;
}
.leaflet-control-layers,
.leaflet-control-layers-expanded{
position:relative;
z-index:1260;
}
}
/* v10.79 – tydligare vandringsförhandsgranskning på mobil */
.walk-preview-more{display:none;width:100%;border:0;background:transparent;color:#184d34;font:inherit;font-weight:900;padding:10px 8px 4px;cursor:pointer}
@media(max-width:760px){
#walkPreviewDialog[open]{left:8px;right:8px;bottom:70px;top:auto;transform:none;width:auto;max-width:none;overflow:visible}
#walkPreviewDialog .walk-preview-card{width:100%;max-height:36vh;overflow:auto;padding:13px 14px 16px;overscroll-behavior:contain;scrollbar-gutter:stable}
#walkPreviewDialog .walk-dialog-icon{margin-bottom:2px}
#walkPreviewDialog h2{margin-top:2px;margin-bottom:8px;font-size:20px}
#walkPreviewDialog .walk-preview-stats{margin-bottom:6px}
#walkPreviewDialog .walk-preview-card>p{margin:7px 0 9px;font-size:13px;line-height:1.35}
#walkPreviewDialog .walk-preview-places{max-height:72px;overflow:auto;margin-bottom:8px}
#walkPreviewDialog .welcome-primary{position:sticky;bottom:0;z-index:3;box-shadow:0 -8px 14px rgba(255,255,255,.92);margin-top:6px}
#walkPreviewDialog .walk-preview-more{display:block;position:sticky;bottom:48px;z-index:4;background:linear-gradient(to bottom,rgba(255,255,255,.76),#fff 45%);}
#walkPreviewDialog.walk-preview-expanded .walk-preview-card{max-height:68vh}
#walkPreviewDialog.walk-preview-expanded .walk-preview-more{position:static;background:transparent}
}
/* v10.78 – Mina: radering, alla vandringar + GPS/personvy */
.gps-community-identity{
margin-top:10px;
padding-top:9px;
border-top:1px solid #e0e6e2;
}
.people-only-btn{
width:100%;
margin-top:10px;
min-height:42px;
border:1px solid #b9c8bd;
border-radius:10px;
background:#fff;
color:#244331;
font:inherit;
font-weight:800;
cursor:pointer;
}
.people-only-btn.active{
background:#244b35;
border-color:#244b35;
color:#fff;
}
.people-only-status{
display:block;
margin-top:5px;
font-size:9px;
line-height:1.35;
color:#68756d;
}
.show-all-walks-btn{
display:grid;
grid-template-columns:26px 1fr;
gap:8px;
align-items:center;
width:100%;
margin:3px 0 8px;
padding:10px;
border:1px solid #8cab96;
border-radius:10px;
background:#edf5ef;
text-align:left;
color:#1f4b31;
cursor:pointer;
}
.show-all-walks-btn.active{background:#dff3e6;border-color:#2f7d4a;color:#174f2c;box-shadow:inset 0 0 0 1px rgba(47,125,74,.18)}
.show-all-walks-btn.active strong{color:#174f2c}
.show-all-walks-btn.active small{color:#356b48}
.show-all-walks-btn strong,.show-all-walks-btn small{display:block}
.show-all-walks-btn strong{font-size:12px}
.show-all-walks-btn small{margin-top:2px;font-size:9px;color:#607369;line-height:1.3}
.swipe-delete-row{
position:relative;
overflow:hidden;
border-radius:8px;
margin:1px 0;
background:#a83232;
}
.swipe-delete-content{
position:relative;
z-index:2;
margin:0;
background:#fff!important;
transition:transform .18s ease;
touch-action:pan-y;
}
.swipe-delete-action{
position:absolute;
z-index:1;
top:0;
right:0;
bottom:0;
width:86px;
border:0;
background:#a83232;
color:#fff;
font:inherit;
font-size:11px;
font-weight:850;
cursor:pointer;
}
.swipe-delete-row.delete-open .swipe-delete-content{box-shadow:-2px 0 5px #0002}
@media (hover:hover) and (pointer:fine){
.swipe-delete-row:hover .swipe-delete-content{padding-right:38px}
.swipe-delete-row:not(.delete-open)::after{
content:"🗑";
position:absolute;
z-index:3;
right:10px;
top:50%;
transform:translateY(-50%);
opacity:.55;
pointer-events:none;
font-size:13px;
}
}
@media(max-width:760px){
.people-only-btn{min-height:46px;font-size:13px}
.people-only-status{font-size:10px}
.show-all-walks-btn{min-height:50px}
.swipe-delete-row{min-height:48px}
.swipe-delete-content{min-height:48px}
}
.route-map-picks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 10px}.route-map-picks>div{display:flex;gap:6px;align-items:center;justify-content:space-between;border:1px solid var(--line,#d8dde3);border-radius:10px;padding:7px 9px}.route-map-picks small{min-width:0}.route-map-picks button{white-space:nowrap}@media(max-width:700px){.route-map-picks{grid-template-columns:1fr}.route-map-picks>div{align-items:flex-start;flex-direction:column}.route-map-picks button{width:100%}}
/* v10.81 – rekommendera programmet */
.recommend-app-btn{
width:100%;
min-height:46px;
border:0;
border-radius:12px;
padding:11px 14px;
font-weight:800;
cursor:pointer;
}
.recommend-app-hint{
display:block;
margin-top:6px;
line-height:1.35;
opacity:.78;
}
/* v10.78: Ruttplaneraren nås via den fasta Rutt-ikonen på mobil. */
@media (max-width:760px){
#openRoutePlanner{display:none!important;}
}
/* v10.83 – Mina: riktig raderingsknapp på dator och stabil radering utan att lämna Mina */
@media (hover:hover) and (pointer:fine) and (min-width:761px){
.swipe-delete-row{background:#fff;overflow:visible;padding-right:40px;}
.swipe-delete-content{width:100%;padding-right:12px!important;}
.swipe-delete-action{
z-index:4;display:flex;align-items:center;justify-content:center;
width:38px;right:0;border-radius:7px;background:transparent;color:#7b8780;
font-size:0;opacity:.72;
}
.swipe-delete-action::after{content:"🗑️";font-size:14px;}
.swipe-delete-action:hover{background:#fbeaea;color:#9f2929;opacity:1;}
.swipe-delete-row:not(.delete-open)::after{display:none!important;}
}
/* v10.84 – Mobil: sparad statistik hör hemma under Mina, inte Platser. */
@media (max-width:760px){
.sidebar > .stats{display:none!important;}
}
/* v10.79: Hjälpläge + tydligt Nära mig-läge */
#mobileNavNear.near-active{
background:#187a3b !important;
color:#fff !important;
border-color:#187a3b !important;
}
#mobileNavNear.near-active span,#mobileNavNear.near-active small{color:#fff !important;}
.emergency-help-btn{
position:absolute; z-index:730; right:12px; bottom:78px;
min-height:46px; border:2px solid #a91f24; border-radius:999px;
background:#fff; color:#8d171c; font-weight:800; padding:9px 14px;
box-shadow:0 4px 16px rgba(0,0,0,.18); cursor:pointer;
}
.emergency-help-btn.active{background:#bd1f25;color:#fff;border-color:#fff;animation:emergencyPulse 1.6s infinite;}
@keyframes emergencyPulse{0%,100%{box-shadow:0 0 0 0 rgba(189,31,37,.35),0 4px 16px rgba(0,0,0,.18)}50%{box-shadow:0 0 0 9px rgba(189,31,37,0),0 4px 16px rgba(0,0,0,.18)}}
.emergency-help-dialog{border:0;background:transparent;padding:12px;max-width:520px;width:calc(100% - 24px);}
.emergency-help-dialog::backdrop{background:rgba(0,0,0,.5)}
.emergency-help-card{position:relative;background:#fff;border-radius:18px;padding:22px;box-shadow:0 18px 50px rgba(0,0,0,.28);color:#1f2b25;}
.emergency-help-card .close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:28px;cursor:pointer;}
.emergency-help-icon{font-size:42px;line-height:1;margin-bottom:8px}.emergency-help-card h2{margin:0 34px 12px 0}
.emergency-112-warning{background:#fff0f0;border:2px solid #c72a30;border-radius:12px;padding:12px;margin:12px 0;color:#7b1519;}
.emergency-help-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.emergency-help-actions button{min-height:44px;padding:10px 14px;border-radius:10px;cursor:pointer}.emergency-activate{background:#bd1f25;color:#fff;border:1px solid #bd1f25;font-weight:800;}
.community-map-marker.emergency .community-map-dot{background:#d42128 !important;border-color:#fff !important;box-shadow:0 0 0 5px rgba(212,33,40,.22),0 2px 8px rgba(0,0,0,.28) !important;}
.community-map-marker.emergency .community-map-name{background:#bd1f25 !important;color:#fff !important;border-color:#8a151a !important;font-weight:800;}
@media(max-width:700px){.emergency-help-btn{right:10px;bottom:92px;max-width:175px;font-size:13px;padding:8px 11px}.emergency-help-card{padding:20px 16px}.emergency-help-actions{flex-direction:column}.emergency-help-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.emergency-help-btn.active{animation:none}}
/* v10.87 Utmaningar */
.challenge-modal{position:fixed;inset:0;z-index:12000;background:rgba(0,0,0,.48);display:flex;align-items:center;justify-content:center;padding:16px}.challenge-modal.hidden,.challenge-card .hidden{display:none!important}.challenge-card{background:#fff;border-radius:18px;width:min(680px,100%);max-height:88vh;overflow:auto;padding:16px;box-shadow:0 18px 60px rgba(0,0,0,.28)}.challenge-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.challenge-head strong{font-size:20px;display:block}.challenge-head small{color:#667}.challenge-head button{font-size:25px;border:0;background:transparent}.challenge-actions,.challenge-footer{display:flex;gap:8px;flex-wrap:wrap}.challenge-actions button,.challenge-footer button,.challenge-card button{min-height:42px}.challenge-card label{display:block;font-weight:700;margin:10px 0}.challenge-card input,.challenge-card select{width:100%;padding:10px;border:1px solid #ccd3d9;border-radius:9px;font-size:16px}.challenge-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.challenge-places{max-height:260px;overflow:auto;border:1px solid #dde3e7;border-radius:10px;margin:8px 0 14px}.challenge-place{display:flex!important;gap:10px;align-items:center;margin:0!important;padding:9px 10px;border-bottom:1px solid #edf0f2;font-weight:500!important}.challenge-place input{width:auto}.challenge-score{width:100%;border-collapse:collapse;margin:10px 0}.challenge-score td,.challenge-score th{padding:8px;border-bottom:1px solid #eee;text-align:left}.challenge-controls{display:grid;gap:7px;margin:10px 0}.challenge-control{padding:9px;border-radius:9px;background:#f4f6f7}.challenge-control.done{background:#e8f7ec}.challenge-note{background:#fff5d9;border-radius:10px;padding:12px;margin:12px 0}.challenge-code{font-family:monospace;font-size:18px;font-weight:800}.challenge-map-marker{width:30px;height:30px;border-radius:50%;background:#7b4b00;color:white;border:3px solid white;box-shadow:0 2px 8px #0005;display:grid;place-items:center;font-weight:800}.challenge-map-marker.done{background:#26833a}.challenge-status{font-weight:800;margin:8px 0}.challenge-manual li{margin:9px 0}.challenge-current-card{border:1px solid #dde3e7;border-radius:12px;padding:12px;margin-top:12px}.challenge-current-card button{margin-top:8px}@media(max-width:600px){.challenge-modal{padding:8px;align-items:flex-end}.challenge-card{max-height:86vh;border-radius:18px 18px 8px 8px}.challenge-grid{grid-template-columns:1fr}}
/* v10.88 – challenge map picker */
.challenge-picker-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0}.challenge-picker-actions small{color:#667;flex:1;min-width:180px}.challenge-map-picker-bar{position:absolute;z-index:11500;left:50%;bottom:76px;transform:translateX(-50%);width:min(680px,calc(100% - 20px));background:#fff;border:2px solid #7b4b00;border-radius:14px;padding:10px 12px;box-shadow:0 8px 28px rgba(0,0,0,.28);display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px}.challenge-map-picker-bar.hidden{display:none!important}.challenge-map-picker-bar strong,.challenge-map-picker-bar small{display:block}.challenge-map-picker-bar small{color:#667;margin-top:2px}.challenge-map-picker-actions{display:flex;gap:7px}.challenge-map-picker-actions button{min-height:42px}.challenge-pick-marker{width:30px;height:30px;border-radius:50%;background:#fff;color:#5a3a00;border:3px solid #7b4b00;box-shadow:0 2px 8px #0005;display:grid;place-items:center;font-weight:900;font-size:17px}.challenge-pick-marker.selected{background:#26833a;color:#fff;border-color:#fff;transform:scale(1.08)}
@media(max-width:600px){.challenge-map-picker-bar{bottom:72px;grid-template-columns:1fr auto}.challenge-map-picker-bar>span{grid-row:1;grid-column:2;font-weight:800}.challenge-map-picker-actions{grid-column:1/-1}.challenge-map-picker-actions button{flex:1}.challenge-picker-actions button{width:100%}}
.challenge-distance-preview,.challenge-distance-summary{margin:9px 0 12px;padding:10px 12px;border:1px solid #d8c7aa;border-radius:12px;background:#fffaf1;color:#3f3527}.challenge-distance-preview strong,.challenge-distance-summary strong{font-size:1.08em}.challenge-distance-preview small,.challenge-distance-summary small{display:block;margin-top:3px;color:#6b6257;line-height:1.35}.challenge-map-picker-bar #challengeMapPickerDistance{font-weight:800;white-space:nowrap}
@media(max-width:600px){.challenge-map-picker-bar{grid-template-columns:minmax(0,1fr) auto}.challenge-map-picker-bar #challengeMapPickerCount{grid-row:auto;grid-column:auto}.challenge-map-picker-bar #challengeMapPickerDistance{grid-column:1/-1;grid-row:auto}.challenge-map-picker-actions{grid-column:1/-1}}
/* v10.90 – challenge overview */
.challenge-overview-wrap{margin:10px 0 12px;border:1px solid #d9e0e4;border-radius:12px;overflow:hidden;background:#fff}.challenge-overview-head{padding:9px 11px;display:flex;justify-content:space-between;gap:8px;align-items:baseline;flex-wrap:wrap}.challenge-overview-head small{color:#667}.challenge-overview-map{height:230px;background:#eef3ef;border-top:1px solid #e2e7e9}.challenge-overview-map .leaflet-control-attribution{font-size:9px}.challenge-overview-number{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#0f5a3c;color:#fff;border:2px solid #fff;box-shadow:0 1px 5px #0005;font-weight:900}.challenge-local-note{padding:10px 12px;margin:10px 0;border-radius:10px;background:#fff5d9;color:#493b20;line-height:1.35}@media(max-width:600px){.challenge-overview-map{height:190px}}
/* v10.90 – mobil: båda huvudknapparna helt synliga + tydligt kartval för rutt */
.route-pick-banner{position:absolute;z-index:1800;left:50%;top:132px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:calc(100% - 24px);padding:10px 12px;border-radius:14px;background:#fff;border:2px solid #1f6b47;box-shadow:0 5px 18px rgba(0,0,0,.24);color:#173f2d}.route-pick-banner.hidden{display:none!important}.route-pick-banner strong{white-space:nowrap}.route-pick-banner span{font-size:13px}.route-pick-banner button{min-height:36px;border:1px solid #cbd6cf;border-radius:9px;background:#f5f8f6;font-weight:800;padding:6px 10px}
@media(max-width:760px){
.walk-main-btn{left:10px!important;right:auto!important;bottom:104px!important;transform:none!important;max-width:calc(50% - 14px)!important;min-height:46px!important;padding:8px 12px!important;font-size:13px!important;white-space:normal!important;line-height:1.1!important;text-align:center!important;}
.emergency-help-btn{right:10px!important;left:auto!important;bottom:104px!important;max-width:calc(50% - 14px)!important;min-height:46px!important;padding:8px 12px!important;font-size:13px!important;white-space:normal!important;line-height:1.1!important;text-align:center!important;}
.route-pick-banner{top:142px;left:10px;right:10px;transform:none;max-width:none;flex-wrap:wrap;gap:6px 10px}.route-pick-banner strong{width:100%}.route-pick-banner span{flex:1;min-width:180px}.route-pick-banner button{margin-left:auto}
}
@media(max-width:380px){.walk-main-btn,.emergency-help-btn{font-size:12px!important;padding-left:8px!important;padding-right:8px!important}}
.challenge-accepted-note{font-size:.88rem;color:#52615a;margin:-4px 0 8px}.challenge-accepted-badge{display:block;font-size:.75rem;color:#26734d;font-weight:700;margin-top:2px}.challenge-score td{vertical-align:middle}
.challenge-invite-summary{font-size:.92rem;color:#5d665f;margin:.2rem 0 .55rem}.challenge-invite-list{display:grid;gap:.4rem;margin-bottom:1rem}.challenge-invite-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .75rem;border:1px solid #e2e6e2;border-radius:12px;background:#f8faf8}.challenge-invite-row span{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis}.challenge-invite-row small{white-space:nowrap;font-weight:700}.challenge-invite-row small.accepted{color:#176b3a}.challenge-invite-row small.pending{color:#8b6508}@media(max-width:600px){.challenge-invite-row{align-items:flex-start}.challenge-invite-row small{font-size:.78rem}}
/* v10.91: saved walk can be hidden from map without deleting it */
.clear-saved-walk-control{background:transparent!important;border:0!important;box-shadow:none!important;margin-left:14px!important;margin-bottom:72px!important}
.clear-saved-walk-map{min-height:46px;padding:0 15px;border:0;border-radius:999px;background:#fff;color:#173b2d;box-shadow:0 3px 14px rgba(0,0,0,.24);font:inherit;font-size:13px;font-weight:900;cursor:pointer;display:flex;align-items:center;gap:7px;white-space:nowrap}
.clear-saved-walk-map:hover{background:#f6f8f7}
.clear-saved-walk-map.hidden{display:none!important}
@media(max-width:760px){.clear-saved-walk-control{margin-left:10px!important;margin-bottom:142px!important}.clear-saved-walk-map{min-height:44px;padding:0 13px;font-size:12px}}
/* v10.93 – avslutade utmaningar, resultat och historik */
.challenge-result-hero{text-align:center;padding:8px 6px 4px}.challenge-result-trophy{font-size:52px;line-height:1}.challenge-result-hero h3{margin:5px 0}.challenge-result-hero p{margin:6px 0 12px}.challenge-result-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:end;margin:10px 0 12px}.challenge-podium-place{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid #dfe5df;border-radius:14px;padding:10px 6px;background:#f8faf8;min-width:0}.challenge-podium-place.p1{padding-top:16px;padding-bottom:16px}.challenge-podium-place>span{font-size:28px}.challenge-podium-place strong,.challenge-podium-place small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.challenge-podium-place small{color:#59645d}.challenge-result-cheer{padding:10px 12px;border-radius:12px;background:#eef7ee;margin:8px 0 12px;text-align:center;font-weight:700}.challenge-final-score td:last-child{text-align:right}.challenge-final-score td small{display:block;color:#617066;font-size:.78rem;margin-top:2px}.challenge-result-details{display:grid;gap:7px;margin:8px 0 12px}.challenge-result-details details{border:1px solid #e0e5e1;border-radius:12px;background:#fafbfa;padding:8px 10px}.challenge-result-details summary{cursor:pointer}.challenge-hit-list{display:grid;gap:5px;margin-top:8px}.challenge-hit-list>div{display:flex;justify-content:space-between;gap:10px;padding:6px 2px;border-top:1px solid #edf0ed}.challenge-hit-list small{white-space:nowrap;color:#667}.challenge-history{margin-top:14px}.challenge-history-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;border:1px solid #e0e5e1;background:#fff;border-radius:12px;padding:10px 12px;margin:7px 0}.challenge-history-row span{min-width:0}.challenge-history-row strong,.challenge-history-row small{display:block}.challenge-history-row small{color:#667;margin-top:2px}.challenge-history-row b{font-size:.82rem;white-space:nowrap;color:#315b45}.challenge-history-loading{font-size:.9rem;color:#667}@media(max-width:600px){.challenge-result-podium{grid-template-columns:1fr}.challenge-podium-place.p1{order:-1}.challenge-hit-list>div{align-items:flex-start;flex-direction:column;gap:2px}.challenge-hit-list small{white-space:normal}.challenge-history-row{align-items:flex-start}.challenge-history-row b{white-space:normal;text-align:right}}
/* v10.89 – personlig inbjudan: ett tryck för att acceptera */
.challenge-invite-landing{padding:6px 2px 2px}.challenge-invite-hero{text-align:center;padding:12px 8px 8px}.challenge-invite-icon{font-size:48px;line-height:1;margin-bottom:8px}.challenge-invite-hero h3{margin:4px 0 8px}.challenge-invite-hero p{margin:6px 0}.challenge-invite-name{font-size:1.25rem;font-weight:800;margin:10px auto;padding:12px;border-radius:14px;background:#f2f7f2;border:1px solid #d9e5da}.challenge-invite-loading{text-align:center;padding:30px 10px;font-weight:700}.challenge-invite-landing .challenge-footer{margin-top:14px}.challenge-invite-landing .welcome-primary{font-weight:800}
/* v10.94 challenge hit confirmation */
.challenge-hit-toast{position:fixed;inset:0;z-index:16000;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.28);padding:20px}.challenge-hit-toast.show{display:flex}.challenge-hit-toast-card{width:min(415px,92vw);background:#fff;border-radius:22px;padding:24px;text-align:center;box-shadow:0 18px 60px rgba(0,0,0,.28);display:grid;gap:8px}.challenge-hit-check{width:68px;height:68px;border-radius:50%;background:#26833a;color:#fff;font-size:44px;font-weight:900;display:grid;place-items:center;margin:0 auto 4px}.challenge-hit-toast-card strong{font-size:28px;color:#183b25}.challenge-hit-toast-card span{font-size:16px}.challenge-hit-toast-card b{font-size:21px}.challenge-hit-toast-card button{margin-top:10px;border:0;border-radius:999px;padding:13px 18px;background:#183b25;color:#fff;font-size:17px;font-weight:800}
/* v10.41 – tydligt aktivt SOS-läge och kritiska närhetslarm */
body.emergency-mode-active::after{content:"";position:fixed;inset:0;z-index:9997;pointer-events:none;border:6px solid #d42128;box-shadow:inset 0 0 26px rgba(212,33,40,.55);animation:emergencyFramePulse 1.45s ease-in-out infinite;}
@keyframes emergencyFramePulse{0%,100%{opacity:.72}50%{opacity:1}}
.gps-user-marker{transition:fill .18s ease,r .18s ease;}
.ready-toast.critical{background:#b71920!important;color:#fff!important;border:3px solid #fff;box-shadow:0 0 0 4px #b71920,0 10px 34px rgba(0,0,0,.42);font-size:16px;z-index:10020;}
.incoming-message-popup.critical-emergency{background:#b71920!important;color:#fff!important;border:4px solid #fff!important;box-shadow:0 0 0 5px #b71920,0 18px 45px rgba(0,0,0,.5)!important;}
.incoming-message-popup.critical-emergency .incoming-message-icon{font-size:34px;}
.incoming-message-popup.critical-emergency #incomingMessageTitle{color:#fff!important;font-size:17px;text-transform:uppercase;}
.incoming-message-popup.critical-emergency #incomingMessagePreview{color:#fff!important;font-weight:700;}
.incoming-message-popup.critical-emergency .incoming-message-actions button:first-child{background:#fff!important;color:#9f151b!important;font-weight:900!important;}
.incoming-message-popup.critical-emergency .incoming-message-actions button:last-child{border-color:#fff!important;color:#fff!important;}
@media(prefers-reduced-motion:reduce){body.emergency-mode-active::after{animation:none}}
/* v45 – Dagens upptäckt / gemensam månadstävling */
.daily-challenge-shell{margin:4px 0 16px}.daily-challenge-kicker{font-size:.76rem;font-weight:900;letter-spacing:.08em;color:#72520d;margin:2px 2px 7px}.daily-challenge-card{border:1px solid #e2d4ad;border-radius:16px;background:linear-gradient(180deg,#fffaf0,#fff);padding:14px;box-shadow:0 3px 14px rgba(78,57,10,.08)}.daily-loading{padding:14px;text-align:center;color:#667}.daily-hero{display:flex;gap:12px;align-items:flex-start}.daily-pin{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#f2c94c;font-size:27px;flex:0 0 auto;box-shadow:0 3px 9px #0002}.daily-copy{min-width:0;flex:1}.daily-copy small{display:block;color:#6b6257;margin-bottom:2px}.daily-copy h3{margin:2px 0 4px;font-size:1.24rem}.daily-copy p{margin:3px 0;color:#52615a}.daily-meta{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.daily-badge{display:inline-flex;align-items:center;border-radius:999px;background:#f3eee0;padding:5px 9px;font-size:.8rem;font-weight:800}.daily-scoreline{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.daily-stat{padding:9px 7px;border-radius:11px;background:#f6f8f6;text-align:center}.daily-stat strong{display:block;font-size:1.1rem}.daily-stat small{color:#667}.daily-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.daily-actions button{flex:1;min-width:150px}.daily-primary{background:#183b25!important;color:#fff!important;border-color:#183b25!important}.daily-done{padding:10px 12px;border-radius:11px;background:#e8f7ec;color:#1c6332;font-weight:800;margin:9px 0}.daily-gps-note{font-size:.84rem;color:#68716b;margin:7px 0}.daily-leaderboard{margin-top:13px;border-top:1px solid #ece5d4;padding-top:11px}.daily-leaderboard h4{margin:0 0 7px}.daily-rank-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 2px;border-bottom:1px solid #f0eee8}.daily-rank-row.me{font-weight:800;background:#f3f8f3;border-radius:8px;padding-left:5px;padding-right:5px}.daily-rank-row small{display:block;color:#6a716c;font-weight:500}.private-challenge-divider{display:flex;align-items:center;gap:9px;margin:16px 0 10px;color:#69716c;font-size:.82rem;font-weight:800}.private-challenge-divider:before,.private-challenge-divider:after{content:"";height:1px;background:#e1e5e2;flex:1}@media(max-width:600px){.daily-scoreline{grid-template-columns:repeat(3,1fr)}.daily-stat{padding:8px 4px}.daily-actions button{min-width:100%}}
/* v47 – Månadskampen Bjärehalvön vs Kullahalvön */
.league-join h3,.league-header h3{margin:.15rem 0 .35rem}.league-join>p{margin:.4rem 0 1rem}.league-join label{display:block;font-weight:800;margin:.6rem 0}.league-join input{width:100%;margin-top:.35rem}.league-name-feedback{min-height:28px;font-size:.83rem;margin:.2rem 0 .5rem}.league-name-feedback .ok{color:#176b35;font-weight:800}.league-name-feedback .bad{color:#9f261c;font-weight:800}.league-name-feedback button{padding:4px 7px;margin:3px 2px;font-size:.78rem}.league-team-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:.8rem 0}.league-team-choice button{min-height:58px;font-weight:900}.league-team-choice button.selected{outline:3px solid #183b25;background:#edf6ef}.league-join>#leagueJoinBtn{width:100%;margin-top:.4rem}.league-header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding-bottom:8px;border-bottom:1px solid #ece5d4}.league-header small{font-weight:800;color:#67716b}.league-my-score{text-align:right}.league-my-score strong{display:block;font-size:1.3rem}.league-my-score small{color:#667}.league-intro{margin:.7rem 0 1rem}.league-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.league-control{border:1px solid #e4e7e4;border-radius:14px;padding:11px;background:#fff}.league-control.done{background:#f0f8f2;border-color:#b9d8c1}.league-control-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.league-diff{font-size:.8rem;font-weight:900;border-radius:999px;padding:4px 8px}.league-diff.easy{background:#e9f7ed;color:#176b35}.league-diff.hard{background:#fdecea;color:#9f261c}.league-control h4{margin:8px 0 4px}.league-control p{font-size:.86rem;color:#59635d;min-height:48px}.league-team-battle{display:grid;grid-template-columns:1fr auto 1fr;gap:9px;align-items:center;margin:14px 0 8px;padding:10px;border-radius:13px;background:#f6f7f6}.league-team-battle>div{text-align:center}.league-team-battle b,.league-team-battle strong,.league-team-battle small{display:block}.league-team-battle strong{font-size:1.25rem;margin-top:3px}.league-team-battle>span{font-weight:900;color:#808782}.league-tabs,.league-bottom-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.league-tabs button,.league-bottom-actions button{flex:1}.league-manual{margin-top:14px;border:1px solid #e2e6e2;border-radius:12px;padding:10px;background:#fafcf9}.league-manual summary{font-weight:900;cursor:pointer}.league-manual h4{margin:.8rem 0 .3rem}.league-manual p{margin:.55rem 0;line-height:1.45}.league-chat{margin-top:10px;padding:10px;border:1px solid #e1e5e2;border-radius:12px;background:#fafafa}.league-chat h4{margin:0 0 3px}.league-chat-messages{max-height:300px;overflow:auto;margin:10px 0}.league-chat-msg{display:flex;flex-direction:column;align-items:flex-start;margin:7px 0;padding:8px 10px;border-radius:10px;background:#fff;border:1px solid #e5e7e5}.league-chat-msg.me{background:#eef7f0}.league-chat-msg b{font-size:.82rem}.league-chat-msg span{margin:2px 0}.league-chat-msg small{color:#788079;font-size:.72rem}.league-chat-send{display:flex;gap:7px}.league-chat-send input{flex:1;min-width:0}.league-history{margin-top:10px}.league-history-row{display:flex;flex-direction:column;gap:2px;padding:10px 4px;border-bottom:1px solid #ecefec}.league-history-row>strong{font-size:1rem}.league-history-row small{color:#6d756f}.league-month-notice{position:fixed;inset:0;z-index:12000;background:rgba(0,0,0,.52);display:grid;place-items:center;padding:18px}.league-month-notice-card{position:relative;width:min(540px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:22px;padding:24px;box-shadow:0 20px 70px #0006;text-align:center}.league-notice-close{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:28px;line-height:1}.league-notice-icon{font-size:45px}.league-month-notice-card h2{margin:5px 0}.league-month-notice-card h3{margin:0 0 10px;color:#45614e}.league-notice-points{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:12px 0}.league-notice-points span{border-radius:999px;background:#f5f6f4;padding:6px 10px;font-weight:800;font-size:.84rem}
@media(max-width:720px){.league-controls{grid-template-columns:1fr}.league-team-choice{grid-template-columns:1fr}.league-control p{min-height:0}.league-chat-send{flex-direction:column}.league-month-notice-card{padding:20px 15px}.league-team-battle{grid-template-columns:1fr auto 1fr;font-size:.9rem}}
/* v10.98 – lugnare förstastart och snabbare upplevd kartstart */
#welcomeFirstLoadStep .welcome-lead{min-height:64px;line-height:1.5}
#welcomeFirstLoadStep .welcome-firstload-note{min-height:78px}
#welcomeContinueBtn{font-weight:800}
.loading-overlay.background-compact .loading-card{opacity:.94}
/* v52 – mobilstängning + lagchatt/notiser/blockering */
.challenge-card{position:relative;overscroll-behavior:contain}
.challenge-head{position:sticky;top:-16px;z-index:50;background:#fff;padding:16px 0 10px;margin-top:-16px;border-bottom:1px solid #eef0ee}
.challenge-head button{position:relative;z-index:60;min-width:46px;min-height:46px;border-radius:50%;display:grid;place-items:center;background:#f3f5f3;font-weight:900;flex:0 0 auto}
.league-chat-msg-head{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}
.league-chat-block{border:0!important;background:transparent!important;color:#8d3028!important;min-height:28px!important;padding:2px 5px!important;font-size:.74rem!important;text-decoration:underline}
.league-blocked-panel{margin:9px 0;padding:9px;border:1px solid #eadbd8;border-radius:10px;background:#fffafa}
.league-blocked-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid #f1e7e5}.league-blocked-row:last-child{border-bottom:0}
.league-chat-tools{display:flex;justify-content:flex-end;margin-top:6px}.league-chat-tools button{font-size:.8rem;min-height:34px}
.incoming-message-popup.league-team-message{background:#f8fbf7;border:3px solid #204f35}.incoming-message-popup.league-team-message .incoming-message-icon{font-size:30px}.incoming-message-popup.league-team-message #incomingMessageTitle{color:#173f2d}
@media(max-width:600px){
.challenge-modal{padding:0!important;align-items:stretch!important}
.challenge-card{width:100%!important;max-height:100dvh!important;height:100dvh!important;border-radius:0!important;padding:14px!important}
.challenge-head{top:-14px;margin-top:-14px;padding:14px 0 10px}
.challenge-head button{position:sticky;top:8px;background:#fff;border:1px solid #d8ddd9;box-shadow:0 2px 7px #0002}
}
/* v53 – lämna/återgå till månadstävling */
.league-leave-zone{margin-top:18px;padding:14px;border-top:1px solid rgba(127,127,127,.22);display:flex;flex-direction:column;gap:7px;align-items:flex-start}
.league-leave-zone button{background:#fff;border:1px solid #c73a3a;color:#a52020;border-radius:10px;padding:9px 12px;font-weight:700;cursor:pointer}
.league-leave-zone small{opacity:.72;line-height:1.35}
.league-left-card{margin:12px 0 16px;padding:16px;border:1px solid rgba(127,127,127,.25);border-radius:14px;background:rgba(127,127,127,.07)}
.league-left-card h3{margin:0 0 8px}.league-left-card p{margin:7px 0;line-height:1.45}.league-left-card button{margin-top:8px}
/* v108 Integritet & Glöm mig */
.privacy-sidebar-link{margin:12px 14px 18px}.privacy-sidebar-link button{width:100%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:inherit;border-radius:12px;padding:10px 12px;text-align:left;cursor:pointer}.privacy-notice{position:fixed;inset:0;z-index:12000;background:rgba(12,35,28,.42);display:flex;align-items:flex-end;justify-content:center;padding:18px}.privacy-notice.hidden{display:none}.privacy-notice-card{max-width:760px;width:100%;background:#fff;border-radius:18px;padding:18px 20px;box-shadow:0 16px 60px rgba(0,0,0,.22)}.privacy-notice-card p{margin:8px 0 14px;line-height:1.5}.privacy-notice-actions{display:flex;gap:10px;flex-wrap:wrap}.privacy-notice button,.privacy-dialog button{border:1px solid #cfd9d4;background:#fff;border-radius:10px;padding:10px 14px;cursor:pointer}.privacy-notice button.primary,.privacy-dialog button.primary{background:#0d5b45;color:#fff;border-color:#0d5b45}.privacy-text-btn{margin-top:8px;border:0!important;padding-left:0!important;text-decoration:underline}.privacy-dialog{border:0;border-radius:18px;padding:0;max-width:820px;width:calc(100% - 28px);max-height:90vh;box-shadow:0 20px 70px rgba(0,0,0,.3)}.privacy-dialog::backdrop{background:rgba(0,0,0,.48)}.privacy-dialog-inner{padding:24px;overflow:auto;max-height:90vh}.privacy-dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.privacy-dialog-head h2{margin:3px 0 8px}.privacy-dialog-head button{font-size:24px;line-height:1;padding:6px 10px}.privacy-dialog .eyebrow{font-size:12px;letter-spacing:.12em;color:#55746a}.privacy-lead{background:#eef6f2;padding:14px;border-radius:12px}.privacy-dialog section{border-top:1px solid #e4ebe7;padding-top:12px;margin-top:14px}.privacy-dialog section h3,.privacy-choice-box h3,.forget-zone h3{margin:0 0 6px}.privacy-dialog section p,.privacy-choice-box p,.forget-zone p{line-height:1.55;margin:0}.privacy-choice-box{margin-top:18px;background:#f4f7f5;border-radius:14px;padding:14px}.privacy-choice-box>div{display:flex;gap:8px;margin-top:10px}.forget-zone{margin-top:20px;border:1px solid #e5a7a7;background:#fff5f5;border-radius:14px;padding:15px}.forget-zone>button{margin-top:12px;color:#9d1d1d;border-color:#d89a9a;background:#fff}.forget-zone>button:disabled{opacity:.55}.forget-zone #forgetMeStatus{margin-top:10px;font-weight:600}@media(max-width:600px){.privacy-notice{padding:10px}.privacy-notice-actions>*{flex:1 1 100%}.privacy-dialog-inner{padding:18px}}
/* v109: tydligare och permanent integritetsknapp */
.privacy-sidebar-link{margin:14px 10px 22px;position:relative;z-index:5}.privacy-sidebar-link button{width:100%;display:flex;align-items:center;gap:10px;border:2px solid #1d6d51!important;background:#eaf5ef!important;color:#123d30!important;border-radius:14px!important;padding:12px 13px!important;text-align:left!important;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.08)}.privacy-sidebar-link button:hover{background:#dff0e7!important}.privacy-sidebar-link .privacy-btn-icon{font-size:20px}.privacy-sidebar-link button>span:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1}.privacy-sidebar-link strong{font-size:14px;line-height:1.25}.privacy-sidebar-link small{font-size:11px;opacity:.72;margin-top:2px}.privacy-btn-arrow{font-size:24px;line-height:1;opacity:.65}
.chat-admin-actions{display:flex;gap:6px;align-items:center}.league-chat-report{font-size:.75rem}
/* v10.125 – mobil: alla vanliga Leaflet-POI ska vara tydligt tryckbara även i täta kluster */
.leaflet-marker-icon.personal-marker-wrap,
.leaflet-marker-icon:has(.municipal-marker),
.leaflet-marker-icon:has(.custom-marker){pointer-events:auto!important;cursor:pointer!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent}
/* v10.126 – tydligare egen GPS, opaka läsrutor och radering av egna chattmeddelanden */
dialog, #placeDialog, .privacy-dialog{background:#fff!important;color:#203126!important;opacity:1!important;}
.dialog-card, #placeDialog .dialog-card, .privacy-dialog-inner{background:#fff!important;opacity:1!important;}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff!important;opacity:1!important;}
.leaflet-popup-content-wrapper{box-shadow:0 5px 24px rgba(0,0,0,.28)!important;}
.gps-user-marker{filter:drop-shadow(0 0 3px #000) drop-shadow(0 0 8px rgba(23,105,210,.85));stroke-linejoin:round;}
.gps-you-are-here-tooltip{background:#1769d2!important;color:#fff!important;border:2px solid #fff!important;border-radius:999px!important;font-weight:900!important;box-shadow:0 3px 10px rgba(0,0,0,.28)!important;padding:4px 8px!important;}
.gps-you-are-here-tooltip:before{border-top-color:#1769d2!important;}
.chat-message-meta{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:3px;}
.chat-delete-own,.league-chat-delete{border:0!important;background:transparent!important;color:#8f2f2a!important;text-decoration:underline!important;font-size:.72rem!important;padding:2px 4px!important;min-height:0!important;cursor:pointer;}
.league-chat-delete{margin-left:auto;}
/* v10.127 – Supportformulär + permanent synlig integritetsknapp */
.support-email-btn{width:100%;font:inherit}
.support-dialog{border:0;border-radius:18px;padding:0;max-width:620px;width:calc(100% - 28px);max-height:92vh;box-shadow:0 20px 70px rgba(0,0,0,.32);background:#fff;color:#203126}
.support-dialog::backdrop{background:rgba(0,0,0,.48)}
.support-dialog-inner{padding:22px;display:grid;gap:13px;overflow:auto;max-height:92vh;background:#fff}
.support-dialog-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.support-dialog-head h2{margin:3px 0 0}.support-dialog-head .eyebrow{font-size:12px;letter-spacing:.12em;color:#55746a}
.support-dialog-head>button{border:1px solid #d7dfdb;background:#fff;border-radius:10px;font-size:24px;line-height:1;padding:6px 10px;cursor:pointer}
.support-lead{margin:0;background:#eef6f2;padding:12px 14px;border-radius:12px;line-height:1.45}
.support-dialog label{display:grid;gap:6px;font-weight:800;font-size:14px}.support-dialog input,.support-dialog textarea{width:100%;box-sizing:border-box;border:1px solid #cfd9d4;border-radius:10px;padding:11px 12px;font:inherit;background:#fff;color:#203126}.support-dialog textarea{resize:vertical;min-height:130px}
.support-form-actions{display:flex;justify-content:flex-end}.support-form-actions button{border:0;border-radius:10px;background:#0d5b45;color:#fff;padding:11px 16px;font-weight:800;cursor:pointer}.support-form-actions button:disabled{opacity:.55}
.support-form-status{min-height:20px;font-weight:700}.support-privacy-note{line-height:1.4;opacity:.72}
.privacy-sidebar-link{order:0!important;flex:0 0 auto!important}
@media(max-width:600px){.support-dialog-inner{padding:17px}.support-form-actions button{width:100%}}
/* v10.128 – renare Platser + separat Meny, endast layout */
.sidebar-mode-switch{display:none;gap:8px;padding:10px 12px;background:#eef3ef;border-bottom:1px solid #d8e1da;position:sticky;top:0;z-index:12}
.sidebar-mode-switch button{flex:1;border:1px solid #cbd8cf;background:#fff;color:#244235;border-radius:12px;padding:9px 10px;font-weight:800;cursor:pointer}
.sidebar-mode-switch button.active{background:#123f2b;color:#fff;border-color:#123f2b;box-shadow:0 3px 10px rgba(18,63,43,.16)}
.sidebar-menu-pane{padding:14px;background:linear-gradient(180deg,#f4f8f4 0,#f9faf7 100%);min-height:100%}
.sidebar-menu-intro{padding:4px 2px 10px}.sidebar-menu-kicker{font-size:11px;font-weight:900;letter-spacing:.14em;color:#4b7460}.sidebar-menu-intro h2{font-size:19px;line-height:1.2;margin:4px 0 6px;color:#183c2d}.sidebar-menu-intro p{font-size:12.5px;line-height:1.45;color:#607067;margin:0}
.menu-card{background:#fff;border:1px solid #dce5de;border-radius:16px;padding:12px;margin:10px 0;box-shadow:0 3px 12px rgba(22,55,39,.055);overflow:hidden}.menu-card-head{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}.menu-card-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;background:#edf5f0;border-radius:11px;font-size:18px}.menu-card-head>div{display:flex;flex-direction:column;min-width:0}.menu-card-head strong{font-size:14px;color:#173b2d}.menu-card-head small{font-size:11px;color:#748078;margin-top:2px;line-height:1.35}.menu-card .map-legend,.menu-card .community-box,.menu-card .support-contact,.menu-card .cache-controls,.menu-card .privacy-sidebar-link{margin:0!important}.menu-card .community-box{border:0;padding:0;background:transparent;box-shadow:none}.menu-card .map-legend{border:0;padding:0;background:transparent}.menu-card .map-legend summary{font-size:12px}.menu-card .support-contact{border:0!important;padding:0!important;background:transparent!important}.menu-card .privacy-sidebar-link button{box-shadow:none!important}.menu-footnote{font-size:11px;line-height:1.45;color:#7b867f;text-align:center;padding:6px 12px 18px;margin:0}
.sidebar.menu-mode .sidebar-places-pane,.sidebar.menu-mode>.stats,.sidebar.menu-mode>#placeList{display:none!important}.sidebar.menu-mode #sidebarMenuPane{display:block!important}.sidebar.menu-mode #desktopPlacesTab{background:transparent}.sidebar:not(.menu-mode) #sidebarMenuPane{display:none!important}
.sidebar-places-pane{padding:14px}.sidebar-places-pane>#search{border-radius:14px!important;padding:12px 13px!important;background:#fff;box-shadow:0 2px 8px rgba(22,55,39,.05)}.sidebar-places-pane .scope-switch{margin-top:10px}.sidebar-places-pane .near-me-box,.sidebar-places-pane .gps-box,.sidebar-places-pane .startpoint{border-radius:15px!important;box-shadow:0 2px 9px rgba(22,55,39,.04)}.sidebar>.stats{margin:0 14px 10px;border-radius:14px;background:#eef5f0;border:1px solid #d9e5dc}.sidebar>.place-list{padding-top:2px}
.desktop-sidebar-tabs{grid-template-columns:1fr 1fr 1fr!important}.desktop-sidebar-tabs button{white-space:nowrap}
@media(max-width:760px){.sidebar-mode-switch{display:flex}.sidebar-menu-pane{padding:12px 12px 90px}.sidebar-places-pane{padding:12px 12px 86px}.mobile-drawer-head{position:sticky;top:0;z-index:14}.sidebar-mode-switch{top:52px}.menu-card{border-radius:15px}.menu-card-head strong{font-size:14px}.menu-card .button-row{grid-template-columns:1fr!important;gap:8px}.menu-card .button-row>*{width:100%}.sidebar>.stats{margin:0 12px 10px}}
/* v10.129 – Mina platser-genvägar och nyhetsbrev */
.places-saved-shortcuts{margin:0 0 14px;padding:14px;border:1px solid rgba(25,93,65,.16);border-radius:18px;background:linear-gradient(145deg,#f8fcfa,#eef7f2);box-shadow:0 8px 24px rgba(18,57,40,.06)}
.places-saved-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-end;margin-bottom:10px}.places-saved-head>div{display:grid;gap:2px}.places-saved-kicker{font-size:.68rem;font-weight:800;letter-spacing:.13em;color:#287554}.places-saved-head strong{font-size:1rem}.places-saved-head small{color:#64736b;font-size:.75rem}.places-saved-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.places-saved-grid button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;text-align:left;padding:10px 9px;border:1px solid rgba(25,93,65,.12);border-radius:13px;background:#fff;color:inherit;min-width:0}.places-saved-grid button:hover{border-color:#2d7d59;transform:translateY(-1px)}.places-saved-grid button>span:nth-child(2){display:grid;min-width:0}.places-saved-grid button strong{font-size:.84rem}.places-saved-grid button small{font-size:.7rem;color:#6b7771}.places-saved-icon{font-size:1.05rem}.places-saved-arrow{font-size:1.25rem;color:#6b8c7a}
.newsletter-signup-box{display:grid;gap:9px}.newsletter-signup-box p{margin:0;color:#46584f;line-height:1.45}.newsletter-signup-box button{border:0;border-radius:12px;background:linear-gradient(135deg,#17633d,#23835b);color:#fff;font-weight:800;padding:11px 13px}.newsletter-signup-box small{color:#66746d}.newsletter-dialog{border:0;background:transparent;padding:12px;max-width:none}.newsletter-dialog::backdrop{background:rgba(10,25,18,.64);backdrop-filter:blur(3px)}.newsletter-dialog-inner{width:min(560px,calc(100vw - 28px));max-height:min(760px,calc(100vh - 30px));overflow:auto;background:#fff;border-radius:24px;padding:22px;box-shadow:0 25px 80px rgba(0,0,0,.28);display:grid;gap:15px}.newsletter-dialog-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.newsletter-dialog-head h2{margin:2px 0 0}.newsletter-dialog-head>button{border:0;background:#eef3f0;border-radius:999px;width:36px;height:36px;font-size:1.35rem}.newsletter-dialog-brand{display:flex;align-items:center;gap:12px;padding:13px;border-radius:16px;background:linear-gradient(135deg,#173f31,#1c6d4c);color:#fff}.newsletter-dialog-brand img{width:52px;height:52px;border-radius:13px}.newsletter-dialog-brand div{display:grid}.newsletter-dialog-brand small{opacity:.82}.newsletter-lead{margin:0;color:#46584f;line-height:1.55}.newsletter-dialog-inner label:not(.newsletter-consent){display:grid;gap:6px;font-weight:700}.newsletter-dialog-inner input[type=email]{padding:12px;border:1px solid #cdd8d2;border-radius:11px;font:inherit}.newsletter-consent{display:flex;gap:9px;align-items:flex-start;font-size:.86rem;line-height:1.4}.newsletter-consent input{margin-top:3px}.newsletter-form-actions{display:flex;flex-wrap:wrap;gap:8px}.newsletter-form-actions button{padding:10px 13px;border-radius:11px;border:1px solid #c9d5ce;background:#fff;font-weight:800}.newsletter-form-actions .primary{background:#17633d;color:#fff;border-color:#17633d}.newsletter-form-status{font-weight:700;color:#17633d;min-height:1.25em}.newsletter-privacy-note{color:#65736c;line-height:1.4}
@media(max-width:520px){.places-saved-grid{grid-template-columns:1fr 1fr}.places-saved-grid button{padding:9px 7px;gap:6px}.places-saved-grid button strong{font-size:.79rem}.places-saved-grid button small{font-size:.66rem}.newsletter-dialog-inner{padding:17px;border-radius:19px}}
/* v10.129 – Om appen / ProNext */
.about-app-content{display:grid;gap:8px;font-size:.92rem;line-height:1.5}.about-app-content p{margin:0}.privacy-pronext-note{margin-top:14px;padding:12px 14px;border-radius:14px;background:rgba(24,92,67,.08);line-height:1.5}
/* v10.131 – renare Plats: område först, sök, kompakt kategori */
.place-filter-panel{margin:12px 0 10px;padding:12px;border:1px solid #d8e4dc;border-radius:18px;background:#f8fbf9}
.place-filter-section{display:grid;gap:8px}
.place-filter-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.place-filter-heading>span{font-size:11px;font-weight:800;letter-spacing:.12em;color:#176143}
.place-filter-heading>small{font-size:11px;color:#7a877f}
.area-filter-section .scope-switch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.area-filter-section .scope-btn{min-width:0;padding:10px 5px;border-radius:11px;font-size:11px;line-height:1.15}
.place-filter-search{margin:11px 0}
.place-filter-search #search{margin:0;width:100%}
.category-filter-section{padding-top:10px;border-top:1px solid #e0e9e3}
.category-collapsible{margin-top:0}
.category-chip.category-extra{display:none!important}
.category-more-btn{width:100%;margin-top:8px;padding:9px 12px;border:1px solid #cbd9d0;border-radius:11px;background:white;color:#185e41;font-weight:700;cursor:pointer}
.category-more-btn:hover{background:#f0f7f3}
#municipalityFilters{margin-top:0}
@media (max-width:700px){
.place-filter-panel{margin:10px 0;padding:10px;border-radius:16px}
.area-filter-section .scope-switch{grid-template-columns:repeat(2,minmax(0,1fr))}
.area-filter-section .scope-btn{font-size:12px;padding:10px 6px}
.place-filter-heading>small{display:none}
}
/* v10.137 – community/🆘 markers must stay touchable above ordinary map markers */
.leaflet-marker-icon.community-chat-marker{pointer-events:auto!important;touch-action:manipulation!important;cursor:pointer!important;}
.community-map-marker{pointer-events:none!important;}
/* v10.138 – förenklat vandrings- och ruttflöde */
.walk-suggest-card{text-align:left}.walk-suggest-card h2,.walk-suggest-card>.walk-dialog-icon,.walk-suggest-lead{text-align:center}.walk-plan-block{border:1px solid #dbe4dd;background:#f8fbf9;border-radius:14px;padding:12px;margin:10px 0}.walk-start-info{font-size:12px;color:#50665a;margin-top:8px;padding:8px 10px;background:#eef5f0;border-radius:9px}.walk-map-pick-btn{width:100%;margin-top:8px}.walk-roundtrip-note{font-size:12px;line-height:1.45;background:#edf6f0;border:1px solid #cfe2d5;padding:10px 12px;border-radius:10px;margin:12px 0}.walk-suggest-card .welcome-primary{width:100%;min-height:48px;margin-top:4px}
.route-head-help{margin:5px 0 0;font-size:11px;line-height:1.35;color:#66766d;max-width:320px}.route-simple-card{border:1px solid #dbe3dd;background:#fbfcfb;border-radius:12px;padding:10px}.route-options-simple{grid-template-columns:repeat(3,1fr)}.route-roundtrip-info{font-size:12px;font-weight:700;color:#285e40;background:#edf6f0;border-radius:9px;padding:8px 10px;margin:6px 0}.route-disabled{opacity:.5}.route-main-actions{display:grid;grid-template-columns:1.5fr 1fr 1fr}.route-main-actions button{min-height:44px}.route-primary-action{background:#236342!important;color:#fff!important;border-color:#236342!important}.route-suggest-tools{background:#f5faf6;border-color:#cfe0d4}.route-suggest-tools summary{font-size:13px}.route-advanced-tools{margin-top:12px}.route-advanced-tools>summary{color:#506158}.route-section-title{margin-top:12px}
@media(max-width:760px){.route-options-simple{grid-template-columns:1fr}.route-main-actions{grid-template-columns:1fr 1fr}.route-main-actions .route-primary-action{grid-column:1/-1}.walk-suggest-card{padding:22px 18px}.route-panel{padding-bottom:24px}}
/* v10.139 – längre/läsbara adminnotiser och systemhändelser i lagchatten */
.ready-toast{white-space:pre-line;position:fixed}
.ready-toast-text{white-space:pre-line;line-height:1.42;padding-right:22px}
.ready-toast-close{position:absolute;right:6px;top:5px;border:0;background:transparent;color:inherit;font-size:24px;line-height:1;cursor:pointer;padding:2px 7px;border-radius:999px}
.ready-toast-close:hover{background:rgba(255,255,255,.16)}
.ready-toast.persistent{max-width:min(760px,92vw);padding:18px 42px 18px 20px}
.league-chat-msg.system{background:#f1f7f3;border:1px solid #c8ddd0}
.league-chat-msg.system .league-chat-msg-head b{color:#17633d}
/* v10.140 – kompakt timväder direkt på kartan */
.map-weather-panel{position:absolute;z-index:1052;left:50%;bottom:84px;transform:translateX(-50%);width:min(620px,calc(100% - 160px));background:rgba(255,255,255,.96);border:1px solid #cbd5cd;border-radius:16px;box-shadow:0 5px 20px rgba(0,0,0,.22);backdrop-filter:blur(8px);overflow:hidden;color:#1d3428}
.map-weather-head{width:100%;min-height:34px;border:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 11px;cursor:pointer;color:inherit;font:inherit}
.map-weather-summary{font-size:12px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.map-weather-chevron{font-size:17px;line-height:1;transition:transform .18s ease}.map-weather-panel.expanded .map-weather-chevron{transform:rotate(180deg)}
.map-weather-hours{display:flex;gap:4px;padding:0 8px 8px;overflow-x:auto;scrollbar-width:none}.map-weather-hours::-webkit-scrollbar{display:none}
.map-weather-hour{flex:0 0 auto;min-width:62px;text-align:center;border-radius:10px;background:#f1f5f2;padding:5px 6px;font-size:10px;line-height:1.25}
.map-weather-hour strong,.map-weather-hour span,.map-weather-hour small{display:block}.map-weather-hour strong{font-size:10px}.map-weather-hour span{font-size:17px;margin:1px 0}.map-weather-hour small{color:#5d6f64;font-size:9px}.map-weather-hour .rain{color:#315f83;font-weight:750}
.map-weather-details{border-top:1px solid #e3e8e4;padding:8px 10px 10px}.map-weather-meta{font-size:10px;color:#627168;margin-bottom:7px}.map-weather-expanded-hours{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.map-weather-expanded-hours .map-weather-hour{min-width:70px;background:#f6f8f6}
.map-weather-panel.weather-error .map-weather-summary{color:#8b493c}
@media(max-width:760px){.map-weather-panel{left:10px;right:10px;bottom:160px;transform:none;width:auto;border-radius:14px}.map-weather-head{min-height:32px;padding:6px 9px}.map-weather-summary{font-size:11px}.map-weather-hours{gap:3px;padding:0 6px 6px}.map-weather-hour{min-width:57px;padding:4px 5px}.map-weather-hour:nth-child(n+5){display:none}.map-weather-panel.expanded .map-weather-hours .map-weather-hour:nth-child(n+5){display:block}}
@media(max-width:380px){.map-weather-panel{bottom:162px}.map-weather-hour{min-width:53px}}
/* v142 – extremt förenklad ruttplanering */
.route-v142-create{display:grid;gap:14px}.route-v142-step{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;padding:12px;border:1px solid #dbe3dd;border-radius:14px;background:#fbfcfb}.route-v142-step>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e8f2eb;color:#245c3d;font-weight:900}.route-v142-step strong{display:block;margin:4px 0 9px}.route-v142-choice,.route-v142-times{display:flex;flex-wrap:wrap;gap:7px}.route-v142-choice-btn,.route-v142-times button{border:1px solid #ccd8d0;background:#fff;border-radius:10px;padding:9px 11px;font-weight:800}.route-v142-choice-btn.active,.route-v142-times button.active{background:#245f40;color:#fff;border-color:#245f40}.route-v142-step small{display:block;margin-top:8px;color:#65736b}.route-v142-custom{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px}.route-v142-custom input{max-width:105px}.route-v142-generate{min-height:52px!important;border-radius:13px!important;background:#245f40!important;color:#fff!important;border-color:#245f40!important;font-size:15px!important;font-weight:900!important}.route-v142-saved-head{display:flex;justify-content:space-between;gap:10px;align-items:end;margin:20px 2px 8px}.route-v142-saved-head small{font-size:10px;color:#68766e}.route-v142-legacy{display:none!important}.route-v142-preview,.route-v142-selected{position:absolute;z-index:1750;left:50%;bottom:26px;transform:translateX(-50%);width:min(520px,calc(100% - 24px));background:#fff;border:1px solid #cbd8cf;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.22);padding:12px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.route-v142-preview.hidden,.route-v142-selected.hidden{display:none!important}.route-v142-preview strong,.route-v142-selected strong,.route-v142-preview span,.route-v142-selected span{display:block}.route-v142-preview span,.route-v142-selected span{font-size:12px;color:#647169;margin-top:3px}.route-v142-preview-actions,.route-v142-selected-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.route-v142-preview button,.route-v142-selected button{min-height:40px;border-radius:10px;border:1px solid #ccd8d0;background:#f7f9f7;font-weight:850;padding:8px 11px}.route-v142-preview button.primary,.route-v142-selected button.primary{background:#245f40;color:#fff;border-color:#245f40}
@media(max-width:760px){.route-v142-preview,.route-v142-selected{bottom:82px;grid-template-columns:1fr}.route-v142-preview-actions,.route-v142-selected-actions{justify-content:stretch}.route-v142-preview-actions button,.route-v142-selected-actions button{flex:1}.route-v142-choice-btn{flex:1}.route-v142-times button{flex:1 0 28%}.route-v142-saved-head{display:block}.route-v142-saved-head small{display:block;margin-top:2px}}
/* v145 Outdoor Experience: live vandringsdata och sammanfattning */
.walk-summary-places{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:0 0 14px}.walk-summary-places span{font-size:11px;background:#eef5f0;border:1px solid #d4e1d7;border-radius:999px;padding:6px 9px}.walk-summary-note{display:grid;gap:6px;text-align:left;margin:12px 0 16px;font-size:12px;font-weight:800}.walk-summary-note textarea{width:100%;box-sizing:border-box;border:1px solid #c5d0c8;border-radius:12px;padding:10px;font:inherit;resize:vertical}.walk-live-bar span{white-space:nowrap}@media(max-width:520px){.walk-live-bar{max-width:94vw;flex-wrap:wrap;justify-content:center;border-radius:18px;gap:5px 10px}}
/* v146 Smart Onboarding */
.onboarding-menu-card #replayOnboardingBtn{width:100%;min-height:44px;border:1px solid #cbd9d0;border-radius:12px;background:#f3f8f5;color:#185e41;font-weight:850;cursor:pointer}.onboarding-menu-card #replayOnboardingBtn:hover{background:#e8f3ec}
/* v150: smarta avstickare under aktiv rundvandring */
.walk-discovery-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.walk-discovery-actions button{border:1px solid #d4ddd6;border-radius:12px;padding:9px 13px;font-weight:800;background:#fff;color:#173728}.walk-discovery-actions .walk-discovery-yes{background:#176b43;color:#fff;border-color:#176b43}
/* v10.152 – återbesök: nästa oupptäckta plats nära användaren */
.nearby-unvisited-card{margin:12px 12px 4px;padding:14px;border:1px solid #cfe0d5;border-radius:16px;background:linear-gradient(180deg,#f7fbf8,#eef6f1);box-shadow:0 5px 18px rgba(24,74,46,.08)}
.nearby-unvisited-head strong{display:block;font-size:1rem;color:#173d29}.nearby-unvisited-head small{display:block;margin-top:3px;color:#5c6f63}.nearby-unvisited-result{margin-top:10px;padding:11px;border-radius:13px;background:#fff;border:1px solid #dce8df}.nearby-unvisited-result strong{display:block}.nearby-unvisited-result small{display:block;margin:3px 0 10px;color:#65746a}.nearby-unvisited-result button,#nearbyUnvisitedFind{width:100%;border:0;border-radius:11px;padding:10px 12px;font-weight:750;background:#17633d;color:#fff}.nearby-unvisited-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:6px}.nearby-unvisited-meta span{font-size:.78rem;background:#edf5f0;border-radius:999px;padding:3px 7px}
/* v162: diskret situationsanpassat tips på kartan */
.smart-now-tip{position:absolute;z-index:1051;left:50%;bottom:28px;transform:translateX(-50%);width:min(560px,calc(100% - 180px));background:rgba(24,62,48,.94);color:#fff;border-radius:13px;padding:9px 13px;box-shadow:0 4px 16px rgba(0,0,0,.2);font-size:13px;line-height:1.35;cursor:pointer;backdrop-filter:blur(8px)}
.smart-now-tip strong{display:block;font-size:13px}.smart-now-tip small{display:block;opacity:.86;margin-top:2px}.smart-now-tip.hidden{display:none}
@media(max-width:760px){.smart-now-tip{left:10px;right:10px;bottom:102px;transform:none;width:auto;font-size:12px;padding:8px 10px}.map-weather-panel+.smart-now-tip{bottom:102px}}
/* v164 – Smart Tips får aldrig täcka vandring/SOS på mobil. */
@media(max-width:760px){
.smart-now-tip{
left:10px;right:10px;transform:none;width:auto;
bottom:230px; /* reservläge innan JS hunnit mäta väderpanelen */
padding:10px 12px;font-size:12px;line-height:1.3;
white-space:normal;overflow:visible;
}
.smart-now-tip strong,.smart-now-tip small{white-space:normal;overflow:visible;text-overflow:clip}
/* När vädret öppnas prioriteras kartan, vädret och säkerhetsknapparna. */
.map-weather-panel.expanded + .smart-now-tip{display:none!important}
}
/* v165 – minimera väder och Passar just nu för större mobilkarta */
.smart-now-tip{display:flex;align-items:flex-start;gap:8px}
.smart-now-copy{min-width:0;flex:1}
.smart-now-collapse{flex:0 0 auto;border:0;background:rgba(255,255,255,.16);color:#fff;width:28px;height:28px;border-radius:999px;font-size:18px;line-height:1;cursor:pointer}
@media(max-width:760px){
.map-weather-panel.compact .map-weather-hours,.map-weather-panel.compact .map-weather-details{display:none!important}
.map-weather-panel.compact{border-radius:999px;width:auto;max-width:calc(100% - 20px);right:auto}
.map-weather-panel.compact .map-weather-head{min-height:38px;padding:7px 12px;gap:12px}
.map-weather-panel.compact .map-weather-chevron{transform:rotate(180deg)}
.smart-now-tip.compact{left:10px;right:auto;width:auto;max-width:calc(100% - 20px);border-radius:999px;padding:6px 8px 6px 12px;align-items:center}
.smart-now-tip.compact .smart-now-copy small{display:none}
.smart-now-tip.compact .smart-now-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70vw}
.smart-now-tip.compact .smart-now-collapse{order:2;width:26px;height:26px}
/* Smart-tipset får även i kompakt läge ligga ovanför väderchipet. */
.map-weather-panel.expanded + .smart-now-tip{display:none!important}
}
/* v10.166 – versionsetiketten får aldrig täcka mobilnavigationen */
#appVersionBadge{
position:fixed;
left:8px;
right:auto;
bottom:8px;
z-index:1700;
font-size:10px;
line-height:1.2;
opacity:.62;
background:rgba(255,255,255,.90);
padding:3px 6px;
border-radius:6px;
pointer-events:none;
white-space:nowrap;
box-sizing:border-box;
}
@media (max-width: 900px){
#appVersionBadge{
/* Mobilmenyn är ca 66 px + safe-area. Lägg etiketten på fri kartyta ovanför den. */
left:max(8px,env(safe-area-inset-left));
bottom:calc(72px + env(safe-area-inset-bottom, 0px));
z-index:1750;
font-size:9px;
padding:2px 5px;
opacity:.58;
}
}
/* v10.167 – lugnare mobilkarta: väder + Passar just nu delar en kompakt informationsrad */
@media(max-width:760px){
/* En gemensam rad ovanför huvudknapparna i stället för två staplade kort. */
.map-weather-panel.compact,
.smart-now-tip.compact{
bottom:158px!important;
top:auto!important;
transform:none!important;
min-height:38px;
box-sizing:border-box;
}
.map-weather-panel.compact{
left:10px!important;
right:auto!important;
width:calc(50% - 15px)!important;
max-width:none!important;
border-radius:12px!important;
}
.smart-now-tip.compact{
left:auto!important;
right:10px!important;
width:calc(50% - 15px)!important;
max-width:none!important;
border-radius:12px!important;
padding:6px 7px 6px 10px!important;
}
.map-weather-panel.compact .map-weather-head{width:100%;padding:6px 9px!important;gap:5px!important}
.map-weather-panel.compact .map-weather-summary{font-size:10px!important;min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.map-weather-panel.compact .map-weather-chevron{font-size:14px}
.smart-now-tip.compact .smart-now-copy strong{font-size:10px!important;max-width:none!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.smart-now-tip.compact .smart-now-collapse{width:24px!important;height:24px!important;font-size:15px!important}
/* Öppnas den ena får den hela bredden och den andra viker undan. */
.map-weather-panel:not(.compact){left:10px!important;right:10px!important;bottom:158px!important;width:auto!important;max-width:none!important;transform:none!important;border-radius:14px!important}
.smart-now-tip:not(.compact):not(.hidden){left:10px!important;right:10px!important;bottom:158px!important;width:auto!important;max-width:none!important;transform:none!important;border-radius:14px!important}
.map-weather-panel.smart-tip-open{display:none!important}
.smart-now-tip.weather-open{display:none!important}
}
/* v168 – Upptäck i helgen */
.weekend-menu-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin-top:8px;padding:10px 14px;border-radius:12px;background:#155b42;color:#fff!important;text-decoration:none;font-weight:800}.weekend-menu-link:hover{filter:brightness(.96)}
/* v189 – centrera kartan på min GPS-position */
.gps-recenter-control{margin-right:10px!important;margin-bottom:190px!important;z-index:1300!important}
.gps-recenter-map{display:block!important;visibility:visible!important;width:46px;height:46px;border:0;border-radius:50%;background:#fff;color:#1769d2;font-size:29px;font-weight:900;line-height:46px;text-align:center;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.28);padding:0;-webkit-tap-highlight-color:transparent}
.gps-recenter-map:active{transform:scale(.96)}
.gps-recenter-map:disabled{opacity:.7;cursor:wait}
.gps-recenter-map.gps-recenter-searching{animation:gpsRecenterPulse .9s ease-in-out infinite alternate}
@keyframes gpsRecenterPulse{from{transform:scale(.94);opacity:.55}to{transform:scale(1);opacity:1}}
@media(max-width:600px){.gps-recenter-control{margin-right:9px!important;margin-bottom:188px!important}.gps-recenter-map{width:44px;height:44px;line-height:44px;font-size:28px}}
/* v10.194 – mobila arbetsytor slutar ovanför bottennavigationen */
@media (max-width:760px){
:root{--mobile-nav-clearance:calc(72px + env(safe-area-inset-bottom, 0px));}
/* Platser: samma princip som Mina – panelen har en egen synlig scroll-yta. */
.sidebar{
bottom:var(--mobile-nav-clearance);
height:auto;
max-height:calc(100dvh - var(--mobile-nav-clearance));
padding-bottom:18px;
overscroll-behavior-y:contain;
-webkit-overflow-scrolling:touch;
}
.sidebar-menu-pane,
.sidebar-places-pane{
padding-bottom:28px;
}
/* Rutt: hela sheetet ligger ovanför navfältet; Mina rutter kan scrollas helt synligt. */
.route-panel{
bottom:var(--mobile-nav-clearance);
height:min(76dvh,720px);
max-height:calc(100dvh - var(--mobile-nav-clearance) - 8px);
padding-bottom:24px;
overscroll-behavior-y:contain;
-webkit-overflow-scrolling:touch;
}
/* Mina använder samma dynamiska frigång på iPhone med safe-area. */
.my-panel{
bottom:var(--mobile-nav-clearance);
max-height:min(72dvh,620px);
overscroll-behavior-y:contain;
-webkit-overflow-scrolling:touch;
}
}
/* v10.195 – gemensam princip: Stäng ska alltid vara nåbar när en vy/panel scrollas */
@media (max-width:760px){
/* Mina: rubrik + stängknapp ligger kvar medan innehållet scrollar. */
.my-panel-head{
position:sticky;
top:-14px;
z-index:30;
margin:-14px -14px 10px;
padding:12px 14px 10px;
background:rgba(248,250,248,.98);
border-bottom:1px solid #e1e7e2;
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
}
/* Platser/Meny: samma beteende som Rutt. */
.mobile-drawer-head{
position:sticky!important;
top:0!important;
z-index:40!important;
background:rgba(255,255,255,.98)!important;
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
}
/* Vanliga dialoger: stängkrysset hålls synligt när dialoginnehållet scrollar. */
.dialog-card > .close{
position:sticky!important;
top:0!important;
z-index:50!important;
float:right;
margin-top:-4px;
background:rgba(255,255,255,.94)!important;
border-radius:50%!important;
width:42px;
height:42px;
line-height:38px;
box-shadow:0 2px 8px rgba(0,0,0,.10);
}
}
/* v199 – final + återinbjudan till nästa månadskamp */
.league-final-card{max-width:560px}.league-final-score{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.league-final-score span{padding:10px;border-radius:12px;background:#f5f7f5}.league-final-score strong{display:block;font-size:1.15rem;margin-top:3px}.league-final-top3{display:grid;gap:7px;margin:8px 0 14px}.league-final-top3>div{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:8px;text-align:left;padding:9px 10px;border-radius:11px;background:#f7f8f6}.league-your-result,.league-returning-note,.league-streak{padding:10px 12px;border-radius:12px;background:#eef7f0;margin:10px 0}.league-returning-note{text-align:left;font-weight:700}.league-streak{font-weight:900}.league-final-card hr{border:0;border-top:1px solid #e5e8e5;margin:18px 0}
@media(max-width:520px){.league-final-score{grid-template-columns:1fr}.league-final-card .daily-actions{display:grid;grid-template-columns:1fr}.league-final-top3>div{grid-template-columns:30px 1fr auto}}
/* v10.200 – renare och tydligare platskort */
#placeDialog{width:min(680px,calc(100vw - 22px));max-height:min(92vh,900px);border-radius:24px;overflow:hidden;background:#fff!important}
#placeDialog .place-dialog-card{padding:0;max-height:min(92vh,900px);overflow:auto;background:#f6f8f5!important}
#placeDialog .place-dialog-top{position:sticky;top:0;z-index:80;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:18px 18px 13px;background:rgba(255,255,255,.98);border-bottom:1px solid #e4e9e5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
#placeDialog .place-dialog-heading{min-width:0;flex:1}
#placeDialog .place-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:6px}
#placeDialog .place-dialog-heading h2{margin:0;color:#173a29;font-size:clamp(24px,5vw,34px);line-height:1.08}
#placeDialog .place-close-btn{position:static!important;float:none!important;flex:0 0 auto;min-width:0!important;width:44px!important;height:44px!important;margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;background:#edf2ee!important;color:#173a29!important;box-shadow:none!important}
#placeDialog .place-close-btn .place-close-x{font-size:30px;font-weight:415;margin:0;line-height:1}
#placeDialog .place-close-btn .place-close-label{display:none}
#placeDialog .place-close-btn:hover,#placeDialog .place-close-btn:focus-visible{background:#dfe9e2!important;color:#173a29!important;outline:3px solid rgba(35,99,66,.16)!important}
#placeDialog .place-intro{padding:17px 18px 4px;background:#fff}
#placeDialog .place-intro p{margin:0;font-size:16px;line-height:1.55;color:#34483c}
#placeDialog .distance-line{margin:12px 18px 0;padding:13px 14px;border:1px solid #d9e7dd;background:#edf6f0;border-radius:14px;font-size:14px}
#placeDialog .safety-box{margin:10px 18px 0;border-radius:14px}
#placeDialog .place-primary-actions{display:grid;gap:8px;padding:14px 18px 0}
#placeDialog .place-primary-actions button,#placeDialog .place-quick-actions button,#placeDialog .place-bottom-close{border:1px solid #cbd6ce;border-radius:14px;background:#fff;color:#1f3528;font:inherit;font-weight:750;cursor:pointer;min-height:48px}
#placeDialog .place-primary-actions .place-nav-primary{display:flex;align-items:center;justify-content:center;gap:11px;min-height:62px;border-color:#236342;background:#236342;color:#fff;font-size:19px}
#placeDialog .place-nav-primary span{display:grid;text-align:left;line-height:1.1}
#placeDialog .place-nav-primary small{margin-top:5px;font-size:11px;font-weight:500;opacity:.82}
#placeDialog .place-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:8px 18px 0}
#placeDialog .place-quick-actions button{padding:9px 7px;font-size:13px}
#placeDialog .place-quick-actions .favorite.active{background:#fff4c9;border-color:#e1ca71;color:#59460a}
#placeDialog .place-quick-actions .want-visit.active{background:#eaf2ff;border-color:#9eb5da;color:#234d82}
#placeDialog .place-more-card,#placeDialog .place-journal-card,#placeDialog .place-list-card,#placeDialog .place-image-card{margin:12px 18px 0;border:1px solid #dde5df;border-radius:16px;background:#fff;overflow:hidden}
#placeDialog details>summary{list-style:none;cursor:pointer;padding:15px 16px;font-weight:850;color:#234331;display:flex;align-items:center;justify-content:space-between;gap:12px}
#placeDialog details>summary::-webkit-details-marker{display:none}
#placeDialog details>summary:after{content:'›';font-size:25px;font-weight:415;transform:rotate(90deg);transition:transform .18s}
#placeDialog details[open]>summary:after{transform:rotate(270deg)}
#placeDialog details>summary span{margin-left:auto;color:#758078;font-size:10px;font-weight:600;text-align:right}
#placeDialog .place-more-content,#placeDialog .place-journal-content{padding:0 15px 15px;border-top:1px solid #edf0ed}
#placeDialog .history-box{margin:13px 0 8px}
#placeDialog .source-line{margin:12px 0 0;line-height:1.45}
#placeDialog .place-list-card{padding:13px 15px}
#placeDialog .place-list-card label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin:0;font-size:13px;font-weight:800}
#placeDialog .place-list-card select{min-width:0;margin:0}
#placeDialog .place-image-card{padding:12px}
#placeDialog .public-image-box{border-radius:12px;overflow:hidden}
#placeDialog .place-image-card>button{margin-top:8px}
#placeDialog .journal{margin-top:12px}
#placeDialog .place-bottom-close{display:block;width:calc(100% - 36px);margin:14px 18px 22px;background:#eef2ef}
@media(max-width:600px){
#placeDialog{width:100vw;max-width:none;max-height:calc(100dvh - 64px);margin:auto 0 0;border-radius:24px 24px 0 0}
#placeDialog[open]{position:fixed;inset:auto 0 0 0}
#placeDialog .place-dialog-card{max-height:calc(100dvh - 64px);padding-bottom:max(4px,env(safe-area-inset-bottom))}
#placeDialog .place-dialog-top{padding:14px 15px 12px}
#placeDialog .place-close-btn{width:42px!important;height:42px!important;background:#e6eee8!important;border:1px solid #cbd8cf!important}
#placeDialog .place-intro{padding:14px 15px 3px}
#placeDialog .distance-line,#placeDialog .safety-box,#placeDialog .place-more-card,#placeDialog .place-journal-card,#placeDialog .place-list-card,#placeDialog .place-image-card{margin-left:15px;margin-right:15px}
#placeDialog .place-primary-actions{padding-left:15px;padding-right:15px}
#placeDialog .place-quick-actions{padding-left:15px;padding-right:15px;grid-template-columns:1fr 1fr}
#placeDialog .place-quick-actions #addActiveToRouteBtn{grid-column:1/-1}
#placeDialog .place-list-card label{grid-template-columns:1fr;gap:7px}
#placeDialog details>summary{align-items:flex-start}
#placeDialog details>summary span{max-width:145px}
#placeDialog .place-bottom-close{width:calc(100% - 30px);margin-left:15px;margin-right:15px;margin-bottom:18px}
}
/* v201 – platskort: tydlig, inspirerande och mobil först */
#placeDialog{width:min(620px,calc(100vw - 24px));max-height:min(92dvh,860px);border:0;border-radius:28px;padding:0;overflow:hidden;background:#f4f7f3!important;box-shadow:0 28px 90px rgba(8,28,18,.34)}
#placeDialog .place-dialog-card{padding:0!important;max-height:min(92dvh,860px);overflow:auto!important;background:#f4f7f3!important;overscroll-behavior:contain}
#placeDialog .place-v201-head{position:relative!important;display:grid!important;grid-template-columns:58px 1fr!important;gap:14px!important;align-items:start!important;padding:22px 66px 20px 20px!important;background:linear-gradient(145deg,#f8fbf8,#e9f2eb)!important;border-bottom:1px solid #dbe6dd!important}
#placeDialog .place-v201-close{position:absolute!important;top:14px!important;right:14px!important;left:auto!important;z-index:200!important;width:44px!important;height:44px!important;min-width:44px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid #c9d8ce!important;border-radius:50%!important;background:#fff!important;color:#173b2a!important;font-size:31px!important;font-weight:415!important;line-height:1!important;box-shadow:0 4px 14px rgba(20,60,40,.10)!important;float:none!important;transform:none!important}
#placeDialog .place-v201-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:#1f6847;color:#fff;font-size:29px;box-shadow:0 7px 18px rgba(31,104,71,.18)}
#placeDialog .place-v201-titleblock{min-width:0}#placeDialog .place-badges{margin:0 0 7px;display:flex;gap:6px;flex-wrap:wrap}#placeDialog .badge,#placeDialog .verified-badge{font-size:11px;padding:5px 9px}#placeDialog .place-v201-titleblock h2{margin:0;color:#173629;font-size:clamp(25px,6vw,34px);line-height:1.08;letter-spacing:-.02em}#placeDialog .place-v201-titleblock p{margin:9px 0 0;color:#53665b;font-size:15px;line-height:1.45}
#placeDialog .place-v201-status{padding:14px 18px 0}#placeDialog .place-v201-distance{margin:0!important;padding:11px 13px!important;border:0!important;border-radius:13px!important;background:#e8f2eb!important;color:#245d40!important;font-size:13px!important;font-weight:750!important}#placeDialog .place-v201-distance small{margin-top:2px;font-size:11px;color:#65776c}
#placeDialog .place-v201-actions{padding:12px 18px 2px}#placeDialog .place-v201-go{width:100%;min-height:68px;border:0;border-radius:18px;background:#1f6847;color:#fff;padding:11px 14px;display:grid;grid-template-columns:38px 1fr 20px;gap:10px;align-items:center;text-align:left;box-shadow:0 8px 20px rgba(31,104,71,.16);cursor:pointer}#placeDialog .place-v201-go .place-action-icon{font-size:26px}#placeDialog .place-v201-go strong{display:block;font-size:18px}#placeDialog .place-v201-go small{display:block;margin-top:3px;font-size:11px;opacity:.82;font-weight:500}#placeDialog .place-action-arrow{font-size:30px;opacity:.8}
#placeDialog .place-v201-actiongrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}#placeDialog .place-v201-actiongrid button{min-width:0;min-height:70px;border:1px solid #d5dfd8;border-radius:16px;background:#fff;color:#274336;padding:9px 5px;display:grid;place-items:center;align-content:center;gap:4px;cursor:pointer;font:inherit}#placeDialog .place-v201-actiongrid button>span{font-size:21px;line-height:1}#placeDialog .place-v201-actiongrid button>strong{font-size:11px}#placeDialog .place-v201-actiongrid .favorite.active{background:#fff7d9;border-color:#e6d184}#placeDialog .place-v201-actiongrid .want-visit.active{background:#eaf3ff;border-color:#aac1dd}
#placeDialog .place-v201-details{margin:10px 18px 0;border:1px solid #dce4de;border-radius:17px;background:#fff;overflow:hidden}#placeDialog .place-v201-details>summary{list-style:none;cursor:pointer;padding:14px 15px;display:grid;grid-template-columns:28px 1fr auto;column-gap:8px;align-items:center;color:#244232}#placeDialog .place-v201-details>summary::-webkit-details-marker{display:none}#placeDialog .place-v201-details>summary>span{font-size:20px}#placeDialog .place-v201-details>summary>strong{font-size:14px}#placeDialog .place-v201-details>summary>small{font-size:10px;color:#75837a;font-weight:600}#placeDialog .place-v201-details>summary:after{content:'›';grid-column:4;font-size:24px;color:#708077;transition:.18s}#placeDialog .place-v201-details[open]>summary:after{transform:rotate(90deg)}#placeDialog .place-v201-detailbody{padding:0 14px 15px;border-top:1px solid #edf1ee}#placeDialog .place-v201-detailbody .safety-box{margin:13px 0 8px!important;font-size:12px!important}#placeDialog .place-v201-detailbody .history-box{margin:10px 0}#placeDialog .place-v201-maplink{width:100%;min-height:44px;margin-top:10px;border:1px solid #cddbd1;border-radius:12px;background:#f7faf8;color:#236342;font-weight:800}
#placeDialog .place-list-card{margin:13px 0 10px!important;padding:0!important;border:0!important}#placeDialog .place-list-card label{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;font-size:12px}#placeDialog .visit-check{margin:8px 0!important}#placeDialog .journal{margin-top:10px}#placeDialog .public-image-section{padding:12px 0 0;border:0}#placeDialog .place-image-card{margin:0!important;border:0!important;padding:0!important}#placeDialog .place-bottom-close{width:calc(100% - 36px);margin:12px 18px 22px;min-height:46px;border:0;border-radius:14px;background:#e5ebe7;color:#3f5448;font-weight:800}
@media(max-width:600px){#placeDialog{width:100vw!important;max-width:none!important;max-height:calc(100dvh - 74px)!important;margin:auto 0 0!important;border-radius:26px 26px 0 0!important}#placeDialog[open]{position:fixed!important;inset:auto 0 0 0!important}#placeDialog .place-dialog-card{max-height:calc(100dvh - 74px)!important}#placeDialog .place-v201-head{grid-template-columns:50px 1fr!important;padding:18px 62px 17px 16px!important;gap:12px!important}#placeDialog .place-v201-close{top:12px!important;right:12px!important;width:42px!important;height:42px!important;min-width:42px!important}#placeDialog .place-v201-icon{width:50px;height:50px;border-radius:15px;font-size:25px}#placeDialog .place-v201-titleblock h2{font-size:27px}#placeDialog .place-v201-status,#placeDialog .place-v201-actions{padding-left:14px;padding-right:14px}#placeDialog .place-v201-details{margin-left:14px;margin-right:14px}#placeDialog .place-v201-actiongrid{grid-template-columns:repeat(3,1fr)}#placeDialog .place-v201-details>summary{grid-template-columns:26px 1fr 24px}#placeDialog .place-v201-details>summary small{display:none}#placeDialog .place-v201-details>summary:after{grid-column:3;grid-row:1}#placeDialog .place-bottom-close{width:calc(100% - 28px);margin-left:14px;margin-right:14px}}
/* v10.202 – bidra med platser + tydligare adminflöde */
.place-contribute-row{grid-template-columns:1fr 1fr!important;gap:8px}.place-contribute-row button{min-height:44px}
#suggestPlaceDialog .suggest-place-card{position:relative;max-width:520px}.suggest-place-icon{font-size:34px;margin-bottom:4px}.suggest-location-box{padding:14px;border:1px solid #dbe7df;border-radius:14px;background:#f7faf8;margin:8px 0 14px}.suggest-location-box p{margin:5px 0 10px;color:#607068}.suggest-place-card>p{color:#607068;line-height:1.45}.suggest-place-card label{display:grid;gap:6px;margin:12px 0;font-weight:700}.suggest-place-card label small{font-weight:415}.suggest-place-card input,.suggest-place-card select,.suggest-place-card textarea{width:100%}
@media(max-width:520px){.place-contribute-row{grid-template-columns:1fr!important}}
/* v230 – enklare och tydligare aktiv vandring, utan ändring av vandringsmotorn */
.walk-live-bar{padding:8px 10px;gap:5px;border-radius:18px;max-width:min(94vw,560px)}
.walk-live-stat{min-width:72px;padding:3px 8px;text-align:center;border-right:1px solid #e3e9e5}
.walk-live-stat:last-child{border-right:0}
.walk-live-stat small{display:block;font-size:8px;line-height:1.1;letter-spacing:.08em;color:#728078;font-weight:850;margin-bottom:2px}
.walk-live-stat strong{display:block;font-size:13px;line-height:1.15;color:#173728;white-space:nowrap}
.walk-main-btn.active{background:#8d2f2f;box-shadow:0 5px 20px #0004,0 0 0 3px rgba(255,255,255,.72)}
.walk-summary-card{background:linear-gradient(180deg,#f7fbf8 0,#fff 42%)}
.walk-summary-card .walk-dialog-icon{width:58px;height:58px;margin:0 auto 4px;border-radius:50%;display:grid;place-items:center;background:#e5f2e9;font-size:31px}
@media(max-width:520px){.walk-live-bar{width:calc(100% - 20px);box-sizing:border-box;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:8px 5px}.walk-live-stat{min-width:0;padding:3px 4px}.walk-live-stat strong{font-size:11px}.walk-live-stat small{font-size:7px}.walk-main-btn.active{font-size:13px!important}}
/* v231 – aktiv vandring: håll statistiken fri från övriga kartkort på mobil */
@media(max-width:760px){
/* Under en aktiv vandring prioriteras vandringsinformationen framför
det tillfälliga helgkortet. Det ger mer fri karta och undviker överlapp. */
body:has(.walk-main-btn.active) .smart-now-tip{display:none!important}
.walk-live-bar:not(.hidden){
left:10px!important;
right:10px!important;
bottom:158px!important;
transform:none!important;
width:auto!important;
max-width:none!important;
box-sizing:border-box!important;
z-index:1062!important;
box-shadow:0 4px 16px rgba(0,0,0,.22)!important;
}
}
/* v232: enkel offline-hämtning i Meny > Kartdata */
.offline-area-box{display:grid;gap:9px;padding:12px;margin-bottom:10px;border:1px solid rgba(28,83,62,.18);border-radius:14px;background:rgba(244,249,246,.92)}
.offline-area-box>strong{font-size:15px;color:#173f31}.offline-area-box>small{line-height:1.35;color:#5d6b65}
.offline-area-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.offline-area-actions select,.offline-area-actions button{min-height:44px;border-radius:11px}.offline-area-actions select{padding:0 10px;border:1px solid #cbd8d1;background:#fff;color:#173f31}.offline-area-actions button{font-weight:800}
.offline-progress{height:7px;overflow:hidden;border-radius:999px;background:#dce7e1}.offline-progress>div{height:100%;width:0;background:#245f49;transition:width .2s ease}.offline-area-status-ready{color:#17623f!important;font-weight:700}
@media(max-width:520px){.offline-area-actions{grid-template-columns:1fr}.offline-area-actions button{width:100%}}
/* v233 – privat delning av aktiv vandring */
.walk-share-live{border:0;border-left:1px solid #e3e9e5;background:transparent;color:#245b3d;min-width:54px;padding:2px 7px;font:inherit;font-size:18px;font-weight:900;cursor:pointer}.walk-share-live small{display:block;font-size:7px;letter-spacing:.08em;margin-top:1px}.walk-share-card{text-align:center}.walk-share-status{margin:12px 0;padding:10px 12px;border-radius:12px;background:#eef5f0;color:#345546;font-size:12px;line-height:1.45}.walk-share-status.active{background:#e4f3e8;color:#174b2d;font-weight:750}.walk-share-privacy{display:block;margin-top:12px;color:#68766e;line-height:1.45}.walk-share-stop{color:#8e3030}.walk-share-view-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.walk-share-view-grid div{padding:11px 5px;border-radius:12px;background:#f1f6f2}.walk-share-view-grid small,.walk-share-view-grid strong{display:block}.walk-share-view-grid small{font-size:8px;color:#6d7971;letter-spacing:.05em}.walk-share-view-grid strong{font-size:13px;margin-top:4px}.walk-shared-position{filter:hue-rotate(35deg)}
@media(max-width:520px){.walk-share-live{min-width:44px;padding:2px 3px}.walk-live-bar{grid-template-columns:repeat(4,1fr) 46px!important}.walk-share-view-grid strong{font-size:11px}}
/* v234 – konservativ mobilpolering. Endast presentation; ingen funktionslogik. */
@media(max-width:760px){
/* Stabil dialoghöjd när mobilens adressfält/tangentbord ändrar viewporten. */
dialog:not(#placeDialog){
max-height:calc(100dvh - 20px);
max-width:calc(100vw - 16px);
}
dialog:not(#placeDialog) .dialog-card{
max-height:calc(100dvh - 20px);
overscroll-behavior:contain;
padding-bottom:max(20px,env(safe-area-inset-bottom));
}
/* Viktiga dialogkontroller ska vara lätta att träffa med tumme. */
.dialog-actions button,
.dialog-card > .close,
.route-panel .route-close{
min-width:44px;
min-height:44px;
}
/* Ruttpanelen hålls innanför notch/home-indikator utan att ändra flödet. */
.route-panel{
left:max(8px,env(safe-area-inset-left));
right:max(8px,env(safe-area-inset-right));
width:auto;
max-height:calc(100dvh - 86px - env(safe-area-inset-bottom));
overscroll-behavior:contain;
}
/* Aktiv vandring: samma fria marginal på telefoner med safe-area. */
.walk-live-bar:not(.hidden){
left:max(10px,env(safe-area-inset-left))!important;
right:max(10px,env(safe-area-inset-right))!important;
}
}
/* v235 – Smartare Meny & Plats. Endast visuell hierarki; befintliga funktioner/ID:n är oförändrade. */
.sidebar-menu-pane{display:flex;flex-direction:column;gap:0}
.sidebar-menu-intro{order:0;padding-bottom:12px}
.menu-section-label{display:grid;gap:2px;margin:12px 2px 5px;padding-top:10px;border-top:1px solid rgba(28,83,58,.10)}
.menu-section-label span,.place-section-label span,.places-intro>span{font-size:10.5px;font-weight:900;letter-spacing:.13em;color:#287554}
.menu-section-label small,.place-section-label small,.places-intro small{font-size:11px;line-height:1.35;color:#75827b}
.menu-label-discover{order:10}.weekend-menu-card{order:11}.newsletter-menu-card{order:12}
.menu-label-community{order:20}.menu-card-community{order:21}
.menu-label-tools{order:30}.menu-card-mapdata{order:31}.menu-card-backup{order:32}.menu-card-mapinfo{order:33}.onboarding-menu-card{order:34}.menu-card-support{order:35}.about-app-card{order:36}.menu-card-privacy{order:37}.menu-footnote{order:40}
.menu-card{margin:5px 0;border-radius:14px;box-shadow:0 2px 8px rgba(22,55,39,.045)}
.menu-card-head{margin-bottom:8px}.menu-card-head small{max-width:31ch}
.weekend-menu-card,.menu-card-community,.menu-card-mapdata{border-color:rgba(35,116,78,.20);box-shadow:0 4px 14px rgba(22,75,49,.065)}
.sidebar-places-pane{display:flex;flex-direction:column}
.places-intro{order:0;display:grid;gap:3px;margin:2px 1px 12px;padding:2px 2px 11px;border-bottom:1px solid rgba(28,83,58,.10)}
.places-intro strong{font-size:18px;line-height:1.2;color:#183c2d}.places-intro small{max-width:38ch}
.place-filter-panel{order:10;margin-top:0}
.place-label-saved{order:20}.places-saved-shortcuts{order:21}
.place-label-tools{order:30}
#openRoutePlanner{order:31}.sidebar-places-pane>.check{order:32}.place-contribute-row{order:33}.near-me-box{order:34}.startpoint{order:35}
.sidebar-places-pane>#dataStatus,.sidebar-places-pane>#municipalityStatus{order:40}
.place-section-label{display:grid;gap:2px;margin:13px 2px 7px;padding-top:11px;border-top:1px solid rgba(28,83,58,.10)}
.places-saved-shortcuts{margin:0 0 4px;padding:10px;background:#f7fbf8;border-radius:15px;box-shadow:none}
.places-saved-head{margin-bottom:8px}.places-saved-head strong{font-size:.9rem}.places-saved-head small{font-size:.7rem}
.places-saved-grid button{min-height:48px}
.place-filter-panel{background:#fff;border-color:#dce6df;box-shadow:0 2px 8px rgba(22,55,39,.04)}
.place-filter-search{order:-1;margin:0 0 11px}.place-filter-search #search{min-height:46px;font-size:15px}
#openRoutePlanner{margin-top:0;min-height:46px;border-radius:13px}
.sidebar-places-pane>.check{margin:3px 2px;min-height:38px;display:flex;align-items:center}
.place-contribute-row{margin-top:7px}.near-me-box{margin-top:8px!important}.startpoint{margin-top:8px!important}
@media(max-width:520px){
.sidebar-menu-intro h2{font-size:18px}.sidebar-menu-intro p{font-size:12px}
.menu-card{padding:11px}.menu-card-icon{width:32px;height:32px;flex-basis:32px;font-size:17px}
.menu-section-label{margin-top:10px}
.places-saved-grid{gap:7px}.places-saved-grid button{padding:9px 8px}
}
/* v236 – Område och kategori är primära val under Plats. Endast presentation; befintliga filter-ID:n/logik är oförändrade. */
.place-filter-panel{order:10!important;margin:0 0 6px!important;padding:13px!important;border:1px solid rgba(30,112,72,.24)!important;border-radius:17px!important;background:linear-gradient(180deg,#fbfefc 0%,#fff 100%)!important;box-shadow:0 5px 18px rgba(22,75,49,.07)!important}
.place-filter-primary-head{display:flex;align-items:center;gap:10px;margin:-1px 0 13px;padding-bottom:11px;border-bottom:1px solid rgba(28,83,58,.10)}
.place-filter-primary-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:11px;background:#e8f5ed;color:#176143;font-size:20px;font-weight:900}
.place-filter-primary-head>div{display:grid;gap:2px;min-width:0}.place-filter-primary-head strong{font-size:15px;line-height:1.15;color:#183c2d}.place-filter-primary-head small{font-size:11px;line-height:1.3;color:#748078}
.place-filter-panel>.area-filter-section{order:10}.place-filter-panel>.category-filter-section{order:20;margin-top:12px;padding-top:12px}.place-filter-panel>.place-filter-search{order:30!important;margin:13px 0 0!important;padding-top:12px;border-top:1px solid #e0e9e3}
.place-filter-search label{display:block;margin:0 0 7px;font-size:11px;font-weight:800;letter-spacing:.12em;color:#176143}
.area-filter-section .scope-btn,.category-filter-section .mun-chip,.category-filter-section .category-chip{min-height:44px}
@media(max-width:520px){.place-filter-panel{padding:11px!important}.place-filter-primary-head{margin-bottom:11px}.place-filter-primary-head strong{font-size:14px}.place-filter-primary-head small{font-size:10.5px}.area-filter-section .scope-switch{gap:8px}.area-filter-section .scope-btn{min-height:44px;font-size:12px}}
/* v245 – dynamiskt helgkort + vänlig push-introduktion */
.push-pref-grid{display:grid;gap:8px;margin:12px 0}.push-pref-grid label{display:flex;align-items:flex-start;gap:9px;padding:10px 11px;border:1px solid rgba(25,90,63,.14);border-radius:12px;background:rgba(255,255,255,.55)}.push-pref-grid input{margin-top:3px}.push-pref-grid span{display:grid;gap:2px}.push-pref-grid small{opacity:.72}.push-intro{position:fixed;inset:0;z-index:10050;background:rgba(7,18,14,.38);display:grid;place-items:end center;padding:18px}.push-intro-card{position:relative;width:min(430px,100%);background:#fff;border-radius:22px;padding:24px 20px 18px;box-shadow:0 22px 60px rgba(0,0,0,.25);text-align:center}.push-intro-icon{font-size:34px}.push-intro-card h3{margin:8px 0 7px;font-size:20px}.push-intro-card p{margin:0 auto 17px;line-height:1.45;opacity:.78}.push-intro-x{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:25px}.push-intro-actions{display:flex;gap:8px}.push-intro-actions button{flex:1;border:0;border-radius:13px;padding:12px 10px;font-weight:800}.push-intro-later{background:#eef2ef}.push-intro-yes{background:#155b42;color:#fff}.smart-now-tip:not(.compact){border:1px solid rgba(255,255,255,.22);box-shadow:0 12px 30px rgba(10,44,31,.20)}
/* v259 – adminmeddelanden: alltid fullt synliga även i vanlig mobilwebbläsare */
.ready-toast{top:max(14px,env(safe-area-inset-top))!important;max-height:calc(100dvh - 28px);overflow:auto;overflow-wrap:anywhere}
@media(max-width:760px){
.ready-toast{left:12px!important;right:12px!important;top:max(12px,env(safe-area-inset-top))!important;transform:none!important;width:auto!important;max-width:none!important;padding:13px 40px 13px 14px!important;font-size:14px!important;line-height:1.35!important}
.ready-toast.critical,.ready-toast.persistent{left:12px!important;right:12px!important;top:max(12px,env(safe-area-inset-top))!important;transform:none!important;width:auto!important;max-width:none!important;padding:14px 42px 14px 15px!important;font-size:15px!important}
.ready-toast-text{padding-right:0!important}
.ready-toast-close{right:7px!important;top:6px!important}
}
/* v267 – diskret, situationsstyrd tävlingspuls. En enda kompakt yta på kartan. */
.league-pulse{position:absolute;z-index:1052;left:50%;top:14px;transform:translateX(-50%);display:flex;align-items:stretch;width:min(430px,calc(100% - 28px));border:1px solid rgba(24,77,52,.20);border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 5px 20px rgba(0,0,0,.16);backdrop-filter:blur(8px);overflow:hidden;transition:opacity .18s ease,transform .18s ease}.league-pulse.hidden{display:none!important}.league-pulse-main{min-width:0;flex:1;display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:8px 10px;cursor:pointer;text-align:left;color:#203126}.league-pulse-icon{font-size:19px;line-height:1}.league-pulse-copy{min-width:0;display:flex;flex-direction:column;line-height:1.12}.league-pulse-copy strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.league-pulse-copy small{font-size:10px;color:#68756d;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.league-pulse-cta{margin-left:auto;flex:none;border-radius:999px;background:#184d34;color:#fff;padding:5px 8px;font-size:10px;font-weight:900}.league-pulse-hide{width:32px;border:0;border-left:1px solid #e5e9e5;background:transparent;color:#738078;font-size:18px;cursor:pointer}.league-pulse.mini{width:42px;border-radius:999px}.league-pulse.mini .league-pulse-copy,.league-pulse.mini .league-pulse-cta,.league-pulse.mini .league-pulse-hide{display:none}.league-pulse.mini .league-pulse-main{justify-content:center;padding:9px}.league-pulse.mini .league-pulse-icon{font-size:20px}
@media(max-width:700px){.league-pulse{top:10px;width:min(415px,calc(100% - 20px))}.league-pulse-copy strong{font-size:11px}.league-pulse-copy small{font-size:9px}.league-pulse-cta{font-size:9px;padding:5px 7px}}
body:has(.walk-main-btn.active) .league-pulse,body:has(.route-pick-banner:not(.hidden)) .league-pulse{display:none!important}
/* v268 – vanlig mobilwebb: håll sök och tävlingspuls under toppraden och inom synlig webbläsaryta.
Installerad PWA påverkas inte. */
@media(max-width:760px){
html.mobile-web-browser .mobile-map-top{
top:max(10px,env(safe-area-inset-top));
}
html.mobile-web-browser .map-search-box{
top:calc(max(10px,env(safe-area-inset-top)) + 56px)!important;
left:12px;right:12px;width:auto;transform:none;
z-index:1200;
}
html.mobile-web-browser .league-pulse{
top:calc(max(10px,env(safe-area-inset-top)) + 108px)!important;
width:calc(100% - 24px);
max-width:415px;
z-index:1190;
}
html.mobile-web-browser .leaflet-top.leaflet-left{
top:calc(max(10px,env(safe-area-inset-top)) + 158px)!important;
}
html.mobile-web-browser .map-message-notice{
top:calc(max(10px,env(safe-area-inset-top)) + 158px)!important;
}
}
/* v318: tydligt annonsmärkt kartpunkt */
.sponsor-icon-wrap{background:transparent;border:0}
.sponsor-pin{display:grid;place-items:center;width:28px;height:28px;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);background:#7b3fbd;color:white;border:3px solid #fff;box-shadow:0 2px 9px #23202a77;font-size:13px;font-weight:800}
.sponsor-pin::first-letter{transform:rotate(45deg)}
.sponsor-card{border:0;border-radius:18px;padding:0;width:min(420px,calc(100vw - 28px));max-height:85vh;overflow:auto;box-shadow:0 18px 60px #0006;color:#1a2530;background:#fff}
.sponsor-card::backdrop{background:#0008}
.sponsor-card-head{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;background:#f4ecfc;color:#55238d;gap:10px}
.sponsor-card-head button{border:0;background:transparent;font-size:26px;cursor:pointer;color:inherit}
.sponsor-card-image{width:100%;height:190px;object-fit:cover}
.sponsor-card-body{padding:18px;display:grid;gap:8px}
.sponsor-card-body p{margin:0;white-space:pre-wrap}
.sponsor-card-body h3{margin:8px 0 0;color:#55238d}
.sponsor-card-body small{display:block}
.sponsor-card-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.sponsor-card-actions a{background:#55238d;color:#fff;padding:10px 13px;border-radius:10px;text-decoration:none;font-weight:700}
/* v325: tydlig och touchvänlig annonsmarkör */
.sponsor-icon-wrap{background:transparent!important;border:0!important;overflow:visible!important;pointer-events:auto!important}
.sponsor-map-badge{position:relative;display:flex;align-items:center;height:38px;min-width:70px;pointer-events:auto;cursor:pointer;user-select:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.28))}
.sponsor-pin{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);background:#fff;border:3px solid #111;font-weight:900;font-size:17px;line-height:1;box-sizing:border-box}
.sponsor-pin::first-letter{transform:rotate(45deg)}
.sponsor-map-badge .sponsor-pin{color:#111}
.sponsor-map-badge .sponsor-pin{font-family:Arial,sans-serif}
.sponsor-map-badge .sponsor-pin{padding:0}
.sponsor-map-badge .sponsor-pin{--r:45deg}
.sponsor-map-badge .sponsor-pin{ }
.sponsor-map-label{margin-left:-4px;padding:5px 8px 5px 9px;border-radius:0 8px 8px 0;background:#fff;border:2px solid #111;border-left:0;font:800 10px/1.05 Arial,sans-serif;letter-spacing:.15px;color:#111;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}
.sponsor-map-badge:active{transform:scale(.96)}
@media(max-width:600px){.sponsor-map-label{font-size:9px;padding:5px 6px 5px 8px;max-width:112px}.sponsor-map-badge{min-width:64px}}
/* v326 robust annonskort-overlay */
.sponsor-card-overlay{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.52);opacity:0;transition:opacity .15s ease;pointer-events:auto}
.sponsor-card-overlay.is-open{opacity:1}
.sponsor-card-modal{position:relative;display:block;margin:0;width:min(520px,calc(100vw - 24px));max-height:min(82vh,760px);overflow:auto;background:#fff;color:#111;border:0;border-radius:16px;box-shadow:0 18px 60px rgba(0,0,0,.35)}
.sponsor-card-close{min-width:42px;min-height:42px;cursor:pointer}
.leaflet-marker-icon.sponsor-icon-wrap,.sponsor-icon-wrap,.sponsor-map-badge,.sponsor-map-badge *{pointer-events:auto!important}
/* v327: annonsklick via delegerad DOM-hantering, oberoende av Leaflets marker-event */
.sponsor-map-badge{appearance:none;-webkit-appearance:none;border:0;padding:0;background:transparent;font:inherit;text-align:left;pointer-events:auto!important;touch-action:manipulation!important;cursor:pointer!important}
.leaflet-marker-pane{pointer-events:auto}
.leaflet-marker-icon.sponsor-icon-wrap{pointer-events:auto!important;overflow:visible!important}
.sponsor-icon-wrap .sponsor-map-badge{position:relative;z-index:10}
/* v341: diskret sponsorsynlighet i Meny – aldrig ovanpå kartan */
.partner-menu-card{order:35}.menu-card-support{order:36}.about-app-card{order:37}.menu-card-privacy{order:38}
.partner-spotlight{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid #e1e9e4;border-radius:12px;background:#f8fbf9;margin-bottom:8px}.partner-spotlight img,.partner-list-item img{width:52px;height:40px;object-fit:contain;border-radius:8px;background:#fff}.partner-copy{min-width:0;flex:1}.partner-copy strong{display:block;color:#173b2d;font-size:13px}.partner-copy small{display:block;color:#718078;font-size:11px;line-height:1.35;margin-top:2px}.partner-level{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#617168}.partner-link{display:inline-block;margin-top:6px;font-size:11px;font-weight:800;color:#176b45;text-decoration:none}.partner-list-details{border-top:1px solid #edf1ee;padding-top:7px}.partner-list-details summary{cursor:pointer;font-size:12px;font-weight:800;color:#315b48}.partner-list-item{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #edf1ee}.partner-list-item:last-child{border-bottom:0}.partner-list-item img{width:42px;height:32px}.partner-list-item .partner-copy small{margin-top:1px}
/* v344 Growth Engine – integrerade ytor, inga nya automatiska popupfönster */
.growth-menu-card{background:linear-gradient(180deg,#fbfdf8,#f3f8ee);border-color:#d8e7cb}.growth-pick{width:100%;text-align:left;border:1px solid #d7e3ce;background:#fff;border-radius:14px;padding:13px 14px;display:grid;gap:3px;cursor:pointer}.growth-pick span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#617454}.growth-pick strong{font-size:16px}.growth-pick small{color:#667267}.growth-pick b{margin-top:5px;color:#245b31;font-size:13px}.growth-since-last{margin-top:10px;padding:10px 12px;border-radius:12px;background:#edf5e7;display:grid;gap:2px}.growth-since-last span{font-size:12px;color:#59665a}
.place-related{margin:12px 0;padding:12px;border:1px solid #dfe8d9;border-radius:14px;background:#fafcf8}.place-related-head{display:grid;gap:2px;margin-bottom:8px}.place-related-head small{color:#6c766c}.place-related #placeRelatedList{display:grid;gap:7px}.place-related button{text-align:left;border:1px solid #e0e6dc;background:#fff;border-radius:11px;padding:9px 11px;display:grid;gap:2px;cursor:pointer}.place-related button small{color:#69736a}
\n\n/* v346 – centralt upptäcktsnav: Vad passar idag? */
.smart-now-tip{left:50%!important;right:auto!important;bottom:158px!important;transform:translateX(-50%)!important;width:auto!important;max-width:calc(100% - 28px)!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;z-index:1060!important}
.discovery-hub-map-btn{display:flex;align-items:center;gap:9px;border:1px solid rgba(21,91,66,.20);border-radius:999px;background:rgba(255,255,255,.97);box-shadow:0 5px 18px rgba(0,0,0,.18);padding:9px 15px;color:#173d2e;cursor:pointer;white-space:nowrap}.discovery-hub-map-btn>span{font-size:20px}.discovery-hub-map-btn strong{font-size:13px}.discovery-hub-map-btn small{font-size:10px;opacity:.65;border-left:1px solid #dfe8e2;padding-left:9px}
.discovery-hub-dialog{border:0;padding:0;background:transparent;width:min(520px,calc(100% - 24px));max-width:none}.discovery-hub-dialog::backdrop{background:rgba(8,24,18,.42);backdrop-filter:blur(2px)}.discovery-hub-card{position:relative;background:#fff;border-radius:22px;padding:20px;box-shadow:0 22px 65px rgba(0,0,0,.28);max-height:min(760px,88dvh);overflow:auto}.discovery-hub-close{position:absolute;right:10px;top:9px;width:34px;height:34px;border:0;border-radius:50%;background:#eef3ef;font-size:24px;line-height:1;cursor:pointer}.discovery-hub-head{display:flex;gap:11px;padding-right:34px}.discovery-hub-head>span{font-size:30px}.discovery-hub-head h2{margin:0;font-size:21px;color:#173d2e}.discovery-hub-head p{margin:4px 0 0;font-size:13px;line-height:1.35;color:#66736c}.discovery-hub-new{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:15px 0 2px;border:1px solid #dceae2;border-radius:13px;background:#f3faf6;padding:10px 12px;text-align:left;color:#174c37;cursor:pointer}.discovery-hub-new span{font-size:11px;opacity:.75}.discovery-hub-choices{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.discovery-hub-choices button{border:1px solid #dce5df;border-radius:999px;background:#fff;padding:8px 10px;font-size:12px;font-weight:750;color:#33483d;cursor:pointer}.discovery-hub-choices button.active{background:#155b42;color:#fff;border-color:#155b42}.discovery-hub-results{display:grid;gap:8px}.discovery-result{display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:9px;width:100%;border:1px solid #e1e7e3;border-radius:14px;background:#fbfcfb;padding:11px;text-align:left;color:#263b30;cursor:pointer}.discovery-result:hover{background:#f3f8f5}.discovery-result-icon{font-size:21px;text-align:center}.discovery-result span:nth-child(2){display:grid;gap:3px;min-width:0}.discovery-result strong{font-size:13px}.discovery-result small{font-size:11px;color:#6b766f;white-space:normal}.discovery-result b{font-size:20px;color:#155b42}.discovery-hub-empty{margin:5px 0;padding:14px;border-radius:12px;background:#f5f7f5;color:#657168;font-size:12px;text-align:center}
@media(max-width:760px){.smart-now-tip,.smart-now-tip.compact,.smart-now-tip:not(.compact):not(.hidden){left:50%!important;right:auto!important;bottom:158px!important;transform:translateX(-50%)!important;width:auto!important;max-width:calc(100% - 20px)!important}.smart-now-tip.weather-open{display:block!important}.map-weather-panel.smart-tip-open{display:block!important}.discovery-hub-map-btn{padding:8px 12px}.discovery-hub-map-btn small{display:none}.discovery-hub-dialog{width:calc(100% - 18px);margin:auto}.discovery-hub-card{padding:18px 14px 14px;border-radius:20px}.discovery-hub-choices{gap:6px}.discovery-hub-choices button{padding:8px 9px;font-size:11px}}
\n\n/* v347 – lugn kartvy: upptäcktsnav direkt under sökrutan, utan extra kartinformation */
.smart-now-tip,
.smart-now-tip.compact,
.smart-now-tip:not(.compact):not(.hidden){
left:50%!important;right:auto!important;top:72px!important;bottom:auto!important;
transform:translateX(-50%)!important;width:auto!important;max-width:calc(100% - 140px)!important;
padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;z-index:1049!important;
}
.discovery-hub-map-btn{min-height:38px!important;padding:7px 13px!important;gap:7px!important;box-shadow:0 3px 12px rgba(0,0,0,.14)!important}
.discovery-hub-map-btn>span{font-size:16px!important}.discovery-hub-map-btn strong{font-size:12px!important}.discovery-hub-map-btn small{display:none!important}
.map-weather-panel.expanded + .smart-now-tip{display:none!important}
@media(max-width:760px){
.smart-now-tip,.smart-now-tip.compact,.smart-now-tip:not(.compact):not(.hidden){
left:50%!important;right:auto!important;top:108px!important;bottom:auto!important;
transform:translateX(-50%)!important;width:auto!important;max-width:calc(100% - 150px)!important;
}
.discovery-hub-map-btn{min-height:36px!important;padding:6px 11px!important;white-space:nowrap!important}
.discovery-hub-map-btn strong{font-size:11.5px!important}
}
@media(max-width:415px){
.smart-now-tip,.smart-now-tip.compact,.smart-now-tip:not(.compact):not(.hidden){max-width:calc(100% - 118px)!important}
.discovery-hub-map-btn{padding:6px 9px!important}.discovery-hub-map-btn>span{font-size:15px!important}.discovery-hub-map-btn strong{font-size:11px!important}
}
/* v349 – desktop: månadskamp, kartsök och dagens/helgens knapp ska aldrig täcka varandra.
Mobilen behåller sin fungerande v348-layout. */
@media (min-width:761px){
.map-search-box{top:72px!important;}
.smart-now-tip,
.smart-now-tip.compact,
.smart-now-tip:not(.compact):not(.hidden){top:126px!important;}
}
/* v415 – Map overview interaction. Ordinary POIs stay visible at all normal zooms.
At overview zoom they are smaller/passive; ads are ALWAYS visible and clickable. */
#map.map-pois-passive .leaflet-marker-icon:has(.custom-marker),
#map.map-pois-passive .leaflet-marker-icon:has(.municipal-marker),
#map.map-pois-passive .leaflet-marker-icon:has(.service-marker){pointer-events:none!important;cursor:default!important}
#map.map-pois-passive .custom-marker,#map.map-pois-passive .municipal-marker,#map.map-pois-passive .service-marker{scale:.72;opacity:.78}
#map.map-pois-passive .marker-fav,#map.map-pois-passive .marker-visited,#map.map-pois-passive .marker-want{display:none!important}
#map .leaflet-marker-icon.sponsor-icon-wrap,#map .sponsor-icon-wrap,#map .sponsor-map-badge,#map .sponsor-map-badge *{pointer-events:auto!important;opacity:1!important;visibility:visible!important}
#map .leaflet-marker-icon.sponsor-icon-wrap{z-index:10000!important}
.map-explore-zoom-hint{
position:absolute!important;left:50%!important;top:300px!important;bottom:auto!important;
transform:translateX(-50%)!important;z-index:890!important;
background:rgba(24,62,44,.92);color:#fff;padding:8px 11px;border-radius:999px;
box-shadow:0 3px 12px #0003;font-size:12px;font-weight:750;white-space:nowrap;
pointer-events:none!important;margin:0!important;
}
@media(max-width:760px){.map-explore-zoom-hint{top:300px!important;font-size:11px;padding:7px 10px;max-width:calc(100vw - 32px);white-space:normal;line-height:1.2;text-align:center}}
/* v415: fyra tävlingslag – ren 2×2-layout även på mobil. */
.league-team-battle.league-three-teams{
display:grid !important;
grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
gap:12px !important;
align-items:stretch !important;
}
.league-team-battle.league-three-teams > div{
min-width:0 !important;
width:auto !important;
text-align:center !important;
padding:10px 6px !important;
}
.league-team-battle.league-three-teams > div b,
.league-team-battle.league-three-teams > div strong,
.league-team-battle.league-three-teams > div small{
display:block !important;
}
.league-team-battle.league-three-teams > div strong{
margin-top:5px !important;
}
@media (max-width:420px){
.league-team-battle.league-three-teams{
gap:8px !important;
}
.league-team-battle.league-three-teams > div{
padding:8px 3px !important;
}
}
/* v415: SEO guide/place map focus labels */
.guide-focus-name{font-weight:800;white-space:nowrap}
/* v445: the Tuesday guide stays inside the existing discovery dialog. */
.tuesday-guide-tip{margin:16px 0;padding:14px;border:1px solid #cfe3d5;border-radius:14px;background:#edf5f0;color:#173d2e}.tuesday-guide-tip .tuesday-guide-label{margin:0 0 6px;font-size:12px;font-weight:750}.tuesday-guide-tip h3{margin:0 0 8px;font-size:18px;line-height:1.3}.tuesday-guide-tip p{font-size:13px;line-height:1.5}.tuesday-guide-link{display:block;padding:11px 12px;border-radius:9px;background:#155b42;color:#fff;text-decoration:none;font-size:13px;font-weight:750;line-height:1.4}.tuesday-guide-link:focus-visible{outline:3px solid #173d2e;outline-offset:3px}
/* v450 */
.growth-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0}.growth-actions button{border:1px solid #cbd9d2;border-radius:12px;padding:12px;background:#eef5f1;color:#174b39;font:inherit;font-weight:700;cursor:pointer}.growth-share-status{font-size:14px;overflow-wrap:anywhere;margin:8px 0}.growth-share-status input{display:block;width:100%;box-sizing:border-box}.growth-save-hint{display:block;color:#64756e;font-size:13px;padding:8px 0}.growth-actions button:focus-visible{outline:3px solid #176447;outline-offset:2px}@media(max-width:380px){.growth-actions{grid-template-columns:1fr}}
.first-map-help{position:fixed;inset:90px 12px auto;width:min(360px,calc(100vw - 48px));box-sizing:border-box;margin:0 auto;padding:22px;border:1px solid #cfddd5;border-radius:18px;background:#fff;color:#173329;box-shadow:0 8px 35px #0003;z-index:10000;font:16px/1.5 system-ui,sans-serif;max-height:calc(100dvh - 140px);overflow:auto}.first-map-help h2{margin:0 32px 10px 0;font-size:22px}.first-map-help p{margin:0 0 16px}.first-map-help>div{display:flex;gap:8px;flex-wrap:wrap}.first-map-help button{background:#176447;color:white;border:0;border-radius:10px;padding:10px 12px;font:inherit;cursor:pointer}.first-map-help .first-map-help-close{position:absolute;top:8px;right:8px;background:#eef5f1;color:#173329;font-size:24px;padding:2px 10px}.first-map-help button:focus-visible{outline:3px solid #d39828;outline-offset:2px}
/* v455: scoped panel presentation. Map controls and marker density are untouched. */
#sidebarMenuPane,#sidebarPlacesPane{background:#f1f4f2;color:#173329;padding:16px;gap:0}
#sidebarMenuPane .sidebar-menu-intro{padding-bottom:8px}
#sidebarMenuPane .sidebar-menu-intro h2,#sidebarPlacesPane .places-intro strong{font-size:22px;line-height:1.3}
#sidebarMenuPane .sidebar-menu-intro p,#sidebarPlacesPane .places-intro small{font-size:14px;line-height:1.5;color:#4f6258}
#sidebarMenuPane .partner-menu-card{order:1;background:#fffaf0;border:2px solid #d5b56d;margin:4px 0 12px}
#sidebarMenuPane .partner-menu-card[hidden]{display:none}
#sidebarMenuPane .collaboration-menu-card{order:2;margin-bottom:18px}
#sidebarMenuPane .growth-menu-card{order:13}
#sidebarMenuPane .install-menu-card{order:34}
#sidebarMenuPane .menu-card{padding:18px;margin-top:8px;margin-bottom:8px;border-radius:16px;box-shadow:none;border-color:#cbd6ce}
#sidebarMenuPane .partner-menu-card{border-color:#d5b56d}
#sidebarMenuPane .menu-card-head{gap:12px;margin-bottom:13px}
#sidebarMenuPane .menu-card-head strong{font-size:17px;line-height:1.35;color:#173329}
#sidebarMenuPane .menu-card-head small{font-size:14px;line-height:1.45;color:#52675b;max-width:none}
#sidebarMenuPane .menu-card p{font-size:15px;line-height:1.6;margin:10px 0 14px}
#sidebarMenuPane .menu-card small{line-height:1.5}
#sidebarMenuPane .menu-section-label,#sidebarPlacesPane .place-section-label{background:#e1ebe5;border:0;border-left:4px solid #32664b;border-radius:8px;padding:13px 12px;margin:22px 0 10px;gap:5px}
#sidebarMenuPane .menu-section-label span,#sidebarPlacesPane .place-section-label span{font-size:13px;letter-spacing:.06em;color:#254d38}
#sidebarMenuPane .menu-section-label small,#sidebarPlacesPane .place-section-label small{font-size:14px;color:#415a4b}
#sidebarMenuPane button,#sidebarMenuPane .weekend-menu-link{min-height:44px;white-space:normal;line-height:1.4}
#sidebarMenuPane .partner-copy small{font-size:14px;color:#4f6258}
#sidebarPlacesPane .place-filter-panel{padding:16px;border:1px solid #cbd6ce;border-radius:16px;box-shadow:none}
#sidebarPlacesPane .place-filter-primary-head strong{font-size:18px;line-height:1.4}
#sidebarPlacesPane .place-filter-primary-head small{font-size:14px;color:#52675b;line-height:1.5}
#sidebarPlacesPane .place-filter-section{padding:16px 0;margin:0;border-top:1px solid #d4ded7}
#sidebarPlacesPane .place-filter-heading{margin-bottom:12px;gap:6px}
#sidebarPlacesPane .place-filter-heading span,#sidebarPlacesPane .place-filter-search label{font-size:13px;letter-spacing:.05em;color:#254d38}
#sidebarPlacesPane .place-filter-heading small{font-size:14px;color:#52675b;line-height:1.45}
#sidebarPlacesPane .scope-switch{display:grid;grid-template-columns:1fr 1fr;gap:9px}
#sidebarPlacesPane #scopeAll{grid-column:1/-1}
#sidebarPlacesPane .scope-btn{min-height:46px;font-size:15px;padding:10px;white-space:normal;line-height:1.35;border-radius:10px}
#sidebarPlacesPane .scope-btn.active{background:#176447;color:#fff;border-color:#176447}
#sidebarPlacesPane .category-chips,#sidebarPlacesPane #municipalityFilters{gap:8px}
#sidebarPlacesPane .mun-chip,#sidebarPlacesPane .category-chips button{font-size:14px;line-height:1.35;min-height:40px;padding:8px 11px;white-space:normal}
#sidebarPlacesPane .place-filter-search{order:0;border-top:1px solid #d4ded7;padding-top:16px;margin-top:4px}
#sidebarPlacesPane .place-filter-search input{background:#f8faf9;border:1px solid #bbcbbf;font-size:16px;min-height:46px}
#sidebarPlacesPane .places-saved-shortcuts,#sidebarPlacesPane .near-me-box,#sidebarPlacesPane .startpoint{background:#fff;border:1px solid #cbd6ce;border-radius:16px;padding:16px;box-shadow:none;margin-bottom:12px}
#sidebarPlacesPane .places-saved-head strong{font-size:17px}
#sidebarPlacesPane .places-saved-grid button{min-height:60px;padding:12px 10px}
#sidebarPlacesPane .places-saved-grid strong{font-size:15px}
#sidebarPlacesPane .places-saved-grid small{font-size:13px;color:#52675b}
#sidebarPlacesPane>.check{font-size:15px;line-height:1.5;min-height:44px;padding:8px 4px;margin:4px 0}
#sidebarMenuPane button:focus-visible,#sidebarMenuPane a:focus-visible,#sidebarPlacesPane button:focus-visible,#sidebarPlacesPane input:focus-visible{outline:3px solid #ba8420;outline-offset:3px}
@media(max-width:760px){#sidebarMenuPane,#sidebarPlacesPane{padding:14px 14px 90px}#sidebarMenuPane .menu-card{padding:16px}}
/* v458: a readable first-use card; override the generic mobile dialog flex row. */
dialog.first-map-help[open]{display:block;align-items:normal;justify-content:normal;width:min(400px,calc(100vw - 24px));max-width:400px;min-width:0;padding:22px;overflow:auto;text-align:left}
dialog.first-map-help>h2,dialog.first-map-help>p{display:block;width:auto;min-width:0;max-width:none;white-space:normal;word-break:normal;overflow-wrap:break-word}
dialog.first-map-help>h2{padding-right:34px;margin:0 0 12px;font-size:22px;line-height:1.25}
dialog.first-map-help>p{margin:0 0 14px;font-size:16px;line-height:1.5}
dialog.first-map-help .first-map-help-close{width:40px;height:40px;min-width:40px;display:grid;place-items:center;padding:0;line-height:1}
dialog.first-map-help>div{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:18px}
dialog.first-map-help>div>button{width:100%;min-height:46px;padding:11px 14px;white-space:normal;font-size:16px;line-height:1.3}
dialog.first-map-help>div>[data-first-help-done]{background:#eef5f1;color:#173329;border:1px solid #cfddd5}
@media(max-width:760px){dialog.first-map-help[open]{inset:auto 12px calc(84px + env(safe-area-inset-bottom,0px));margin:0 auto;max-height:calc(100dvh - 180px);padding:20px}}