/* ============================================================
   KNSoft ERP — Theme Entry Point
   Import thứ tự: variables trước, sau đó partials.
   File này được link trong App.razor.
   ============================================================ */

@import '_variables.css';
@import '_layout.css';
@import '_pageheader.css';
@import '_typography.css';
@import '_card.css';
@import '_table.css';
@import '_dialog.css';
@import '_form.css';
@import '_animation.css';
@import '_searchdrawer.css';
@import '_print.css';

/* ----- Utility overrides (không thuộc MudBlazor) ----- */

/* Remove uppercase từ tất cả MudButton trong app */
.mud-button-root {
    text-transform: none;
}

/* ----- Chuyển động mượt cho các thành phần tương tác -----
   MudBlazor mặc định đổi màu/trạng thái tức thì (0ms), tạo cảm giác "giật".
   Thêm transition ngắn (150-180ms) cho các thuộc tính hay đổi khi hover/focus/click. */
.mud-button-root,
.mud-icon-button,
.mud-chip,
.mud-input-control,
.mud-nav-link,
.mud-table-row,
.mud-list-item,
.mud-tab {
    transition: background-color .15s ease, color .15s ease, border-color .15s ease,
                box-shadow .18s ease, transform .1s ease;
}

.mud-button-root:active,
.mud-icon-button:active {
    transform: scale(0.97);
}

.mud-button-root:focus-visible,
.mud-icon-button:focus-visible,
.mud-nav-link:focus-visible,
.mud-list-item:focus-visible,
.mud-input-control:focus-within .mud-input-outlined-border {
    outline: 2px solid color-mix(in srgb, var(--mud-palette-primary) 70%, white);
    outline-offset: 1px;
}

/* Card/Paper: hover nâng nhẹ cho khối có thể tương tác (stat card, list card) */
.knsoft-card,
.knsoft-stat-card,
.mud-card {
    transition: box-shadow .2s ease, transform .2s ease;
}

a.knsoft-stat-card:hover,
.knsoft-card[data-clickable="true"]:hover {
    box-shadow: var(--knsoft-shadow-dialog);
    transform: translateY(-2px);
}

/* Dropdown/menu/dialog xuất hiện mượt hơn thay vì bật tức thì */
.mud-popover,
.mud-dialog {
    animation: knsoft-fadeIn .16s ease forwards;
}

/* Chuẩn hóa scrollbar */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: var(--mud-palette-lines-default);
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--mud-palette-gray-dark);
}