/* Field Selection Component Styles */

.field-selection-card {
    transition: box-shadow 0.2s ease-in-out;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

.field-selection-card:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

/* Border under the field card header (category name) */
.field-selection-card .mud-card-header {
    border-bottom: 2px solid #9e9e9e;
}

.mud-card-disabled {
    opacity: 0.7;
}

.field-table-header th {
    position: sticky;
    top: 0;
    background: inherit;
    z-index: 1;
}

/* Border under the search row */
.field-table-header tr:last-child {
    border-bottom: 2px solid #9e9e9e;
}

.field-checkbox-col {
    width: 50px;
}

.field-codigo-col {
    width: 30%;
}

.field-descricao-col {
    width: auto;
}

.field-header-cell {
    padding: 4px !important;
}

.field-search-input {
    font-size: 0.875rem;
}

.field-search-input .mud-input-slot {
    padding: 4px 8px !important;
}

.field-table-body {
    scrollbar-width: thin;
}

.field-table-body::-webkit-scrollbar {
    width: 6px;
}

.field-table-body::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.field-table-body::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
}

.field-table-body::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.field-clickable-cell {
    cursor: pointer;
}

.field-clickable-cell:hover {
    background-color: rgba(0, 0, 0, 0.04);
}

/* Wizard Step Styles */
.wizard-step-content {
    min-height: 400px;
}

.wizard-navigation {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    padding-top: 16px;
    margin-top: 16px;
}

/* Responsive adjustments */
@media (max-width: 960px) {
    .field-selection-card {
        height: auto !important;
        min-height: 300px;
    }
}

/* AllCost-style agile-switch Toggle */
.agile-switch {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 20px;
    margin: 0;
}

.agile-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.agile-switch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
}

.agile-switch-slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: .4s;
}

input:checked + .agile-switch-slider {
    background-color: var(--mud-palette-secondary);
}

input:focus + .agile-switch-slider {
    box-shadow: 0 0 1px var(--mud-palette-secondary);
}

input:checked + .agile-switch-slider:before {
    transform: translateX(14px);
}

/* Rounded sliders */
.agile-switch-slider.round {
    border-radius: 34px;
}

.agile-switch-slider.round:before {
    border-radius: 50%;
}

/* Disabled state */
.agile-switch input:disabled + .agile-switch-slider {
    opacity: 0.5;
    cursor: not-allowed;
}