/* ==========================================================================
   Keo dán giao diện PlainAdmin ↔ design system Đại Dương (app.css)
   Nạp SAU vendor/plainadmin/main.css và app.css — chỉ dùng khi UI_THEME=plain.
   ========================================================================== */

/* Giữ font tiếng Việt của hệ thống (main.css ép Plus Jakarta Sans !important) */
body {
    font-family: 'Be Vietnam Pro', system-ui, -apple-system, 'Segoe UI', sans-serif !important;
    background: var(--c-bg);
}

/* Logo chữ trong sidebar (template dùng ảnh) */
.sidebar-nav-wrapper .navbar-logo .brand-text {
    display: flex;
    align-items: center;
    gap: .55rem;
    font-weight: 700;
    font-size: 1.02rem;
    letter-spacing: -0.02em;
    color: var(--c-ink);
}
.sidebar-nav-wrapper .navbar-logo .brand-text i {
    color: var(--c-accent);
    font-size: 1.3rem;
}

/* Icon bootstrap-icons trong sidebar cùng cỡ với icon svg của template */
.sidebar-nav-wrapper .sidebar-nav ul .nav-item a .icon i {
    font-size: 1.1rem;
}

/* Màu active/hover của sidebar theo accent hệ thống (template mặc định #365CF5) */
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.active > a,
.sidebar-nav-wrapper .sidebar-nav ul .nav-item:hover > a {
    color: var(--c-accent);
}
.sidebar-nav-wrapper .sidebar-nav ul .nav-item.active > a .icon,
.sidebar-nav-wrapper .sidebar-nav ul .nav-item:hover > a .icon {
    color: var(--c-accent);
}

/* Nút Menu trên header: main-btn của template thiếu định nghĩa màu đầy đủ ở bản free */
.header .menu-toggle-btn .main-btn {
    display: inline-flex;
    align-items: center;
    border: 1px solid var(--c-border);
    background: var(--c-surface);
    color: var(--c-ink-2);
    border-radius: var(--radius-sm);
    padding: .42rem .9rem;
    font-weight: 600;
    font-size: .88rem;
}
.header .menu-toggle-btn .main-btn:hover {
    background: var(--c-accent-soft);
    color: var(--c-accent-ink);
    border-color: var(--c-accent);
}

/* Header mỏng, dính trên cùng như navbar cũ */
.header {
    position: sticky;
    top: 0;
    z-index: 1020;
    background: rgba(255, 255, 255, .92);
    backdrop-filter: blur(6px);
    padding: 12px 0;
    border-bottom: 1px solid var(--c-border-2);
}

/* Nội dung trang */
.section {
    padding-top: 1.25rem;
}
.main-wrapper {
    padding-bottom: 2rem; /* template chừa 85px cho footer — mình không có footer */
}

/* Sidebar: ẩn scrollbar thô của template (overflow-y: scroll cứng) */
.sidebar-nav-wrapper {
    overflow-y: auto;
}

/* main.css của template reset h1-h6/ul khá mạnh — trả lại margin cho nội dung trang */
.section h1, .section h2, .section h3, .section h4, .section h5, .section h6 {
    margin-bottom: .5rem;
}
.section ul, .section ol {
    padding-left: 2rem;
    margin-bottom: 1rem;
}
.section ul.pagination, .section ul.navbar-nav, .section ul.dropdown-menu {
    padding-left: 0;
}

/* Mobile: sidebar + overlay phải nổi TRÊN header sticky (header z-index 1020) */
.sidebar-nav-wrapper { z-index: 1040; }
.overlay { z-index: 1030; }

/* main.css của PlainAdmin ép mọi ô bảng padding "15px 0" (ngang = 0, chữ dính viền,
   hàng cao lênh khênh) — trả lại nhịp padding chuẩn của hệ thống cho MỌI bảng. */
.table > :not(caption) > * > * {
    padding: .72rem .85rem;
}
.table tbody tr:first-child > * { padding-top: .72rem; }
.table tbody tr:last-child > * { padding-bottom: .72rem; }