/* A map tool first: compact copy, a simple report list and restrained surfaces. */
:root{font-family:Arial,Helvetica,sans-serif;background:#f7f7f5;color:#252b28}body{background:#f7f7f5}h1,h2,.brand,.picker-symbol{font-family:inherit}button,input,textarea,select{font-family:inherit}header{height:76px;padding:0 24px;border-bottom:1px solid #dddeda;gap:18px}.brand{gap:9px}.brand .brand-wordmark{font-size:12px;font-weight:600}.brand-wordmark strong{font-size:25px;letter-spacing:-1px}.brand-wordmark strong span{color:#174c38}.brand-icon{width:39px;height:39px}nav{gap:28px}nav a,nav button{font-size:14px}nav .active:after{background:#174c38;bottom:15px;width:100%;left:0;height:2px;border-radius:0}.primary{border-radius:6px;box-shadow:none;font-size:14px;font-weight:600;padding:12px 17px}.primary:hover{box-shadow:none}#theme-toggle{border-radius:6px;background:transparent;border-color:#d9dfd7}main{padding:0;gap:0;background:white}aside{display:flex;flex-direction:column;background:white;border:0;border-right:1px solid #dddeda;border-radius:0;padding:26px 24px;gap:0}h1{font-size:23px;line-height:1.25;letter-spacing:-.6px;margin:0 0 9px;font-weight:700}.intro{font-size:14px;line-height:1.55;color:#626d66;margin:0}.search{border-radius:6px;min-height:44px;margin:22px 0 16px;padding:11px 12px;background:#fafbf9}.search input{font-size:14px}.filters{gap:0;padding-bottom:0;border-bottom:1px solid #dce1da}.filters button{border:0;border-bottom:2px solid transparent;border-radius:0;background:none;min-height:44px;padding:11px 8px;font-size:13px;color:#626d66}.filters .selected{background:none;border-color:#174c38;color:#174c38}.list-title{font-size:13px;margin:24px 0 5px}.list-title>span{font-size:12px}#count{border-radius:3px;font-size:12px;padding:2px 5px}#database-status{font-size:11px;margin:4px 0 11px;color:#66766a}.card{border:0;border-bottom:1px solid #e3e6df;border-radius:0;padding:19px 0;margin:0;background:transparent;box-shadow:none;transition:background .15s}.card:hover{transform:none;box-shadow:none;border-color:#d6ded0;background:#f6f8f2}.card h3{font-size:16px;margin:12px 0 8px;line-height:1.4;font-weight:600}.card p{font-size:13px;line-height:1.6;color:#5f6d63}.card time{font-size:11px}.badge{border-radius:3px;padding:4px 6px;font-weight:600;font-size:11px}.card-bottom{border-top:0;padding-top:9px;margin-top:5px;gap:6px 12px;font-size:11px}.card-thumb{width:80px;height:64px;border-radius:3px}.sidebar-footer{margin-top:auto;padding-top:28px;display:flex;flex-direction:column;gap:5px;color:#69766d;font-size:11px;line-height:1.5}.privacy-link{width:max-content;text-align:left;font-size:11px;padding:0;min-height:32px;color:#52695a}.empty-state{padding:20px 0}.map-shell{border:0;border-radius:0;box-shadow:none}.map-top>*{border-radius:7px;box-shadow:0 2px 9px #0000001a}.nearby-actions .primary{border-radius:6px;box-shadow:0 2px 8px #0001;background:white}.legend{border-radius:5px;box-shadow:0 1px 6px #0001;padding:11px 13px;font-size:10px}.map-top{top:20px;left:20px;right:20px}.nearby-actions{top:86px;left:20px;right:20px}.place-search{width:360px;flex-basis:360px}.place-search input{font-size:15px}.legend{left:20px;bottom:25px}#place-results{border-radius:6px}#point-picker{border-radius:9px;box-shadow:0 5px 25px #0003;padding:20px}.picker-heading strong{font-size:17px}.picker-heading p{margin-top:8px}.picker-adjust button,.picker-buttons button{border-radius:5px}dialog{border-radius:10px;box-shadow:0 12px 60px #0004}dialog h2{font-size:25px;letter-spacing:-.5px}.eyebrow{letter-spacing:.8px;font-size:10px}.close{border-radius:5px;background:#f1f4ee}label input,textarea,select{border-radius:5px}.upload{border-radius:5px;background:#f6f8f3;min-height:48px;border-style:solid}.comment,.actions button,.damage,.resolution-note{border-radius:5px}#cookie-banner{border-radius:8px;box-shadow:0 4px 24px #0002}#cookie-banner button{border-radius:5px}#toast{border-radius:5px}.detail-photo,#photo-preview{border-radius:5px}
[data-theme=dark] main,[data-theme=dark] aside{background:#162019}[data-theme=dark] aside{border-color:#334035}[data-theme=dark] header{background:#142019}[data-theme=dark] .brand-wordmark strong span{color:#c7ddcb}[data-theme=dark] nav .active:after{background:#a4deba}[data-theme=dark] .search{background:#1a2920}[data-theme=dark] .filters button{background:none;border-color:transparent}[data-theme=dark] .filters .selected{background:none;color:#b6e4c5;border-color:#a4deba}[data-theme=dark] .filters{border-color:#3a493b}[data-theme=dark] .card{background:transparent;border-color:#344437;box-shadow:none}[data-theme=dark] .card:hover{background:#1e3023;border-color:#445c49}[data-theme=dark] .sidebar-footer{color:#aebcaf}[data-theme=dark] .map-top>*,[data-theme=dark] #place-results,[data-theme=dark] #place-options button,[data-theme=dark] .legend{box-shadow:0 2px 10px #0004}[data-theme=dark] #place-options button{box-shadow:none}[data-theme=dark] #theme-toggle{background:transparent}
@media(min-width:768px){main{grid-template-columns:340px minmax(0,1fr);height:calc(100dvh - 76px);min-height:530px}.map-shell{height:100%}aside{padding:28px 24px}}
@media(min-width:1200px){main{grid-template-columns:355px minmax(0,1fr)}}
@media(min-width:768px) and (max-width:1000px){main{grid-template-columns:280px minmax(0,1fr)}aside{padding:25px 18px}header{padding:0 20px}nav{gap:18px}h1{font-size:22px}.map-top{left:16px;right:16px}.nearby-actions{left:16px;right:16px}.legend{left:16px;max-width:calc(100% - 32px)}}
@media(max-width:767px){header{height:70px;padding:0 12px;gap:8px}.brand-icon{width:32px;height:32px}.brand-wordmark strong{font-size:21px}.brand .brand-wordmark{font-size:10px}.header-actions{gap:7px}header .primary{font-size:11px;padding:10px 11px;min-height:44px}#theme-toggle{width:38px;min-width:38px}.map-shell{height:59dvh;min-height:390px;border-bottom:1px solid #dfe4d9}aside{z-index:500;margin:0;border-radius:0;border:0;padding:25px 20px}h1{font-size:23px}.intro{font-size:14px}.map-top{left:12px;right:12px;top:13px}.nearby-actions{left:12px;right:12px;top:77px}.nearby-actions .primary{font-size:12px}.legend{left:12px;right:12px;bottom:24px;max-width:calc(100% - 24px);padding:10px;gap:7px 11px;font-size:10px}.leaflet-control-attribution{margin-bottom:0!important}.place-search{flex:1;width:auto}.map-shell:has(#point-picker:not([hidden])){max-height:calc(100dvh - 70px);min-height:520px;height:700px}#point-picker{bottom:78px;padding:17px;max-width:calc(100% - 24px)}dialog{border-radius:9px}.sidebar-footer{padding-top:24px}.card{padding:20px 0}}
@media(max-width:360px){header{padding:0 9px}.brand{gap:6px}.brand-icon{width:29px;height:29px}.brand-wordmark strong{font-size:19px}header .primary{font-size:10px;padding:10px 8px}.legend{font-size:9px;gap:7px 10px}}
