.descrip {
    display: inline-block;
    white-space: pre-line;
    text-wrap: wrap;
    resize: none;
    width: 95%;
    overflow: hidden;
    text-align: center;
}

#searchInput {
    width: 300px;
    padding: 8px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
}

.app-wrapper {
    width: 1900px;        /* pick your standard width */
    min-width: 1900px;    /* prevents shrinking */
    margin: 0 auto;       /* center on large screens */
}

body {
    min-height: 100vh;
    overflow-x: auto;     /* allow horizontal scroll on small screens */
}

.sidebar {
    width: 300px;
    min-width: 300px;
}

main {
    width: 1100px;
}

.container,
.container-fluid {
    max-width: none !important;
    width: 1400px;
    min-width: 1400px;
}

.spacing p {
    margin: 4px 0;  
}

.spacing button {
    margin: 6px 0;
}

.text_FL_PSI {
    position: absolute;
    top: 135px;
    right: 330px;
}

.text_FL_tread {
    position: absolute;
    top: 155px;
    right: 330px;
}

.text_RL_PSI {
    position: absolute;
    top: 368px;
    right: 330px;
}

.text_RL_tread {
    position: absolute;
    top: 388px;
    right: 330px;
}

.text_FR_PSI {
    position: absolute;
    top: 135px;
    left: 325px;
}

.text_FR_tread {
    position: absolute;
    top: 155px;
    left: 325px;
}

.text_RR_PSI {
    position: absolute;
    top: 368px;
    left: 325px;
}

.text_RR_tread {
    position: absolute;
    top: 388px;
    left: 325px;
}

/* Confirmation Box Styles */
.confirm-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background: #f7f7f7;
}

.confirm-box {
    text-align: center;
    padding: 35px;
    border-radius: 12px;
    background: white;
    max-width: 950px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.danger-title {
    color: #b00020;
    margin-bottom: 20px;
}

.danger-text {
    color: #b00020;
    margin-top: 15px;
    font-size: 15px;
}

.confirm-actions {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    gap: 15px;
}

/* Delete button */
.btn-delete {
    background: #d32f2f;
    color: white;
    border: none;
    padding: 12px 22px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
}

.btn-delete:hover {
    background: #b71c1c;
}

/* Cancel button */
.btn-cancel {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 22px;
    font-size: 16px;
    border-radius: 8px;
    border: 1px solid #aaa;
    text-decoration: none;
    color: #333;
    background: #f5f5f5;
}

.btn-cancel:hover {
    background: #e0e0e0;
}

/* Print button */
.print-btn {
    padding: 10px 16px;
    font-size: 14px;
    background: #1976d2;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 20px;
}

.print-btn:hover {
    background: #125aa3;
}

/* Print-only rules */
@media print {
    .print-controls {
        display: none;
    }

    body {
        margin: 0;
    }

    h1,
    h2 {
        page-break-after: avoid;
    }

    table {
        page-break-inside: avoid;
    }
}

/* Target all fixed-width inputs including type="date" */
.fixed-width-input,
.fixed-width-input[type="date"] {
    max-width: 150px;       /* Adjust width */
    font-size: 1rem;        /* Match other fields */
    padding: 0.375rem 0.75rem; 
    height: auto;           /* Ensure consistent height */
    box-sizing: border-box; /* Includes padding in width */
}

/* Optional: hide the native calendar arrow on some browsers */
.fixed-width-input::-webkit-calendar-picker-indicator {
    transform: scale(0.8);  /* Shrinks the calendar icon */
}


.mileage-field {
    max-width: 120px;
    font-size: 1rem;
}