.drf-wrapper { /*max-width: 1160px; margin: 40px auto; font-family: "Segoe UI", Arial, sans-serif; background: #fafafa; padding: 30px; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.05);*/ color: #002855; }
.drf-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; flex-wrap: wrap; gap: 15px; }
.drf-header h2 { margin: 0; font-size: 20px; color: #002855; font-weight: normal; border-bottom: 1px solid #002855; width: 100%; }
.search-box { position: relative; display: flex; gap: 10px; }
.search-box input { padding: 12px 45px 12px 15px; width: 280px; border: 1px solid #002855; border-radius: 8px!important; }
.search-box button { /*position: absolute; right: 5px; top: 5px;*/ background: #002855!important; color: white; border: none; width: 52px; height: 52px; border-radius: 6px; cursor: pointer; padding-top:8px;}

.section-title { font-size: 20px; margin: 30px 0 15px; color: #002855; border-bottom: 1px solid #002855; padding-bottom: 8px; font-weight: normal;}

.damage-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 20px 0; }
.damage-item { /*background: #f8f8f8; border: 2px solid transparent; border-radius: 10px; padding: 15px; text-align: center;*/ cursor: pointer; transition: all 0.2s; }
/*.damage-item:hover, .damage-item.active { border-color: #0066cc; background: #eef4ff; }*/
.damage-item input { display: none; }
.damage-item .icon { font-size: 36px; display: block; margin-bottom: 8px; }
.damage-item .label { font-size: 13px; color: #333; }

.other-damage { display: block; margin: 20px 0; font-size: 15px; }

.field-group { margin: 20px 0; }
.field-group label { display: block; margin-bottom: 8px; font-weight: 600; }
.field-group input, .field-group textarea { width: 100%; padding: 12px; border: 1px solid #002855; /*border-radius: 8px;*/ font-size: 15px;}

.media-row { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin: 30px 0; align-items: start; }
.map-col .icon-label, .photo-col .icon-label { font-weight: bold; color: #333; margin-bottom: 5px; }
.icon-label:before { margin-right: 8px; font-size: 18px; }
.map-col .icon-label:before { content: "Location"; }
.photo-col .icon-label:before { content: "Upload"; color: #ff9500; }
.hint { font-size: 13px; color: #666; margin: 5px 0 0; }

.upload-area { margin-top: 10px; text-align: center; }
.upload-btn { display: inline-block; background: #f0f0f0; padding: 40px; border: 2px dashed #ccc; border-radius: 10px; cursor: pointer; width: 100%; }
#photo { display: none; }

.anon-check { display: block; margin: 25px 0; font-size: 15px; }
.privacy-check { display: block; margin: 25px 0; font-size: 15px; font-weight: normal; color: #666; }

.contact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 15px; margin: 20px 0; }
.contact-grid input { padding: 12px; border: 1px solid #002855; /*border-radius: 8px;*/ }

.submit-btn { display: block; max-width: 400px; width: 90%; margin: auto; background: #ff9500; color: white; font-size: 20px; font-weight: bold; padding: 18px; border: none; border-radius: 50px; cursor: pointer; margin-top: 30px; }
.submit-btn:hover { background: #e68500; }

#drf-message { margin-top: 20px; text-align: center; font-weight: bold; }

#photo-preview { max-height: 200px; object-fit: cover; border: 2px solid #ddd;}
.result-box h3 { margin: 0; font-size: 20px; color: #002855!important; font-weight: normal; margin-bottom: 20px;}

.lookup-btn {
    align-items: center;
    justify-content: center;
    padding: 0;
}
.lookup-btn svg {
    stroke: white;
}
/* Mobile & tablet – stack vertically */
@media (max-width: 992px) {
    .damage-grid, .media-row {
        grid-template-columns: 1fr;           /* 1 column = one below the other */
        gap: 16px;                            /* a bit more breathing room on mobile */
    }
}

/* Optional – also nice 2×2 layout on medium tablets (you can remove if you don’t want it) */
@media (min-width: 600px) and (max-width: 992px) {
    .damage-grid {
        grid-template-columns: repeat(2, 1fr);  /* 2 columns on tablets */
    }
}