.import-button{margin-left:auto;background:#e9f6ee;color:#20744a;border-radius:8px;padding:7px 9px;font-size:12px;font-weight:800}.empty-import{margin-top:10px;max-width:180px}.import-dialog{position:fixed;inset:0;z-index:3000;background:#1420189c;display:grid;place-items:center;padding:18px}.import-dialog[hidden]{display:none}.import-card{position:relative;width:min(440px,100%);background:#fff;border-radius:18px;padding:30px;box-shadow:0 20px 65px #0005}.import-card h2{margin:7px 0;font-size:23px;letter-spacing:-.6px}.import-card>p{color:#68736d;margin:0 0 20px}.dialog-close{position:absolute;right:14px;top:10px;background:transparent;font-size:28px;color:#68736d}.drop-zone{height:176px;border:2px dashed #98c5a6;background:#f4fbf6;border-radius:12px;display:grid;place-content:center;text-align:center;gap:4px;cursor:pointer;color:#20744a}.drop-zone.dragover{background:#dff5e8;border-color:#20744a}.drop-zone input{display:none}.drop-zone span{font-size:31px;line-height:1}.drop-zone b{font-size:15px}.drop-zone small,.import-hint{font-size:12px!important;color:#68736d}.import-hint{margin:14px 0 0!important}@media(max-width:720px){.import-card{padding:26px 20px}.import-button{margin-right:2px}}
.map-tools{position:absolute;z-index:500;top:14px;left:64px;display:flex;gap:7px}.map-tools>button,.map-types{height:38px;background:#fff;border:1px solid #dbe3db;border-radius:8px;box-shadow:0 3px 13px #203a2920}.map-tools>button{padding:0 12px;font-weight:700;color:#2a3730}.map-tools>#locate-me{font-size:21px;padding:0;width:38px;color:#20744a}.map-types{display:flex;align-items:center;gap:5px;padding:0 9px;color:#20744a;font-size:16px}.map-types select{appearance:none;max-width:145px;border:0;background:transparent;outline:0;color:#2a3730;font:700 12px inherit;padding-right:12px;cursor:pointer}.leaflet-control-zoom{border:0!important;box-shadow:0 3px 13px #203a2920!important}.leaflet-control-zoom a{border-color:#dbe3db!important;color:#314238!important}@media(max-width:720px){.map-tools{top:63px;left:10px}.map-tools>#show-all{font-size:12px}.map-types{display:none}}
.river-panel{position:absolute;z-index:500;top:61px;left:64px;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #dbe3db;border-radius:9px;padding:9px 11px;box-shadow:0 3px 13px #203a2920}.river-panel[hidden]{display:none}.river-panel b{font-size:12px;color:#12668c}.river-panel span{font-size:12px;color:#68736d}.river-panel button{border-radius:6px;padding:5px 8px;background:#e7f5fa;color:#12668c;font-size:12px;font-weight:700}.river-panel button:last-child{background:#f2f4f2;color:#5a655e}@media(max-width:720px){.river-panel{top:110px;left:10px;right:10px;flex-wrap:wrap}.river-panel span{flex:1}.map-tools>#river-mode{font-size:12px;padding:0 9px}}
.river-panel{display:block;width:360px;padding:12px}.planner-head{display:flex;align-items:center;justify-content:space-between}.river-panel .planner-head b{font-size:14px;color:#12668c}.planner-head strong{font-size:14px;color:#17211e}.river-panel span{display:block;margin:5px 0 10px}.point-palette{display:flex;gap:5px;flex-wrap:wrap}.river-panel .point-palette button{width:30px;height:30px;padding:0;background:#f2f7f4;border:1px solid transparent;font-size:15px}.river-panel .point-palette button.active{background:#d8f2e4;border-color:#47a977;box-shadow:0 0 0 2px #d8f2e4}.planner-actions{display:flex;gap:6px;margin-top:10px}.river-panel .planner-actions button,.river-panel .planner-actions a{padding:6px 8px;border-radius:6px;background:#e7f5fa;color:#12668c;font-size:12px;font-weight:800;text-decoration:none}.river-panel .planner-actions button#river-clear{background:#f2f4f2;color:#5a655e}.river-stop{--pin:#18a35c;width:35px!important;height:35px!important;display:grid!important;place-items:center;position:relative;overflow:visible!important;border-radius:50%;background:var(--pin);color:#fff;border:2px solid #fff;box-shadow:0 3px 9px #12251c66}.river-stop:after{content:"";position:absolute;z-index:-1;left:50%;bottom:-19px;width:2px;height:19px;transform:translateX(-50%);background:var(--pin);box-shadow:0 2px 2px #12251c44}.river-stop:before{content:"";position:absolute;z-index:-1;left:50%;bottom:-21px;width:6px;height:6px;transform:translateX(-50%);border-radius:50%;background:var(--pin)}.river-stop span{font-size:17px;line-height:1}.river-stop.start{--pin:#18a35c}.river-stop.finish{--pin:#e65050}.river-stop.camp{--pin:#6858d8}.river-stop.beach{--pin:#f4a83e}.river-stop.stream{--pin:#168cc2}.river-stop.portage{--pin:#8c5a35}.river-stop.fishing{--pin:#3479b9}.river-stop.danger{--pin:#e27528}.river-stop.view{--pin:#8945ae}.river-stop.food{--pin:#cc4f70}@media(max-width:720px){.river-panel{width:auto;top:110px;left:10px;right:10px}.planner-actions{flex-wrap:wrap}.map-tools>#river-mode{font-size:12px;padding:0 9px}}
.river-panel{display:block;width:360px;padding:12px}.planner-head{display:flex;align-items:center;justify-content:space-between}.river-panel .planner-head b{font-size:14px;color:#12668c}.planner-head strong{font-size:14px;color:#17211e}.river-panel span{display:block;margin:5px 0 10px}.point-palette{display:flex;gap:5px;flex-wrap:wrap}.river-panel .point-palette button{width:30px;height:30px;padding:0;background:#f2f7f4;border:1px solid transparent;font-size:15px}.river-panel .point-palette button.active{background:#d8f2e4;border-color:#47a977;box-shadow:0 0 0 2px #d8f2e4}.planner-actions{display:flex;gap:6px;margin-top:10px}.river-panel .planner-actions button,.river-panel .planner-actions a{padding:6px 8px;border-radius:6px;background:#e7f5fa;color:#12668c;font-size:12px;font-weight:800;text-decoration:none}.river-panel .planner-actions button#river-clear{background:#f2f4f2;color:#5a655e}.river-stop{--pin:#18a35c;width:35px!important;height:35px!important;display:grid!important;place-items:center;position:relative;overflow:visible!important;border-radius:50%;background:var(--pin);color:#fff;border:2px solid #fff;box-shadow:0 3px 9px #12251c66}.river-stop:after{content:"";position:absolute;z-index:-1;left:50%;bottom:-19px;width:2px;height:19px;transform:translateX(-50%);background:var(--pin);box-shadow:0 2px 2px #12251c44}.river-stop:before{content:"";position:absolute;z-index:-1;left:50%;bottom:-21px;width:6px;height:6px;transform:translateX(-50%);border-radius:50%;background:var(--pin)}.river-stop span{font-size:17px;line-height:1}.river-stop.start{--pin:#18a35c}.river-stop.finish{--pin:#e65050}.river-stop.camp{--pin:#6858d8}.river-stop.beach{--pin:#f4a83e}.river-stop.stream{--pin:#168cc2}.river-stop.portage{--pin:#8c5a35}.river-stop.fishing{--pin:#3479b9}.river-stop.danger{--pin:#e27528}.river-stop.view{--pin:#8945ae}.river-stop.food{--pin:#cc4f70}@media(max-width:720px){.river-panel{width:auto;top:110px;left:10px;right:10px}.planner-actions{flex-wrap:wrap}.map-tools>#river-mode{font-size:12px;padding:0 9px}}.map-tools{align-items:center}.map-tools>.photo-archive-link{height:38px;display:flex;align-items:center;padding:0 12px;background:#fff;border:1px solid #dbe3db;border-radius:8px;box-shadow:0 3px 13px #203a2920;color:#20744a;text-decoration:none;font-size:12px;font-weight:800}.map-tools>#toggle-photos.photos-hidden{background:#26322c;color:#fff;border-color:#26322c}@media(max-width:980px){.map-tools>.photo-archive-link{font-size:0;width:38px;padding:0;justify-content:center}.map-tools>.photo-archive-link:first-letter{font-size:18px}}@media(max-width:720px){.map-tools{right:58px;overflow-x:auto}.map-tools>#show-all,.map-tools>#toggle-photos,.map-tools>#river-mode{font-size:11px;white-space:nowrap}}
.import-progress{margin-top:16px;padding:13px 14px;border-radius:12px;background:#f1f5f2}.import-progress[hidden]{display:none}.import-progress>div{display:flex;justify-content:space-between;gap:12px}.import-progress b{font-size:12px}.import-progress span,.import-progress small{color:#68736d;font-size:11px}.import-progress progress{display:block;width:100%;height:8px;margin:9px 0 5px;accent-color:#20744a}.drop-zone.uploading{pointer-events:none;opacity:.55}