/* Custom CSS for RoadMax ELD Admin */

/* ================================
 * Global form input sizing
 * ================================ */
.form-row input[type="text"],
.form-row input[type="number"],
.form-row input[type="email"],
.form-row input[type="url"],
.form-row input[type="password"],
.form-row input[type="date"],
.form-row input[type="datetime-local"],
.form-row select,
.form-row textarea {
    max-width: 320px !important;
    width: 100% !important;
    padding: 6px 8px !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    box-sizing: border-box !important;
}

.form-row .related-widget-wrapper select,
.form-row .form-control {
    max-width: 320px !important;
}

.form-group .controls { max-width: 350px; }

.form-row .readonly {
    max-width: 320px;
    display: inline-block;
    font-size: 13px;
}

/* ================================
 * Global fieldset card styling
 * All model add/change forms
 * ================================ */
fieldset.module {
    border-radius: 8px;
    border: 1px solid #e3e3e3;
    padding: 16px 20px;
    margin-bottom: 20px;
    background-color: #ffffff;
}

fieldset.module h2 {
    font-size: 15px;
    font-weight: 600;
    margin: 0 0 12px 0;
    padding: 0 0 8px 0;
    border-bottom: 1px solid #eee;
    color: #333;
}

fieldset.module .form-row {
    padding: 6px 0;
    border-bottom: none;
}

fieldset.module .description {
    font-size: 12px;
    color: #666;
    margin-bottom: 12px;
}

/* Collapsed / Metadata sections */
fieldset.collapse { background-color: #fafafa; border-style: dashed; }
fieldset.collapse h2 { font-size: 13px; color: #888; }

/* ================================
 * Two-column field layout (optional)
 * ================================ */
.change-form .form-row,
.add-form .form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 24px;
    align-items: flex-start;
}

.change-form .form-row .fieldBox,
.add-form .form-row .fieldBox {
    flex: 1 1 260px;
    max-width: 380px;
}

@media (max-width: 768px) {
    .change-form .form-row,
    .add-form .form-row { flex-direction: column; }
    .change-form .form-row .fieldBox,
    .add-form .form-row .fieldBox { max-width: 100%; }
}


/* ================================
 * Error display enhancements
 * ================================ */
.errorlist { color: #b91c1c; font-size: 12px; margin: 4px 0 0 0; padding: 0; list-style: none; }
.errorlist li { margin-bottom: 2px; }
.errors input, .errors select, .errors textarea { border-color: #f87171 !important; background-color: #fef2f2 !important; }
.form-row.errors { background-color: #fef2f2; border-left: 3px solid #ef4444; padding-left: 12px !important; border-radius: 4px; }
p.errornote { background: #fef2f2; border: 1px solid #fca5a5; border-radius: 8px; padding: 12px 16px; color: #991b1b; font-weight: 600; font-size: 14px; }