.beamii-routes-page,.beamii-route-page,.beamii-my-routes-page{--route-blue:#155f8d;--route-ink:#101c2d;--route-soft:#eef7fb;--route-orange:#ef7f1a;background:linear-gradient(180deg,#edf8ff 0,#f8fafc 360px);min-height:100dvh}.beamii-routes,.beamii-route-detail,.beamii-my-routes{width:min(1180px,100%);margin:0 auto;padding:calc(var(--beamii-topbar-height,76px) + 30px) clamp(16px,4vw,34px) calc(var(--beamii-bottomnav-height,76px) + 36px);color:var(--route-ink)}.beamii-routes__hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 22px}.beamii-routes__hero h1{font-size:clamp(2rem,6vw,3.7rem);line-height:1;margin:.16em 0 .14em;letter-spacing:-.045em}.beamii-routes__hero p{margin:0;color:#526477;font-size:1.05rem}.beamii-routes__eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--route-blue);font-weight:800;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.beamii-route-button{appearance:none;border:1px solid #cedbe3;border-radius:14px;background:#fff;color:#18283b;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 16px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer;min-height:46px}.beamii-route-button:hover{border-color:#93b5c8}.beamii-route-button--primary{background:var(--route-blue);color:#fff;border-color:var(--route-blue);box-shadow:0 10px 24px rgba(21,95,141,.2)}.beamii-route-button.is-following{background:#16283d;color:#fff}.beamii-routes__filters{display:grid;grid-template-columns:minmax(220px,1fr) minmax(150px,220px) minmax(150px,220px);gap:10px;padding:12px;background:#fff;border:1px solid #dde8ee;border-radius:20px;box-shadow:0 12px 32px rgba(22,64,88,.08);margin-bottom:16px}.beamii-routes__filters input,.beamii-routes__filters select{width:100%;border:1px solid #d8e2e8;background:#f8fbfd;border-radius:13px;padding:13px 14px;font:inherit;color:#172537}.beamii-routes__search{position:relative}.beamii-routes__search i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#60778a}.beamii-routes__search input{padding-left:42px}.beamii-routes__layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:18px;align-items:start}.beamii-routes__map-wrap,.beamii-route-detail__map-card{position:relative;background:#fff;border:1px solid #dce8ef;border-radius:24px;overflow:hidden;box-shadow:0 16px 42px rgba(19,52,72,.1)}.beamii-routes__map{height:min(68dvh,680px);min-height:460px}.beamii-routes__locate{position:absolute;z-index:500;right:14px;bottom:14px;border:0;border-radius:999px;background:#145f8c;color:#fff;padding:12px 15px;display:flex;gap:8px;align-items:center;font-weight:800;box-shadow:0 8px 25px rgba(0,0,0,.22)}.beamii-routes__results{background:rgba(255,255,255,.86);border:1px solid #e1e9ee;border-radius:24px;padding:16px;max-height:min(68dvh,680px);overflow:auto}.beamii-routes__results-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.beamii-routes__results-head h2{font-size:1.18rem;margin:0}.beamii-routes__results-head>span{background:#e7f3f9;color:#145f8c;font-weight:900;border-radius:999px;padding:5px 10px}.beamii-route-list,.beamii-my-routes__list>div{display:grid;gap:11px}.beamii-route-card{position:relative;background:#fff;border:1px solid #dfe8ed;border-radius:18px;overflow:hidden;transition:.18s ease}.beamii-route-card:hover{border-color:#9fc0d2;transform:translateY(-1px);box-shadow:0 10px 22px rgba(22,71,99,.08)}.beamii-route-card>a,.beamii-route-card__content{display:block;text-decoration:none;color:inherit;padding:15px}.beamii-route-card__trigger{position:absolute;inset:0;z-index:2;width:100%;border:0;background:transparent;cursor:pointer}.beamii-route-card__trigger:focus-visible{outline:3px solid #17608b;outline-offset:-3px}.beamii-route-card h3{font-size:1.08rem;line-height:1.25;margin:8px 0 5px}.beamii-route-card p{font-size:.9rem;color:#5b6c7c;margin:0 0 12px}.beamii-route-card__top{display:flex}.beamii-route-badge,.beamii-route-status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 9px;background:#eaf3f7;color:#235874;font-size:.72rem;font-weight:900}.beamii-route-badge.is-official{background:#fff0df;color:#9a4c08}.beamii-route-badge.is-beamii_verified{background:#e5f6ed;color:#176c42}.beamii-route-card__meta{display:flex;gap:12px;flex-wrap:wrap;color:#4b6375;font-size:.8rem;font-weight:750}.beamii-route-card__meta span{display:inline-flex;gap:5px}.beamii-route-empty{text-align:center;padding:35px 16px;color:#607184}.beamii-route-empty i{font-size:2rem;color:#91adbd}.beamii-route-empty h3{color:#1b2b3d;margin:10px 0 4px}.beamii-route-empty p{margin:0}.beamii-route-button--more{width:100%;margin-top:12px}.beamii-route-back{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#253b4e;font-weight:800;margin-bottom:20px}.beamii-route-detail{max-width:980px}.beamii-route-detail__hero{background:linear-gradient(135deg,#123f61,#176c9d);color:#fff;border-radius:28px;padding:clamp(22px,5vw,42px);box-shadow:0 18px 45px rgba(15,58,84,.2);margin-bottom:16px}.beamii-route-detail__hero h1{font-size:clamp(2rem,7vw,3.8rem);line-height:1.02;letter-spacing:-.045em;margin:12px 0}.beamii-route-detail__hero>p{font-size:1.05rem;opacity:.86;max-width:680px}.beamii-route-detail__stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.beamii-route-detail__stats span{display:flex;flex-direction:column;min-width:115px;padding:11px 14px;border-radius:15px;background:rgba(255,255,255,.12);font-size:.75rem}.beamii-route-detail__stats strong{font-size:1.05rem}.beamii-route-detail__map{height:clamp(350px,55dvh,600px)}.beamii-route-detail__actions{display:flex;gap:9px;flex-wrap:wrap;padding:13px}.beamii-route-location-status{margin:0;padding:0 15px 13px;color:#52697b;font-size:.88rem}.beamii-route-detail__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:14px;margin-top:15px}.beamii-route-section{background:#fff;border:1px solid #dfe9ee;border-radius:21px;padding:20px}.beamii-route-section h2{font-size:1.15rem;margin:0 0 10px}.beamii-route-prose,.beamii-route-section p{color:#4f6274;line-height:1.55}.beamii-route-relations{display:grid;gap:7px}.beamii-route-relations a{display:flex;gap:10px;align-items:center;padding:11px;border-radius:12px;background:#f1f7fa;text-decoration:none;color:#1b3549;font-weight:750}.beamii-route-source a{color:#155f8d;font-weight:800}.beamii-route-suggest{display:grid;gap:8px}.beamii-route-suggest label{font-weight:800}.beamii-route-suggest textarea,.beamii-route-editor input,.beamii-route-editor textarea,.beamii-route-editor select{width:100%;border:1px solid #ccdbe3;border-radius:12px;padding:12px;font:inherit}.beamii-my-routes{max-width:1100px}.beamii-my-routes__layout{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;align-items:start}.beamii-route-editor{display:none;background:#fff;border:1px solid #dce7ed;border-radius:24px;padding:18px;box-shadow:0 14px 36px rgba(18,58,82,.1);position:sticky;top:96px}.beamii-route-editor.is-open{display:block}.beamii-route-editor__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.beamii-route-editor__head h2{margin:4px 0 0}.beamii-route-icon-button{width:42px;height:42px;border:0;border-radius:50%;background:#edf4f7;font-size:1.1rem}.beamii-route-editor__fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.beamii-route-editor__fields label{display:grid;gap:6px;font-weight:800;font-size:.88rem}.beamii-route-editor__fields .is-wide{grid-column:1/-1}.beamii-route-editor__map-tools{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 8px}.beamii-route-editor__map-tools button,.beamii-route-file{border:0;border-radius:10px;background:#edf4f7;padding:9px 11px;font-weight:800;display:inline-flex;gap:7px;align-items:center;cursor:pointer}.beamii-route-file input{display:none}.beamii-route-editor__map{height:390px;border-radius:16px;overflow:hidden}.beamii-route-editor__hint{font-size:.85rem;color:#526879}.beamii-route-editor__summary,.beamii-route-editor__footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.beamii-route-editor__summary{padding:10px 0;font-weight:900;color:#155f8d}.beamii-my-routes__list{background:rgba(255,255,255,.78);border:1px solid #dfe9ef;border-radius:24px;padding:16px}.beamii-my-route-card{background:#fff;border:1px solid #dfe8ed;border-radius:17px;padding:15px}.beamii-my-route-card h3{margin:7px 0 4px}.beamii-my-route-card p{margin:0;color:#5d6f7f}.beamii-my-route-card__actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.beamii-my-route-card__actions button,.beamii-my-route-card__actions a{border:1px solid #d3e0e7;background:#f7fafc;color:#17364a;border-radius:10px;padding:8px 10px;font:inherit;font-size:.82rem;font-weight:800;text-decoration:none}.beamii-route-status.is-publish{background:#e4f5eb;color:#17683f}.beamii-route-status.is-pending{background:#fff2d9;color:#875809}.leaflet-container{font-family:inherit}
.beamii-routes{padding-top:calc(env(safe-area-inset-top,0px) + 83px)}body.beamii-view-route,body.beamii-view-my-routes{padding-top:calc(env(safe-area-inset-top,0px) + 69px)!important}html:has(body.beamii-view-my-routes),body.beamii-view-my-routes{background:var(--beamii-bg-standard)!important}.beamii-route-page .beamii-route-detail,.beamii-my-routes-page .beamii-my-routes{padding-top:14px}.beamii-route-editor{scroll-margin-top:calc(env(safe-area-inset-top,0px) + 72px)}.beamii-route-relations>span{display:flex;gap:10px;align-items:center;padding:11px;border-radius:12px;background:#f1f7fa;color:#1b3549;font-weight:750}
.beamii-route-relation-copy{display:grid;gap:2px;min-width:0}.beamii-route-relation-copy strong{font:inherit}.beamii-route-relation-copy small{color:#5e7181;font-size:.76rem;font-weight:700}.beamii-route-practical__note{margin:12px 0 0;font-size:.88rem}
@media(max-width:820px){.beamii-routes,.beamii-route-detail,.beamii-my-routes{padding-inline:12px}.beamii-routes__hero{align-items:flex-start;flex-direction:column}.beamii-routes__filters{grid-template-columns:1fr 1fr}.beamii-routes__search{grid-column:1/-1}.beamii-routes__layout,.beamii-route-detail__grid,.beamii-my-routes__layout{grid-template-columns:1fr}.beamii-routes__map{height:44dvh;min-height:330px}.beamii-routes__results{max-height:none}.beamii-route-editor{position:static}.beamii-route-detail__actions .beamii-route-button{flex:1 1 120px}.beamii-route-editor__fields{grid-template-columns:1fr}.beamii-route-editor__fields .is-wide{grid-column:auto}.beamii-routes__locate{top:14px;bottom:auto}.beamii-route-detail__map{height:clamp(330px,48dvh,480px)}}
@media(max-width:480px){.beamii-routes__filters{grid-template-columns:1fr}.beamii-routes__search{grid-column:auto}.beamii-route-detail__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.beamii-route-detail__stats span{min-width:0;padding:10px}.beamii-route-detail__stats strong{font-size:.96rem}.beamii-route-editor__map{height:330px}}

/* Route archive: reuse the established full-screen map and bottom-sheet shell. */
.beamii-routes-map-page{
	--route-filter-top:calc(var(--beamii-shell-safe-top, 0px) + var(--beamii-shell-topbar-row-h, 58px) + 11px);
	--sheet-collapsed-visible:142px;
	min-height:0;
	background:var(--beamii-shell-page-bg, #edf3f8);
}

/* Route cards are preview controls, not navigation links. Keep the entire card
   as one reliable touch target without exposing native button chrome. */
.beamii-route-card__trigger{
	appearance:none;
	-webkit-appearance:none;
	display:block;
	margin:0;
	padding:0;
	touch-action:manipulation;
}

.beamii-routes-map-page [hidden]{
	display:none !important;
}

.beamii-routes-map-page .beamii-routes-map{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	min-height:0;
	overflow:hidden;
}

.beamii-routes-map-page .beamii-routes__map{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	min-height:0;
	border:0;
	border-radius:0;
	background:#eaf2f8;
}

.beamii-routes-map-page .beamii-route-cluster-wrap{
	display:grid;
	place-items:center;
	border:0;
	background:transparent;
}

.beamii-routes-map-page .beamii-route-cluster{
	display:grid;
	place-items:center;
	width:100%;
	height:100%;
	box-sizing:border-box;
	border:3px solid rgba(255,255,255,.96);
	border-radius:50%;
	background:linear-gradient(145deg,#176c9d,#155f8d);
	box-shadow:0 7px 18px rgba(15,56,84,.3);
	color:#fff;
	font-size:.78rem;
	font-weight:950;
	line-height:1;
}

.beamii-routes-map-page .beamii-route-cluster-wrap:focus-visible .beamii-route-cluster{
	outline:3px solid rgba(239,127,26,.75);
	outline-offset:3px;
}

.beamii-routes-map-page .beamii-routes__filters{
	position:fixed;
	z-index:70;
	top:var(--route-filter-top);
	left:0;
	right:0;
	display:block;
	width:100%;
	margin:0;
	padding:9px 12px 10px;
	overflow:visible;
	border:0;
	border-radius:0;
	background:rgba(255,255,255,.97);
	box-shadow:0 8px 22px rgba(15,23,42,.08);
}

.beamii-routes-map-page .beamii-routes__quick-filters{
	display:grid;
	grid-template-columns:minmax(0,1fr) auto;
	align-items:center;
	gap:8px;
	min-width:0;
	overflow:visible;
}

.beamii-routes-map-page .beamii-routes__quick-filter-scroll{
	display:flex;
	align-items:center;
	gap:8px;
	min-width:0;
	overflow-x:auto;
	overflow-y:hidden;
	scrollbar-width:none;
	-webkit-overflow-scrolling:touch;
}

.beamii-routes-map-page .beamii-routes__quick-filter-scroll::-webkit-scrollbar{
	display:none;
}

.beamii-routes-map-page .beamii-routes__filter-actions{
	display:flex;
	align-items:center;
	gap:7px;
}

.beamii-routes-map-page .beamii-routes__quick-filters button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:7px;
	flex:0 0 auto;
	margin:0;
	min-height:44px;
	padding:0 14px;
	border:1px solid rgba(18,47,72,.10);
	border-radius:999px;
	background:#fff;
	box-shadow:0 3px 12px rgba(15,23,42,.05);
	color:#18283b;
	font:inherit;
	font-size:.82rem;
	font-weight:850;
	cursor:pointer;
}

.beamii-routes-map-page .beamii-routes__quick-filters button.is-active{
	border-color:#155f8d;
	background:#155f8d;
	color:#fff;
	box-shadow:0 7px 18px rgba(21,95,141,.22);
}

.beamii-routes-map-page .beamii-routes__quick-filters .beamii-routes__more-filter.is-active{
	border-color:#9dc3d7;
	background:#e9f5fb;
	color:#145f8c;
}

.beamii-routes-map-page .beamii-routes__reset{
	color:#9b3b31 !important;
}

.beamii-routes-map-page .beamii-routes__filter-panel{
	position:absolute;
	top:calc(100% + 8px);
	left:10px;
	right:10px;
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:10px;
	padding:14px;
	border:1px solid rgba(18,47,72,.10);
	border-radius:18px;
	background:rgba(255,255,255,.99);
	box-shadow:0 16px 36px rgba(15,23,42,.16);
}

.beamii-routes-map-page .beamii-routes__filter-panel[hidden]{
	display:none;
}

.beamii-routes-map-page .beamii-routes__filter-panel label{
	display:grid;
	gap:6px;
	min-width:0;
	color:#40566a;
	font-size:.75rem;
	font-weight:850;
}

.beamii-routes-map-page .beamii-routes__filter-panel select{
	width:100%;
	min-width:0;
	height:44px;
	padding:0 36px 0 12px;
	border:1px solid #d4e0e7;
	border-radius:12px;
	background:#f8fbfd;
	color:#172537;
	font:inherit;
	font-size:.88rem;
	font-weight:800;
}

.beamii-routes-map-page .leaflet-top{
	top:calc(var(--route-filter-top) + 70px);
}

.beamii-routes-map-page .leaflet-control-zoom{
	overflow:hidden;
	border:0;
	border-radius:16px;
	box-shadow:0 8px 22px rgba(15,23,42,.14);
}

.beamii-routes-map-page .leaflet-control-zoom a{
	width:42px;
	height:40px;
	line-height:40px;
	border-color:rgba(15,23,42,.08);
	color:#1f3c5c;
}

.beamii-routes-map-page .beamii-routes-sheet{
	--sheet-collapsed-visible:142px;
	min-height:214px;
	border:1px solid rgba(255,255,255,.76);
	background:rgba(255,255,255,.98);
	box-shadow:0 -12px 34px rgba(11,28,45,.13);
}

.beamii-routes-map-page .beamii-routes-sheet .sheet__content{
	padding:9px 12px calc(var(--beamii-shell-bottomnav-layout-h, 74px) + 18px) !important;
}

.beamii-routes-map-page .beamii-routes-sheet__header{
	margin:0;
	padding:0 0 10px;
	border:0;
}

.beamii-routes-map-page .beamii-routes-sheet .sheet__header-main{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
}

.beamii-routes-map-page .beamii-routes-sheet .sheet__header-copy{
	min-width:0;
}

.beamii-routes-map-page .beamii-routes-sheet h2{
	margin:0;
	color:#102033;
	font-size:1.03rem;
	font-weight:950;
	letter-spacing:-.015em;
}

.beamii-routes-map-page .beamii-routes-sheet .sheet__subline{
	margin-top:3px;
	color:#617184;
	font-size:.78rem;
	font-weight:750;
}

.beamii-routes-map-page .beamii-routes-sheet__actions{
	display:flex;
	align-items:center;
	gap:7px;
	flex:0 0 auto;
}

.beamii-routes-map-page .beamii-routes__create,
.beamii-routes-map-page .beamii-routes__preview-open,
.beamii-routes-map-page .beamii-routes__preview-close{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:7px;
	flex:0 0 auto;
	min-height:44px;
	padding:0 12px;
	border-radius:999px;
	background:#e8f4fa;
	color:#145f8c;
	font-size:.78rem;
	font-weight:900;
	text-decoration:none;
}

.beamii-routes-map-page .beamii-routes__preview-open{
	background:#155f8d;
	color:#fff;
}

.beamii-routes-map-page .beamii-routes__preview-close{
	width:44px;
	padding:0;
	border:0;
	cursor:pointer;
}

.beamii-routes-map-page .beamii-routes__preview-badge{
	width:max-content;
	margin-bottom:3px;
	padding:3px 7px;
	font-size:.64rem;
}

.beamii-routes-map-page .beamii-routes__create:hover,
.beamii-routes-map-page .beamii-routes__create:focus-visible{
	background:#d8edf7;
	color:#0d4d74;
}

.beamii-routes-map-page .beamii-routes-sheet__view{
	min-height:0;
	overflow-y:auto;
	overscroll-behavior:contain;
	-webkit-overflow-scrolling:touch;
}

.beamii-routes-map-page .beamii-routes__results{
	position:relative;
	isolation:isolate;
	max-height:none;
	padding:0;
	overflow:visible;
	border:0;
	border-radius:0;
	background:transparent;
}

.beamii-routes-map-page .beamii-route-list{
	display:grid;
	grid-template-columns:repeat(2, minmax(0, 1fr));
	gap:10px;
}

.beamii-routes-map-page .beamii-route-card{
	border-radius:18px;
	box-shadow:0 8px 20px rgba(15,23,42,.06);
}

.beamii-routes-map-page .beamii-route-card.is-selected{
	border-color:#ef7f1a;
	box-shadow:0 0 0 2px rgba(239,127,26,.16),0 10px 24px rgba(15,23,42,.09);
}

.beamii-routes-map-page .beamii-route-card>a,
.beamii-routes-map-page .beamii-route-card__content{
	padding:14px;
}

.beamii-routes-map-page .beamii-route-button--more{
	position:relative;
	z-index:3;
	width:100%;
	margin:14px 0 2px;
	touch-action:manipulation;
	pointer-events:auto;
}

.beamii-routes-map-page .beamii-route-button--more[aria-busy="true"]{
	cursor:wait;
	opacity:.72;
}

.beamii-routes-map-page .beamii-route-empty{
	padding:26px 14px;
	border-radius:18px;
	background:#f5f9fb;
}

.beamii-routes-map-page .leaflet-control-attribution{
	display:none !important;
}

@media(max-width:680px){
	.beamii-routes-map-page .beamii-route-list{
		grid-template-columns:1fr;
	}

	.beamii-routes-map-page .beamii-routes__filters{
		padding-inline:10px;
	}

	.beamii-routes-map-page .beamii-routes__filter-panel{
		grid-template-columns:1fr;
	}

	.beamii-routes-map-page .beamii-routes__create span{
		display:none;
	}

	.beamii-routes-map-page .beamii-routes__create{
		width:40px;
		padding:0;
	}

	.beamii-routes-map-page .beamii-routes__preview-open{
		min-width:88px;
		padding:0 13px;
	}
}

/* Shared route actions and the two remaining map filters. */
.beamii-route-button.is-saved{
	border-color:#f0a7b4;
	background:#fff0f3;
	color:#b42343;
}

.beamii-route-location-status:empty,
.beamii-route-action-status:empty{
	display:none;
}

.beamii-route-location-status:not([hidden]){
	display:flex;
	align-items:center;
	gap:8px;
	margin:0 13px 13px;
	padding:10px 12px;
	border:1px solid #c9dce7;
	border-radius:12px;
	background:#eef7fb;
	color:#244b64;
	font-size:.88rem;
	font-weight:750;
}

.beamii-route-location-status.is-error{
	border-color:#efd39a;
	background:#fff7e6;
	color:#744b08;
}

.beamii-route-location-status.is-success{
	border-color:#b9ddc8;
	background:#edf8f1;
	color:#17613d;
}

.beamii-route-action-status{
	display:flex;
	align-items:center;
	margin:0 13px 13px;
	padding:9px 11px;
	border:1px solid #c9dce7;
	border-radius:11px;
	background:#eef7fb;
	color:#52697b;
	font-size:.88rem;
	font-weight:700;
}

.beamii-route-action-status.is-loading{
	color:#36596f;
}

.beamii-route-action-status.is-success{
	border-color:#b9ddc8;
	background:#edf8f1;
	color:#17613d;
}

.beamii-route-action-status.is-error{
	border-color:#efd39a;
	background:#fff7e6;
	color:#744b08;
}

.beamii-routes__filters{
	grid-template-columns:minmax(150px,220px) minmax(150px,220px);
}

/* Route detail parity with the shared /kort/ shell. */
.beamii-route-map-page{
	--sheet-collapsed-visible:148px;
}

.beamii-route-map-page .beamii-route-detail-map,
.beamii-route-map-page .beamii-route-detail__map{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	min-height:0;
}

.beamii-route-map-page .leaflet-control-attribution{
	display:none !important;
}

.beamii-route-detail-sheet__header .beamii-route-badge{
	width:max-content;
	margin-bottom:4px;
}

.beamii-route-detail-sheet__header .beamii-route-detail__stats{
	display:flex !important;
	align-items:center;
	gap:10px;
	-webkit-line-clamp:unset !important;
	overflow:visible !important;
}

.beamii-route-detail-sheet__header .beamii-route-detail__stats span{
	display:inline-flex;
	align-items:baseline;
	gap:4px;
	min-width:0;
	padding:0;
	background:transparent;
	font-size:.76rem;
	white-space:nowrap;
}

.beamii-route-detail-sheet__header .beamii-route-detail__stats strong{
	font-size:.82rem;
	color:#173b57;
}

.beamii-route-detail-sheet__header .beamii-route-detail__stats small{
	color:#6b7f91;
	font-size:.68rem;
}

.beamii-route-detail__meta{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	gap:5px 10px;
	margin-top:5px;
	color:#526b7d;
	font-size:.7rem;
	font-weight:800;
}

.beamii-route-detail__meta span{
	display:inline-flex;
	align-items:center;
	gap:5px;
}

.beamii-route-detail__meta i{color:#17608b}

.beamii-route-detail-sheet__start{
	min-width:112px;
	min-height:44px;
	padding:9px 12px;
	border-radius:14px;
}

.beamii-route-detail-sheet__view{
	display:grid;
	gap:12px;
	max-height:calc(54dvh - 104px);
	overflow:auto;
	overscroll-behavior:contain;
	padding:2px 1px 28px;
}

.beamii-route-detail-sheet__view .beamii-route-back{
	width:max-content;
	margin:0;
}

.beamii-route-detail-sheet__intro{
	margin:0;
	color:#52697b;
	line-height:1.45;
}

.beamii-route-detail-sheet .beamii-route-detail__actions{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:8px;
	padding:0;
}

.beamii-route-detail-sheet .beamii-route-detail__actions .beamii-route-button{
	min-width:0;
	padding:10px 8px;
	font-size:.82rem;
}

.beamii-route-detail-sheet .beamii-route-location-status:not([hidden]),
.beamii-route-detail-sheet .beamii-route-action-status{
	margin:0;
}

.beamii-route-detail-sheet .beamii-route-detail__grid{
	margin:0;
}

.beamii-route-recommendations__head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
}

.beamii-route-recommendations__head small{
	dis:block;
	margin-bottom:2px;
	color:#b45309;
	font-size:.67rem;
	font-weight:900;
	letter-spacing:.06em;
	text-transform:uppercase;
}

.beamii-route-recommendations__head h2{margin:0}
.beamii-route-recommendations__head>i{color:#d63b55;font-size:1.1rem}

.beamii-route-recommendations__list{
	dis:grid;
	grid-auto-flow:column;
	grid-auto-columns:minmax(230px,72%);
	gap:10px;
	margin-top:11px;
	overflow-x:auto;
	padding:1px 2px 7px;
	scroll-snap-type:x mandatory;
	scrollbar-width:none;
}

.beamii-route-recommendation{
	dis:grid;
	grid-template-columns:58px minmax(0,1fr) auto;
	align-items:center;
	gap:10px;
	min-height:72px;
	padding:7px 10px 7px 7px;
	border:1px solid #dbe7ed;
	border-radius:16px;
	background:#fff;
	color:#173b57;
	text-decoration:none;
	scroll-snap-align:start;
}

.beamii-route-recommendation img,
.beamii-route-recommendation__fallback{
	dis:grid;
	place-items:center;
	width:58px;
	height:58px;
	border-radius:12px;
	background:#eaf4f8;
	object-fit:cover;
	color:#17608b;
}

.beamii-route-recommendation__copy{display:grid;gap:3px;min-width:0}
.beamii-route-recommendation__copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.86rem}
.beamii-route-recommendation__copy small{color:#6b7f91;font-size:.7rem}
.beamii-route-recommendation>i{color:#8ca0ad;font-size:.7rem}

.beamii-route-start-summary{
	display:grid;
	grid-template-columns:auto minmax(0,1fr) auto;
	align-items:center;
	gap:10px;
	padding:11px 12px;
	border:1px solid #dce8ee;
	border-radius:16px;
	background:#f4f8fa;
}

.beamii-route-start-summary__icon{
	display:grid;
	place-items:center;
	width:38px;
	height:38px;
	border-radius:12px;
	background:#dff0f8;
	color:#17608b;
}

.beamii-route-start-summary>span:nth-child(2){
	display:grid;
}

.beamii-route-start-summary strong,
.beamii-route-start-summary small{
	display:block;
}

.beamii-route-start-summary small{
	margin-top:2px;
	color:#6b7f91;
}

.beamii-route-practical__items{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:8px;
}

.beamii-route-practical__items>span{
	display:grid;
	grid-template-columns:auto minmax(0,1fr);
	gap:2px 8px;
	align-items:center;
	min-width:0;
	padding:11px;
	border-radius:14px;
	background:#f1f7fa;
}

.beamii-route-practical__items i{
	grid-row:1/3;
	color:#17608b;
}

.beamii-route-practical__items small{
	color:#6a7e8f;
	font-size:.7rem;
	font-weight:750;
}

.beamii-route-practical__items strong{
	min-width:0;
	color:#18364a;
	font-size:.86rem;
	overflow-wrap:anywhere;
}

.beamii-route-source__note{
	padding:10px 11px;
	border-radius:12px;
	background:#eef7fb;
	color:#244b65 !important;
}

.beamii-route-endpoint-wrap{
	border:0;
	background:transparent;
}

.beamii-route-endpoint{
	display:grid;
	place-items:center;
	width:38px;
	height:38px;
	border:3px solid #fff;
	border-radius:13px 13px 13px 4px;
	background:#17608b;
	color:#fff;
	box-shadow:0 8px 20px rgba(18,49,70,.28);
	transform:rotate(-45deg);
}

.beamii-route-endpoint i{
	font-size:.82rem;
	transform:rotate(45deg);
}

.beamii-route-endpoint.is-finish{
	border-radius:50%;
	background:#ef7f1a;
	transform:none;
}

.beamii-route-endpoint.is-finish i{transform:none}

.beamii-route-endpoint.is-loop{
	border-radius:50%;
	background:#17608b;
	transform:none;
}

.beamii-route-endpoint.is-loop i{transform:none}

.beamii-route-more-details{
	border:1px solid #dce7ed;
	border-radius:17px;
	background:#fff;
	overflow:hidden;
}

.beamii-route-more-details summary{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:12px;
	padding:14px 16px;
	color:#20394d;
	cursor:pointer;
	list-style:none;
}

.beamii-route-more-details summary::-webkit-details-marker{display:none}
.beamii-route-more-details summary>span{display:inline-flex;align-items:center;gap:9px}
.beamii-route-more-details summary>span>i{color:#17608b}
.beamii-route-more-details summary>i{transition:transform .18s ease}
.beamii-route-more-details[open] summary>i{transform:rotate(180deg)}

.beamii-route-more-details__content{
	display:grid;
	gap:10px;
	padding:0 12px 12px;
}

.beamii-route-more-details__content .beamii-route-section{
	padding:14px;
	border-radius:14px;
	background:#f7fafb;
}

.beamii-route-source__technical{
	font-size:.78rem;
	word-break:break-word;
}

.beamii-route-tracking{
	display:grid;
	gap:12px;
	padding:3px 1px 18px;
}

.beamii-route-tracking[hidden],
.beamii-route-create-choices[hidden],
.beamii-route-editor form[hidden]{
	display:none !important;
}

.beamii-route-tracking__status{
	display:flex;
	align-items:center;
	gap:9px;
	color:#17613d;
}

.beamii-route-tracking__pulse{
	width:10px;
	height:10px;
	border-radius:50%;
	background:#22a866;
	box-shadow:0 0 0 5px rgba(34,168,102,.13);
}

.beamii-route-tracking__metrics{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:9px;
}

.beamii-route-tracking__metrics>div{
	display:grid;
	gap:3px;
	padding:13px;
	border-radius:16px;
	background:#eef7fb;
}

.beamii-route-tracking__metrics span{
	color:#657b8c;
	font-size:.76rem;
	font-weight:750;
}

.beamii-route-tracking__metrics strong{
	color:#153c58;
	font-size:1.35rem;
}

.beamii-route-tracking__notice{
	margin:0;
	padding:11px 12px;
	border-radius:13px;
	background:#fff7e6;
	color:#684608;
	font-weight:750;
}

.beamii-route-tracking__actions{
	display:grid;
	grid-template-columns:repeat(2,minmax(0,1fr));
	gap:9px;
}

.beamii-route-tracking__actions button{
	min-height:44px;
	border:1px solid #cfdee6;
	border-radius:13px;
	background:#fff;
	color:#1f394c;
	font:inherit;
	font-weight:850;
	cursor:pointer;
}

.beamii-route-tracking__actions button:last-child{
	border-color:#efd2d2;
	color:#8a2b2b;
}

.beamii-route-map-page.is-route-following .beamii-route-detail-sheet__view,
.beamii-route-map-page.is-route-following .beamii-route-detail-sheet__start{
	display:none !important;
}

.beamii-route-map-page.is-route-following .beamii-route-detail-sheet__header .beamii-route-detail__stats{
	display:none !important;
}

.beamii-route-create-choices{
	display:grid;
	gap:9px;
}

.beamii-route-create-choices>p{
	margin:0 0 3px;
	color:#526879;
	font-weight:750;
}

.beamii-route-create-choices>button,
.beamii-route-create-choices>label{
	display:grid;
	grid-template-columns:auto minmax(0,1fr) auto;
	align-items:center;
	gap:11px;
	width:100%;
	padding:13px;
	border:1px solid #d8e4ea;
	border-radius:16px;
	background:#f7fafb;
	color:#18364a;
	font:inherit;
	text-align:left;
	cursor:pointer;
}

.beamii-route-create-choices>button:hover,
.beamii-route-create-choices>label:hover{
	border-color:#94bbcf;
	background:#eef7fb;
}

.beamii-route-create-choices__icon{
	display:grid;
	place-items:center;
	width:42px;
	height:42px;
	border-radius:13px;
	background:#dff0f8;
	color:#17608b;
	font-size:1.05rem;
}

.beamii-route-create-choices strong,
.beamii-route-create-choices small{
	display:block;
	min-width:0;
}

.beamii-route-create-choices strong{
	overflow-wrap:normal;
	word-break:normal;
}

.beamii-route-create-choices small{
	margin-top:2px;
	color:#667b8b;
}

.beamii-route-create-choices input{display:none}

.beamii-route-editor__footer [data-route-form-status]{
	color:#587083;
	font-size:.82rem;
	font-weight:750;
}

.beamii-route-editor__footer [data-route-form-status].is-saving{color:#17608b}
.beamii-route-editor__footer [data-route-form-status].is-error{color:#9b332a}

@media(max-width:520px){
	.beamii-route-detail-sheet .sheet__header-main{
		grid-template-columns:minmax(0,1fr) 82px !important;
		align-items:center !important;
	}

	.beamii-route-detail-sheet__start{
		min-width:82px;
		width:82px;
		padding:0 10px;
	}

	.beamii-route-detail-sheet__start [data-route-follow-label]{
		font-size:0;
	}

	.beamii-route-detail-sheet__start [data-route-follow-label]::after{
		content:attr(data-short-label);
		font-size:.78rem;
	}

	.beamii-route-detail-sheet__header .beamii-route-detail__stats{
		gap:7px;
	}

	.beamii-route-detail-sheet__header .beamii-route-detail__stats small{
		display:none;
	}

	.beamii-route-practical__items{grid-template-columns:1fr}
}

/* Clear ownership, saved-route and moderation states on Mine ruter. */
.beamii-my-routes__tabs{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:8px;
	margin:-8px 0 16px;
	padding:6px;
	border:1px solid #dce7ed;
	border-radius:18px;
	background:rgba(255,255,255,.82);
	box-shadow:0 10px 28px rgba(18,58,82,.07);
}

.beamii-my-routes__tabs button,
.beamii-my-routes__tabs a{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:7px;
	min-width:0;
	min-height:42px;
	padding:8px 10px;
	border:0;
	border-radius:13px;
	background:transparent;
	color:#526879;
	font:inherit;
	font-size:.82rem;
	font-weight:850;
	text-decoration:none;
	cursor:pointer;
}

.beamii-my-routes__tabs button>span,
.beamii-my-routes__tabs a>span{
	min-width:0;
	white-space:nowrap;
	overflow-wrap:normal;
	word-break:normal;
}

.beamii-my-routes__tabs button>i,
.beamii-my-routes__tabs a>i,
.beamii-my-routes__tabs small{
	flex:0 0 auto;
}

.beamii-my-routes__tabs button.is-active{
	background:#155f8d;
	color:#fff;
	box-shadow:0 8px 18px rgba(21,95,141,.2);
}

.beamii-my-routes__tabs small{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:22px;
	height:22px;
	padding:0 6px;
	border-radius:999px;
	background:rgba(21,95,141,.09);
	color:#155f8d;
	font-size:.7rem;
	font-weight:900;
}

.beamii-my-routes__tabs button.is-active small{
	background:rgba(255,255,255,.2);
	color:#fff;
}

.beamii-route-editor form:not([hidden]){
	display:flex;
	flex-direction:column;
	gap:10px;
}

.beamii-route-editor__steps{
	display:flex;
	align-items:center;
	gap:8px;
}

.beamii-route-editor__steps span{
	display:inline-flex;
	align-items:center;
	gap:6px;
	color:#6a7d8d;
	font-size:.76rem;
	font-weight:850;
}

.beamii-route-editor__steps b{
	display:grid;
	place-items:center;
	width:24px;
	height:24px;
	border-radius:50%;
	background:#e9f1f5;
	color:#526879;
	font-size:.7rem;
}

.beamii-route-editor__steps span.is-active{color:#155f8d}
.beamii-route-editor__steps span.is-active b{background:#155f8d;color:#fff}

.beamii-route-editor__details{
	border:1px solid #d8e4ea;
	border-radius:17px;
	background:#f7fafb;
	overflow:hidden;
}

.beamii-route-editor__details-toggle{
	display:none;
	align-items:center;
	gap:9px;
	width:100%;
	min-height:52px;
	padding:10px 12px;
	border:0;
	background:transparent;
	color:#18364a;
	font:inherit;
	text-align:left;
	cursor:pointer;
}

.beamii-route-editor__details-toggle>span{
	display:flex;
	align-items:center;
	gap:8px;
	min-width:0;
	margin-right:auto;
}

.beamii-route-editor__details-toggle>span i{color:#17608b}
.beamii-route-editor__details-toggle small{color:#6b7f8f;font-size:.7rem;font-weight:800}
.beamii-route-editor__details-toggle>i{color:#6b7f8f;transition:transform .18s ease}
.beamii-route-editor__details-toggle.is-ready small{color:#17613d}
.beamii-route-editor__details:not(.is-collapsed) .beamii-route-editor__details-toggle>i{transform:rotate(180deg)}

.beamii-route-editor__details-panel{padding:12px}

.beamii-my-route-card__updated{
	display:flex;
	align-items:center;
	gap:5px;
	margin-top:7px;
	color:#718291;
	font-size:.72rem;
	font-weight:750;
}

.beamii-my-route-card__actions .is-primary{
	border-color:#155f8d;
	background:#155f8d;
	color:#fff;
}

.beamii-my-route-card[data-route-status="pending"]{
	border-color:#ebd39a;
	background:#fffdf8;
}

.beamii-my-route-card[data-route-status="rejected"]{
	border-color:#edc4c0;
	background:#fffafa;
}

.beamii-my-route-card.is-saved-route{
	border-color:#d8e7ee;
	background:#fbfdfe;
}

.beamii-my-route-card.is-saved-route .beamii-route-status{
	background:#fff0f3;
	color:#a03752;
}

.beamii-my-routes__empty .beamii-route-button{
	margin-top:12px;
}

.beamii-routes-sheet__hint{
	display:none;
	align-items:center;
	gap:5px;
	margin:5px 0 0;
	color:#6b7d8d;
	font-size:.68rem;
	font-weight:800;
}

@media(max-width:820px){
	.beamii-routes-map-page .beamii-routes-sheet{
		height:calc(100dvh - var(--beamii-map-sheet-bottom-offset,74px) - env(safe-area-inset-top,0px) - 16px) !important;
		max-height:calc(100dvh - var(--beamii-map-sheet-bottom-offset,74px) - env(safe-area-inset-top,0px) - 16px) !important;
	}

	.beamii-routes-map-page .beamii-routes-sheet__view{
		max-height:calc(100% - 92px);
		padding-bottom:18px;
	}

	.beamii-route-editor__details-toggle{display:flex}
	.beamii-route-editor__details.is-collapsed .beamii-route-editor__details-panel{display:none}
	.beamii-route-editor__details-panel{border-top:1px solid #d8e4ea}

	.beamii-route-editor__map{
		height:clamp(310px,46dvh,390px);
		min-height:310px;
	}
}

@media(max-width:520px){
	.beamii-my-routes{
		padding-inline:12px;
		padding-bottom:calc(var(--beamii-bottomnav-height,76px) + env(safe-area-inset-bottom,0px) + 20px);
	}

	.beamii-my-routes .beamii-routes__hero{
		gap:13px;
		margin-bottom:14px;
	}

	.beamii-my-routes .beamii-routes__hero h1{font-size:2rem}
	.beamii-my-routes .beamii-routes__hero p{font-size:.94rem;line-height:1.4}

	.beamii-my-routes__tabs{
		gap:4px;
		margin:0 0 12px;
		padding:4px;
		border-radius:15px;
	}

	.beamii-my-routes__tabs button,
	.beamii-my-routes__tabs a{
		gap:3px;
		min-height:44px;
		padding:7px 3px;
		font-size:.72rem;
	}

	.beamii-my-routes__tabs button>i,
	.beamii-my-routes__tabs a>i{font-size:.7rem}

	.beamii-my-routes__tabs small{
		min-width:18px;
		height:18px;
		padding:0 4px;
	}

	.beamii-my-routes__layout{gap:10px}

	.beamii-route-editor,
	.beamii-my-routes__list{
		padding:13px;
		border-radius:20px;
	}

	.beamii-route-editor__head{margin-bottom:10px}
	.beamii-route-editor__head h2{font-size:1.45rem}

	.beamii-route-editor__map-tools{
		display:grid;
		grid-template-columns:repeat(2,minmax(0,1fr));
		gap:7px;
		margin:0;
	}

	.beamii-route-editor__map-tools button,
	.beamii-route-editor__map-tools .beamii-route-file{
		justify-content:center;
		min-width:0;
		padding:9px 7px;
	}

	.beamii-route-editor__map-tools .beamii-route-file{grid-column:1/-1}
	.beamii-route-editor__hint{margin:0;font-size:.78rem;line-height:1.4}
	.beamii-route-editor__summary{padding:2px 0 0}
	.beamii-route-editor__footer{padding-bottom:max(2px,env(safe-area-inset-bottom,0px))}

	.beamii-my-routes__list .beamii-routes__results-head{margin-bottom:8px}
	.beamii-my-routes__list .beamii-routes__results-head h2{font-size:1rem}

	.beamii-my-routes__empty{
		min-height:0 !important;
		padding:20px 12px !important;
	}

	.beamii-my-routes__empty i{font-size:1.45rem}
	.beamii-my-routes__empty h3{margin-top:8px;font-size:1rem}
	.beamii-my-routes__empty p{font-size:.84rem;line-height:1.4}

	.beamii-routes-map-page .beamii-routes__create{
		width:auto;
		min-width:76px;
		padding:0 12px;
	}

	.beamii-routes-map-page .beamii-routes__create span{display:inline}

	.beamii-routes-map-page .beamii-routes__filter-actions{
		gap:5px;
	}

	.beamii-routes-map-page .beamii-routes__reset{
		width:44px;
		padding:0;
	}

	.beamii-routes-map-page .beamii-routes__reset span{display:none}

	.beamii-routes-map-page .beamii-routes-sheet[data-sheet-state="collapsed"] .beamii-routes-sheet__hint{display:flex}
	.beamii-routes-map-page.is-route-previewing .beamii-routes-sheet__hint{display:none !important}
}