:root{--bg:#061113;--panel:#0c1c1f;--panel2:#102528;--text:#edf6f3;--muted:#8ba4a0;--accent:#40d37c;--cyan:#39bfd0;--border:#1d383a;--warn:#f2bf5a}
*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);overflow:hidden}
.topbar{height:78px;padding:env(safe-area-inset-top) 16px 8px;display:flex;align-items:end;justify-content:space-between;background:linear-gradient(180deg,#061113,#081719);position:relative;z-index:500}
.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--accent);font-weight:800}.topbar h1{font-size:23px;margin:2px 0 0}.icon-btn{width:42px;height:42px;border-radius:13px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:25px}
.filters{display:flex;gap:8px;padding:10px 12px;overflow:auto;background:#081719;border-bottom:1px solid var(--border);position:relative;z-index:500}.chip{white-space:nowrap;border:1px solid var(--border);background:var(--panel);color:#c7d8d5;padding:9px 12px;border-radius:999px;font-weight:700}.chip.active{border-color:var(--accent);background:#123526;color:#dcffe8}
main{position:absolute;top:130px;bottom:67px;left:0;right:0}#map{width:100%;height:100%;background:#0b1618}.leaflet-control-attribution{font-size:9px!important}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--panel);color:var(--text)}
.legend-card{position:absolute;left:12px;bottom:12px;z-index:450;background:rgba(6,17,19,.9);border:1px solid var(--border);border-radius:12px;padding:8px 10px;display:flex;gap:12px;font-size:11px;color:var(--muted);backdrop-filter:blur(10px)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%}.score-high{background:#40d37c}.score-mid{background:#f2bf5a}.line-water{display:inline-block;width:16px;border-top:3px solid #39bfd0;vertical-align:middle}
.bottomnav{position:absolute;left:0;right:0;bottom:0;height:67px;padding-bottom:env(safe-area-inset-bottom);display:flex;background:#081719;border-top:1px solid var(--border);z-index:500}.navitem{flex:1;border:0;background:transparent;color:var(--muted);font-size:21px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.navitem span{font-size:10px;font-weight:700}.navitem.active{color:var(--accent)}
.sheet{position:fixed;z-index:1000;left:0;right:0;bottom:0;max-height:72vh;overflow:auto;background:linear-gradient(180deg,#102528,#081719);border-radius:22px 22px 0 0;border:1px solid var(--border);padding:12px 18px calc(24px + env(safe-area-inset-bottom));box-shadow:0 -20px 60px rgba(0,0,0,.45)}.hidden{display:none!important}.sheet-handle{width:48px;height:5px;background:#496467;border-radius:99px;margin:0 auto 14px}.close{position:absolute;right:14px;top:14px;border:0;background:transparent;color:var(--muted);font-size:28px}.sheet h2{margin:4px 38px 4px 0;font-size:22px}.sub{color:var(--muted);font-size:13px}.score{display:inline-flex;align-items:center;gap:8px;margin:14px 0;padding:9px 12px;border-radius:12px;background:#123526;color:#d9ffe7;font-weight:800}.tagrow{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0}.tag{padding:6px 9px;border-radius:9px;background:var(--panel2);color:#cde1de;font-size:12px;border:1px solid var(--border)}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.info-box{background:var(--panel);border:1px solid var(--border);padding:10px;border-radius:12px}.info-box strong{display:block;font-size:12px}.info-box span{font-size:11px;color:var(--muted)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.btn{border:0;border-radius:12px;padding:12px 10px;font-weight:800}.btn.primary{background:var(--accent);color:#05200f}.btn.secondary{background:var(--panel2);color:var(--text);border:1px solid var(--border)}
.modal{position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;padding:18px}.modal-card{width:min(560px,100%);max-height:86vh;overflow:auto;background:var(--panel);border:1px solid var(--border);border-radius:20px;padding:18px}.modal-card h2{margin-top:0}.list{display:flex;flex-direction:column;gap:10px}.card{background:var(--panel2);border:1px solid var(--border);border-radius:14px;padding:12px}.card strong{display:block}.card small{color:var(--muted)}input,select,textarea{width:100%;background:#071416;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:11px;margin:5px 0 10px}textarea{min-height:78px;resize:vertical}.marker{width:30px;height:30px;border-radius:50% 50% 50% 8px;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 4px 14px #0008}.marker span{transform:rotate(45deg);font-size:13px;font-weight:900;color:#071113}.high{background:#40d37c}.mid{background:#f2bf5a}.low{background:#f07d69}.water-name{font-weight:800;color:#9ff6ff}
.depth-overlay{position:absolute;inset:0;pointer-events:none;background:repeating-radial-gradient(ellipse at 50% 50%,rgba(19,144,160,.18) 0 10px,rgba(2,40,54,.06) 11px 22px);mix-blend-mode:screen;z-index:420}.depth-note{color:var(--warn);font-size:11px;margin-top:8px}
.status-card{position:absolute;top:12px;left:12px;z-index:450;max-width:72%;background:rgba(6,17,19,.92);border:1px solid var(--border);border-radius:11px;padding:8px 10px;font-size:11px;color:var(--muted);backdrop-filter:blur(10px)}.status-card.ok{color:#b9f6cf}.status-card.warn{color:var(--warn)}
.fish-scores{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:4px 0 12px}.fish-score{background:#09181a;border:1px solid var(--border);border-radius:11px;padding:9px 8px}.fish-score span{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}.fish-score strong{font-size:14px;color:#dff9e8}
@media(max-width:380px){.fish-scores{grid-template-columns:1fr}.legend-card{gap:7px;font-size:9px}}

.wide{width:100%;margin-top:10px}.bottomnav .navitem{min-width:0}

/* v0.7.2 */
.filters .chip[data-filter].active{outline:2px solid rgba(255,255,255,.78);outline-offset:1px;transform:translateY(-1px)}
.marker{position:relative}
.marker-score{position:absolute;right:-10px;top:-8px;min-width:22px;height:22px;padding:0 4px;border-radius:11px;background:#071315;color:#fff;border:1px solid rgba(255,255,255,.7);font-size:10px;line-height:20px;text-align:center;font-style:normal}

/* v0.8: hoofdwateren op officiële VHA CATC/GEO filtering */

/* v0.9 */
.searchbar{display:flex;gap:8px;padding:8px 12px;background:#071315;border-bottom:1px solid rgba(255,255,255,.06)}
.searchbar input{min-width:0;flex:1;background:#0d1c1f;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px 12px;font-size:14px;outline:none}
.searchbar input:focus{border-color:rgba(117,240,192,.65)}
.search-btn{border:0;border-radius:12px;padding:9px 12px;font-weight:800;background:#75f0c0;color:#061113;white-space:nowrap}
.search-btn.secondary{background:#193034;color:#d8efea;border:1px solid rgba(255,255,255,.12)}
.top-list{display:grid;gap:9px;margin-top:10px}
.top-item{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:11px;border-radius:13px;background:#0d1c1f;border:1px solid rgba(255,255,255,.08)}
.top-item button{grid-column:1/-1;width:100%;text-align:left;background:transparent;border:0;color:inherit;padding:0}
.top-item small{display:block;color:#94aaa5;margin-top:3px}
.top-score{font-size:17px;font-weight:900;color:#75f0c0}
.confidence{display:inline-flex;padding:3px 7px;border-radius:999px;background:#193034;color:#bdd4cf;font-size:11px;font-weight:700;margin-left:5px}

/* v0.10 */
.state-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}
.state-btn{padding:9px 10px;border-radius:11px;border:1px solid rgba(255,255,255,.12);background:#112326;color:#d9ece8;font-weight:750}
.state-btn.active{background:#75f0c0;color:#061113;border-color:#75f0c0}
.personal-state{background:#21463b!important;color:#aef6d7!important}
.personal-pin{position:absolute;left:-8px;top:-8px;width:20px;height:20px;border-radius:50%;background:#fff;color:#071315;border:2px solid #071315;font-size:11px;font-style:normal;font-weight:900;display:grid;place-items:center}

/* v0.11 */
.search-btn.active{background:#ffd36e;color:#061113}
.field{display:grid;gap:6px;margin:10px 0;color:#b9cfca;font-size:12px;font-weight:800}
.field input,.field select,.field textarea{width:100%;box-sizing:border-box;background:#0d1c1f;color:#fff;border:1px solid rgba(255,255,255,.14);border-radius:11px;padding:10px;font:inherit;font-size:14px}
.btn.danger{background:#3a1c21;color:#ffd6dc;border:1px solid rgba(255,120,140,.25)}
.confidence-personal{background:#533d17!important;color:#ffe19a!important}
.confidence-high{background:#174b3a!important;color:#bfffe5!important}
.confidence-medium{background:#163746!important;color:#c9efff!important}
.confidence-low{background:#2b3234!important;color:#cad6d4!important}

/* v0.12 */
.source-list{display:grid;gap:10px;margin-top:12px}
.source-row{display:grid;gap:4px;padding:12px;border-radius:13px;background:#0d1c1f;border:1px solid rgba(255,255,255,.08)}
.source-row>span{font-weight:900;color:#75f0c0}
.source-row small{color:#9db3ae;line-height:1.35}

/* v0.13 */
.file-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}
.file-btn input{position:absolute;inset:0;opacity:0;cursor:pointer}

/* v0.14 */
.score-explain small{line-height:1.55}
.toggle-line{display:flex;gap:9px;align-items:flex-start;margin:14px 0;color:#c7d9d5;font-size:13px;line-height:1.35}
.toggle-line input{margin-top:2px;transform:scale(1.15)}

/* v0.16 */
.btn:disabled{opacity:.5;cursor:wait}

/* v0.17 */
.practical-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}
.practical-grid span{background:#0d1c1f;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:8px;font-size:11px;color:#9db3ae}
.practical-grid strong{display:block;color:#e6f5f1;font-size:12px;margin-top:2px}

/* v0.18 */
.searchbar{overflow-x:auto}
.searchbar::-webkit-scrollbar{display:none}

/* v0.19 */
.season-delta{display:block;color:#9fd9c6;font-size:10px;margin-top:2px;font-weight:700}

/* v0.20 */
.catch-proof{display:grid;gap:3px;padding:10px 12px;margin:9px 0;border-radius:12px;background:#172b22;border:1px solid rgba(117,240,192,.24)}
.catch-proof strong{color:#9ff3d1}
.catch-proof small{color:#b8cbc6}

/* v0.22 */
.field-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:10px 0}
.field-quick button{border:1px solid rgba(255,255,255,.10);background:#0e2225;color:#dff3ef;border-radius:10px;padding:9px 5px;font-size:11px;font-weight:800}
.btn.active{background:#ffd36e!important;color:#061113!important;border-color:#ffd36e!important}

/* v0.23 */
.field-mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:12px 0}
.field-mode-grid button{min-height:64px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#10272a;color:#e8f7f3;font-size:14px;font-weight:900}
.today-sort{display:flex;gap:7px;margin:8px 0 12px}
.today-sort button{border:1px solid rgba(255,255,255,.1);background:#10272a;color:#cce2dd;border-radius:10px;padding:7px 9px;font-size:11px;font-weight:800}

/* v0.24 */
.field-mode-grid{grid-template-columns:repeat(2,1fr)}

/* v0.25 */
.dash-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0 14px}
.dash-kpi{display:grid;gap:2px;padding:12px;border-radius:13px;background:#0d1c1f;border:1px solid rgba(255,255,255,.08)}
.dash-kpi strong{font-size:23px;color:#75f0c0}.dash-kpi span{font-size:11px;color:#9db3ae}
.stats-block{display:grid;gap:8px;margin:8px 0 15px}
.stat-bar-row{display:grid;grid-template-columns:minmax(80px,1fr) 2fr auto;gap:8px;align-items:center;font-size:11px;color:#c9dcd7}
.stat-bar{height:8px;border-radius:999px;background:#152629;overflow:hidden}.stat-bar i{display:block;height:100%;background:#75f0c0;border-radius:999px}
.stat-bar-row strong{color:#fff}

/* v0.26 */
.catch-row{grid-template-columns:auto 1fr!important;display:grid!important;gap:10px;align-items:center}
.catch-thumb{width:66px;height:66px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.12)}

/* v0.27 */
.network-badge{display:inline-flex;margin-left:6px;padding:2px 6px;border-radius:999px;background:#174b3a;color:#bfffe5;font-size:9px;font-weight:900;vertical-align:1px}
.network-badge.offline{background:#4a2d1b;color:#ffd5a2}

/* v0.28 */
.water-fish-grid{display:grid;gap:9px;margin:10px 0 15px}
.water-fish-card{padding:11px;border-radius:13px;background:#0d1c1f;border:1px solid rgba(255,255,255,.08)}
.water-fish-card h3{margin:0 0 8px;font-size:13px;color:#a8f4d7}
.water-fish-card button{width:100%;display:grid;grid-template-columns:1fr auto;gap:8px;text-align:left;background:transparent;border:0;border-top:1px solid rgba(255,255,255,.06);padding:8px 0;color:#dceeea}
.water-fish-card button:first-of-type{border-top:0}
.water-fish-card button strong{color:#75f0c0}

/* v0.29 */
.confidence-box{display:grid;gap:3px;padding:10px 12px;margin:9px 0;border-radius:12px;background:#0d1c1f;border:1px solid rgba(255,255,255,.09)}
.confidence-box span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#91aaa4}
.confidence-box strong{font-size:14px;color:#eaf8f4}.confidence-box small{color:#a9c0ba}
.confidence-hoog{border-color:rgba(117,240,192,.32)}.confidence-middel{border-color:rgba(255,211,110,.26)}

/* v0.30-v0.32 */
.compare-scroll{overflow-x:auto;margin:10px 0}
.compare-table{border-collapse:collapse;min-width:620px;width:100%;font-size:11px}
.compare-table th,.compare-table td{border:1px solid rgba(255,255,255,.08);padding:8px;text-align:center}
.compare-table th:first-child,.compare-table td:first-child{text-align:left;position:sticky;left:0;background:#0d1c1f}
.compare-table th{color:#a9c5be}.compare-table th small{display:block;color:#718983;font-weight:500;margin-top:2px}
.compare-table strong{color:#75f0c0}
.tag-browser{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.tag-browser button{border:1px solid rgba(255,255,255,.12);background:#10272a;color:#dff3ef;border-radius:999px;padding:8px 11px;font-weight:800}
.diag-list{display:grid;gap:8px;margin:12px 0}.diag-row{display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:center;padding:10px;border-radius:12px;background:#0d1c1f;border:1px solid rgba(255,255,255,.08)}
.diag-row>span{font-size:18px;font-weight:900}.diag-row.ok>span{color:#75f0c0}.diag-row.warn>span{color:#ffd36e}.diag-row small{display:block;color:#91aaa4;margin-top:2px}

/* v0.33-v0.36 */
.search-inline{display:grid;grid-template-columns:1fr auto;gap:8px;margin:10px 0 14px}
.search-inline input{min-width:0;border-radius:11px;border:1px solid rgba(255,255,255,.12);background:#0d1c1f;color:#fff;padding:10px}
.search-inline button{border:0;border-radius:11px;background:#75f0c0;color:#071311;font-weight:900;padding:0 14px}
.insight-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0}
.insight-grid>div{display:grid;gap:3px;padding:11px;border-radius:12px;background:#0d1c1f;border:1px solid rgba(255,255,255,.08)}
.insight-grid span{font-size:10px;color:#91aaa4}.insight-grid strong{color:#eaf8f4}.insight-grid small{color:#75f0c0}
.release-score{display:grid;place-items:center;padding:14px;margin:10px 0;border-radius:14px;background:#10272a}
.release-score strong{font-size:32px;color:#75f0c0}.release-score span{font-size:11px;color:#a9c0ba}
.compact-map .searchbar{max-height:45px}.compact-map .searchbar .search-btn.secondary{display:none}
.compact-map #fieldModeBtn,.compact-map #todayBtn,.compact-map #compactBtn{display:inline-flex!important}
@media(max-width:560px){.insight-grid{grid-template-columns:1fr}.compact-map header h1{font-size:18px}.compact-map .eyebrow{font-size:8px}}

/* v0.37-v0.40 */
.catch-condition-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.main-menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:12px 0}
.main-menu-grid button{min-height:54px;border-radius:13px;border:1px solid rgba(255,255,255,.1);background:#10272a;color:#e5f4f0;font-weight:850;padding:9px}
#menuBtn{background:#75f0c0!important;color:#071311!important;border-color:#75f0c0!important}
@media(max-width:560px){.catch-condition-grid{grid-template-columns:1fr}.main-menu-grid{grid-template-columns:repeat(2,1fr)}}

/* v0.41-v0.44 */
.cluster-marker{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#153a35;border:2px solid #75f0c0;box-shadow:0 3px 10px rgba(0,0,0,.35);color:white}
.cluster-marker strong{font-size:15px;line-height:13px}.cluster-marker small{font-size:9px;color:#aef6d7}

/* v0.45-v0.48 */
.species-mode-grid{display:grid;gap:9px;margin:12px 0}
.species-mode-grid button{display:grid;text-align:left;gap:3px;border:1px solid rgba(255,255,255,.1);background:#10272a;color:#eaf7f4;border-radius:13px;padding:12px;font-size:15px;font-weight:900}
.species-mode-grid small{font-size:11px;color:#9cb4ae;font-weight:600}
.mini-action{margin-top:6px;border:1px solid rgba(255,255,255,.12);background:#13272a;color:#cde3de;border-radius:8px;padding:5px 8px;font-size:10px;font-weight:800}
.use-mode .searchbar .search-btn.secondary{display:none}
.use-mode #menuBtn,.use-mode #speciesModeBtn,.use-mode #todayBtn,.use-mode #useModeBtn{display:inline-flex!important}
.use-mode .filters #waterToggle,.use-mode .filters #coverageToggle,.use-mode .filters #examplesToggle{display:none}
.use-mode .legend-card{opacity:.72;font-size:10px}

/* v0.49-v0.52 */
.home-hero{display:grid;gap:2px;padding:14px;border-radius:15px;background:linear-gradient(135deg,#12352f,#0d2225);border:1px solid rgba(117,240,192,.18);margin:10px 0}
.home-hero strong{font-size:22px;color:#eafff7}.home-hero span{font-size:11px;color:#9fc4b8}
.home-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:12px}
.home-actions button{min-height:52px;border-radius:13px;border:1px solid rgba(255,255,255,.1);background:#10272a;color:#e8f6f2;font-weight:900}
#homeBtn{background:#75f0c0!important;color:#071311!important;border-color:#75f0c0!important}
.use-mode #homeBtn{display:inline-flex!important}

/* v0.53-v0.56 */
.catch-filter-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0}
.catch-filter-grid select,.catch-filter-grid input{min-width:0;background:#0d1c1f;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:9px}
.onboarding h2{font-size:24px;margin-bottom:4px}
.use-mode #catchLogBtn,.use-mode #nextSpotBtn{display:none}
@media(max-width:560px){.catch-filter-grid{grid-template-columns:1fr}}

/* v0.57-v0.60 */
html,body,#app{min-height:var(--app-h,100vh)}
.sheet{max-height:min(78vh,calc(var(--app-h,100vh) - 90px));overflow:auto}
.release-candidate .searchbar .search-btn.secondary{display:none}
.release-candidate #homeBtn,.release-candidate #menuBtn,.release-candidate #speciesModeBtn,.release-candidate #todayBtn,.release-candidate #releaseModeBtn{display:inline-flex!important}
.release-candidate .filters #waterToggle,.release-candidate .filters #coverageToggle,.release-candidate .filters #examplesToggle{display:none}
.release-candidate .status-card{font-size:11px}

/* v0.61 iPhone hotfix */
.filters{position:relative;z-index:1200;pointer-events:auto;touch-action:pan-x}
.filters .chip{position:relative;z-index:1201;pointer-events:auto!important;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}
.filters .chip.active{box-shadow:0 0 0 2px rgba(255,255,255,.9),0 0 0 5px rgba(117,240,192,.24)}
#map{position:relative;z-index:1}
.status-card{z-index:900}
.marker{width:42px;height:42px;border-width:3px;box-shadow:0 5px 14px rgba(0,0,0,.38),0 0 0 2px rgba(255,255,255,.88)}
.marker.high{transform:scale(1.12)}
.marker-score{right:-12px;top:-10px;min-width:25px;height:25px;line-height:23px;font-size:11px;border-width:2px}
.cluster-marker{box-shadow:0 4px 14px rgba(0,0,0,.45),0 0 0 2px rgba(255,255,255,.7)}

/* v0.62 runtime/touch fix */
.filters{isolation:isolate;z-index:3000!important}
.filters .chip{z-index:3001!important;pointer-events:auto!important;touch-action:manipulation!important}
.leaflet-control-container,.leaflet-pane{z-index:auto}
.marker{opacity:1!important;visibility:visible!important}

/* v0.63 definitive control/startup fix */
.filters{position:relative!important;z-index:9999!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}
.filters .chip{position:relative!important;z-index:10000!important;pointer-events:auto!important;touch-action:manipulation!important;cursor:pointer!important}
.filters .chip.active{background:#163d31!important;color:#fff!important;border-color:#75f0c0!important;box-shadow:0 0 0 3px #fff,0 0 0 6px rgba(117,240,192,.45)!important}
.leaflet-container{z-index:1!important}
.marker.high,.marker.mid,.marker.low{display:flex!important;opacity:1!important;visibility:visible!important}

/* v0.64 hotspot restoration */
.marker.high{box-shadow:0 5px 16px rgba(0,0,0,.42),0 0 0 3px rgba(117,240,192,.55)!important}
.marker.mid{box-shadow:0 4px 13px rgba(0,0,0,.38),0 0 0 2px rgba(255,211,110,.42)!important}

/* v0.66-v0.69 */
.source-row small{word-break:normal}

/* v0.82-v0.85 */
.profile-bars{height:180px;display:flex;align-items:flex-end;gap:2px;padding:12px 4px;border-radius:12px;background:#0d1c1f;overflow-x:auto}
.profile-bars>div{min-width:14px;flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px}
.profile-bars i{display:block;width:100%;min-height:8px;background:#75f0c0;border-radius:4px 4px 0 0}
.profile-bars small{font-size:8px;color:#9eb5af;writing-mode:vertical-rl;transform:rotate(180deg)}

/* v1.06 opening page */
.intro-screen{
  position:fixed;inset:0;z-index:50000;overflow:auto;
  background:#061315;color:#f4fffb;
  transition:opacity .32s ease,visibility .32s ease;
}
.intro-screen.hidden-intro{opacity:0;visibility:hidden;pointer-events:none}
.intro-backdrop{
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 15% 10%,rgba(61,220,157,.16),transparent 34%),
    radial-gradient(circle at 88% 70%,rgba(255,145,34,.12),transparent 30%),
    linear-gradient(180deg,#071719 0%,#061214 100%);
}
.intro-inner{
  position:relative;min-height:100%;max-width:980px;margin:0 auto;padding:
  max(28px,env(safe-area-inset-top)) 20px max(30px,env(safe-area-inset-bottom));
  display:flex;flex-direction:column;justify-content:center;
}
.intro-brandline{font-size:11px;font-weight:900;letter-spacing:.22em;color:#56e5a6;margin-bottom:7px}
.intro-inner h1{margin:0;font-size:clamp(34px,8vw,66px);line-height:.96;letter-spacing:-.035em}
.intro-subtitle{margin:12px 0 18px;color:#a9c2bb;font-size:14px;max-width:620px;line-height:1.45}
.intro-collage{
  display:grid;grid-template-columns:1.7fr 1fr;grid-template-rows:1fr 1fr 1fr;
  gap:10px;min-height:430px;max-height:620px;margin:8px 0 20px;
}
.intro-photo{margin:0;overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.11);background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.28)}
.intro-photo-main{grid-row:1 / 4}
.intro-photo img{display:block;width:100%;height:100%;object-fit:cover}
.intro-logo-card img{object-fit:contain;padding:14px;background:#fff}
.intro-credits{display:grid;gap:3px;margin:2px 0 17px}
.intro-credits span{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#86a39b}
.intro-credits strong{font-size:16px}
.intro-enter{
  width:100%;min-height:58px;border:0;border-radius:16px;background:#48da8c;color:#04130e;
  font-weight:950;font-size:17px;box-shadow:0 10px 26px rgba(72,218,140,.25);
}
.intro-enter:active{transform:scale(.99)}
.intro-note{display:block;text-align:center;color:#6f8c84;margin-top:10px;font-size:10px}
@media(max-width:620px){
  .intro-inner{padding-left:16px;padding-right:16px}
  .intro-collage{min-height:390px;grid-template-columns:1.45fr .85fr;gap:8px}
  .intro-photo{border-radius:14px}
  .intro-logo-card img{padding:8px}
}

/* v1.0 RC1 presentation freeze */
.project-authors{display:grid;gap:3px;margin:10px 0 14px;padding:12px;border-radius:13px;background:#10272a;border:1px solid rgba(117,240,192,.16)}
.project-authors span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#86a39b}
.project-authors strong{font-size:15px;color:#eafff7}
.intro-credits{padding:12px 14px;border-radius:14px;background:rgba(10,34,31,.74);border:1px solid rgba(117,240,192,.16);backdrop-filter:blur(8px)}
.intro-enter{position:sticky;bottom:max(10px,env(safe-area-inset-bottom));z-index:2}
@media(max-width:620px){
 .intro-inner{justify-content:flex-start;padding-top:max(24px,env(safe-area-inset-top))}
 .intro-inner h1{font-size:36px}
 .intro-subtitle{font-size:12px}
 .intro-collage{min-height:360px;max-height:470px}
 .intro-credits strong{font-size:14px}
}

/* v1.0 RC4 — intro composition requested by user */
.intro-collage{display:none!important}

.intro-hero-photo{
  position:relative;
  width:100%;
  margin:12px 0 18px;
  border-radius:18px;
  overflow:hidden;
  background:#020708;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 14px 34px rgba(0,0,0,.34);
}

.intro-main-fish{
  display:block;
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  object-position:center;
  background:#020708;
}

.intro-logo-overlay{
  position:absolute;
  left:14px;
  background:rgba(255,255,255,.94);
  border-radius:10px;
  padding:7px 9px;
  box-shadow:0 4px 14px rgba(0,0,0,.28);
  backdrop-filter:blur(3px);
}

.intro-logo-overlay img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

.intro-logo-lupa{
  top:14px;
  width:118px;
  height:70px;
}

.intro-logo-bait{
  top:94px;
  width:150px;
  height:48px;
}

@media(max-width:620px){
  .intro-hero-photo{
    border-radius:15px;
    margin-top:10px;
    margin-bottom:15px;
  }
  .intro-main-fish{
    width:100%;
    height:auto;
    object-fit:contain;
  }
  .intro-logo-overlay{left:10px;padding:5px 7px;border-radius:8px}
  .intro-logo-lupa{top:10px;width:92px;height:57px}
  .intro-logo-bait{top:74px;width:118px;height:38px}
}

/* v1.0 FINAL */
#appRoot{position:relative;width:0;height:0;outline:none}
.intro-screen.hidden-intro{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.intro-enter:disabled{opacity:.76}

/* v1.0 FINAL offline inhoudshotfix */
.water-name{background:#0b2422!important;color:#d6fff0!important;border:1px solid rgba(85,207,169,.45)!important}

/* v1.0 FINAL — hotspot details */
.hotspot-detail{
 position:fixed;inset:0;z-index:10050;
 display:none;align-items:flex-end;justify-content:center;
 background:rgba(0,0,0,.48);padding:14px;
}
.hotspot-detail.open{display:flex}
.hotspot-detail-card{
 position:relative;width:min(620px,100%);max-height:76vh;overflow:auto;
 background:#0b1d1d;color:#eaf7f2;border:1px solid rgba(83,220,158,.35);
 border-radius:22px;padding:22px 20px calc(22px + env(safe-area-inset-bottom));
 box-shadow:0 -14px 50px rgba(0,0,0,.45);
}
.hotspot-detail-close{
 position:absolute;right:12px;top:10px;width:42px;height:42px;border:0;border-radius:50%;
 background:#17302e;color:#fff;font-size:30px;line-height:38px;
}
.hotspot-detail-kicker{font-size:12px;letter-spacing:.2em;color:#4cdd99;font-weight:800}
.hotspot-detail-card h2{margin:6px 48px 2px 0;font-size:25px}
.hotspot-detail-water{color:#a8c6bd;font-weight:700;margin-top:4px}
.hotspot-detail-type{margin-top:8px;color:#f1c25d;font-weight:700}
.hotspot-detail-score{display:flex;align-items:baseline;gap:9px;margin:18px 0}
.hotspot-detail-score b{font-size:38px;color:#4cdd99}
.hotspot-detail-score span{color:#9db5ae}
.hotspot-species-scores{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}
.hotspot-species-scores div{background:#122927;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:3px}
.hotspot-species-scores span{font-size:12px;color:#9db5ae}.hotspot-species-scores b{font-size:20px}
.hotspot-detail-section{border-top:1px solid rgba(255,255,255,.09);padding-top:13px;margin-top:13px}
.hotspot-detail-section p{margin:5px 0 0;line-height:1.45;color:#c9d9d4}

/* feature workbuild */
.feature-page{padding:20px 18px 110px;color:#e9f6f1;overflow:auto;height:100%}
.feature-page h2{font-size:28px;margin:0 0 4px}.feature-lead{color:#9eb7af;margin:0 0 18px}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.feature-card{background:#102725;border:1px solid rgba(76,221,153,.2);border-radius:16px;padding:14px}
.feature-card span,.feature-card small{display:block;color:#9eb7af}.feature-card b{display:block;font-size:27px;color:#4cdd99;margin:4px 0}
.feature-action{width:100%;margin:14px 0;border:0;border-radius:15px;padding:15px;background:#4cdd99;color:#061514;font-weight:900;font-size:16px}
.feature-section{margin-top:20px}.feature-section h3{margin-bottom:8px}
.feature-row{width:100%;display:flex;justify-content:space-between;align-items:center;background:#102725;color:#e9f6f1;border:0;border-bottom:1px solid rgba(255,255,255,.07);padding:14px;text-align:left}
.feature-row b{color:#4cdd99;font-size:20px}.feature-note{margin-top:18px;color:#8da69f;font-size:13px;line-height:1.4}
.toggle-row{display:flex;justify-content:space-between;align-items:center;background:#102725;border-radius:14px;padding:15px;margin:10px 0}
.toggle-row span small{display:block;color:#91aaa3;margin-top:3px}.toggle-row input{width:24px;height:24px}

.saved-card{display:flex;background:#102725;border-radius:14px;margin:8px 0;overflow:hidden}
.saved-main{flex:1;text-align:left;border:0;background:transparent;color:#e9f6f1;padding:14px}.saved-main b,.saved-main span{display:block}.saved-main span{color:#91aaa3;margin-top:4px}
.saved-delete{width:48px;border:0;background:#18312f;color:#e9f6f1;font-size:25px}
.catch-form{display:grid;gap:9px}.catch-form input,.catch-form select,.catch-form textarea{width:100%;box-sizing:border-box;background:#102725;color:#e9f6f1;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:13px;font:inherit}
.catch-form textarea{min-height:80px;resize:vertical}.catch-card{background:#102725;border-radius:14px;padding:14px;margin:9px 0}.catch-card span,.catch-card small{display:block;color:#91aaa3;margin-top:4px}.catch-card p{margin:9px 0}.catch-card button{border:0;background:transparent;color:#f2b5b5;padding:7px 0}.empty-state{color:#91aaa3}

/* FINAL cluster interaction hotfix */
.marker-cluster,.marker-cluster div,.leaflet-marker-icon{pointer-events:auto!important;touch-action:manipulation}
.marker-cluster{cursor:pointer!important;z-index:900!important}
.hotspot-detail{touch-action:pan-y}

/* v1.0 FINAL TAP FIX */
.marker,.cluster-marker{
  pointer-events:auto!important;
  touch-action:manipulation!important;
  cursor:pointer!important;
  min-width:48px!important;
  min-height:48px!important;
}
.leaflet-marker-icon{pointer-events:auto!important}
#hotspotDetail{z-index:10050!important;pointer-events:auto!important}
#hotspotDetail.open{display:block!important;visibility:visible!important;opacity:1!important}

/* v1.0 CORRECTNESS FIX */
.hotspot-water-button{
 width:100%;border:0;border-radius:14px;margin-top:18px;padding:14px 16px;
 background:#42d6b0;color:#061817;font:inherit;font-weight:900;
}
.leaflet-overlay-pane svg path{pointer-events:auto}

/* v1.0 UI + WATER FIX */

/* Distinct fish colors */
.marker.species-snoek{
  background:#f0b64a!important;
  border-color:#fff4c8!important;
  box-shadow:0 0 0 5px rgba(240,182,74,.26),0 6px 18px rgba(0,0,0,.24)!important;
}
.marker.species-snoekbaars{
  background:#43d88d!important;
  border-color:#d8ffeb!important;
  box-shadow:0 0 0 5px rgba(67,216,141,.24),0 6px 18px rgba(0,0,0,.24)!important;
}
.marker.species-baars{
  background:#f06f5f!important;
  border-color:#ffe1dc!important;
  box-shadow:0 0 0 5px rgba(240,111,95,.24),0 6px 18px rgba(0,0,0,.24)!important;
}

/* Water layer readability */
.leaflet-overlay-pane .leaflet-interactive{
  stroke-linecap:round;
  stroke-linejoin:round;
}

/* Reliable water-analysis close target on iPhone */
.water-analysis-close,
.sheet-close{
  min-width:48px!important;
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  position:relative!important;
  z-index:30!important;
}

/* v1.0 SCORE WATER CLOSE FIX */
.water-analysis-close{
 position:absolute!important;
 right:14px!important;
 top:14px!important;
 left:auto!important;
 min-width:50px!important;
 min-height:50px!important;
 border-radius:50%!important;
 z-index:80!important;
 pointer-events:auto!important;
 touch-action:manipulation!important;
}

.leaflet-pane.leaflet-rvWaterPane-pane svg path{
 vector-effect:non-scaling-stroke;
}

/* v1.0 FINAL CORRECTED */
.hotspot-species-scores .selected-species-score{
 outline:2px solid #50e6aa;
 background:#173b34!important;
}
.hotspot-species-scores .selected-species-score b{color:#50e6aa}
.leaflet-overlay-pane path{
 stroke-linecap:round;
 stroke-linejoin:round;
}

/* v1.0 GEOMETRY FIX
   Exacte Ringvaartreferentie: echte OSM relation-geometrie, geen handgetekende lijn. */
.water-name{
 white-space:nowrap;
}

/* v1.0 STABLE WATERLINE */
.leaflet-overlay-pane path{
 filter:none!important;
}

/* v1.0 TRUE WATER GEOMETRY */
.leaflet-overlay-pane path{filter:none!important}

/* v1.0 SINGLE VHA WATER */
.leaflet-overlay-pane path{filter:none!important}

/* WFS4326 FINAL BASE */
.leaflet-overlay-pane path{filter:none!important}

/* OGC CRS84 SINGLE */
.leaflet-overlay-pane path{filter:none!important}

/* v1.0 OFFICIAL WMS WATER
   De zichtbare watergeometrie is een officiële server-rendered VMM WMS-laag. */

/* v1.0 WMS HOTSPOTS STABLE */
.leaflet-waterWms-pane{pointer-events:none!important}
.leaflet-marker-pane{z-index:600!important}
.leaflet-tooltip-pane{z-index:650!important}
.leaflet-popup-pane{z-index:700!important}

/* v1.0 WMS HOTSPOTS RECOVERED */
.leaflet-marker-pane{z-index:650!important}
.leaflet-tooltip-pane{z-index:700!important}
.leaflet-popup-pane{z-index:750!important}

/* v1.0 PINCH ZOOM FIX
   De kaartcontainer beheert pinch/pan; overlays mogen geen eigen gesture-policy afdwingen. */
#map,
.leaflet-container{
  touch-action:none!important;
  -ms-touch-action:none!important;
  overscroll-behavior:none;
}
.leaflet-marker-icon,
.marker,
.cluster-marker{
  touch-action:auto!important;
}
.leaflet-overlay-pane svg path{
  touch-action:auto!important;
}
/* De server-rendered VMM-waterlaag is puur visueel. */
.leaflet-waterWms-pane,
.leaflet-waterWms-pane *{
  pointer-events:none!important;
  touch-action:none!important;
}

/* v1.3 GENT SNAPPED HOTSPOTS
   WMS/touch core unchanged. */

/* v1.5 WATER-SAFE GENT: kaartkern/WMS/pinch ongewijzigd. */

/* v1.6 hybrid water anchors */


/* v1.8.1 PINCH STABLE + WATER-SAFE */
/* Invisible/vector water helpers may never steal a two-finger gesture. */
.leaflet-rvWaterPane-pane,
.leaflet-rvWaterPane-pane *{pointer-events:none!important;}
/* Let touch events bubble from dense hotspot fields back to the Leaflet container. */
.leaflet-marker-icon,.marker,.cluster-marker{touch-action:none!important;}
#map,.leaflet-container{touch-action:none!important;-ms-touch-action:none!important;}

/* V1.9.4 — compacte acties in hotspot-detail */
.hotspot-detail-actions{display:grid;gap:9px;margin-top:12px}
.hotspot-detail-actions .hotspot-water-button{width:100%;margin:0}

/* V5.4 DEV — visdaggeschiedenis blijft mobiel aantikbaar */
.session-history-row{width:100%;text-align:left;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
/* V7.0 RC2 — mobile interaction fixes */
.modal-card{position:relative;-webkit-overflow-scrolling:touch;touch-action:pan-y}
.modal-x{position:sticky;float:right;top:0;z-index:3;width:44px;height:44px;border:0;border-radius:50%;background:#17302e;color:#fff;font-size:28px;line-height:40px}
.nav-card{width:100%;text-align:left;color:var(--text);font:inherit}
.hotspot-detail-actions .hotspot-water-button{min-height:48px;touch-action:manipulation;pointer-events:auto!important}
.bottomnav{pointer-events:auto!important}.bottomnav .navitem{pointer-events:auto!important;touch-action:manipulation;min-height:52px}

/* V7.0 RC3 — mobile interaction hardening */
.modal{pointer-events:auto!important;touch-action:manipulation}
.modal-card{pointer-events:auto!important}
.modal-card button,.modal-card input,.modal-card select,.modal-card textarea{pointer-events:auto!important;touch-action:manipulation}
.modal-sticky-actions{position:sticky;bottom:-18px;background:linear-gradient(180deg,rgba(16,37,40,.2),#102528 24%);padding:14px 0 calc(4px + env(safe-area-inset-bottom));z-index:8}
.bottomnav{position:fixed!important;z-index:12000!important}
.bottomnav .navitem{position:relative;z-index:12001!important}


/* V7.0 RC4 — openingsfoto + logo in applicatieknop */
.intro-enter{display:flex;align-items:center;justify-content:center;gap:12px;padding:7px 18px}
.intro-enter-logo{width:42px;height:42px;flex:0 0 42px;border-radius:50%;object-fit:cover;object-position:center;background:#d9eef6;box-shadow:0 2px 8px rgba(0,0,0,.22)}
.intro-enter span{display:inline-block}
@media(max-width:620px){.intro-enter-logo{width:38px;height:38px;flex-basis:38px}}


/* V7.0 RC5 — structural iPhone/Safari interaction fix.
   The RC3 bottom nav (z=12000) sat above the modal (z=1200), so it intercepted
   taps near Save/Cancel. Modal/dialog layers now have a single explicit stack. */
:root{--rv-bottomnav-h:67px}
.bottomnav{
  position:fixed!important;
  left:0;right:0;bottom:0;
  height:calc(var(--rv-bottomnav-h) + env(safe-area-inset-bottom));
  box-sizing:border-box;
  z-index:4000!important;
  isolation:isolate;
}
.bottomnav .navitem{z-index:auto!important;min-height:52px;touch-action:manipulation}
main{bottom:calc(var(--rv-bottomnav-h) + env(safe-area-inset-bottom))}

.modal{
  position:fixed!important;
  inset:0!important;
  z-index:20000!important;
  box-sizing:border-box;
  align-items:flex-end!important;
  justify-content:center!important;
  padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))!important;
  overflow:hidden!important;
  touch-action:auto!important;
}
.modal.hidden{display:none!important}
.modal-card{
  position:relative!important;
  width:min(560px,100%)!important;
  max-height:calc(100dvh - max(24px,env(safe-area-inset-top)) - max(24px,env(safe-area-inset-bottom)))!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  touch-action:pan-y!important;
  padding:18px 18px calc(20px + env(safe-area-inset-bottom))!important;
  box-sizing:border-box;
}
.modal-x{
  position:sticky!important;
  top:0!important;
  float:right;
  z-index:25!important;
  width:48px!important;height:48px!important;
  min-width:48px!important;min-height:48px!important;
  touch-action:manipulation!important;
}
.modal-sticky-actions{
  position:sticky!important;
  bottom:calc(-20px - env(safe-area-inset-bottom))!important;
  z-index:20!important;
  margin:12px -4px 0!important;
  padding:16px 4px calc(20px + env(safe-area-inset-bottom))!important;
  background:linear-gradient(180deg,rgba(16,37,40,0),#102528 18%,#102528 100%)!important;
}
.modal-sticky-actions .btn{min-height:50px;touch-action:manipulation!important}
body.rv-modal-open{overflow:hidden!important}

#hotspotDetail{z-index:15000!important}
.hotspot-detail-card{
  max-height:calc(100dvh - max(28px,env(safe-area-inset-top)) - max(18px,env(safe-area-inset-bottom)))!important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain;
}
.hotspot-detail-close{z-index:25;min-width:48px;min-height:48px;touch-action:manipulation}

/* Keep feature panels, if used later, above Leaflet but below bottom navigation. */
.app-panel{position:fixed;inset:130px 0 calc(var(--rv-bottomnav-h) + env(safe-area-inset-bottom)) 0;z-index:3000;background:#081719;overflow:auto}


/* V7.0 RC6 — iOS Safari visible-viewport interaction architecture.
   Fixed controls are kept inside the VisualViewport, above Safari's dynamic toolbar. */
:root{
  --rv-vv-top:0px;
  --rv-vv-bottom:0px;
  --rv-vv-height:100dvh;
  --rv-ui-gap:10px;
}
.bottomnav{
  bottom:calc(var(--rv-vv-bottom) + var(--rv-ui-gap))!important;
  left:10px!important;
  right:10px!important;
  width:auto!important;
  height:64px!important;
  padding:0 max(4px,env(safe-area-inset-right)) max(4px,env(safe-area-inset-bottom)) max(4px,env(safe-area-inset-left))!important;
  border:1px solid var(--border)!important;
  border-radius:18px!important;
  box-shadow:0 10px 28px rgba(0,0,0,.45)!important;
  transform:translateZ(0);
  -webkit-transform:translateZ(0);
}
.bottomnav .navitem{
  min-height:56px!important;
  -webkit-appearance:none;
  appearance:none;
  user-select:none;
  -webkit-user-select:none;
}
main{
  bottom:calc(84px + var(--rv-vv-bottom) + var(--rv-ui-gap))!important;
}

.modal{
  top:calc(var(--rv-vv-top) + 6px)!important;
  bottom:calc(var(--rv-vv-bottom) + 6px)!important;
  left:0!important;
  right:0!important;
  height:auto!important;
  padding:8px 10px!important;
}
.modal-card{
  max-height:calc(var(--rv-vv-height) - 28px)!important;
  padding-bottom:14px!important;
}
.modal-sticky-actions{
  position:sticky!important;
  bottom:0!important;
  margin:14px -8px -8px!important;
  padding:14px 8px calc(14px + env(safe-area-inset-bottom))!important;
  background:#102528!important;
  box-shadow:0 -12px 24px rgba(4,14,15,.78)!important;
}
.modal-sticky-actions .btn{
  min-height:54px!important;
  font-size:16px!important;
}
.hotspot-route-link{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  min-height:52px!important;
}


/* V7.0 RC7 — definitive interactive stack.
   Hotspot detail is a full-screen backdrop. Navigation must sit above it to be tappable;
   modal stays above both. */
#hotspotDetail{z-index:15000!important}
.bottomnav{
  z-index:25000!important;
  pointer-events:auto!important;
}
.bottomnav .navitem{
  position:relative!important;
  z-index:1!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
.modal{
  z-index:30000!important;
  pointer-events:auto!important;
}
.modal-card,
.modal-card button,
.modal-card input,
.modal-card select,
.modal-card textarea{
  pointer-events:auto!important;
}
.modal-card{touch-action:auto!important}
.modal-x,.modal-sticky-actions .btn{touch-action:manipulation!important;-webkit-user-select:none;user-select:none}


/* V7.0 RC10 — personal data management */
.manage-row{
  display:flex;
  align-items:stretch;
  gap:8px;
  margin:10px 0;
}
.manage-row .manage-main{
  flex:1 1 auto;
  min-width:0;
  margin:0;
}
.manage-delete{
  flex:0 0 56px;
  width:56px;
  min-height:56px;
  border:1px solid rgba(255,120,140,.26);
  border-radius:14px;
  background:#351d22;
  color:#ffd7dd;
  font-size:22px;
  line-height:1;
  touch-action:manipulation;
  -webkit-appearance:none;
}
.manage-delete:active{transform:scale(.97)}
.catch-manage-row .card{display:flex;flex-direction:column;justify-content:center}
.mini-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.mini-delete{background:#351d22!important;color:#ffd7dd!important;border-color:rgba(255,120,140,.26)!important}