.content-wrapper {
    padding: 10px 18px !important;
}

.content {
    max-width: 1600px;
    margin: 0 auto;
}

.container-fluid {
    max-width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.content-header {
    padding: 8px 0 8px 0 !important;
}

.content-header h1 {
    font-weight: 600;
    font-size: 1.9rem;
    margin-bottom: 0;
}

.breadcrumb {
    margin-bottom: 0;
    font-size: 0.9rem;
}

.card {
    border-radius: 12px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid #d5e3ec !important;
}

.card-primary.card-outline {
    border-top: 4px solid #2f6f4f !important;
}

.card-body {
    padding: 1rem 1.2rem !important;
}

.nav-sidebar .nav-link {
    border-radius: 8px;
    margin: 2px 6px;
}

.table th {
    font-weight: 600;
}

.form-control,
.select2-container--default .select2-selection--single,
.select2-selection--multiple {
    border-radius: 8px !important;
    min-height: 38px !important;
}

.form-group {
    margin-bottom: 0.6rem !important;
}

.form-row {
    margin-bottom: 0.45rem !important;
}

.aligned label {
    min-width: 220px !important;
    font-weight: 600;
}

.aligned .form-row input,
.aligned .form-row textarea,
.aligned .form-row select,
.aligned .form-row .readonly,
.aligned .form-row .select2-container {
    max-width: 900px !important;
    width: 100% !important;
}

.readonly {
    background: #f8f9fa;
    border-radius: 6px;
    padding: 8px 10px;
    min-height: 38px;
}

textarea.autosize-textarea {
    min-height: 38px !important;
    line-height: 1.35 !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    resize: none !important;
    overflow-y: hidden !important;
}

.inline-group .tabular {
    overflow-x: auto;
}

.inline-related h3 {
    font-size: 14px;
    font-weight: 600;
}

/* formulario más ancho pero conservando botonera */
.col-lg-9,
.col-lg-8,
.col-md-8,
.col-md-9 {
    flex: 0 0 86% !important;
    max-width: 86% !important;
}

.col-lg-3,
.col-lg-4,
.col-md-4,
.col-md-3 {
    flex: 0 0 14% !important;
    max-width: 14% !important;
}

.submit-row {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    margin: 0 !important;
}

.submit-row input,
.submit-row a,
.submit-row .deletelink {
    width: 100%;
    border-radius: 8px !important;
    font-weight: 600;
    text-align: center !important;
    padding: 8px 10px !important;
    margin: 0 !important;
    font-size: 0.95rem !important;
    line-height: 1.2 !important;
}

.submit-row .btn,
.submit-row input[type="submit"],
.submit-row a {
    min-height: 38px !important;
}

.change-form .col-lg-3 .card,
.change-form .col-lg-4 .card,
.change-form .col-md-3 .card,
.change-form .col-md-4 .card {
    box-shadow: none !important;
    border: 0 !important;
    background: transparent !important;
}

.btn-primary,
input[name="_save"] {
    background-color: #2f6f4f !important;
    border-color: #2f6f4f !important;
}

.btn-primary:hover,
.btn-primary:focus,
input[name="_save"]:hover,
input[name="_save"]:focus {
    background-color: #285f43 !important;
    border-color: #285f43 !important;
}

.main-header .navbar {
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
}

#content-main form,
#content-main .card,
#content-main .card-body {
    width: 100% !important;
}

#content-main .form-group .col-sm-9,
#content-main .fieldBox,
#content-main .related-widget-wrapper,
#content-main .select2-container,
#content-main textarea,
#content-main input[type="text"],
#content-main input[type="number"],
#content-main input[type="email"],
#content-main select {
    max-width: 100% !important;
}

#content-main .inline-group table {
    width: 100% !important;
    table-layout: auto !important;
}

#content-main .inline-group textarea {
    min-height: 38px !important;
    height: 38px;
}

/* bordes más visibles en controles */
#content-main input[type="text"],
#content-main input[type="number"],
#content-main input[type="email"],
#content-main input[type="url"],
#content-main input[type="password"],
#content-main input[type="search"],
#content-main input[type="tel"],
#content-main input[type="date"],
#content-main input[type="time"],
#content-main input[type="datetime-local"],
#content-main select,
#content-main textarea,
#content-main .vTextField,
#content-main .vIntegerField,
#content-main .vLargeTextField,
#content-main .vURLField,
#content-main .vEmailField,
#content-main .vDateField,
#content-main .vTimeField {
    border: 1px solid #9aa4b2 !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
}

#content-main input[type="text"]:focus,
#content-main input[type="number"]:focus,
#content-main input[type="email"]:focus,
#content-main input[type="url"]:focus,
#content-main input[type="password"]:focus,
#content-main input[type="search"]:focus,
#content-main input[type="tel"]:focus,
#content-main input[type="date"]:focus,
#content-main input[type="time"]:focus,
#content-main input[type="datetime-local"]:focus,
#content-main select:focus,
#content-main textarea:focus,
#content-main .vTextField:focus,
#content-main .vIntegerField:focus,
#content-main .vLargeTextField:focus,
#content-main .vURLField:focus,
#content-main .vEmailField:focus,
#content-main .vDateField:focus,
#content-main .vTimeField:focus {
    border-color: #2f6f4f !important;
    box-shadow: 0 0 0 0.12rem rgba(47, 111, 79, 0.15) !important;
    outline: none !important;
}

#content-main .select2-container--default .select2-selection--single,
#content-main .select2-container--default .select2-selection--multiple {
    border: 1px solid #9aa4b2 !important;
    background-color: #ffffff !important;
    box-shadow: none !important;
}

#content-main .select2-container--default.select2-container--focus .select2-selection--multiple,
#content-main .select2-container--default.select2-container--open .select2-selection--single,
#content-main .select2-container--default.select2-container--open .select2-selection--multiple {
    border-color: #2f6f4f !important;
    box-shadow: 0 0 0 0.12rem rgba(47, 111, 79, 0.15) !important;
}

@media (min-width: 1600px) {
    .content {
        max-width: 1700px;
    }

    .aligned .form-row input,
    .aligned .form-row textarea,
    .aligned .form-row select,
    .aligned .form-row .readonly,
    .aligned .form-row .select2-container {
        max-width: 980px !important;
    }
}