/* Crash Records adjustments, original order */

/* SOURCE: road-safety-records-block-03.css */

/* PURECAR_RECORD_BROWSER_DESIGN_V4 */

/* Restrict changes to historical collision records */
html body main.pcbr .pcbr-filter {
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    column-gap:14px!important;
    row-gap:16px!important;
    align-items:end!important;
    margin-top:22px!important;
}

html body main.pcbr .pcbr-filter > div {
    min-width:0!important;
    width:100%!important;
}

/* Consistent field labels */
html body main.pcbr .pcbr-filter label {
    display:block!important;
    margin:0 0 9px!important;
    font-size:14px!important;
    font-weight:750!important;
    color:#302927!important;
    line-height:1.45!important;
}

/* Inputs and dropdowns */
html body main.pcbr .pcbr-filter select,
html body main.pcbr .pcbr-filter input {
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:54px!important;
    min-height:54px!important;
    padding:12px 16px!important;
    border:1px solid #d8cecb!important;
    border-radius:10px!important;
    background-color:#fff!important;
    color:#292323!important;
    font-size:16px!important;
    font-weight:500!important;
    line-height:1.4!important;
    box-shadow:none!important;
    box-sizing:border-box!important;
}

/* One arrow, properly inset inside each dropdown */
html body main.pcbr .pcbr-filter select {
    -webkit-appearance:none!important;
    -moz-appearance:none!important;
    appearance:none!important;
    padding-right:45px!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23292323' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:right 16px center!important;
    background-size:16px!important;
    cursor:pointer!important;
}

html body main.pcbr .pcbr-filter select:focus,
html body main.pcbr .pcbr-filter input:focus {
    outline:none!important;
    border-color:#a34753!important;
    box-shadow:0 0 0 3px rgba(163,71,83,.12)!important;
}

/* Actions occupy their own full-width row */
html body main.pcbr .pcbr-filter > div:nth-child(5) {
    grid-column:1/span 2!important;
    display:flex!important;
    align-items:center!important;
}

html body main.pcbr .pcbr-filter > div:nth-child(6) {
    grid-column:3/span 2!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
}

html body main.pcbr .pcbr-filter .pcbr-btn {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:50px!important;
    padding:13px 23px!important;
    border-radius:9px!important;
    font-size:15px!important;
    font-weight:750!important;
    color:#fff!important;
    background:var(--pc-road-accent-strong)!important;
    border:1px solid var(--pc-road-accent-strong)!important;
    white-space:nowrap!important;
    cursor:pointer!important;
}

html body main.pcbr .pcbr-filter > div:nth-child(6) a {
    display:inline-flex!important;
    align-items:center!important;
    min-height:48px!important;
    padding:10px 15px!important;
    border-radius:9px!important;
    color:#5b4e4b!important;
    background:#f8f5f4!important;
    border:1px solid var(--pc-road-border)!important;
    text-decoration:none!important;
    font-weight:650!important;
    font-size:14px!important;
}

/* The explanatory note */
html body main.pcbr .pcbr-panel > p.pcbr-muted {
    display:block!important;
    padding:12px 15px!important;
    margin:17px 0 0!important;
    background:var(--pc-road-surface)!important;
    border-left:3px solid var(--pc-road-accent-strong)!important;
    border-radius:0 8px 8px 0!important;
    color:#625956!important;
    font-size:13px!important;
    line-height:1.65!important;
}

/* Search result layout */
html body main.pcbr .pcbr-panel {
    min-width:0!important;
}

html body main.pcbr .pcbr-panel h2 {
    line-height:1.25!important;
    letter-spacing:-.4px!important;
}

html body main.pcbr .pcbr-table {
    width:100%!important;
    max-width:100%!important;
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch;
    border-radius:10px!important;
    border:1px solid var(--pc-road-border-pale)!important;
}

html body main.pcbr .pcbr-table table {
    width:100%!important;
    border-collapse:collapse!important;
    font-size:14px!important;
}

html body main.pcbr .pcbr-table th {
    background:#f9f6f5!important;
    color:#332b29!important;
    font-weight:750!important;
}

html body main.pcbr .pcbr-table th,
html body main.pcbr .pcbr-table td {
    padding:14px 16px!important;
    text-align:left!important;
    vertical-align:middle!important;
    border-bottom:1px solid #ece5e2!important;
}

html body main.pcbr .pcbr-table td a {
    color:#963e4a!important;
    font-weight:750!important;
}

html body main.pcbr .pcbr-paging {
    max-width:100%!important;
    overflow-x:auto!important;
    padding:14px 0!important;
}

/* Tablet */
@media(max-width:950px) {
    html body main.pcbr .pcbr-filter {
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
    html body main.pcbr .pcbr-filter > div:nth-child(5),
    html body main.pcbr .pcbr-filter > div:nth-child(6) {
        grid-column:auto!important;
    }
}

/* Mobile */
@media(max-width:600px) {
    html body main.pcbr .pcbr-filter {
        grid-template-columns:minmax(0,1fr)!important;
        gap:15px!important;
    }

    html body main.pcbr .pcbr-filter > div:nth-child(5),
    html body main.pcbr .pcbr-filter > div:nth-child(6) {
        grid-column:1!important;
    }

    html body main.pcbr .pcbr-filter > div:nth-child(5) .pcbr-btn,
    html body main.pcbr .pcbr-filter > div:nth-child(6) a {
        width:100%!important;
        justify-content:center!important;
    }

    html body main.pcbr .pcbr-panel {
        padding:20px 16px!important;
        border-radius:12px!important;
    }

    html body main.pcbr .pcbr-table table {
        min-width:580px!important;
    }

    html body main.pcbr .pcbr-table th,
    html body main.pcbr .pcbr-table td {
        padding:12px 13px!important;
    }
}


/* SOURCE: road-safety-records-block-04.css */

/* PURECAR_RECORD_BUTTON_ALIGNMENT_V5 */

/* Both actions sit together below the four search fields */
@media(min-width:951px){
    html body main.pcbr .pcbr-filter > div:nth-child(5){
        grid-column:1!important;
        grid-row:2!important;
        justify-content:flex-start!important;
    }

    html body main.pcbr .pcbr-filter > div:nth-child(6){
        grid-column:2!important;
        grid-row:2!important;
        justify-content:flex-start!important;
    }
}

@media(min-width:601px) and (max-width:950px){
    html body main.pcbr .pcbr-filter > div:nth-child(5){
        grid-column:1!important;
        grid-row:3!important;
    }

    html body main.pcbr .pcbr-filter > div:nth-child(6){
        grid-column:2!important;
        grid-row:3!important;
    }
}

@media(max-width:600px){
    html body main.pcbr .pcbr-filter > div:nth-child(5),
    html body main.pcbr .pcbr-filter > div:nth-child(6){
        grid-column:1!important;
        grid-row:auto!important;
    }
}


/* SOURCE: road-safety-records-block-05.css */

/* PURECAR_RECORD_ACTION_ROW_V6 */

html body main.pcbr form.pcbr-filter > .pcbr-action-row {
    grid-column:1 / -1!important;
    grid-row:auto!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
}

html body main.pcbr .pcbr-action-row .pcbr-btn {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-height:50px!important;
    padding:12px 22px!important;
    background:var(--pc-road-accent-strong)!important;
    border:1px solid var(--pc-road-accent-strong)!important;
    color:#fff!important;
    border-radius:9px!important;
    font-size:15px!important;
    font-weight:750!important;
    white-space:nowrap!important;
}

html body main.pcbr .pcbr-action-row > a {
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-height:48px!important;
    margin:0!important;
    padding:11px 15px!important;
    color:#514846!important;
    background:#f8f5f4!important;
    border:1px solid #e4d8d5!important;
    border-radius:9px!important;
    text-decoration:none!important;
    font-size:14px!important;
    font-weight:700!important;
    white-space:nowrap!important;
}

html body main.pcbr .pcbr-action-row > a:hover {
    background:#eee7e5!important;
    color:var(--pc-road-text-alt)!important;
}

@media(max-width:600px) {
    html body main.pcbr form.pcbr-filter > .pcbr-action-row {
        grid-column:1!important;
        flex-wrap:nowrap!important;
        gap:9px!important;
    }

    html body main.pcbr .pcbr-action-row .pcbr-btn {
        flex:1 1 auto!important;
        min-width:0!important;
        padding:11px 12px!important;
        font-size:14px!important;
    }

    html body main.pcbr .pcbr-action-row > a {
        flex:0 0 auto!important;
        padding:10px 12px!important;
        font-size:13px!important;
    }
}

@media(max-width:340px) {
    html body main.pcbr form.pcbr-filter > .pcbr-action-row {
        flex-wrap:wrap!important;
    }
}


/* SOURCE: road-safety-records-block-06.css */

/* PURECAR_CLICKABLE_COLLISION_TABLES_V1 */
html body main.pcbr .pcbr-filter {
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
html body main.pcbr form.pcbr-filter > .pcbr-action-row {
    grid-column:1 / -1!important;
    grid-row:auto!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
}
@media(max-width:950px) {
    html body main.pcbr .pcbr-filter {
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }
}
@media(max-width:600px) {
    html body main.pcbr .pcbr-filter {
        grid-template-columns:minmax(0,1fr)!important;
    }
    html body main.pcbr form.pcbr-filter > .pcbr-action-row {
        grid-column:1!important;
        flex-wrap:wrap!important;
    }
}


/* SOURCE: road-safety-records-block-07.css */

/* PURECAR_RECORD_CLEAN_GRID_V7 */

/* Five fields: 3 on top, 2 below */
html body main.pcbr form.pcbr-filter {
    display:grid!important;
    gap:18px 16px!important;
    align-items:start!important;
}

/* Remove conflicting placement inherited from V4/V5 */
html body main.pcbr form.pcbr-filter > div {
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
}

/* Year / Month / Severity */
html body main.pcbr form.pcbr-filter > div:nth-child(1),
html body main.pcbr form.pcbr-filter > div:nth-child(2),
html body main.pcbr form.pcbr-filter > div:nth-child(3) {
}

/* District / Collision reference */
html body main.pcbr form.pcbr-filter > div:nth-child(4),
html body main.pcbr form.pcbr-filter > div:nth-child(5) {
}

/* Labels always sit above their fields */
html body main.pcbr form.pcbr-filter > div > label {
    display:block!important;
    width:100%!important;
    height:auto!important;
    margin:0 0 8px!important;
    padding:0!important;
    font-size:14px!important;
    font-weight:750!important;
    line-height:1.4!important;
    color:#302927!important;
    text-align:left!important;
}

/* Uniform form controls */
html body main.pcbr form.pcbr-filter select,
html body main.pcbr form.pcbr-filter input {
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:55px!important;
    min-height:55px!important;
    margin:0!important;
    padding:12px 16px!important;
    border:1px solid #dcd1ce!important;
    border-radius:10px!important;
    background-color:#fff!important;
    color:#292323!important;
    box-sizing:border-box!important;
    font-size:16px!important;
    line-height:1.4!important;
    box-shadow:none!important;
}

html body main.pcbr form.pcbr-filter select {
    appearance:none!important;
    -webkit-appearance:none!important;
    padding-right:44px!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23332b29' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:right 15px center!important;
    background-size:16px!important;
}

html body main.pcbr form.pcbr-filter select:focus,
html body main.pcbr form.pcbr-filter input:focus {
    outline:none!important;
    border-color:var(--pc-road-accent-strong)!important;
    box-shadow:0 0 0 3px rgba(167,68,80,.12)!important;
}

/* Search and Clear together under all five fields */
html body main.pcbr form.pcbr-filter > .pcbr-action-row {
    grid-column:1 / -1!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:12px!important;
    margin-top:2px!important;
}

/* Tablet */
@media(max-width:850px) {
    html body main.pcbr form.pcbr-filter {
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    html body main.pcbr form.pcbr-filter > div:nth-child(-n+5) {
    }

    html body main.pcbr form.pcbr-filter > .pcbr-action-row {
        grid-column:1 / -1!important;
    }
}

/* Mobile */
@media(max-width:560px) {
    html body main.pcbr form.pcbr-filter {
        grid-template-columns:minmax(0,1fr)!important;
        gap:15px!important;
    }

    html body main.pcbr form.pcbr-filter > div:nth-child(-n+5) {
        grid-column:1!important;
    }

    html body main.pcbr form.pcbr-filter > .pcbr-action-row {
        grid-column:1!important;
        flex-wrap:wrap!important;
        gap:9px!important;
    }
}


/* SOURCE: road-safety-records-block-08.css */

/* PURECAR_RECORD_FORM_FINAL_V8 */

/* One consistent desktop layout */
html body main.pcbr form.pcbr-filter {
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:19px 16px!important;
    align-items:stretch!important;
}

/* Reset all inherited field layout behaviour */
html body main.pcbr form.pcbr-filter > div.pcbr-field {
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    float:none!important;
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
}

/* Explicit field positions; no nth-child positioning */
html body main.pcbr form.pcbr-filter > div.pcbr-field-year {
    grid-column:1 / 3!important;
    grid-row:1!important;
}
html body main.pcbr form.pcbr-filter > div.pcbr-field-month {
    grid-column:3 / 5!important;
    grid-row:1!important;
}
html body main.pcbr form.pcbr-filter > div.pcbr-field-severity {
    grid-column:5 / 7!important;
    grid-row:1!important;
}
html body main.pcbr form.pcbr-filter > div.pcbr-field-district {
    grid-column:1 / 4!important;
    grid-row:2!important;
}
html body main.pcbr form.pcbr-filter > div.pcbr-field-ref {
    grid-column:4 / 7!important;
    grid-row:2!important;
}

/* Every label above its control */
html body main.pcbr form.pcbr-filter > div.pcbr-field > label {
    display:block!important;
    position:static!important;
    float:none!important;
    clear:both!important;
    flex:none!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-width:none!important;
    margin:0 0 9px!important;
    padding:0!important;
    color:#292323!important;
    font-size:14px!important;
    font-weight:750!important;
    line-height:1.35!important;
    text-align:left!important;
    white-space:normal!important;
}

/* Equal-size fields */
html body main.pcbr form.pcbr-filter > div.pcbr-field > select,
html body main.pcbr form.pcbr-filter > div.pcbr-field > input {
    display:block!important;
    position:static!important;
    float:none!important;
    flex:none!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    height:54px!important;
    min-height:54px!important;
    margin:0!important;
    padding:12px 16px!important;
    box-sizing:border-box!important;
    border:1px solid #ded3d0!important;
    border-radius:10px!important;
    background-color:#fff!important;
    color:#282323!important;
    font-size:16px!important;
    line-height:1.4!important;
    box-shadow:none!important;
}

html body main.pcbr form.pcbr-filter > div.pcbr-field > select {
    appearance:none!important;
    -webkit-appearance:none!important;
    padding-right:44px!important;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23332b29' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:right 15px center!important;
    background-size:16px!important;
}

/* Both buttons directly underneath, beside each other */
html body main.pcbr form.pcbr-filter > div.pcbr-action-row {
    grid-column:1 / -1!important;
    grid-row:3!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:12px!important;
    min-width:0!important;
    width:100%!important;
    margin:3px 0 0!important;
    padding:0!important;
}

/* Tablet: two columns */
@media(max-width:850px) {
    html body main.pcbr form.pcbr-filter {
        grid-template-columns:repeat(2,minmax(0,1fr))!important;
    }

    html body main.pcbr form.pcbr-filter > div.pcbr-field-year {
        grid-column:1!important;grid-row:1!important;
    }
    html body main.pcbr form.pcbr-filter > div.pcbr-field-month {
        grid-column:2!important;grid-row:1!important;
    }
    html body main.pcbr form.pcbr-filter > div.pcbr-field-severity {
        grid-column:1!important;grid-row:2!important;
    }
    html body main.pcbr form.pcbr-filter > div.pcbr-field-district {
        grid-column:2!important;grid-row:2!important;
    }
    html body main.pcbr form.pcbr-filter > div.pcbr-field-ref {
        grid-column:1 / -1!important;grid-row:3!important;
    }
    html body main.pcbr form.pcbr-filter > div.pcbr-action-row {
        grid-column:1 / -1!important;grid-row:4!important;
    }
}

/* Mobile: one field per line */
@media(max-width:560px) {
    html body main.pcbr form.pcbr-filter {
        grid-template-columns:minmax(0,1fr)!important;
        gap:15px!important;
    }

    html body main.pcbr form.pcbr-filter > div.pcbr-field {
        grid-column:1!important;
    }

    html body main.pcbr form.pcbr-filter > div.pcbr-field-year {
        grid-row:1!important;
    }
    html body main.pcbr form.pcbr-filter > div.pcbr-field-month {
        grid-row:2!important;
    }
    html body main.pcbr form.pcbr-filter > div.pcbr-field-severity {
        grid-row:3!important;
    }
    html body main.pcbr form.pcbr-filter > div.pcbr-field-district {
        grid-row:4!important;
    }
    html body main.pcbr form.pcbr-filter > div.pcbr-field-ref {
        grid-row:5!important;
    }
    html body main.pcbr form.pcbr-filter > div.pcbr-action-row {
        grid-column:1!important;
        grid-row:6!important;
        gap:9px!important;
    }
}