/* ── Tab pills ── */
    .tab-pills{display:flex;gap:0.375rem;flex-wrap:wrap}
    .tab-pill{padding:0.3rem 0.75rem;border-radius:100px;font-size:0.75rem;font-weight:600;cursor:pointer;transition:all 0.15s;border:1.5px solid var(--border);background:none;color:var(--muted);font-family:inherit}
    .tab-pill:hover{border-color:var(--kai-blue);color:var(--kai-blue)}
    .tab-pill.active{background:var(--kai-blue);border-color:var(--kai-blue);color:#fff}
    .tab-count{display:inline-flex;align-items:center;justify-content:center;margin-left:0.35rem;background:rgba(255,255,255,0.25);border-radius:100px;padding:0 0.3rem;font-size:0.625rem;font-weight:700;min-width:18px;height:16px}
    .tab-pill:not(.active) .tab-count{background:rgba(0,0,0,0.07);color:var(--muted)}

    /* ── User avatar inline ── */
    .user-avatar{width:28px;height:28px;border-radius:7px;background:linear-gradient(135deg,var(--kai-blue),var(--accent));display:inline-flex;align-items:center;justify-content:center;font-size:0.625rem;font-weight:700;color:#fff;flex-shrink:0;vertical-align:middle}
    .user-avatar.av-green{background:linear-gradient(135deg,#16A34A,#15803D)}
    .user-avatar.av-orange{background:linear-gradient(135deg,#D97706,#92400E)}
    .user-avatar.av-purple{background:linear-gradient(135deg,#7C3AED,#5B21B6)}
    .user-avatar.av-teal{background:linear-gradient(135deg,#0891B2,#0E7490)}
    .user-avatar.av-red{background:linear-gradient(135deg,#DC2626,#991B1B)}
    .user-avatar.av-gray{background:linear-gradient(135deg,#64748B,#475569)}
    .user-cell{display:flex;align-items:center;gap:0.5rem}
    .user-name{font-weight:600;color:var(--text);font-size:0.8125rem}
    .user-email{font-size:0.6875rem;color:var(--muted)}

    /* ── Row select highlight ── */
    .data-table tbody tr.selected td{background:rgba(0,48,130,0.06)!important}

    /* ── Drawer overlay ── */
    .drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.25);z-index:200;opacity:0;pointer-events:none;transition:opacity 0.25s}
    .drawer-overlay.open{opacity:1;pointer-events:all}
    .drawer{position:fixed;top:52px;right:0;bottom:0;width:480px;background:#fff;border-left:1px solid var(--border);z-index:201;transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;overflow:hidden}
    .drawer.open{transform:translateX(0)}

    /* ── Drawer header ── */
    .drw-hdr{padding:1rem 1.125rem 0.75rem;border-bottom:1px solid var(--border);flex-shrink:0}
    .drw-hdr-top{display:flex;align-items:flex-start;justify-content:space-between;gap:0.75rem;margin-bottom:0.5rem}
    .drw-title{font-size:1.125rem;font-weight:800;color:var(--text)}
    .drw-sub{font-size:0.75rem;color:var(--muted);margin-top:2px}
    .drw-hdr-actions{display:flex;align-items:center;gap:0.5rem;flex-shrink:0}
    .drw-close{width:28px;height:28px;border-radius:7px;border:1px solid var(--border);background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:0.875rem;transition:all 0.15s}
    .drw-close:hover{border-color:var(--red);color:var(--red)}

    /* ── Drawer avatar large ── */
    .drw-avatar{width:52px;height:52px;border-radius:12px;background:linear-gradient(135deg,var(--kai-blue),var(--accent));display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:700;color:#fff;flex-shrink:0}

    /* ── Drawer tabs ── */
    .drw-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}
    .drw-tab{padding:0.625rem 1rem;font-size:0.75rem;font-weight:600;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;transition:all 0.15s;background:none;border-top:none;border-left:none;border-right:none;font-family:inherit}
    .drw-tab.active{color:var(--kai-blue);border-bottom-color:var(--kai-blue)}
    .drw-tab:hover:not(.active){color:var(--text)}

    /* ── Drawer body ── */
    .drw-body{flex:1;overflow-y:auto;padding:1rem 1.125rem}

    /* ── Tab content panels ── */
    .tab-panel{display:none}
    .tab-panel.active{display:block}

    /* ── Spec grid ── */
    .spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.5rem 1.5rem}
    .spec-row{padding:0.375rem 0;border-bottom:1px solid rgba(0,0,0,0.04)}
    .spec-lbl{font-size:0.6875rem;color:var(--muted);margin-bottom:1px}
    .spec-val{font-size:0.8125rem;font-weight:600;color:var(--text)}

    /* ── Permission grid ── */
    .perm-table{width:100%;border-collapse:collapse;margin-top:0.5rem}
    .perm-table th{font-size:0.625rem;text-transform:uppercase;letter-spacing:0.06em;color:var(--muted);padding:0.375rem 0.5rem;font-weight:700;text-align:center;background:rgba(0,48,130,0.03)}
    .perm-table th:first-child{text-align:left}
    .perm-table td{padding:0.375rem 0.5rem;font-size:0.75rem;border-top:1px solid rgba(0,0,0,0.04);text-align:center}
    .perm-table td:first-child{text-align:left;font-weight:500;color:var(--text)}
    .perm-check{width:16px;height:16px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:0.625rem;flex-shrink:0}
    .perm-yes{background:rgba(22,163,74,0.12);color:#15803D}
    .perm-no{background:rgba(226,232,240,0.8);color:var(--muted)}

    /* ── Activity log ── */
    .act-item{display:flex;align-items:flex-start;gap:0.625rem;padding:0.5rem 0;border-bottom:1px solid rgba(0,0,0,0.04)}
    .act-item:last-child{border-bottom:none}
    .act-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}
    .act-info{flex:1;min-width:0}
    .act-desc{font-size:0.75rem;color:var(--text);font-weight:500}
    .act-time{font-size:0.6875rem;color:var(--muted);margin-top:1px}

    /* ── Drawer footer actions ── */
    .drw-footer{padding:0.875rem 1.125rem;border-top:1px solid var(--border);display:flex;gap:0.5rem;flex-wrap:wrap;flex-shrink:0;background:#fff}

    /* ── Section title ── */
    .sec-title{font-size:0.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--muted);margin-bottom:0.625rem;margin-top:1rem;display:flex;align-items:center;gap:0.375rem}
    .sec-title:first-child{margin-top:0}

    /* ── Danger btn ── */
    .btn-danger{background:rgba(220,38,38,0.1);color:#DC2626;border:1px solid rgba(220,38,38,0.25);padding:0.375rem 0.875rem;border-radius:7px;font-size:0.8125rem;font-weight:600;cursor:pointer;transition:all 0.15s;display:inline-flex;align-items:center;gap:0.375rem}
    .btn-danger:hover{background:rgba(220,38,38,0.18);border-color:#DC2626}
    .btn-warn{background:rgba(217,119,6,0.1);color:#D97706;border:1px solid rgba(217,119,6,0.25);padding:0.375rem 0.875rem;border-radius:7px;font-size:0.8125rem;font-weight:600;cursor:pointer;transition:all 0.15s;display:inline-flex;align-items:center;gap:0.375rem}
    .btn-warn:hover{background:rgba(217,119,6,0.18);border-color:#D97706}