/* ===== Your places (sidebar) and the add-a-place form (sidebar + onboarding) ===== */
.yp-add-first{display:block;width:100%;margin:0 0 12px;padding:11px 14px;border:1.5px dashed #c9c9c3;border-radius:10px;background:none;text-align:left;color:var(--ink);font:600 13px 'DM Sans',system-ui,sans-serif;cursor:pointer}
.yp-add-first:hover{border-color:var(--accent);background:#fff}
.yp-add-first span{color:var(--accent);margin-right:4px}
.yp-add-first small{display:block;font-weight:400;font-size:11.5px;color:var(--muted);margin-top:2px}
#report .yp-sec .sec-head{align-items:center}
.mode-switch{display:flex;flex-shrink:0;border:1px solid #d0d0cb;border-radius:999px;background:#fff;padding:2px}
.mode-switch button{display:flex;align-items:center;gap:4px;border:0;background:none;border-radius:999px;padding:4px 8px;font:600 11.5px 'DM Sans',system-ui,sans-serif;color:var(--muted);cursor:pointer}
.mode-switch button .cat-icon{width:14px;height:14px}
.mode-switch button[aria-pressed=true]{background:var(--ink);color:#fff}
.mode-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
#report .yp-row .walk-name{display:flex;align-items:center;gap:6px}
#report .yp-row .walk-name .strip-summary{overflow:hidden;text-overflow:ellipsis}
.yp-icon{display:inline-grid;flex-shrink:0}
.yp-icon .cat-icon{width:15px;height:15px}
#report .yp-more{display:inline-block;margin:6px 0 2px}
.yp-rename{font:600 13.5px 'DM Sans',system-ui,sans-serif;border:1px solid var(--accent);border-radius:5px;padding:1px 5px;width:150px}
#report .journey-legs{list-style:none;margin:6px 0;padding:0;font-size:12.5px;color:var(--ink2)}
#report .journey-legs li{position:relative;padding:3px 0 3px 16px}
#report .journey-legs li:before{content:'';position:absolute;left:3px;top:9px;width:7px;height:7px;border-radius:50%;background:var(--ink)}
#report .journey-legs li.leg-walk{color:var(--muted)}
#report .journey-legs li.leg-walk:before{background:none;border:1.5px dashed var(--faint);width:5px;height:5px}
#report .journey-legs small{display:block;font-size:11.5px;color:var(--muted)}
.yp-form-card{margin:0 0 12px}
.yp-form-inline{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}
.yp-form-title{display:block;font:700 13.5px Manrope,system-ui,sans-serif;color:var(--ink);margin:4px 0 8px}
.pick-cancel{margin-top:6px;border:1px solid #141414;background:#fff;padding:4px 10px;font-size:12px;font-weight:600;cursor:pointer}
body.picking-place #map{cursor:crosshair}
body.picking-place #map canvas{cursor:crosshair!important}
.journey-end span{background:#fff}

/* the form */
.place-form{display:grid;gap:8px;font-size:12.5px}
.place-kinds{display:flex;flex-wrap:wrap;gap:6px}
.place-kinds button{display:flex;align-items:center;gap:5px;border:1px solid #d0d0cb;border-radius:999px;background:#fff;padding:5px 10px;font:600 12px 'DM Sans',system-ui,sans-serif;color:var(--muted);cursor:pointer}
.place-kinds button .cat-icon{width:14px;height:14px}
.place-kinds button[aria-pressed=true]{border-color:var(--ink);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.place-field{display:grid;gap:3px}
.place-field span{font-size:11px;font-weight:600;color:var(--muted)}
.place-field input{border:1px solid #cfcfca;border-radius:7px;padding:8px 10px;font:13px 'DM Sans',system-ui,sans-serif;background:#fff;color:var(--ink);min-width:0}
.place-field input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}
.pf-results{display:grid;border-radius:7px;overflow:hidden}
.pf-results:not(:empty){border:1px solid var(--line);background:#fff}
.pf-results button{display:block;text-align:left;border:0;border-top:1px solid var(--line);background:#fff;padding:7px 10px;font:inherit;color:var(--ink);cursor:pointer}
.pf-results button:first-child{border-top:0}
.pf-results button:hover,.pf-results button:focus-visible{background:#f3f6fb;outline:0}
.pf-results small{display:block;color:var(--muted);font-size:11px;margin-top:1px}
.pf-status{margin:0;padding:6px 10px;font-size:11.5px;color:var(--muted)}
.pf-chosen{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:0;font-size:12.5px;color:var(--ink)}
.pf-chosen:empty{display:none}
.pf-chosen .cat-icon{width:14px;height:14px;color:var(--accent)}
.pf-chosen small{color:var(--muted);font-size:11px}
.pf-actions{display:flex;align-items:center;gap:8px}
.pf-actions>span{flex:1}
.pf-actions button{border-radius:999px;padding:6px 12px;font:600 12px 'DM Sans',system-ui,sans-serif;cursor:pointer}
.pf-pick{border:1px solid #d0d0cb;background:#fff;color:var(--ink)}
.pf-cancel{border:0;background:none;color:var(--muted)}
.pf-add{border:0;background:var(--ink);color:#fff}
.pf-add:disabled{opacity:.35;cursor:default}

/* onboarding: one quiet, collapsed line */
.onboard-places{margin-top:18px;border:1px solid #e2e7da;border-radius:12px;background:#fff}
.onboard-places summary{list-style:none;display:grid;grid-template-columns:auto 1fr auto;column-gap:8px;align-items:baseline;padding:12px 14px;cursor:pointer;color:#3d5932}
.onboard-places summary::-webkit-details-marker{display:none}
.onboard-places summary b{font-size:12px}
.onboard-places .op-plus{color:#6f884f;font-weight:700}
#onboard-places-count{font-size:10px;color:#8b957f;text-transform:uppercase;letter-spacing:.8px}
.onboard-places summary small{grid-column:2/4;font-size:10.5px;color:#839078;line-height:1.5;margin-top:2px}
.onboard-places[open] .op-plus{transform:rotate(45deg);display:inline-block}
.onboard-places[open]>div{padding:0 14px}
.onboard-places[open]>div:last-child{padding-bottom:14px}
.op-list{display:flex;flex-wrap:wrap;gap:6px}
.op-list:not(:empty){margin-bottom:10px}
.op-chip{display:inline-flex;align-items:center;gap:5px;background:#edf3e2;border:1px solid #b8cba4;border-radius:8px;padding:5px 4px 5px 8px;font-size:11px;color:#446239}
.op-chip .cat-icon{width:13px;height:13px}
.op-chip button{border:0;background:none;color:#6f884f;font-size:14px;line-height:1;padding:0 4px;cursor:pointer}
@media(max-width:720px){.mode-switch button span{display:none}.mode-switch button{padding:5px 7px}}