.e-spin-indigo .e-path-circle {
    stroke: #4f46e5; /* Tailwind indigo-600 */
}

.e-grid .e-table {
    width: 100% !important;
    table-layout: fixed;
    border-collapse: separate;
}

.e-emptyrow {
    display: none;
}

/* ============================= */
/* SYNCFUSION GRID DARK MODE     */
/* ============================= */

.dark .e-grid {
    background-color: #0f172a; /* slate-900 */
    color: #e5e7eb;
    border-color: #334155;
}

    /* Header */
    .dark .e-grid .e-headercell {
        background-color: #020617; /* slate-950 */
        color: #cbd5f5;
        border-color: #1e293b;
        font-weight: 600;
    }

    /* Header bottom border */
    .dark .e-grid .e-headercontent {
        border-bottom: 1px solid #1e293b;
    }

    /* Rows */
    .dark .e-grid .e-rowcell {
        background-color: #0f172a;
        border-color: #1e293b;
    }

    /* Alternate row */
    .dark .e-grid .e-altrow .e-rowcell {
        background-color: #020617;
    }

    /* Hover */
    .dark .e-grid .e-row:hover .e-rowcell {
        background-color: #1e293b;
    }

    /* Selected */
    .dark .e-grid .e-selectionbackground {
        background-color: #1d4ed8 !important;
    }

/* Pager */
.dark .e-gridpager {
    background-color: #020617;
    color: #e5e7eb;
    border-top: 1px solid #1e293b;
}

    /* Pager buttons */
    .dark .e-gridpager .e-numericitem,
    .dark .e-gridpager .e-next,
    .dark .e-gridpager .e-prev {
        color: #cbd5e1;
    }

    .dark .e-gridpager .e-currentitem {
        background-color: #4f46e5;
        color: white;
    }

/* Filter popup / menu */
.dark .e-dropdownbase,
.dark .e-popup {
    background-color: #020617;
    color: #e5e7eb;
}

/* Input fields */
.dark .e-input,
.dark .e-control {
    background-color: #020617;
    color: #e5e7eb;
    border-color: #334155;
}

/* ============================= */
/* PERFECT ROW HOVER (DARK)      */
/* ============================= */

.dark .e-grid .e-content tr.e-row:hover td,
.dark .e-grid .e-row.e-hover td,
.dark .e-grid .e-row:hover td {
    background-color: #1e293b !important; /* slate-800 */
    color: #f1f5f9 !important;
}

/* remove white flash from individual cells */
.dark .e-grid td.e-rowcell:hover {
    background-color: transparent !important;
}

/* selected row should override hover */
.dark .e-grid .e-selectionbackground td {
    background-color: #1d4ed8 !important; /* indigo-700 */
    color: white !important;
}

/* Quill editor height fix */
#editor {
    height: 16rem; /* same as h-64 */
}

    #editor .ql-container {
        height: calc(100% - 42px); /* toolbar ke niche */
    }

    #editor .ql-editor {
        height: 100%;
        overflow-y: auto;
    }

/* remove android tap highlight */
* {
    -webkit-tap-highlight-color: transparent;
}

/* MAUI WebView extra white flash fix */
button, a {
    outline: none;
    background-color: transparent;
}

    button:focus,
    button:active {
        outline: none;
    }

.validation-message {
    color: #ef4444;
    font-size: 12px;
    margin-top: 4px;
    display: block;
}