#parkingFeeDetails {
    display:none!important;
}

.vehicle-parking-details {
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
}

.vehicle-parking-details summary {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    width:100%;
    max-width:100%;
    box-sizing:border-box;
}

.vehicle-parking-summary-total {
    margin-left:auto;
    padding:3px 7px;
    border-radius:999px;
    background:rgba(25,135,84,.12);
    color:#198754;
    font-size:11px;
    white-space:nowrap;
}

.vehicle-parking-form {
    width:100%;
    max-width:100%;
    min-width:0;
}

.vehicle-parking-form textarea {
    grid-column:1/-1;
    width:100%;
    max-width:100%;
    min-height:48px;
    box-sizing:border-box;
}

.vehicle-parking-form button {
    grid-column:1/-1;
    width:100%;
    max-width:100%;
}

.vehicle-parking-year-total {
    margin-top:8px;
    padding:7px 8px;
    border-radius:8px;
    background:rgba(25,135,84,.08);
    font-size:11px;
    overflow-wrap:anywhere;
}

.vehicle-parking-empty {
    padding:8px 0;
    color:#777;
    font-size:11px;
}

.vehicle-parking-row {
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
}

.vehicle-parking-row-actions {
    text-align:right;
}

.vehicle-parking-row-actions button {
    max-width:100%;
    margin-top:3px;
    padding:3px 6px;
    font-size:10px;
}

.vehicle-parking-delete {
    color:#dc3545;
}

@media(max-width:700px) {
    .vehicle-parking-details summary {
        align-items:flex-start;
    }

    .vehicle-parking-summary-total {
        flex:0 0 auto;
    }

    .vehicle-parking-row {
        display:block!important;
    }

    .vehicle-parking-row-actions {
        margin-top:6px;
        text-align:left;
    }

    .vehicle-parking-row-actions button {
        width:auto!important;
    }
}

@media(max-width:420px) {
    .vehicle-parking-details summary {
        display:block;
    }

    .vehicle-parking-summary-total {
        display:inline-block;
        margin-top:5px;
        margin-left:0;
    }
}

@media(prefers-color-scheme:dark) {
    .vehicle-parking-summary-total {
        background:rgba(75,210,130,.14);
        color:#79e7a8;
    }

    .vehicle-parking-year-total {
        background:rgba(75,210,130,.10);
    }
}