*{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:400}.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,390px);
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:1400;
}
}
@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(390px,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.41 – actual Leaflet community marker is 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:4100;
top:92px;
right:18px;
width:min(390px,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:#24392d}
.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:4050}
/* 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:400px;max-width:calc(100vw - 30px)}
#walkPreviewDialog .walk-preview-card{width:400px;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:#607368;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(390px,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}