/* Copyright © 2026 Konstantinos Sotiropoulos. All rights reserved. */
.tm-host{font:inherit;color:inherit;width:100%;min-width:0;--tm-line:#8194a34d;--tm-soft:#8295ab12}
.tm-host *{box-sizing:border-box}.tm-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.tm-header-text h2{font-size:20px;line-height:1.25;margin:8px 0;font-weight:700}.tm-header-text p{font-size:12px;margin:0 0 8px;opacity:.8}
.tm-actions,.tm-controls,.tm-metrics{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.tm-actions{margin-bottom:10px}.tm-controls{margin:10px 0}.tm-btn,.tm-select,.tm-search{font:inherit;font-size:12px;border:1px solid #8b9aab;border-radius:6px;padding:9px 10px;background:transparent;color:inherit;min-height:36px}.tm-btn{cursor:pointer}.tm-btn:hover{border-color:#448ccc;background:#448ccc14}.tm-btn:focus-visible,.tm-poi-row:focus-visible{outline:3px solid #40a3e7}.tm-search{min-width:210px;flex:1}.tm-metrics{margin-bottom:12px}.tm-pill{font-size:11px;border:1px solid var(--tm-line);border-radius:25px;padding:7px 10px}.tm-health-good{color:#218947;border-color:#218947}.tm-health-bad{color:#b52b37;border-color:#b52b37}.tm-warning{color:#b08024}
.tm-columns{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(285px,.95fr);min-height:590px;gap:12px}.tm-map-pane,.tm-side{min-width:0;border:1px solid var(--tm-line);border-radius:9px;overflow:hidden}.tm-map{min-height:555px;height:calc(100% - 35px);width:100%;z-index:0;background:#e1e7eb}.tm-map-note{font-size:10px;opacity:.8;margin:4px 9px}.tm-side{display:flex;flex-direction:column;padding:10px;max-height:660px}.tm-side h3{font-size:14px;margin:5px 0 10px}.tm-poi-list{flex:1;min-height:120px;overflow-y:auto;overscroll-behavior:contain}.tm-poi-row{display:flex;align-items:center;text-align:left;width:100%;gap:9px;border:0;border-bottom:1px solid var(--tm-line);background:none;color:inherit;padding:8px 6px;font:inherit;cursor:pointer}.tm-poi-row:hover,.tm-poi-row.tm-selected{background:#368bc51c}.tm-kind{min-width:32px;height:32px;display:grid;place-items:center;background:#6884a5;color:#fff;border-radius:50%;font-size:11px;font-weight:800}.tm-poi-text{display:flex;flex-direction:column;min-width:0;gap:3px}.tm-poi-text strong{font-size:12px;font-weight:700;overflow-wrap:anywhere}.tm-poi-text small,.tm-poi-text em{font-size:10px;font-style:normal;opacity:.75}.tm-details{flex:0 0 auto;max-height:220px;overflow:auto;border-top:1px solid var(--tm-line);padding-top:8px;font-size:12px}.tm-popup{font-size:12px;line-height:1.35;min-width:185px;color:#1e293b}.tm-popup>strong{display:block;font-size:14px;margin-bottom:8px}.tm-info-row{display:flex;justify-content:space-between;border-bottom:1px solid #dae0e5;padding:4px 0;gap:12px}.tm-info-row strong{white-space:nowrap}.tm-info-row span{text-align:right;word-break:break-word}.tm-marker{--tm-poi-color:#4688a3;border:2px solid #fff;width:32px;height:32px;display:grid;place-items:center;background:var(--tm-poi-color);border-radius:50%;color:white;box-shadow:0 1px 7px #162636bb;font:800 11px system-ui}.tm-div-icon{background:transparent;border:0}.tm-error{padding:16px;font-size:13px;color:#a73f3f}.tm-empty{padding:14px;font-size:13px}.tm-standalone{padding:14px}.tm-standalone .tm-columns{min-height:calc(100vh - 190px)}.tm-standalone .tm-map{min-height:650px;height:calc(100vh - 226px)}.tm-standalone .tm-side{max-height:calc(100vh - 190px)}.tm-host:fullscreen{background:#fff;color:#1e293b;padding:15px}.tm-host:fullscreen .tm-columns{height:calc(100vh - 180px)}.tm-host:fullscreen .tm-map{height:calc(100vh - 218px)}
@media(max-width:980px){.tm-columns{grid-template-columns:1fr}.tm-map{height:450px;min-height:450px}.tm-side{max-height:490px}.tm-standalone .tm-map{height:55vh;min-height:380px}}

/* v0.3.10 directed link / traffic styles */
.tm-edge-icon{background:transparent;border:0}.tm-edge-arrow{display:grid;place-items:center;width:20px;height:20px;font-size:17px;color:#475569;text-shadow:0 1px 2px white}.tm-host .tm-map-pane{position:relative}.tm-standalone.tm-host{min-height:98vh}.tm-host.tm-dark{--tm-line:#9fadc463;--tm-soft:#9fadc416}.tm-host .tm-edge-icon .tm-edge-arrow{pointer-events:none}

/* v0.4.2 — map takes entire available width; PoI/edge inspector slides over it. */
.tm-columns{display:block;position:relative;min-height:590px}.tm-map-pane{width:100%;min-width:0}.tm-map{height:590px;min-height:590px}
.tm-drawer{position:absolute;top:0;right:0;width:min(410px,90%);height:100%;z-index:550;max-height:none;transform:translateX(105%);visibility:hidden;pointer-events:none;transition:transform .22s ease,visibility .22s ease;background:var(--tm-drawer-bg,#fff);box-shadow:-6px 0 24px #172c4850;border:1px solid var(--tm-line);display:flex;flex-direction:column;overscroll-behavior:contain}
.tm-drawer.tm-open{transform:translateX(0);visibility:visible;pointer-events:auto}.tm-inspector-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.tm-poi-list{flex:1;min-height:100px;overflow:auto}.tm-details{max-height:38%;overflow:auto}.tm-host.tm-dark{--tm-drawer-bg:#151e2c}.tm-host:not(.tm-dark){--tm-drawer-bg:#fff}
.tm-standalone .tm-map,.tm-standalone.tm-host .tm-map{height:calc(100vh - 270px);min-height:440px}
@media(max-width:980px){.tm-map{height:480px;min-height:480px}.tm-side.tm-drawer{max-height:none;height:100%}}

/* v0.4.3: drawer is a navigator, never a duplicate metadata inspector. */
.tm-drawer{top:12px;right:12px;height:min(570px,calc(100% - 24px));border-radius:12px}.tm-drawer .tm-poi-list{height:100%;min-height:0}.tm-drawer .tm-details{display:none}

/* v0.4.4: locally bundled coastline atlas, never 403 raster placeholder tiles */
.tm-map{background:#a9d3e0}

/* v0.4.5 basemap selector */
.tm-controls label{display:inline-flex;align-items:center;gap:8px}