/* Report surfaces scroll vertically without widening the mobile viewport. */
.report-panel,.report-panel .alerts-drawer,.report-panel .alert-panel-body,#map-report-overlay{
 min-width:0;max-width:100%;overflow-x:hidden;overscroll-behavior-x:none;touch-action:pan-y;
}
#modal:has(#reportform){
 width:calc(100vw - 24px);max-width:530px;overflow-x:hidden;overscroll-behavior-x:none;touch-action:pan-y;
}
#modal:has(#reportform) #modalbody,#reportform,#reportform .field,#reportform .form-pair{min-width:0;max-width:100%}
#reportform .form-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
#reportform :is(input,textarea,select){min-width:0;width:100%;max-width:100%;box-sizing:border-box;font-size:16px}
#reportform input[type=datetime-local]{min-inline-size:0;max-inline-size:100%;-webkit-appearance:none}
#reportform input[type=datetime-local]::-webkit-date-and-time-value{text-align:left}
.report-panel :is(.report-row-copy,.report-byline,.member-identity),#map-report-overlay .report-detail{min-width:0;overflow-wrap:anywhere}
.report-panel .report-row{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr) 16px;gap:12px}
.harbor-report-icon{display:block;width:24px;height:24px;flex-shrink:0}
.report-pin>span{width:38px;height:38px;transform:none;border-radius:12px;background:#075f73;color:#fff;border:2px solid #fff;box-shadow:0 2px 8px #001a3555}
.report-pin.buoy>span{background:#ab4f13}
.report-pin.bridge>span{background:#285787}
.report-pin.note>span{background:#075f73}
.report-pin.resolved>span{background:#566875}
.report-pin.selected>span{background:#fff;color:#15384d;border-color:#15384d}
.report-symbol{display:grid!important;place-items:center;width:42px;height:42px;border-radius:12px;flex-shrink:0;background:#e0f0f2;color:#075f73}
.report-symbol.buoy{background:#fff0d9;color:#93420b}
.report-symbol.bridge{background:#e4edf8;color:#285787}
html[data-theme=dark] .report-symbol{background:#153942;color:#9ad9e1}
html[data-theme=dark] .report-symbol.buoy{background:#402d20;color:#ffc67f}
html[data-theme=dark] .report-symbol.bridge{background:#20344b;color:#a6ccff}
@media(max-width:360px){#reportform .form-pair{grid-template-columns:minmax(0,1fr)}}