/**
 * Admin_KeToan — type scale responsive (ưu tiên laptop 1366×768).
 * Load sau ketoan-shell.css / ketoan-window.css / ketoan-theme.css.
 * Font: Source Sans 3 via --tx-font (--kt-font / --ktw-font / --ktl-font).
 */

:root {
    --kt-type-base: var(--tx-fs-base);
    --kt-type-sm: var(--tx-fs-sm);
    --kt-type-label: var(--tx-fs-sm);
    --kt-type-title: var(--tx-fs-lg);
    --kt-lh: var(--tx-lh);

    --kt-fs: var(--kt-type-base);
    --kt-fs-label: var(--kt-type-label);
    --kt-fs-title: var(--kt-type-title);
    --ktw-fs: var(--kt-type-base);
    --ktw-fs-label: var(--kt-type-label);
    --ktw-fs-title: var(--kt-type-title);
    --ktl-fs: var(--kt-type-base);
    --ktl-fs-title: var(--kt-type-title);
}

/* Laptop thấp — layout gọn (font: tax3s-tokens.css) */
@media (max-height: 800px) and (min-width: 768px) {
    :root {
        --ktw-grid-row: 32px;
    }

    /* Modal — gọn layout 1366×768 */
    .kt-dlg {
        padding: 12px;
    }

    .kt-dlg-card {
        width: min(380px, 100%);
        padding: 16px 16px 14px;
    }

    .kt-dlg-icon {
        width: 40px;
        height: 40px;
        margin-bottom: 8px;
        font-size: var(--tx-fs-lg) !important;
    }

    .kt-dlg-card h2 {
        margin-bottom: 6px;
    }

    .kt-dlg-card p {
        margin-bottom: 12px;
    }

    .kt-dlg-btn {
        min-width: 84px;
        height: 30px;
        padding: 0 12px;
    }

    .kt-busy-card,
    .ktw-busy-card {
        width: min(320px, 100%);
        padding: 18px 16px 16px;
    }

    .kt-busy-spin,
    .ktw-busy-spin {
        width: 34px;
        height: 34px;
        margin-bottom: 10px;
    }

    .kt-popup {
        padding: 12px;
    }

    .kt-popup-x {
        width: 28px;
        height: 28px;
        font-size: var(--tx-fs-xl) !important;
    }

    .kt-toast,
    .ktw-toast {
        padding: 8px 12px;
    }

    .ktw-pdf-modal,
    .ktw-phieu-list {
        padding: 10px;
    }

    .ktw-pdf-card {
        width: min(1040px, 96vw);
        height: min(88vh, 720px);
        border-radius: 10px;
    }

    .ktw-pdf-head {
        padding: 8px 10px;
        gap: 8px;
    }

    .ktw-phieu-list-card {
        width: min(920px, 100%);
        max-height: calc(100vh - 32px);
        border-radius: 10px;
    }

    .ktw-phieu-list-head {
        padding: 8px 10px;
    }

    .ktw-phieu-list-wrap {
        padding: 0 10px 10px;
    }

    .ktw-tlts-modal-card {
        width: min(960px, 96vw);
        height: min(88vh, 720px) !important;
    }

    .ktw-tlts-modal-head {
        padding: 8px 10px;
    }

    .ktw-tlts-modal-body {
        padding: 10px 12px;
    }

    .ktw-tlts-modal-foot {
        padding: 8px 10px;
        gap: 6px;
    }

    .ktw-khoaso-modal-card {
        width: min(460px, 92vw);
    }

    .ktw-khoaso-modal-body {
        padding: 10px 12px;
        gap: 8px;
    }

    .ktw-khoaso-modal-foot {
        padding: 8px 10px;
    }

    /* Shell — gọn chrome để iframe danh sách phiếu có thêm chiều cao */
    .kt-topbar {
        height: 40px;
        padding: 0 10px;
        gap: 10px;
    }

    .kt-brand img {
        height: 24px;
    }

    .kt-brand-text strong {
        font-size: var(--kt-menu-fs, var(--tx-chrome-fs));
        font-weight: 600;
    }

    .kt-topbar-right,
    .kt-link-btn,
    .kt-theme-picker {
        font-size: var(--kt-menu-fs, var(--tx-chrome-fs));
        font-weight: 500;
    }

    .kt-user {
        padding: 2px 8px;
        font-size: var(--kt-menu-fs, var(--tx-chrome-fs));
    }

    .kt-menubar {
        height: 30px;
        padding: 0 4px;
    }

    .kt-menu-root {
        height: 30px;
        padding: 0 10px;
        font-size: var(--kt-menu-fs, var(--tx-chrome-fs));
        font-weight: var(--kt-menu-fw, 500);
    }

    .kt-quickbar {
        min-height: 42px;
        padding: 2px 6px;
        gap: 2px;
    }

    .kt-quick-btn {
        min-width: 72px;
        padding: 3px 8px;
        gap: 2px;
        font-size: var(--kt-menu-fs, var(--tx-chrome-fs));
        font-weight: var(--kt-menu-fw, 500);
    }

    .kt-quick-btn i,
    .kt-quick-btn .kt-quick-icon-3d {
        font-size: var(--tx-fs-base) !important;
    }

    .kt-quick-btn .kt-quick-icon-3d {
        width: 18px;
        height: 18px;
    }

    .kt-tabbar {
        min-height: 28px;
        padding: 2px 4px 0;
    }

    .kt-tab {
        height: 26px;
        max-width: 200px;
        padding: 0 6px 0 10px;
        font-size: var(--kt-menu-fs, var(--tx-chrome-fs));
        font-weight: 500;
    }

    .kt-taskbar {
        height: 30px;
        padding: 0 6px;
    }

    .kt-task {
        height: 22px;
        padding: 0 8px;
        font-size: var(--kt-menu-fs, var(--tx-chrome-fs));
        font-weight: 500;
    }

    .kt-taskbar-actions button {
        height: 22px;
        font-size: var(--kt-menu-fs, var(--tx-chrome-fs));
        font-weight: 500;
    }
}