*{box-sizing:border-box}
.citizen-problem-page{max-width:1500px;margin:auto;padding:clamp(1rem,3vw,2.5rem)}
.citizen-problem-page>header{max-width:900px;margin:1.5rem 0 2rem}
.citizen-problem-page>header h1{font-size:clamp(2rem,5vw,4rem);margin:.25rem 0;color:#171433;letter-spacing:-.035em}
.citizen-problem-page>header p{font-size:1.05rem;color:#667085}
.citizen-problem-layout{display:grid;grid-template-columns:minmax(360px,430px) minmax(0,1fr);gap:1rem;align-items:stretch;min-height:0}
.citizen-problem-form,.citizen-problem-map-card{background:rgba(255,255,255,.96);border:1px solid #e4e0ec;border-radius:22px;box-shadow:0 18px 50px rgba(36,22,55,.09),0 2px 8px rgba(36,22,55,.04)}
.citizen-problem-form{display:grid;grid-template-columns:1fr 1fr;gap:.62rem .7rem;padding:1rem;align-content:start;overflow:hidden}
.citizen-problem-form-title{grid-column:1/-1;padding:.1rem 0 .2rem}
.citizen-problem-form-title span{display:block;margin-bottom:.12rem;color:var(--primary);font-size:.68rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.citizen-problem-form-title h2{margin:0;color:#171433;font-size:1.35rem;letter-spacing:-.02em}
.citizen-problem-form label{display:grid;gap:.28rem;font-size:.8rem;font-weight:850;color:#27233f}
.citizen-problem-form label:nth-of-type(5){grid-column:1/-1}
.citizen-problem-form input,.citizen-problem-form select,.citizen-problem-form textarea{width:100%;min-width:0;border:1px solid #d9d3e3;border-radius:12px;background:#fbfaff;color:#27233f;font:inherit;font-weight:650;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.citizen-problem-form input,.citizen-problem-form select{height:42px;padding:.55rem .7rem}
.citizen-problem-form textarea{height:84px;min-height:70px;max-height:100px;padding:.65rem .7rem;resize:vertical}
.citizen-problem-form input:focus,.citizen-problem-form select:focus,.citizen-problem-form textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 14%,transparent)}
.citizen-problem-form small{font-weight:500;color:#8a8295}
.citizen-problem-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.1rem}
.citizen-problem-actions .button{min-height:42px;margin:0;border-radius:12px;padding:.55rem .65rem;font-size:.82rem;box-shadow:none}
.citizen-problem-actions .button[type=submit]{box-shadow:0 9px 20px color-mix(in srgb,var(--primary) 24%,transparent)}
#problem-use-location{background:#f0edf7;border-color:#e3ddec;color:#33294b}
#problem-use-location span{font-size:1.15rem;line-height:0;vertical-align:-.08em}
#problem-location-status{grid-column:1/-1;min-height:1rem;margin:0;padding:.05rem .12rem;color:#667085;font-size:.74rem;line-height:1.2}
.problem-honeypot{position:absolute!important;left:-9999px!important}
.citizen-problem-map-card{overflow:hidden;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr)}
.citizen-problem-map-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.72rem 1rem;border-bottom:1px solid #ebe7f0;background:linear-gradient(135deg,#fff,#faf8fc)}
.citizen-problem-map-head h2,.citizen-problem-map-head p{margin:.1rem 0}
.citizen-problem-map-head h2{font-size:1.22rem;color:#171433;letter-spacing:-.02em}
.citizen-problem-map-head p{font-size:.78rem;color:#7b7286}
.citizen-problem-filters{display:flex;gap:.55rem;flex-wrap:wrap}
.citizen-problem-filters label{display:grid;gap:.18rem;font-size:.68rem;font-weight:850;color:#40384c}
.citizen-problem-filters select{min-width:140px;height:36px;padding:.35rem .55rem;border:1px solid #d9d3e3;border-radius:10px;background:#fff;font:inherit;font-size:.78rem;font-weight:700}
.citizen-problem-map-body{display:grid;grid-template-columns:minmax(0,1fr) 188px;min-height:0}
#citizen-problem-map{height:100%;min-height:0}
.citizen-problem-legend{display:flex;flex-direction:column;align-items:stretch;gap:.57rem;padding:.9rem .8rem;border-left:1px solid #e8e3ed;background:linear-gradient(180deg,#faf9fc,#f5f2f8);overflow:auto}
.citizen-problem-legend>strong{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#6d6279;margin-bottom:.1rem}
.citizen-problem-legend span{display:flex;align-items:center;gap:.48rem;font-size:.74rem;font-weight:750;color:#41394b}
.citizen-problem-legend i{flex:0 0 auto;width:.68rem;height:.68rem;border-radius:50%;background:var(--legend-color);box-shadow:0 0 0 2px #fff,0 0 0 3px #d6cfdd}
.leaflet-popup-content h3{margin:0 0 .35rem;font-size:1rem}.leaflet-popup-content p{margin:.25rem 0;white-space:pre-wrap}.leaflet-popup-content small{color:#64748b}
.citizen-problem-embedded{background:#f7fafb}.citizen-problem-embedded .citizen-problem-page{padding:1rem}
@media(min-width:851px){html,body{height:100%;overflow:hidden}body{background:radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--primary) 7%,transparent),transparent 28%),#fcfbfd}.citizen-problem-page{height:calc(100dvh - 96px);padding:.55rem clamp(.75rem,2vw,1.5rem) .7rem;display:grid;grid-template-rows:auto minmax(0,1fr);gap:.55rem}.citizen-problem-page>header{max-width:none;margin:0;display:flex;align-items:baseline;gap:.8rem;flex-wrap:wrap}.citizen-problem-page>header .eyebrow{display:none}.citizen-problem-page>header h1{font-size:clamp(1.45rem,2vw,2rem);margin:0}.citizen-problem-page>header p{font-size:.82rem;margin:0}.citizen-problem-layout{height:100%;min-height:0}.citizen-problem-form,.citizen-problem-map-card{height:100%}}
@media(max-width:1050px) and (min-width:851px){.citizen-problem-layout{grid-template-columns:minmax(330px,390px) minmax(0,1fr)}.citizen-problem-map-body{grid-template-columns:minmax(0,1fr) 160px}.citizen-problem-legend{padding:.8rem .65rem}.citizen-problem-filters select{min-width:115px}}
@media(max-width:850px){.citizen-problem-page{padding:1rem}.citizen-problem-page>header{margin:.5rem 0 1rem}.citizen-problem-page>header h1{font-size:2rem}.citizen-problem-layout{grid-template-columns:1fr}.citizen-problem-map-card{min-height:620px}.citizen-problem-map-head{align-items:flex-start;flex-direction:column}.citizen-problem-filters{width:100%}.citizen-problem-filters label{flex:1}.citizen-problem-filters select{min-width:0;width:100%}.citizen-problem-map-body{display:flex;flex-direction:column}.citizen-problem-legend{order:-1;flex-direction:row;flex-wrap:wrap;border-left:0;border-bottom:1px solid #e8e3ed}.citizen-problem-legend>strong{width:100%}#citizen-problem-map{height:480px;min-height:420px}}
@media(max-width:520px){.citizen-problem-form{grid-template-columns:1fr}.citizen-problem-form label,.citizen-problem-form label:nth-of-type(n+3),.citizen-problem-form-title,.citizen-problem-actions,#problem-location-status{grid-column:1}.citizen-problem-actions{grid-template-columns:1fr}.citizen-problem-page>header p{font-size:.92rem}}