/* TiziShop · 06-home-admin.css */
/* Trang chủ giới thiệu + thông báo của admin */
        .home-panel {border:1px solid #e1e6f2; border-radius:26px; background:#fff; box-shadow:0 10px 30px -25px rgba(79,70,229,.28);}
        .home-feature {display:flex;align-items:flex-start;gap:13px;padding:20px;border:1px solid #e7e9f6;border-radius:21px;background:linear-gradient(155deg,#fff,#f8f8ff);}
        .home-feature-icon {display:flex;align-items:center;justify-content:center;width:45px;height:45px;flex-shrink:0;border-radius:15px;color:#5955e8;background:#eeedff;}
        .announcement-item {padding:17px 19px;border:1px solid #e5e7f2;border-radius:20px;background:#fff;}
        .announcement-item + .announcement-item {margin-top:12px;}
        .admin-input {width:100%;padding:12px 15px;border:1px solid #dae0ef;border-radius:14px;background:#fbfcff;outline:0;color:#1e293b;font-size:13px;}
        .admin-input:focus {border-color:#818cf8;box-shadow:0 0 0 3px rgba(129,140,248,.12);}
        .admin-label {display:block;color:#64748b;font-size:12px;font-weight:650;margin-bottom:7px;}
        .admin-action {display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:14px;background:linear-gradient(110deg,#4f46e5,#9333ea);padding:11px 18px;color:white;font-weight:700;font-size:13px;}
        .admin-action:hover {filter:brightness(1.05);}
        .admin-stat {border:1px solid #e5e7f2; border-radius:19px; background:linear-gradient(152deg,#fff 35%,#f7f7ff); padding:18px; min-width:0;}
        .admin-stat small {font-size:11px; font-weight:600; color:#64748b;}
        .admin-stat strong {display:block; margin-top:7px; font-size:clamp(18px,2vw,24px); font-weight:750; color:#4338ca; overflow-wrap:anywhere;}
        .admin-table-shell {overflow:auto; border:1px solid #e4e7f2; border-radius:17px; background:white;}
        .admin-table {width:100%; border-collapse:collapse; font-size:12px; white-space:nowrap;}
        .admin-table th {padding:13px; text-align:left; background:#f6f7ff; font-size:11px; font-weight:750; color:#6b7280;}
        .admin-table td {padding:12px 13px; border-top:1px solid #eef0f7; color:#334155;}
        .admin-table tbody tr:hover {background:#fafaff;}
        .admin-mini-btn {display:inline-flex; align-items:center; justify-content:center; border:1px solid #dfe3f1; border-radius:10px; background:white; color:#4f46e5; font-size:11px; font-weight:700; padding:7px 10px; cursor:pointer;}
        .admin-mini-btn:hover {background:#eef2ff;}
        .admin-report-bars {display:grid;grid-template-columns:repeat(7,minmax(0,1fr)); gap:10px; align-items:end; min-height:155px;}
        .admin-report-day {display:flex; flex-direction:column; align-items:center; justify-content:end; gap:7px; min-width:0; font-size:10px; color:#64748b;}
        .admin-report-day .bar {width:min(38px,100%);border-radius:9px 9px 4px 4px;background:linear-gradient(180deg,#a78bfa,#6366f1);min-height:6px;}
        @media (max-width:600px) {
            .home-panel {border-radius:21px;}
            #productGrid {grid-template-columns:minmax(0,1fr);}
        }

        /* Ẩn menu Admin trước khi xác định tài khoản đăng nhập. */
        body:not(.admin-allowed) #mobile-nav-admin,
        body:not(.admin-allowed) #adminSidebarSlot { display:none!important; }
        body.admin-allowed .mobile-bottom-nav > div {grid-template-columns:repeat(6,minmax(0,1fr));}
        /* Quản lý khách hàng: bảng gọn, thống kê và hồ sơ mở theo yêu cầu */
        .customer-stat {border:1px solid #e2e8f0;border-radius:17px;padding:15px;background:linear-gradient(150deg,#fff,#f8f7ff);min-width:0;}
        .customer-stat span {font-size:11px;color:#64748b;font-weight:650;display:block;}
        .customer-stat strong {display:block;color:#4f46e5;font-size:clamp(17px,2vw,23px);font-weight:800;margin-top:6px;overflow-wrap:anywhere;}
        .customer-admin-table td,.customer-admin-table th {padding:12px 11px;}
        .customer-tag {font-size:10px;font-weight:700;display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;white-space:nowrap;}
        .customer-tag.vip {color:#7c3aed;background:#f3e8ff;}
        .customer-tag.support {color:#b45309;background:#fef3c7;}
        .customer-row-active {background:#f5f3ff !important;}
        .customer-history-entry {border:1px solid #e5e7eb;border-radius:13px;background:#fcfcff;padding:11px 12px;}
        .customer-history-entry + .customer-history-entry {margin-top:8px;}
        .customer-scroll {scrollbar-width:thin;scrollbar-color:#c7d2fe transparent;}
        .customer-stat-mini {padding:12px 14px;background:#f8faff;border:1px solid #e0e7ff;border-radius:14px;min-width:0;}
        .customer-stat-mini small {display:block;color:#64748b;font-size:10px;font-weight:650;}
        .customer-stat-mini strong {display:block;margin-top:4px;color:#4338ca;font-size:15px;font-weight:800;overflow-wrap:anywhere;}
        #adminUserPrev:disabled,#adminUserNext:disabled {opacity:.4;cursor:not-allowed;}
        /* Admin Panel: điều hướng theo mục, chỉ một khu vực hiện mỗi lần */
        .admin-section-nav {
            display:flex;
            flex-wrap:wrap;
            align-items:center;
            gap:8px;
            padding:12px;
            border:1px solid #e2e8f0;
            border-radius:20px;
            background:#fff;
            box-shadow:0 8px 24px -20px rgba(79,70,229,.34);
        }
        .admin-section-btn {
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:8px;
            border:1px solid #e0e7ff;
            border-radius:13px;
            padding:10px 13px;
            background:#f8faff;
            color:#475569;
            font:600 12px/1.1 'Plus Jakarta Sans',sans-serif;
            white-space:nowrap;
            cursor:pointer;
            transition:background .15s ease, color .15s ease, box-shadow .15s ease, border-color .15s ease;
        }
        .admin-section-btn:hover:not(.is-active) { background:#eef2ff; border-color:#c7d2fe; color:#4338ca; }
        .admin-section-btn.is-active {
            color:#fff;
            border-color:transparent;
            background:linear-gradient(105deg,#4f46e5,#8b5cf6);
            box-shadow:0 6px 15px -8px rgba(79,70,229,.65);
        }
        .admin-section-btn:focus-visible {outline:3px solid #a5b4fc;outline-offset:2px;}
        .admin-section-btn i {font-size:13px;}
        @media (max-width:640px) {
            .admin-section-nav {gap:7px;padding:10px;}
            .admin-section-btn {flex:1 1 calc(50% - 7px);font-size:11px;padding:11px 8px;}
        }