/* The tabs, pins, filters and report cards use the same stylesheet as Community Concerns. */
.industrial-complaints { margin-top: 1.5rem; min-width: 0; }
.industrial-reports { width: 100%; max-width: none; margin: 0; padding: 0; box-sizing: border-box; }
.industrial-reports [hidden] { display: none !important; }
.industrial-reports > * { box-sizing: border-box; max-width: 100%; min-width: 0; }
.industrial-reports .industrial-report-layers { display: flex; flex-wrap: wrap; gap: 8px; width: 100%; margin: 0 0 12px; padding: 12px; border: 1px solid #cddde9; border-radius: 14px; }
.industrial-reports .map-layer-label { display: inline-flex; align-items: center; gap: 8px; margin: 0; color: var(--industrial-color); border-color: currentColor; background: var(--nh-card-bg, #fff); line-height: 1.35; }
.industrial-reports .map-layer-label input { accent-color: var(--industrial-color); }
#industrial-reports-tabs { width: 100%; margin: 16px auto; }
.industrial-reports #industrial-reports-map { margin: 10px auto; width: 100%; min-height: 320px; max-height: 480px; border-radius: 12px; }
.industrial-reports .industrial-map-help,.industrial-reports .industrial-report-feedback { width: 100%; font-size: .9rem; line-height: 1.5; }
#industrial-reports-form-panel { width: 100%; padding: 12px 0; }
.industrial-reports #industrial-reports-form-panel:not([hidden]) { display: flex; }
#industrial-reports-form-panel h3 { margin-top: 0; }
#industrial-report-form { width: 100%; margin: 10px auto; box-sizing: border-box; }
#industrial-report-form input:not([type="hidden"]),#industrial-report-form select,#industrial-report-form textarea { display: block; box-sizing: border-box; min-width: 0; width: 100%; max-width: 100%; padding: 12px; margin: 8px 0 18px; font: inherit; color: var(--blue-dark); border: 1px solid #cddde9; border-radius: 10px; background: var(--nh-card-bg, #fff); }
#industrial-report-form textarea { resize: vertical; }
.industrial-report-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.industrial-report-public-note,.industrial-coordinate-help,.industrial-report-context { font-size: .9rem; }
.industrial-reports button { font: inherit; cursor: pointer; }
.industrial-reports .industrial-report-submit,.industrial-reports [data-industrial-another],.industrial-reports .industrial-comment-form button { min-height: 44px; padding: 12px 18px; border: 1px solid var(--blue-dark); border-radius: 10px; color: var(--blue-dark); background: var(--blue-medium); }
.industrial-reports button:disabled { cursor: default; opacity: .65; }
.industrial-reports .industrial-report-feedback.is-error { color: #a22c45; }
#industrial-reports-list { padding: 0; width: 100%; }
.industrial-reports [data-industrial-report-cards] { width: 100%; }
#industrial-reports-list .concern-card { box-sizing: border-box; color: var(--industrial-color) !important; border-color: var(--industrial-color) !important; border-left: 7px solid var(--industrial-color) !important; background: var(--nh-card-bg, #fff); }
.industrial-reports .concern-card > summary { list-style: none; cursor: pointer; }
.industrial-reports .concern-card > summary::-webkit-details-marker { display: none; }
.industrial-reports .concern-card h3 { color: inherit; font-size: 1rem; margin: 0; }
.industrial-reports .concern-card p { overflow-wrap: anywhere; }
.industrial-reports .concern-card-type { border: 1px solid currentColor; font-size: .8rem; }
.industrial-reports .industrial-card-counts { font-size: .85rem; }
.industrial-reports .industrial-report-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 16px; }
.industrial-reports .industrial-report-actions button { padding: 10px 14px; border-radius: 10px; border: 1px solid currentColor; color: inherit; background: var(--nh-card-bg, #fff); }
.industrial-reports .industrial-report-actions [aria-pressed="true"] { background: var(--industrial-color); color: #fff; }
.industrial-reports .industrial-comment-form label { display: block; font-weight: 700; }
.industrial-reports .industrial-comment-form textarea { display: block; width: 100%; box-sizing: border-box; padding: 10px; font: inherit; border: 1px solid #cddde9; border-radius: 8px; color: var(--blue-dark); background: var(--nh-card-bg, #fff); }
.industrial-reports .industrial-comment-list { padding-left: 20px; }
.industrial-reports .industrial-comment-list li { padding: 10px 0; }
.industrial-reports .industrial-comment-list p { white-space: pre-wrap; margin: .4rem 0; }
.industrial-reports .concerns-toolbar { align-items: end; }
.industrial-reports .concerns-address-control input { box-sizing: border-box; width: 100%; min-height: 44px; padding: 10px; border: 1px solid #cddde9; border-radius: 10px; font: inherit; color: var(--blue-dark); }
.industrial-reports .concern-map-popup { max-width: min(290px,65vw); }
.industrial-reports .concern-map-popup p { margin: .5rem 0; font-size: .9rem; line-height: 1.5; }
@media(max-width:760px) {
    .industrial-research .industrial-complaints { padding: 18px 12px; }
    .industrial-report-form-grid { grid-template-columns: 1fr; gap: 0; }
    .industrial-reports .concerns-toolbar { grid-template-columns: 1fr; }
    .industrial-reports .concerns-toolbar > *, .industrial-reports .concerns-date-control, .industrial-reports .concerns-sort-control, .industrial-reports .concerns-per-page-control, .industrial-reports .concerns-address-control { width: 100%; min-width: 0; grid-column: auto; }
    .industrial-reports .map-layer-label { font-size: .82rem; padding: 7px 9px; }
    .industrial-reports .concern-card-summary { padding: 14px; }
    .industrial-reports .concern-card-details { padding: 0 14px 14px; }
}
