/* Shared typography and header: identical on map, routes, devices and account. */
#privacy-settings label:has(input){display:flex;align-items:center;gap:10px}#privacy-settings input[type=checkbox]{display:inline-block;flex:none;width:18px;height:18px;accent-color:#4e855c;margin:0}
.settings-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;grid-column:1/-1}.settings-tabs button{background:#f5f8f4;color:#476650;border:1px solid #dce6db;border-radius:8px;padding:8px 14px}.settings-tabs button[aria-pressed=true]{background:#e2eee0;border-color:#95b692;color:#275b35}.account-layout>section[hidden]{display:none}.account-layout .page-heading{grid-column:1/-1;order:-1}#privacy-settings input[type=checkbox]{width:auto;margin-inline-end:9px}#privacy-settings label{display:block;margin-block:14px 6px}
:root body>header:has(.site-sections){height:56px;min-height:56px;padding:0 16px;gap:14px}
:root body>header:has(.site-sections) .brand-logo{width:46px;height:46px}
:root body>header:has(.site-sections) nav{overflow:visible;flex:1;min-width:0;height:100%;gap:12px}
:root body>header:has(.site-sections) #account{margin-inline-start:auto;max-width:190px;flex:none}
.site-sections{position:relative;flex:none;z-index:30}.site-sections>summary{list-style:none;cursor:pointer;padding:7px 10px;border-radius:7px;color:#486654;font-size:21px}.site-sections>summary::-webkit-details-marker{display:none}.site-sections[open]>summary{background:#e9f1e9}.site-section-links{position:absolute;inset-inline-start:0;top:44px;min-width:235px;padding:10px;background:#fff;border:1px solid #dee7e0;border-radius:10px;box-shadow:0 8px 30px #29462f24}.site-page-name{font-weight:600;color:#355443;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
:root body>header nav .site-section-links a,:root body>header nav .site-section-links a[aria-current=page]{height:auto;min-height:40px;padding:8px 12px;box-shadow:none;border-radius:6px}:root body>header nav .site-section-links a:hover,:root body>header nav .site-section-links a[aria-current=page]{background:#edf5ed;color:#255c3c}
@media(max-width:750px){:root body>header:has(.site-sections){height:52px;min-height:52px;padding:0 8px;gap:6px}:root body>header:has(.site-sections) nav{gap:5px}:root body>header:has(.site-sections) #account{font-size:12px;max-width:100px;padding:0 8px}.site-page-name{font-size:13px}.site-section-links{max-width:calc(100vw - 32px)}}
:root{--ui-font:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--ui-body:14px;--ui-small:12px;--ui-heading:16px}
.route-style-controls label[hidden]{display:none!important}
.maplibregl-popup-content{max-height:min(540px,calc(100dvh - 210px));overflow:auto;overscroll-behavior:contain}
@media(max-width:750px){body>header .brand{order:0}body>header .site-language{order:1;margin:0!important}body>header nav{order:2}}
body,body.map-page{font:400 var(--ui-body)/1.55 var(--ui-font)}
button,input,select,textarea,.button,.maplibregl-map{font-family:var(--ui-font)}
body>header,body.map-page>header{height:76px;min-height:76px;padding:0 32px;gap:20px;align-items:center;flex-wrap:nowrap;background:white;border-bottom:1px solid #e4eae6;box-shadow:0 1px 5px #183b2810}
body>header .brand .brand-logo{width:64px;height:64px}
body>header nav,body.map-page>header nav{height:100%;gap:24px;align-items:center;flex-wrap:nowrap;font:400 14px/1.4 var(--ui-font)}
body>header nav a,body.map-page>header nav a{display:flex;align-items:center;min-height:40px;height:auto;color:#62756b;font-weight:500;white-space:nowrap;text-decoration:none}
body>header nav a[aria-current=page],body.map-page>header nav a[aria-current=page]{height:100%;color:#205e44;box-shadow:inset 0 -3px #337959}
body>header #account,body.map-page>header #account{height:38px;min-height:38px;line-height:1.4;max-width:180px;margin:0;padding:0 14px;border:1px solid #e0e7e1;border-radius:22px;background:#f4f7f4;color:#325843;overflow:hidden;text-overflow:ellipsis;font-size:14px}
body>header .site-language{font-size:12px;margin:0;padding:7px 9px;max-width:110px}
.workspace h1{font-size:28px;font-weight:600}.workspace h2,.map-tools h2{font-size:18px;font-weight:600}.workspace h3,.map-tools h3{font-size:14px;font-weight:600}
.workspace label,.workspace button,.workspace .button,.map-page .map-tools button:not(.basemap-card):not(.terrain-toggle),.map-page .map-panel .settings-extra>summary,.map-page .note-group-expand,.map-page .settings-content label{font-size:14px;font-weight:400}
.map-page .map-panel .settings-extra>summary{font-weight:600}
.workspace .muted,.map-page .map-hint,.map-page .settings-content .map-hint{font-size:12px;line-height:1.55}
.map-page .map-tools>.map-panel>summary{font-size:14px;font-weight:500}
.maplibregl-map .maplibregl-ctrl-group{border-radius:12px;border:1px solid #e0e5de;overflow:hidden;background:white;box-shadow:0 3px 15px #24422a18}
.maplibregl-map .maplibregl-ctrl-group button{display:block;width:40px;height:40px;min-height:40px;margin:0;padding:0;border:0;border-radius:0;background:white;color:#466452;line-height:1}
.maplibregl-map .maplibregl-ctrl-group button+button{border-top:1px solid #edf0e9}.maplibregl-map .maplibregl-ctrl-group button:hover{background:#eef5ed}
.maplibregl-map .maplibregl-ctrl-bottom-right{right:12px;bottom:8px}
@media(max-width:750px){body>header,body.map-page>header{height:88px;min-height:88px;padding:4px 12px 0;gap:0;flex-wrap:wrap;align-content:start}body>header .brand .brand-logo{width:40px;height:40px}body>header nav,body.map-page>header nav{width:100%;height:44px;gap:14px;overflow-x:auto;scrollbar-width:none;font-size:13px}body>header nav a,body.map-page>header nav a{flex:none;min-height:40px}body>header #account,body.map-page>header #account{font-size:13px;max-width:130px;padding:0 10px;flex-shrink:0}body>header .site-language,body.map-page>header .site-language{font-size:12px;max-width:94px;padding:6px}.maplibregl-map .maplibregl-ctrl-bottom-right{right:2px;bottom:0}.map-tools>.map-panel>.panel-content{max-height:calc(100dvh - 185px)}}

html[dir=rtl] .maplibregl-map .maplibregl-ctrl-bottom-right{right:auto;left:12px}
html[dir=rtl] .maplibregl-map .maplibregl-ctrl-bottom-right .maplibregl-ctrl{float:left;clear:both;margin:0 0 10px 10px}
html[dir=rtl] .maplibregl-map .maplibregl-ctrl-bottom-left{left:auto;right:12px}
html[dir=rtl] .maplibregl-map .maplibregl-ctrl-bottom-left .maplibregl-ctrl{float:right;clear:both;margin:0 10px 10px 0}
@media(max-width:750px){html[dir=rtl] .maplibregl-map .maplibregl-ctrl-bottom-right{left:2px}html[dir=rtl] .maplibregl-map .maplibregl-ctrl-bottom-left{right:2px}}
.shared-place-card{position:absolute;top:16px;left:16px;width:300px;max-width:calc(100% - 80px);max-height:calc(100% - 70px);overflow:auto;padding:16px;background:#fffffff5;border:1px solid #dce5df;border-radius:14px;box-shadow:0 4px 20px #274c3518}.shared-place-card h1{font-size:18px;margin:0}.shared-place-card p{font-size:12px}html[dir=rtl] .shared-place-card{left:auto;right:16px}.maplibregl-ctrl-attrib{max-width:calc(100vw - 40px)}


.shared-place-card[hidden]{display:none}.shared-place-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.shared-place-heading #place-close{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:50%;background:#f0f5f1;color:#456558;font-size:25px;line-height:1;cursor:pointer}.shared-place-heading #place-close:hover{background:#e1ece5}.shared-place-heading #place-close:focus-visible{outline:2px solid #328064;outline-offset:2px}
.password-field{position:relative}.password-field input{width:100%;padding-inline-end:52px}.password-field .password-toggle{position:absolute;inset-inline-end:4px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:10px;background:transparent;color:#527566;cursor:pointer}.password-field .password-toggle:hover{background:#eaf2ec}.password-toggle:focus-visible{outline:2px solid #328064;outline-offset:1px}.password-eye-slash{display:none}.password-toggle[aria-pressed="true"] .password-eye-slash{display:block}
.wayman-location-control{position:relative}.wayman-location-control>button{display:grid!important;place-items:center}.location-notice{position:absolute;right:48px;bottom:0;width:270px;max-width:calc(100vw - 86px);padding:14px 38px 14px 14px;background:#fff;border:1px solid #dce5df;border-radius:12px;box-shadow:0 4px 20px #274c3518;color:#344f40;white-space:normal;direction:ltr}.location-notice p{margin:0;font:400 13px/1.5 var(--ui-font)}.maplibregl-ctrl-group .location-notice-close{position:absolute;top:3px;right:3px;width:30px;height:30px;min-height:30px;font-size:22px;border:0;background:transparent}html[dir=rtl] .location-notice{right:auto;left:48px;direction:rtl}
.maplibregl-map .maplibregl-ctrl-group.wayman-location-control{overflow:visible}.maplibregl-map .wayman-location-control>button{border-radius:12px}.location-notice{z-index:5}.location-notice[hidden]{display:none}
@media(max-width:750px){body>header,body.map-page>header{height:52px;min-height:52px;padding:4px 10px;gap:8px;flex-wrap:nowrap;align-content:normal}:root body>header .brand{display:none}body>header nav,body.map-page>header nav{order:0;flex:1;min-width:0;width:auto;height:44px;gap:14px;overflow-x:auto}body>header .site-language{order:1;flex:none;max-width:78px}body>header nav a[aria-current=page],body.map-page>header nav a[aria-current=page]{height:44px}}
.friend-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 0;border-bottom:1px solid #e5ece6}.friend-row strong{flex:1 1 100%;overflow-wrap:anywhere}.friend-row small{color:#64816f}.friend-row button{font-size:12px;padding:7px 10px;min-height:36px}.planner-targets{display:flex;flex-wrap:wrap;gap:6px}.planner-targets button{padding:7px 9px;font-size:12px}.planner-targets button[aria-pressed=true]{background:#deebe1;color:#235e40}.planner-point-menu{display:grid;gap:8px}.map-page .planner-marker.planner-start{background:#168449}.map-page .planner-marker.planner-finish{background:#d23b51;border-radius:5px}

.notification-menu{position:relative;flex:0 0 auto}.notification-menu>summary{list-style:none;position:relative;display:grid;place-items:center;width:36px;height:36px;cursor:pointer;border-radius:10px;background:#eef5f0}.notification-menu>summary::-webkit-details-marker{display:none}.notification-menu svg{width:22px;height:22px;fill:none;stroke:#426859;stroke-width:1.7}.notification-badge{position:absolute;inset-block-start:-4px;inset-inline-end:-4px;background:#b84531;color:white;border-radius:12px;min-width:17px;padding:1px 4px;font-size:11px;font-weight:700;text-align:center}.notification-badge[hidden]{display:none}.notification-panel{position:fixed;inset-block-start:62px;inset-inline-end:12px;width:min(360px,calc(100vw - 24px));max-height:70dvh;overflow:auto;background:white;border:1px solid #d6e1da;border-radius:14px;padding:14px;box-shadow:0 5px 24px #243f3522;z-index:10000}.notification-panel h2{font-size:17px;margin:0 0 10px}.notification-item{display:flex;flex-direction:column;gap:5px;width:100%;text-align:start;border:0;border-bottom:1px solid #e4ebe6;background:white;padding:12px;color:#29483e;white-space:normal}.notification-item.unread{background:#edf6ef;border-inline-start:3px solid #599476}.notification-item small{color:#61756b}.notification-panel a{display:block;margin-top:8px}

.planner-legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;margin:12px 0;font-size:.8rem;color:#496359}.planner-legend>span{display:flex;align-items:center;gap:8px}.planner-legend i{width:30px;flex:none;border-top:3px solid #b729b5}.planner-legend .foot-walking{border-top:4px dotted #c33779}.planner-legend .cycling-regular{border-top:3px dashed #007e83}.planner-legend .driving-car{border-color:#275cda}

#note-form fieldset{border:0;padding:12px 0;margin:0}#note-form fieldset label{display:flex;align-items:center;gap:10px;margin:8px 0}#note-form fieldset input{width:auto;margin:0}#note-form fieldset legend{color:#496359;font-weight:600}

/* Persistent settings navigation, mirrored by the document direction. */
.settings-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100dvh - 56px);align-items:start}
.settings-shell>.settings-sidebar{position:sticky;top:0;height:100dvh;max-height:100dvh;overflow-y:auto;padding:22px 16px;background:#f6f8f5;border-inline-end:1px solid #e1e8e1}
.settings-sidebar h2{font-size:16px;margin:0 10px 16px;color:#365348}
.settings-sidebar [role=navigation]{display:flex;flex-direction:column;gap:4px}
.settings-sidebar a{display:flex;align-items:center;min-height:44px;padding:10px 12px;border-radius:8px;color:#516b5e;font-size:14px;line-height:1.4;text-decoration:none;overflow-wrap:anywhere}
.settings-sidebar a:hover{background:#edf2eb}.settings-sidebar a[aria-current=page]{background:#e2eee4;color:#245c40;box-shadow:inset 3px 0 #4b8a67;font-weight:600}
html[dir=rtl] .settings-sidebar a[aria-current=page]{box-shadow:inset -3px 0 #4b8a67}
.settings-sidebar .settings-return{margin-top:16px;border-top:1px solid #e1e8e1;border-radius:0}
.settings-shell>main{width:100%;min-width:0;margin:0;max-width:1100px;padding:24px clamp(16px,3vw,40px)}
.settings-shell>.account-layout{display:block;max-width:800px}.settings-page .account-layout>.settings-tabs{display:none}
.settings-shell .cards{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}
@media(max-width:650px){.settings-shell{grid-template-columns:112px minmax(0,1fr);min-height:calc(100dvh - 52px)}.settings-shell>.settings-sidebar{padding:16px 6px}.settings-sidebar h2{font-size:13px;margin:0 6px 12px}.settings-sidebar a{font-size:12px;padding:10px 7px}.settings-shell>main{padding:18px 12px}.settings-shell main h1{font-size:22px}.settings-shell .panel,.settings-shell .account-layout>section{padding:12px}.settings-shell .page-heading{flex-wrap:wrap;gap:8px}.settings-shell .inline-form label{min-width:0;flex-basis:100%}.settings-shell input,.settings-shell select{min-width:0;max-width:100%}}

.planner-finish-notice{padding:12px;margin-block:12px;background:#fff7e6;border:1px solid #ebd6a8;border-radius:10px;color:#725320}.planner-finish-notice p{margin:0 0 10px}.planner-finish-notice button{width:100%;min-height:40px}.planner-finish-notice .map-hint{margin:10px 0 0;color:#786846}

.route-confirmation{width:min(440px,calc(100vw - 32px));padding:24px}.route-confirmation .planner-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.route-confirmation p{margin:0 0 20px}

.site-back{width:34px;min-height:34px;padding:0;margin:0 8px;background:#edf3ef;color:#294f3b;border:1px solid #abc0b2;border-radius:6px;font-size:20px}

.account-menu{position:fixed;z-index:11000;width:220px;padding:8px;border:1px solid #cfdbd3;border-radius:10px;background:white;box-shadow:0 5px 22px #253b3426}.account-menu[hidden]{display:none}.account-menu a,.account-menu button{display:flex;width:100%;min-height:38px;align-items:center;padding:8px 12px;margin:0;background:#fff;color:#304c3e;border:0;border-radius:6px;font:14px system-ui;text-align:start;text-decoration:none}.account-menu a:hover,.account-menu button:hover{background:#edf4ef}.account-menu p{font-size:12px;margin:6px}.account-menu p:empty{display:none}

.elevation-profile{position:absolute;z-index:8;bottom:30px;left:30%;right:60px;height:155px;background:#fffffff5;border:1px solid #cedbd3;border-radius:10px;padding:8px 12px;box-shadow:0 2px 12px #213b2920}.elevation-profile[hidden]{display:none}.elevation-profile>div{font:12px system-ui;padding-right:28px;height:22px}.elevation-profile>button{position:absolute;right:5px;top:3px;padding:2px;width:26px;height:26px;min-height:26px;background:transparent;color:#385b48;font-size:20px}.elevation-profile svg{width:100%;height:110px;touch-action:none;cursor:crosshair}.elevation-map-marker{width:14px;height:14px;border:3px solid white;border-radius:50%;background:#ec7529;box-shadow:0 0 0 2px #733916}@media(max-width:750px){.elevation-profile{left:8px;right:48px;height:105px;bottom:25px;padding:6px}.elevation-profile svg{height:66px}}

.maplibregl-map .elevation-profile{left:0;right:0;bottom:0;width:100%;height:160px;border-radius:0;border-inline:0;border-bottom:0;box-sizing:border-box}.maplibregl-map.profile-visible .maplibregl-ctrl-bottom-left{bottom:168px}.maplibregl-map.profile-visible .maplibregl-ctrl-bottom-right{bottom:168px}.maplibregl-map.profile-visible .maplibregl-ctrl-scale{background:#fffffff2;color:#294e3b;border-color:#456d59;box-shadow:0 1px 5px #1c342322}@media(max-width:750px){.maplibregl-map .elevation-profile{height:105px}.maplibregl-map.profile-visible .maplibregl-ctrl-bottom-left,.maplibregl-map.profile-visible .maplibregl-ctrl-bottom-right{bottom:113px}}

body>header:has(.header-map-search){position:relative;z-index:20}.header-map-search{position:relative;flex:1 1 320px;max-width:420px;min-width:64px;margin:0}html body .header-map-search input{width:100%;height:34px;min-height:34px;margin:0;padding:5px 10px;border-radius:18px;font-size:13px;background:#f5f8f5}.header-map-results{position:absolute;top:40px;inset-inline-start:0;width:max(100%,280px);max-width:calc(100vw - 30px);max-height:55dvh;overflow:auto;padding:6px;background:white;border:1px solid #d6e1da;border-radius:10px;box-shadow:0 4px 18px #243a3326}.header-map-results[hidden]{display:none}.header-map-results button{display:block;width:100%;height:auto;min-height:36px;margin:0;padding:9px;text-align:start;background:white;color:#31533f;border:0;border-radius:5px;white-space:normal;font:13px/1.4 system-ui}.header-map-results button:hover,.header-map-results button[aria-selected=true]{background:#eaf3ed}.header-map-results p{padding:8px;margin:0;font-size:12px}.header-map-search+nav{min-width:0}@media(max-width:750px){html body>header:has(.header-map-search) .site-page-name{display:none}html body>header:has(.header-map-search) nav{flex:0 0 auto;gap:5px}.header-map-search{flex:1 1 auto}.header-map-results{position:fixed;left:8px;right:8px;top:48px;width:auto;max-width:none}}
.route-transfer{position:relative;display:flex;gap:5px}.route-transfer>a,.route-transfer>button{display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:6px;border:1px solid #ccd9d0;border-radius:8px;background:white;color:#416653;box-shadow:0 1px 5px #23422f20}.route-transfer svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}.route-transfer [hidden]{display:none!important}.route-transfer-formats{position:absolute;right:0;top:42px;display:flex;gap:6px;background:white;border:1px solid #ccd9d0;border-radius:8px;padding:7px}.route-transfer-formats a{padding:6px;color:#315d44;font:13px system-ui}

.maplibregl-map{--profile-height:180px}.maplibregl-map .elevation-profile{height:var(--profile-height);padding:12px 10px 4px}.elevation-profile svg{display:block;height:calc(100% - 22px);width:100%}.elevation-profile svg text{font:11px system-ui;fill:#486052}.elevation-grid{stroke:#d6e0da;stroke-width:.5}.elevation-profile>.elevation-resize{position:absolute;top:-5px;left:0;right:0;height:12px;padding:0;cursor:ns-resize;touch-action:none}.elevation-resize:after{content:'';position:absolute;top:4px;left:calc(50% - 24px);width:48px;height:4px;border-radius:3px;background:#8ba899}.maplibregl-map.profile-visible .maplibregl-ctrl-bottom-left,.maplibregl-map.profile-visible .maplibregl-ctrl-bottom-right{bottom:calc(var(--profile-height) + 8px)}
body>header:has(.header-map-search){height:44px!important;min-height:44px!important;padding:0 12px!important;display:flex;gap:10px;flex-wrap:nowrap}.header-map-search{margin:0 auto;align-self:center}html body .header-map-search input{box-sizing:border-box;height:30px;min-height:30px;line-height:20px;padding:4px 12px}body>header:has(.header-map-search) .site-sections,body>header:has(.header-map-search) .site-page-name{display:none}body>header:has(.header-map-search) .brand-logo{width:32px!important;height:32px!important}body>header:has(.header-map-search) nav{width:auto;height:40px;gap:8px}body>header:has(.header-map-search) .brand{flex:1}body>header:has(.header-map-search) nav{flex:1!important;justify-content:flex-end}@media(max-width:750px){.maplibregl-map{--profile-height:140px}body>header:has(.header-map-search) nav{flex:0 0 auto!important}.header-map-search{max-width:420px}}
body>header .header-map-search{padding:0;border:0;background:transparent;box-shadow:none;height:30px} @media(min-width:1000px){body>header .header-map-search{position:absolute;left:50%;transform:translateX(-50%);width:min(40vw,420px)}}

.route-collaboration{margin-block:14px;border-top:1px solid #dce5de;padding-top:10px}.collaboration-member{display:flex;gap:6px;flex-wrap:wrap;padding:10px 0;border-bottom:1px solid #e4ebe6}.collaboration-member strong,.collaboration-member small{flex-basis:100%}.route-collaboration button,.route-invitations button{font-size:12px;padding:6px 8px;margin:3px}.route-collaboration small{font-size:12px;color:#62756b}

.elevation-cursor-label{position:absolute;top:8px;transform:translateX(-50%);padding:2px 6px;border:1px solid #d65e1a;border-radius:4px;background:#fff;color:#773612;font:600 12px/18px system-ui;white-space:nowrap;pointer-events:none;z-index:2}.elevation-cursor-label[hidden]{display:none}

.maplibregl-map .elevation-profile{display:flex;flex-direction:column}.maplibregl-map .elevation-profile[hidden]{display:none}.elevation-profile>.elevation-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:0 0 24px;height:24px;padding-right:28px}.elevation-caption>span:first-child{font-size:11px;white-space:nowrap}.elevation-profile>.elevation-plot{position:relative;flex:1;min-height:0;height:auto;padding:0;overflow:hidden;overscroll-behavior:contain}.elevation-profile .elevation-plot>svg{height:100%;min-width:100%;max-width:none;display:block}.elevation-cursor-label{top:36px}@media(max-width:600px){.elevation-caption>span:first-child{display:none}}

.elevation-profile,.elevation-profile *{user-select:none;-webkit-user-select:none}

body .compact-action{display:inline-flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:46px!important;min-width:48px;max-width:120px;padding:5px 9px!important;margin:0!important;background:#f8faf8!important;border:1px solid #d9e4dc!important;border-radius:7px!important;color:#355d46!important;font:11px/1.2 system-ui!important;box-shadow:none!important;text-decoration:none}.compact-action svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}.compact-action span{font-size:11px;line-height:1.2}.compact-action.compact-danger{color:#a14436!important}.compact-action:hover{background:#eaf2e9!important}.compact-action[hidden]{display:none!important}.note-actions,.photo-actions,.photo-source-actions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.maplibregl-popup-content .point-photos{margin-top:10px}.maplibregl-popup-content p{margin-block:8px}.maplibregl-popup-content .photo-visibility{font-size:12px}

.maplibregl-popup .compact-property-card{border:1px solid #dbe5dd;border-radius:10px;padding:12px!important;background:#fff;box-shadow:none!important;min-width:230px;font:13px/1.4 system-ui;color:#345342}.compact-property-card .property-card-heading{display:flex;align-items:center;min-height:28px;padding:0 28px 8px 0;margin:0 0 8px;border-bottom:1px solid #e2e9e3;background:transparent}.property-card-heading>strong{font-size:17px;line-height:1.25}.compact-property-card .maplibregl-popup-close-button{top:8px;right:8px;width:28px;height:28px;padding:0;min-height:28px;font:22px system-ui;color:#52695c;background:transparent;border:0}.compact-property-card .coordinate-actions{border-block:1px solid #e2e9e3;padding:8px 0;margin:10px 0}.compact-property-card .coordinate-actions>p{font-size:12px;margin:0 0 6px}.compact-property-card .coordinate-actions>small{display:none}.compact-property-card .note-actions{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.compact-property-card .photo-strip{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.compact-property-card .photo-strip img{width:76px;height:76px;object-fit:cover;border-radius:6px}.compact-property-card .photo-upload{padding:0;margin:0}.compact-property-card .photo-actions{align-items:flex-end}.compact-property-card .photo-visibility{display:flex;flex-direction:column;gap:3px;font-size:11px}.compact-property-card select{font-size:12px;min-height:30px;height:30px;padding:3px 20px 3px 6px;border-radius:5px}.property-card-details{border-top:1px solid #e2e9e3;margin-top:10px;padding-top:8px}.property-card-details>summary{font-size:12px;color:#647869;cursor:pointer}.compact-property-card p:empty{display:none}.map-page .map-workspace .panel-content .form-actions{gap:6px;align-items:center}.photo-album .photo-source-actions{display:flex;gap:6px}.photo-album .album-grid>article{border:1px solid #dbe5dd;border-radius:10px;box-shadow:none;padding:12px}

html body .map-tools .add-menu{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;align-content:start}html body .map-tools .add-menu>h2{grid-column:1/-1}html body .map-tools .add-menu>:is(#note-add,#community-add,#obstacle-add,#photo-map-add){width:100%!important;max-width:none!important;margin:0!important;box-sizing:border-box}.settings-page-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.settings-page-toolbar :is(button,a){display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-height:34px;padding:6px;border:1px solid #dbe5dd;border-radius:6px;color:#365d46;background:#fff;box-shadow:none}.settings-page-toolbar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.map-page .map-workspace .planner-panel .compact-action{margin:4px 6px 4px 0!important}.map-page .map-workspace .planner-actions{gap:10px}.map-page .map-workspace .planner-actions>.compact-action{margin:0!important}.elevation-profile>.elevation-caption{flex-basis:48px;height:48px;align-items:flex-start}.elevation-cursor-label{top:36px}.elevation-profile .elevation-plot{margin-top:2px}

.route-opacity-control{position:absolute;bottom:calc(100% + 8px);right:0;width:165px;box-sizing:border-box;padding:7px 9px;background:#fff;border:1px solid #d8e2da;border-radius:7px;display:grid;grid-template-columns:1fr auto;gap:5px;font:11px system-ui;color:#375b46}.route-opacity-control>span{grid-column:1/-1}.route-opacity-control input{width:115px;height:18px;min-height:0;margin:0;padding:0;accent-color:#477d63}.route-opacity-control[hidden]{display:none}

.maplibregl-ctrl .route-opacity-control{width:40px;padding:7px 3px;display:flex;flex-direction:column;align-items:center;gap:6px;right:0;bottom:calc(100% + 8px)}.route-opacity-control>span{display:flex;justify-content:center;color:#375b46}.maplibregl-ctrl .route-opacity-control input{writing-mode:vertical-lr;direction:rtl;width:24px;height:100px;min-height:100px;margin:0;padding:0;accent-color:#375b46;cursor:pointer}.route-opacity-control output{font:10px/14px system-ui;white-space:nowrap}.maplibregl-ctrl .route-opacity-control[hidden]{display:none}

.maplibregl-popup-content .point-photos.photo-empty{border:0;padding:0;margin:8px 0}.point-photos.photo-empty>.photo-strip,.point-photos.photo-empty>strong{display:none}.point-photos .photo-status:empty{display:none}

.elevation-caption>span:first-child{min-width:0;max-width:35%;overflow:hidden;text-overflow:ellipsis}.profile-data-picker{position:relative;flex:0 0 auto;font:11px system-ui}.profile-data-picker>summary{cursor:pointer;padding:3px 6px;border:1px solid #d8e2db;border-radius:4px;white-space:nowrap}.profile-data-picker>div{position:absolute;bottom:calc(100% + 8px);left:0;min-width:180px;padding:8px;background:white;border:1px solid #d7e2d9;border-radius:6px;box-shadow:none;z-index:20}.profile-data-picker label{display:flex;align-items:center;gap:6px;padding:4px;font-size:12px}.profile-data-picker label[hidden]{display:none}.profile-data-picker input{width:14px;height:14px;min-height:0;padding:0;margin:0}.elevation-profile .elevation-caption>select{font:11px system-ui;min-height:22px;height:22px;width:auto;padding:1px 18px 1px 5px;margin:0;border-radius:4px;flex:0 0 auto}.elevation-cursor-label{max-width:calc(100% - 16px);overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.profile-data-picker>div{max-height:260px;overflow:auto}@media(max-width:600px){.elevation-caption{gap:4px!important}}

.route-detail-title .route-color-compact{display:inline-flex;flex:0 0 32px;margin:0 0 0 auto;width:32px;height:32px;align-items:center;cursor:pointer}
.route-color-compact input[type=color]{display:block;width:32px!important;min-width:32px;height:32px!important;min-height:32px;padding:3px;border:1px solid #cbd9d2;border-radius:8px;cursor:pointer;box-shadow:none}
.route-health-consent{font-size:12px;margin:8px 0}.route-health-consent p{font-size:12px;line-height:1.4}.route-health-consent label{display:flex;gap:8px;align-items:flex-start}.route-health-consent input{width:16px;min-height:16px;margin-top:3px}.route-health-consent small{display:block}

html body .maplibregl-map .elevation-profile{min-width:0;max-width:100%;overflow:hidden;background:#fff}
html body .elevation-profile>.elevation-caption{display:flex;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;gap:6px;min-width:0;max-width:100%;box-sizing:border-box;overflow-x:auto;overflow-y:hidden;padding:0 38px 0 0;flex:0 0 48px;height:48px}
html body .elevation-caption>span:first-child{display:block;flex:0 1 170px;min-width:90px;max-width:170px;height:26px;line-height:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html body .profile-metric-buttons{display:flex;flex:0 0 auto;gap:4px;height:26px;padding:0;white-space:nowrap}
html body .elevation-profile .elevation-caption button,html body .elevation-profile>.profile-close{display:inline-flex!important;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 auto;width:auto!important;min-width:26px!important;max-width:none!important;height:26px!important;min-height:26px!important;margin:0!important;padding:2px 7px!important;border:1px solid #ccd9d1;border-radius:5px;background:#fff;color:#355744;font:12px/20px system-ui!important;box-shadow:none!important;white-space:nowrap}
html body .elevation-profile .elevation-caption button[hidden]{display:none!important}
html body .profile-metric-buttons button[aria-pressed=true]{background:#e4eee7;border-color:var(--metric-color);color:var(--metric-color)}
html body .elevation-profile>.profile-close{position:absolute;z-index:5;top:12px;right:8px;width:28px!important;background:#fff;cursor:pointer}
html body .elevation-profile>.profile-collapse{position:absolute;z-index:6;top:12px;left:8px;width:28px!important;min-width:28px!important;height:26px!important;min-height:26px!important;padding:0!important;border:1px solid #ccd9d1;border-radius:5px;background:#fff;color:#355744;font:700 18px/22px system-ui!important;cursor:pointer}
html body .elevation-profile>.elevation-caption{padding-left:38px}
html body .maplibregl-map .elevation-profile.collapsed{height:38px!important;min-height:38px;padding:6px 44px!important;overflow:visible}
html body .elevation-profile.collapsed>:not(.profile-collapse):not(.map-terrain-height){display:none!important}
.map-terrain-height{position:absolute;z-index:6;top:13px;left:50%;transform:translateX(-50%);padding:2px 7px;border:1px solid #b9cbbf;border-radius:5px;background:#fff;color:#345744;font:600 12px/18px system-ui;white-space:nowrap;pointer-events:none}
html body .elevation-profile.collapsed>.map-terrain-height{top:7px;max-width:calc(100% - 100px);overflow:hidden;text-overflow:ellipsis}
.maplibregl-map.profile-visible.profile-collapsed .maplibregl-ctrl-bottom-left,.maplibregl-map.profile-visible.profile-collapsed .maplibregl-ctrl-bottom-right{bottom:46px}
html body .routes-panel .route-detail-footer{flex-wrap:wrap;gap:12px}
html body .route-detail-footer .route-color-compact{display:flex;align-items:center;gap:8px;width:auto;height:32px;margin:0;font-size:12px}

html body :is(.route-detail-more,.route-collaboration,.route-companions,.property-card-details)>summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer}html body :is(.route-detail-more,.route-collaboration,.route-companions,.property-card-details)>summary::-webkit-details-marker{display:none}html body :is(.route-detail-more,.route-collaboration,.route-companions,.property-card-details)>summary:after{content:'';display:block;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-inline-start:auto;margin-inline-end:4px}html body :is(.route-detail-more,.route-collaboration,.route-companions,.property-card-details)[open]>summary:after{transform:rotate(225deg)}

.route-detail-cover:has(.photo-carousel){height:auto!important}.route-companions[hidden]{display:none!important}

.avatar-crop[hidden]{display:none!important}.avatar-crop{width:256px;max-width:100%}.avatar-crop canvas{display:block;width:256px;max-width:100%;height:auto;border-radius:50%;touch-action:none;cursor:grab;border:2px solid #779784;box-sizing:border-box}.avatar-crop canvas:active{cursor:grabbing}.avatar-crop input{width:100%;padding:0;min-height:24px}.avatar-crop p{font-size:12px}

/* Keep the summary separate from the right-aligned metric controls. */
html body .elevation-profile>.elevation-caption{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,max-content);gap:8px;overflow:hidden}
html body .elevation-caption>span:first-child{min-width:0;max-width:none;width:auto;overflow:hidden;text-overflow:ellipsis}
html body .elevation-caption>.profile-metric-buttons{justify-self:end;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;height:32px}
@media(max-width:750px){html body .elevation-profile>.elevation-caption{grid-template-columns:minmax(65px,1fr) minmax(0,2fr);gap:4px}}

/* Keep opacity in the control stack so it reserves space above 2D/3D and layers. */
.maplibregl-ctrl .route-opacity-control{position:static;order:-1;margin:0 0 8px;flex:none}

html body .map-workspace .planner-editor-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}html body .map-workspace .planner-editor-actions>button.compact-action{width:100%;min-width:0;padding:8px 2px;margin:0!important;font-size:11px;overflow-wrap:anywhere}
.friend-picker-row{display:flex;align-items:center;gap:10px;margin:10px 0}.friend-picker-row label{display:flex!important;align-items:center;gap:8px;flex:1;min-width:0;margin:0!important}.friend-picker-row label span{overflow-wrap:anywhere}.friend-picker-row input[type=checkbox]{width:18px!important;height:18px;min-width:18px;padding:0}.friend-picker-row select{width:auto!important;max-width:52%;margin:0!important;font-size:13px}.registration-terms{width:min(800px,calc(100vw - 32px));max-height:85vh;border:1px solid #dbe5dd;border-radius:16px;padding:20px}.registration-terms::backdrop{background:#16342466}.registration-terms>button{position:sticky;top:0;display:block;margin-left:auto}.registration-terms-content{overflow-wrap:anywhere}

html body.settings-page .settings-page-toolbar :is(button,a){display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex:0 0 40px;width:40px;height:40px;min-height:40px;padding:8px;margin:0;border-radius:8px}html body.settings-page .settings-page-toolbar svg{flex:0 0 22px;width:22px;height:22px;min-width:22px}

.notification-menu:not([open])>.notification-panel{display:none!important}.notification-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.notification-heading h2{margin:0}.notification-heading .notification-close{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;min-height:36px;padding:6px;margin:0;background:#f8faf8;border:1px solid #d9e4dc;border-radius:8px;box-shadow:none}.notification-close svg{width:22px;height:22px}

.friend-picker-row{flex-wrap:wrap;gap:8px}.friend-picker-row>label{flex:1 1 120px}.friend-picker-controls{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;margin-inline-start:auto;max-width:100%}html body .friend-picker-controls select{max-width:100%;width:auto!important;padding:5px 7px;font-size:12px;min-height:32px;height:32px}html body .friend-picker-controls button{font-size:12px;line-height:16px;min-height:32px;margin:0;padding:5px 8px;white-space:nowrap}.friend-picker-controls button[hidden]{display:none!important}

html body .friend-picker-controls[hidden]{display:none!important}html body .friend-picker-controls .friend-icon-button{display:inline-grid;place-items:center;flex:0 0 28px;width:28px;height:28px;min-height:28px;padding:5px;border:1px solid #cbdacf;border-radius:6px;background:#f8faf8;color:#355d46;margin:0}.friend-icon-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}.friend-icon-button[aria-pressed=true]{background:#e0eee3!important}.friend-picker-row>label{flex:1 1 auto;width:max-content;max-width:100%}.friend-picker-controls{flex:0 0 auto;margin-inline-start:auto}.friend-picker-row label span{unicode-bidi:plaintext}
html body .planner-panel .compact-action{min-height:38px!important;padding:4px 6px!important}.planner-panel .compact-action svg{width:16px;height:16px}.planner-panel .compact-action span{font-size:10px}.planner-draft-status{font-size:12px;color:#387452;margin:8px 0 4px}.planner-panel .panel-content{position:relative}.planner-overflow{position:absolute;top:12px;inset-inline-end:48px;z-index:3}.planner-overflow>summary{list-style:none;cursor:pointer;font-size:22px;padding:2px 8px}.planner-overflow[open]>.planner-reset{position:absolute;inset-inline-end:0;top:32px;width:max-content;padding:10px!important;background:white!important}.planner-overflow:not([open])>.planner-reset{display:none!important}.planner-panel #planner-name{margin-bottom:4px}.project-support-reminder{inset-inline-end:12px;right:auto!important;text-align:start}.project-support-reminder strong{padding-inline-end:20px;padding-right:0!important}.project-support-close{inset-inline-end:5px;right:auto!important}

html body .map-workspace .friend-picker-controls .friend-icon-button{min-height:28px!important;height:28px!important;width:28px!important;padding:5px!important;margin:0!important}.map-page .map-workspace .planner-modes svg{width:18px;height:18px}

/* Compact invitation status, matching the friend picker. */
.collaboration-member{align-items:center;gap:8px}
.collaboration-member-info{flex:1 1 140px;min-width:0;display:flex;flex-direction:column;gap:3px;overflow-wrap:anywhere}
.collaboration-member-actions{display:flex;gap:6px;margin-inline-start:auto}
.route-collaboration .collaboration-member-actions button{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:5px!important;margin:0!important;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}
.collaboration-member-actions svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.collaboration-member-actions button[aria-pressed="true"]{background:#e0eee4;border-color:#548c6b}

.notification-invite-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.notification-invite-actions button{width:auto!important;margin:0!important;padding:6px 12px!important;min-height:32px!important;font-size:13px!important}

.route-confirmation .planner-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;height:auto;padding:7px 14px;font-size:14px;line-height:20px;margin:0}

.planner-recovery{border-top:1px solid #dce5de;margin-top:20px;padding-top:12px}.planner-recovery h3{font-size:15px}.planner-recovery-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-block:8px}.planner-recovery-row span{flex:1;min-width:100px;overflow-wrap:anywhere}.planner-recovery-row button{min-height:32px!important;padding:6px 10px!important;font-size:13px!important}
.draft-recovery-notice{position:fixed;z-index:1300;top:72px;inset-inline-end:84px;max-width:min(360px,calc(100vw - 110px));display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px;background:white;border:1px solid #aec5b7;border-radius:12px}.draft-recovery-notice[hidden],.planner-recovery[hidden]{display:none!important}.draft-recovery-notice span{flex-basis:100%;font-size:14px}.draft-recovery-notice button{min-height:32px;padding:5px 10px;font-size:13px}

.planner-recovery-info{display:flex;flex:1;min-width:130px;flex-direction:column;gap:3px;overflow-wrap:anywhere}.planner-recovery-info small{color:#687c72;font-size:12px}.planner-recovery-row{padding-block:8px;border-bottom:1px solid #e3ebe6}

.planner-primary-actions{display:flex;gap:8px;flex-wrap:wrap;margin-block:10px}.planner-primary-actions button{min-height:36px!important;padding:7px 10px!important;font-size:13px!important}.planner-draft-remove{width:32px!important;min-width:32px!important;padding:6px!important}.planner-draft-remove svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}

.companion-routes-dialog{width:min(430px,calc(100vw - 24px));max-height:80dvh;overflow:auto;padding:20px}.companion-routes-dialog>button{float:right}.companion-routes-dialog h2{padding-inline-end:40px;font-size:20px}.companion-routes-dialog>div>button{display:block;width:100%;text-align:start;margin:8px 0;white-space:normal}html body button.companion-route-link{background:transparent;border:0;padding:4px 0!important;color:#286248;text-decoration:underline;min-height:30px;box-shadow:none}

html body .friend-info>.friend-name-link{background:transparent;border:0;padding:0!important;margin:0;min-height:32px;color:#28533c;font-size:17px;font-weight:650;text-align:start;box-shadow:none;text-decoration:underline;text-underline-offset:3px}.user-card-dialog{width:min(460px,calc(100vw - 24px));box-sizing:border-box;max-height:85dvh;overflow:auto;padding:24px}.user-card-close{float:right}.user-card-heading{display:flex;align-items:center;gap:12px;padding-inline-end:36px}.user-card-heading h2{font-size:22px;overflow-wrap:anywhere;margin:0}.user-card-avatar{width:64px;height:64px;flex:none;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:#e4eee7;color:#315640;font-size:22px}.user-card-route{display:flex;flex-direction:column;gap:4px;padding:12px 0;border-bottom:1px solid #e0e8e2;color:#28533c;text-decoration:none}.user-card-route:hover strong{text-decoration:underline}.user-card-route small{color:#6c7b72}

/* Единая мобильная компоновка обычных страниц сайта. */
@media(max-width:750px){
 html,body{max-width:100%;overflow-x:hidden}
 :root body>header:has(.site-sections){
  position:sticky;
  top:0;
  z-index:100;
  height:52px;
  min-height:52px;
  padding:0 8px;
 }
 :root body>header:has(.site-sections) nav{min-width:0;overflow:visible}
 .site-page-name{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis}
 .site-sections{position:static}
 .site-section-links{
  position:fixed;
  z-index:12000;
  inset:52px 8px auto 8px;
  width:auto;
  min-width:0;
  max-width:none;
  max-height:calc(100dvh - 60px - env(safe-area-inset-bottom));
  box-sizing:border-box;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
 }
 :root body>header nav .site-section-links a,
 :root body>header nav .site-section-links a[aria-current=page]{
  width:100%;
  min-height:46px;
  box-sizing:border-box;
  white-space:normal;
 }
 .notification-panel{
  inset-block-start:52px;
  inset-inline:8px;
  width:auto;
  max-height:calc(100dvh - 60px - env(safe-area-inset-bottom));
  box-sizing:border-box;
 }
 .account-menu{
  max-width:calc(100vw - 16px);
  max-height:calc(100dvh - 60px - env(safe-area-inset-bottom));
  overflow-y:auto;
  overscroll-behavior:contain;
 }
 .settings-shell{
  display:flex;
  min-height:calc(100dvh - 52px);
  flex-direction:column;
 }
 .settings-shell>.settings-sidebar{
  position:sticky;
  z-index:20;
  top:52px;
  width:100%;
  height:auto;
  max-height:none;
  box-sizing:border-box;
  padding:6px 8px;
  overflow-x:auto;
  overflow-y:hidden;
  border:0;
  border-bottom:1px solid #e1e8e1;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
 }
 .settings-shell>.settings-sidebar::-webkit-scrollbar{display:none}
 .settings-sidebar h2{display:none}
 .settings-sidebar [role=navigation]{display:flex;flex-direction:row;gap:4px;width:max-content}
 .settings-sidebar a{
  flex:0 0 auto;
  min-height:40px;
  padding:8px 11px;
  white-space:nowrap;
 }
 .settings-sidebar a[aria-current=page],
 html[dir=rtl] .settings-sidebar a[aria-current=page]{box-shadow:inset 0 -3px #4b8a67}
 .settings-sidebar .settings-return{margin:0;border:0;border-radius:8px}
 .settings-shell>main{max-width:100%;box-sizing:border-box;padding:16px 12px 28px}
 .workspace{width:100%;max-width:100%;box-sizing:border-box;padding:18px 12px}
 .workspace .page-heading{align-items:flex-start;flex-direction:column}
 .workspace .cards,.workspace .stats-grid{grid-template-columns:1fr}
 .workspace .row{align-items:flex-start}
 dialog,.community-dialog,.registration-terms,.user-card-dialog,.visitor-user-dialog,.companion-routes-dialog{
  width:calc(100vw - 16px);
  max-width:calc(100vw - 16px);
  max-height:calc(100dvh - 16px);
  box-sizing:border-box;
  padding:16px;
  overflow:auto;
 }
 .inline-form{display:grid;grid-template-columns:1fr;width:100%}
 .inline-form label{min-width:0}
}
.route-device-dialog{width:min(440px,calc(100vw - 32px));padding:24px}.route-device-list{display:grid;gap:9px;margin:16px 0}.route-device-option{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;text-align:start}.route-device-option span{font-size:12px;color:#64796c}.planner-top-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}