/* =========================================================================
   DataTable inline cell editing
   ========================================================================= */

.dt-cell-editable {
    cursor: text;
}

.dt-cell-editing {
    padding: 0 !important;
}

.dt-cell-editing .td-content {
    padding: 0;
}

.dt-inline-edit-input {
    width: 100%;
    box-sizing: border-box;
    font: inherit;
    padding: 3px 5px;
    border: 1px solid var(--form-control-border-focus-color);
    border-radius: 2px;
    background-color: var(--form-control-background-color);
    color: var(--form-control-color);
    outline: none;
    margin: 0;
}

.dt-edit-error {
    font-size: 11px;
    color: var(--error-text-color, #dd0000);
    padding: 2px 4px;
    background: #fff0f0;
    border-radius: 2px;
    margin-top: 2px;
}

body.dark-mode .dt-edit-error {
    background: #2a1010;
}

.dt-cell-saving {
    opacity: 0.4;
    pointer-events: none;
    transition: opacity 0.1s ease;
}