.problem-heading{padding:26px 0 18px}.problem-heading h1{font-size:36px;margin:6px 0 10px}.problem-heading p{max-width:700px}.problem-filters{display:flex;align-items:end;gap:14px;padding:18px;background:#f2f5fa;border:1px solid #dfe5ef;border-radius:12px}.problem-filters label{display:flex;flex:1;flex-direction:column;gap:8px;font-size:14px}.problem-filters select{width:100%;background:white;font-size:16px}.problem-results{display:flex;gap:22px;padding:20px 0;font-size:14px}.problem-results span{color:#66748a}.problem-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:start;margin-bottom:20px}.problem-map-shell{position:relative;border:1px solid #dce3ef;border-radius:12px;overflow:hidden;background:#eef1f4}.problem-map{height:580px;min-height:360px;width:100%;z-index:1}.problem-map-message{position:absolute;z-index:450;bottom:30px;left:15px;right:15px;padding:12px;background:#fff;border-radius:8px;font-size:14px;box-shadow:0 2px 8px #0002}.problem-map-message[hidden]{display:none}.problem-list{max-height:580px;overflow:auto;position:relative;scrollbar-width:thin;display:grid;gap:16px}.problem-card{border:1px solid #dde4ef;border-radius:12px;overflow:hidden;background:#fff}.problem-card.is-selected{outline:2px solid #1849e8;outline-offset:-2px}.problem-card>a{display:block}.problem-card img{width:100%;height:185px;object-fit:cover;display:block}.problem-card-body{padding:17px}.problem-category{font-size:13px;font-weight:600;color:#9a431f}.problem-card h2{font-size:20px;line-height:1.3;margin:9px 0}.problem-card p{font-size:14px;color:#627086;line-height:1.5}.problem-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:#627086}.problem-card-bottom button{color:#1849e8;background:transparent;padding:6px;font-size:14px}.problem-empty{padding:22px;border:1px solid #e0e5ee;border-radius:12px}.problem-empty h2{font-size:23px}.problem-empty p{font-size:16px;color:#627086;line-height:1.6}.problem-note{font-size:14px;color:#65738a;line-height:1.6}.problem-pin{border:0;background:transparent}.problem-pin span{display:grid;place-items:center;width:34px;height:34px;background:#c44828;color:#fff;font-size:22px;font-weight:700;border:3px solid white;border-radius:50%;box-shadow:0 2px 8px #15253b55}.problem-pin.is-resolved span{background:#147957}.problem-popup img{width:220px;height:130px;object-fit:cover;border-radius:6px;margin-bottom:10px}.problem-popup strong{display:block;font-size:16px;line-height:1.35}.problem-popup p{font-size:14px;line-height:1.4}.problem-popup a{font-weight:600;font-size:14px}.problem-editor{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:20px 0 40px;align-items:start}.problem-fields{border:1px solid #dfe5ef;padding:22px;border-radius:12px}.problem-fields label{font-size:16px}.problem-fields input,.problem-fields select,.problem-fields textarea{font-size:16px;min-width:0;width:100%}.problem-fields small{font-size:13px;font-weight:400;line-height:1.5;color:#65738a}.problem-location h2{font-size:24px;margin:0 0 8px}.problem-location>p{font-size:16px;line-height:1.5;color:#586981}.problem-location .problem-map{height:440px}.problem-map-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.problem-photo-preview{width:100%;max-height:320px;object-fit:contain;border-radius:9px}.problem-photo-preview[hidden]{display:none}.problem-send{grid-column:1/-1;max-width:780px}.problem-send>.button{align-self:flex-start}.problem-send .check{font-size:14px}.problem-detail-map{margin-bottom:22px}.problem-detail-map .problem-map{height:360px;min-height:320px}.problem-detail-map h2{font-size:22px;margin:0 0 12px}.problem-card button[hidden],.problem-map-actions button[hidden]{display:none}
@media(max-width:1050px){.problem-layout{grid-template-columns:minmax(0,1fr) 310px}.problem-editor{gap:18px}.problem-fields .form-row{grid-template-columns:1fr}.problem-fields{padding:16px}}
@media(max-width:800px){.problem-heading{display:block}.problem-heading>.button{margin-top:16px}.problem-heading h1{font-size:30px}.problem-layout{grid-template-columns:1fr}.problem-map{height:400px}.problem-list{max-height:none;grid-template-columns:repeat(2,minmax(0,1fr))}.problem-filters{flex-wrap:wrap}.problem-filters label{flex-basis:calc(50% - 14px)}.problem-editor{grid-template-columns:1fr}.problem-location .problem-map{height:390px}.problem-send{grid-column:auto}}
@media(max-width:480px){.problem-list{grid-template-columns:1fr}.problem-filters label{flex-basis:100%}.problem-map-actions .button{font-size:14px}.problem-heading h1{font-size:28px}.problem-results{gap:14px}}