/* ═══════════════════════════════════════════════════════════════
 * SAS Staff Engine — Team UI (v2 — dark mode primary)
 * Self-contained: all class names prefixed sas- to avoid collision
 * with the existing dark theme.
 * ═══════════════════════════════════════════════════════════════ */

.sas-team-shell {
    --sas-pri:#38bdf8;
    --sas-pri-dark:#0284c7;
    --sas-sec:#0ea5e9;
    --sas-success:#10b981;
    --sas-warning:#f59e0b;
    --sas-danger:#f43f5e;
    --sas-text:#e2e8f0;
    --sas-text-dim:#94a3b8;
    --sas-surface:rgba(255,255,255,.04);
    --sas-surface-hi:rgba(255,255,255,.07);
    --sas-border:rgba(255,255,255,.08);
    --sas-border-hi:rgba(255,255,255,.15);
    --sas-radius:14px;
    --sas-radius-sm:10px;
    --sas-radius-lg:20px;
    --sas-shadow:0 4px 16px rgba(0,0,0,.25);
    --sas-shadow-lg:0 12px 32px rgba(0,0,0,.35);

    font-family:'Cairo',sans-serif;
    color:var(--sas-text);
    padding:24px clamp(12px,3vw,40px);
    max-width:1500px;
    margin:0 auto;
    direction:rtl;
}

/* Reset elements inside the shell — defend against global app styles */
.sas-team-shell * { box-sizing:border-box; }
.sas-team-shell h1, .sas-team-shell h2, .sas-team-shell h3, .sas-team-shell h4 {
    color:var(--sas-text); margin:0;
}
.sas-team-shell a { color:var(--sas-pri); text-decoration:none; }
.sas-team-shell p { margin:0; color:var(--sas-text); }
.sas-team-shell ol, .sas-team-shell ul { list-style:none; padding:0; margin:0; }

/* ── Header ────────────────────────────────────────────────── */
.sas-team-shell .sas-team-header {
    background:var(--sas-surface);
    border-radius:var(--sas-radius-lg);
    padding:24px 28px;
    margin-bottom:22px;
    box-shadow:var(--sas-shadow);
    border:1px solid var(--sas-border);
    backdrop-filter:blur(10px);
}
.sas-team-shell .sas-team-header-inner {
    display:grid; grid-template-columns:1fr auto; gap:16px;
    align-items:start; margin-bottom:18px;
}
.sas-team-shell .sas-team-crumbs { font-size:.88rem; color:var(--sas-text-dim); margin-bottom:8px; }
.sas-team-shell .sas-team-crumbs a { color:var(--sas-text-dim); }
.sas-team-shell .sas-team-crumbs a:hover { color:var(--sas-pri); }
.sas-team-shell .sas-team-crumbs strong { color:var(--sas-pri); }
.sas-team-shell .sas-team-crumbs span { margin:0 6px; opacity:.5; }
.sas-team-shell .sas-team-title {
    font-size:1.7rem; font-weight:900; color:#fff;
    display:flex; align-items:center; gap:12px; margin:0;
}
.sas-team-shell .sas-team-title em { font-style:normal; color:var(--sas-pri); }
.sas-team-shell .sas-team-title-icon { font-size:2rem; }

.sas-team-shell .sas-team-tier {
    display:flex; flex-direction:column; align-items:flex-end; gap:5px;
}
.sas-team-shell .sas-tier-badge {
    padding:8px 18px; border-radius:50px; font-weight:800; font-size:.92rem;
    color:#fff;
}
.sas-team-shell .sas-tier-bronze .sas-tier-badge   { background:linear-gradient(135deg,#92400e,#78350f); }
.sas-team-shell .sas-tier-silver .sas-tier-badge   { background:linear-gradient(135deg,#94a3b8,#64748b); }
.sas-team-shell .sas-tier-gold .sas-tier-badge     { background:linear-gradient(135deg,#f59e0b,#d97706); }
.sas-team-shell .sas-tier-platinum .sas-tier-badge { background:linear-gradient(135deg,#a855f7,#7c3aed); }
.sas-team-shell .sas-tier-freq { font-size:.78rem; color:var(--sas-text-dim); }

/* Tabs */
.sas-team-shell .sas-team-tabs {
    display:flex; gap:8px;
    border-top:1px solid var(--sas-border);
    padding-top:16px;
}
.sas-team-shell .sas-tab {
    padding:10px 22px; border-radius:50px;
    color:var(--sas-text); font-weight:700;
    transition:all .25s;
    background:var(--sas-surface);
    border:1px solid var(--sas-border);
}
.sas-team-shell .sas-tab:hover { background:var(--sas-surface-hi); border-color:var(--sas-border-hi); }
.sas-team-shell .sas-tab.active {
    background:linear-gradient(135deg,var(--sas-pri-dark),var(--sas-pri));
    color:#fff;
    border-color:transparent;
    box-shadow:0 4px 14px rgba(2,132,199,.4);
}

/* Flash */
.sas-team-shell .sas-flash {
    padding:14px 20px; border-radius:var(--sas-radius); margin-bottom:18px; font-weight:700;
    animation:sasFadeIn .3s;
}
.sas-team-shell .sas-flash-success { background:rgba(16,185,129,.15); color:#6ee7b7; border-right:4px solid var(--sas-success); }
.sas-team-shell .sas-flash-error   { background:rgba(244,63,94,.15);  color:#fda4af; border-right:4px solid var(--sas-danger); }
@keyframes sasFadeIn { from { opacity:0; transform:translateY(-8px); } to { opacity:1; transform:translateY(0); } }

/* ── KPI cards ──────────────────────────────────────────────── */
.sas-team-shell .sas-kpi-grid {
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr)) !important;
    gap:14px;
    margin-bottom:22px;
}
.sas-team-shell .sas-kpi {
    background:var(--sas-surface);
    border-radius:var(--sas-radius);
    padding:20px 18px;
    box-shadow:var(--sas-shadow);
    border:1px solid var(--sas-border);
    border-top:4px solid var(--sas-pri);
    position:relative; overflow:hidden;
    transition:transform .25s,box-shadow .25s;
    display:flex; flex-direction:column; gap:4px;
}
.sas-team-shell .sas-kpi:hover { transform:translateY(-3px); box-shadow:var(--sas-shadow-lg); background:var(--sas-surface-hi); }
.sas-team-shell .sas-kpi-icon  { font-size:1.8rem; line-height:1; }
.sas-team-shell .sas-kpi-value { font-size:2rem; font-weight:900; color:#fff; line-height:1.1; }
.sas-team-shell .sas-kpi-value small { font-size:.85rem; opacity:.6; }
.sas-team-shell .sas-kpi-label { font-size:.85rem; color:var(--sas-text-dim); font-weight:700; }
.sas-team-shell .sas-kpi-sub   { font-size:.75rem; color:var(--sas-text-dim); opacity:.8; }
.sas-team-shell .sas-kpi-success { border-top-color:var(--sas-success); }
.sas-team-shell .sas-kpi-success .sas-kpi-value { color:#34d399; }
.sas-team-shell .sas-kpi-warning { border-top-color:var(--sas-warning); }
.sas-team-shell .sas-kpi-warning .sas-kpi-value { color:#fbbf24; }
.sas-team-shell .sas-kpi-danger  { border-top-color:var(--sas-danger); }
.sas-team-shell .sas-kpi-danger  .sas-kpi-value { color:#fb7185; }
.sas-team-shell .sas-kpi-info    { border-top-color:#0ea5e9; }
.sas-team-shell .sas-kpi-info    .sas-kpi-value { color:#38bdf8; }
.sas-team-shell .sas-kpi-primary { border-top-color:var(--sas-pri); }
.sas-team-shell .sas-kpi-primary .sas-kpi-value { color:#7dd3fc; }

/* ── Layout grid (main + sidebar) ───────────────────────────── */
.sas-team-shell .sas-team-layout {
    display:grid !important;
    grid-template-columns:1fr 340px;
    gap:20px;
}
@media (max-width:1024px) { .sas-team-shell .sas-team-layout { grid-template-columns:1fr; } }

.sas-team-shell .sas-section-head {
    display:flex; justify-content:space-between; align-items:baseline;
    margin-bottom:14px;
}
.sas-team-shell .sas-section-head h2 {
    font-size:1.25rem; font-weight:900; color:#fff;
}
.sas-team-shell .sas-section-sub { color:var(--sas-text-dim); font-size:.85rem; margin-top:4px; }
.sas-team-shell .sas-link-more { color:var(--sas-pri); font-weight:700; font-size:.85rem; }

/* ── Employee grid ──────────────────────────────────────────── */
.sas-team-shell .sas-emp-grid {
    display:grid !important;
    grid-template-columns:repeat(auto-fill,minmax(290px,1fr)) !important;
    gap:14px;
}
.sas-team-shell .sas-emp-card {
    background:var(--sas-surface);
    border-radius:var(--sas-radius);
    padding:18px;
    box-shadow:var(--sas-shadow);
    border:1px solid var(--sas-border);
    display:flex; gap:14px; align-items:flex-start;
    transition:all .3s; position:relative;
}
.sas-team-shell .sas-emp-card:hover {
    transform:translateY(-3px); background:var(--sas-surface-hi);
    border-color:var(--sas-border-hi); box-shadow:var(--sas-shadow-lg);
}
.sas-team-shell .sas-emp-card.sas-emp-paused { opacity:.65; border-color:rgba(245,158,11,.3); }
.sas-team-shell .sas-emp-card.sas-emp-idle   { border-style:dashed; opacity:.85; }
.sas-team-shell .sas-emp-card.sas-emp-active::before {
    content:""; position:absolute; top:-1px; left:-1px; right:-1px; height:3px;
    background:linear-gradient(90deg,var(--sas-success),#34d399);
    border-radius:var(--sas-radius) var(--sas-radius) 0 0;
}

.sas-team-shell .sas-emp-avatar {
    width:56px; height:56px; border-radius:14px;
    display:flex; align-items:center; justify-content:center;
    flex-shrink:0; font-size:1.9rem;
    box-shadow:0 4px 12px rgba(0,0,0,.3);
    color:#fff;
}
.sas-team-shell .sas-emp-body { flex:1; min-width:0; }
.sas-team-shell .sas-emp-name { margin:0 0 4px; font-size:1.05rem; font-weight:900; }
.sas-team-shell .sas-emp-name a { color:#fff; }
.sas-team-shell .sas-emp-name a:hover { color:var(--sas-pri); }
.sas-team-shell .sas-emp-role { margin:0 0 12px; font-size:.85rem; color:var(--sas-text-dim); }
.sas-team-shell .sas-emp-meta { display:flex; gap:6px; flex-wrap:wrap; margin-bottom:12px; }
.sas-team-shell .sas-emp-tier, .sas-team-shell .sas-emp-tone {
    padding:3px 12px; border-radius:50px; font-size:.72rem; font-weight:700;
}
.sas-team-shell .sas-tier-min-1 { background:rgba(245,158,11,.2); color:#fcd34d; }
.sas-team-shell .sas-tier-min-2 { background:rgba(148,163,184,.2); color:#cbd5e1; }
.sas-team-shell .sas-tier-min-3 { background:rgba(234,179,8,.2);   color:#fde047; }
.sas-team-shell .sas-tier-min-4 { background:rgba(168,85,247,.2);  color:#d8b4fe; }
.sas-team-shell .sas-tone-professional { background:rgba(56,189,248,.2); color:#7dd3fc; }
.sas-team-shell .sas-tone-poetic       { background:rgba(236,72,153,.2); color:#f9a8d4; }
.sas-team-shell .sas-tone-technical    { background:rgba(99,102,241,.2); color:#a5b4fc; }
.sas-team-shell .sas-tone-executive    { background:rgba(245,158,11,.2); color:#fcd34d; }

.sas-team-shell .sas-emp-state { display:flex; flex-direction:column; gap:8px; margin:8px 0; }
.sas-team-shell .sas-emp-health { display:flex; align-items:center; gap:10px; }
.sas-team-shell .sas-emp-health-bar {
    flex:1; height:7px; background:rgba(255,255,255,.06);
    border-radius:50px; overflow:hidden;
}
.sas-team-shell .sas-emp-health-fill { height:100%; border-radius:50px; transition:width .6s; }
.sas-team-shell .sas-health-good { background:linear-gradient(90deg,#10b981,#34d399); }
.sas-team-shell .sas-health-mid  { background:linear-gradient(90deg,#f59e0b,#fbbf24); }
.sas-team-shell .sas-health-low  { background:linear-gradient(90deg,#f43f5e,#fb7185); }
.sas-team-shell .sas-emp-health-val { font-weight:900; font-size:.85rem; color:#fff; min-width:30px; text-align:center; }
.sas-team-shell .sas-emp-next { font-size:.78rem; color:var(--sas-text-dim); }
.sas-team-shell .sas-emp-status-pill {
    padding:3px 12px; border-radius:50px; font-size:.72rem; font-weight:700;
    display:inline-flex; align-items:center; gap:6px; width:fit-content;
}
.sas-team-shell .sas-status-active { background:rgba(16,185,129,.2); color:#6ee7b7; }
.sas-team-shell .sas-status-paused { background:rgba(245,158,11,.2); color:#fcd34d; }
.sas-team-shell .sas-status-dot   { width:6px; height:6px; background:var(--sas-success); border-radius:50%; animation:sasPulse 2s infinite; }
@keyframes sasPulse { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:.5; transform:scale(1.3); } }

.sas-team-shell .sas-emp-actions { display:flex; gap:6px; margin-top:12px; flex-wrap:wrap; }
.sas-team-shell .sas-emp-idle-msg {
    display:flex; flex-direction:column; gap:8px; padding:8px 0;
    color:var(--sas-text-dim); font-size:.85rem;
}

/* ── Buttons ────────────────────────────────────────────────── */
.sas-team-shell .sas-btn {
    padding:7px 14px; border-radius:var(--sas-radius-sm);
    font-weight:700; font-size:.85rem; border:none;
    cursor:pointer; transition:all .2s;
    display:inline-flex; align-items:center; gap:6px;
    font-family:inherit; line-height:1.4;
}
.sas-team-shell .sas-btn:hover { transform:translateY(-1px); }
.sas-team-shell .sas-btn-primary {
    background:linear-gradient(135deg,var(--sas-pri-dark),var(--sas-pri));
    color:#fff !important;
    box-shadow:0 3px 8px rgba(2,132,199,.4);
}
.sas-team-shell .sas-btn-primary:hover { box-shadow:0 5px 16px rgba(2,132,199,.55); }
.sas-team-shell .sas-btn-secondary { background:var(--sas-surface-hi); color:#fff !important; border:1px solid var(--sas-border-hi); }
.sas-team-shell .sas-btn-secondary:hover { background:rgba(255,255,255,.12); }
.sas-team-shell .sas-btn-ghost { background:transparent; color:var(--sas-text-dim) !important; border:1px solid var(--sas-border); }
.sas-team-shell .sas-btn-ghost:hover { background:var(--sas-surface); color:#fff !important; }
.sas-team-shell .sas-btn-lg { padding:12px 26px; font-size:1rem; }

/* ── Sidebar / Activity list ────────────────────────────────── */
.sas-team-shell .sas-team-sidebar {
    background:var(--sas-surface);
    border-radius:var(--sas-radius);
    padding:18px;
    box-shadow:var(--sas-shadow);
    border:1px solid var(--sas-border);
    height:fit-content;
    position:sticky; top:90px;
}
.sas-team-shell .sas-activity-list { display:flex; flex-direction:column; gap:10px; }
.sas-team-shell .sas-activity {
    display:flex; gap:10px; padding:10px;
    background:rgba(255,255,255,.03);
    border-radius:var(--sas-radius-sm);
    border-right:3px solid var(--sas-border);
    transition:transform .2s;
}
.sas-team-shell .sas-activity:hover { transform:translateX(-3px); background:rgba(255,255,255,.06); }
.sas-team-shell .sas-activity.sas-status-success { border-right-color:var(--sas-success); }
.sas-team-shell .sas-activity.sas-status-failed  { border-right-color:var(--sas-danger); }
.sas-team-shell .sas-activity.sas-status-partial { border-right-color:var(--sas-warning); }
.sas-team-shell .sas-act-avatar {
    width:36px; height:36px; border-radius:10px;
    display:flex; align-items:center; justify-content:center;
    flex-shrink:0; color:#fff; font-size:1.2rem;
}
.sas-team-shell .sas-act-body { flex:1; min-width:0; }
.sas-team-shell .sas-act-head {
    display:flex; justify-content:space-between; align-items:baseline;
    font-size:.78rem; margin-bottom:4px; color:var(--sas-text-dim);
}
.sas-team-shell .sas-act-head strong { color:#fff; font-weight:700; }
.sas-team-shell .sas-act-headline { font-size:.88rem; line-height:1.5; }

.sas-team-shell .sas-empty { text-align:center; padding:30px; color:var(--sas-text-dim); }
.sas-team-shell .sas-empty-icon { font-size:2.5rem; display:block; margin-bottom:10px; opacity:.6; }
.sas-team-shell .sas-empty-lg { padding:80px 30px; }

/* ── Filters bar ────────────────────────────────────────────── */
.sas-team-shell .sas-filters-bar {
    background:var(--sas-surface);
    border-radius:var(--sas-radius);
    padding:14px 20px;
    margin-bottom:18px;
    display:flex; gap:16px; align-items:center; flex-wrap:wrap;
    box-shadow:var(--sas-shadow);
    border:1px solid var(--sas-border);
}
.sas-team-shell .sas-filter-field { display:flex; flex-direction:column; gap:4px; }
.sas-team-shell .sas-filter-field label { font-size:.78rem; color:var(--sas-text-dim); font-weight:700; }
.sas-team-shell .sas-filter-field select,
.sas-team-shell .sas-filter-field input {
    padding:8px 14px; border:1px solid var(--sas-border);
    border-radius:var(--sas-radius-sm); font-family:inherit;
    background:rgba(0,0,0,.3); color:#fff;
}
.sas-team-shell .sas-filter-meta { margin-right:auto; font-size:.85rem; color:var(--sas-text-dim); font-weight:700; }
.sas-team-shell .sas-report-title { font-size:1.3rem; font-weight:900; color:#fff; }

/* ── Timeline (activities page) ─────────────────────────────── */
.sas-team-shell .sas-timeline { position:relative; }
.sas-team-shell .sas-timeline::before {
    content:""; position:absolute; top:0; bottom:0; right:24px; width:2px;
    background:linear-gradient(180deg,var(--sas-pri) 0%,var(--sas-border) 100%);
}
.sas-team-shell .sas-timeline-item { position:relative; padding:0 60px 16px 0; }
.sas-team-shell .sas-timeline-marker {
    position:absolute; right:14px; top:8px; width:36px; height:36px;
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    color:#fff; font-size:1.2rem;
    border:3px solid #0f172a;
    box-shadow:0 2px 8px rgba(0,0,0,.4);
    z-index:2;
}
.sas-team-shell .sas-timeline-card {
    background:var(--sas-surface);
    border-radius:var(--sas-radius);
    padding:14px 18px;
    box-shadow:var(--sas-shadow);
    border:1px solid var(--sas-border);
    border-right:4px solid var(--sas-pri);
}
.sas-team-shell .sas-status-success .sas-timeline-card { border-right-color:var(--sas-success); }
.sas-team-shell .sas-status-failed  .sas-timeline-card { border-right-color:var(--sas-danger); }
.sas-team-shell .sas-status-partial .sas-timeline-card { border-right-color:var(--sas-warning); }
.sas-team-shell .sas-tl-head {
    display:flex; justify-content:space-between; align-items:baseline;
    margin-bottom:8px; flex-wrap:wrap; gap:8px;
}
.sas-team-shell .sas-tl-name { color:#fff; font-weight:900; }
.sas-team-shell .sas-tl-name:hover { color:var(--sas-pri); }
.sas-team-shell .sas-tl-role { color:var(--sas-text-dim); font-size:.85rem; }
.sas-team-shell .sas-tl-time { font-size:.78rem; color:var(--sas-text-dim); }
.sas-team-shell .sas-tl-headline { font-size:1rem; font-weight:700; line-height:1.5; color:#fff; }
.sas-team-shell .sas-tl-metrics { display:flex; gap:10px; flex-wrap:wrap; margin:8px 0; }
.sas-team-shell .sas-metric {
    padding:3px 12px;
    background:rgba(2,132,199,.2);
    color:#7dd3fc;
    border-radius:50px;
    font-size:.78rem;
}
.sas-team-shell .sas-metric b { color:#fff; font-weight:900; }
.sas-team-shell .sas-tl-body { margin:8px 0; }
.sas-team-shell .sas-tl-body summary { cursor:pointer; color:var(--sas-pri); font-size:.85rem; font-weight:700; }
.sas-team-shell .sas-tl-body pre {
    font-family:'Cairo',monospace; font-size:.85rem;
    white-space:pre-wrap;
    background:rgba(0,0,0,.4);
    padding:12px;
    border-radius:8px;
    color:var(--sas-text);
    line-height:1.7;
    margin-top:8px;
}
.sas-team-shell .sas-tl-footer {
    display:flex; gap:6px; flex-wrap:wrap;
    margin-top:8px; padding-top:8px;
    border-top:1px solid var(--sas-border);
}
.sas-team-shell .sas-pill {
    padding:3px 10px; border-radius:50px; font-size:.72rem; font-weight:700;
    background:var(--sas-surface-hi); color:var(--sas-text-dim);
}
.sas-team-shell .sas-action-audit    { background:rgba(59,130,246,.2); color:#93c5fd; }
.sas-team-shell .sas-action-generate { background:rgba(16,185,129,.2); color:#6ee7b7; }
.sas-team-shell .sas-action-refresh  { background:rgba(245,158,11,.2); color:#fcd34d; }
.sas-team-shell .sas-action-report   { background:rgba(236,72,153,.2); color:#f9a8d4; }
.sas-team-shell .sas-action-gsc_sync { background:rgba(99,102,241,.2); color:#a5b4fc; }
.sas-team-shell .sas-action-links    { background:rgba(168,85,247,.2); color:#d8b4fe; }
.sas-team-shell .sas-action-schema   { background:rgba(244,63,94,.2);  color:#fda4af; }
.sas-team-shell .sas-status-pill.sas-status-success { background:rgba(16,185,129,.25); color:#6ee7b7; }
.sas-team-shell .sas-status-pill.sas-status-failed  { background:rgba(244,63,94,.25);  color:#fda4af; }
.sas-team-shell .sas-duration { background:rgba(255,255,255,.06); color:var(--sas-text-dim); }
.sas-team-shell .sas-pagination { display:flex; justify-content:center; margin-top:20px; padding:10px 0; color:var(--sas-text); }

/* ── Card ───────────────────────────────────────────────────── */
.sas-team-shell .sas-card {
    background:var(--sas-surface);
    border-radius:var(--sas-radius);
    padding:24px;
    margin-bottom:18px;
    box-shadow:var(--sas-shadow);
    border:1px solid var(--sas-border);
}
.sas-team-shell .sas-card h3 { font-size:1.1rem; font-weight:900; color:#fff; margin-bottom:14px; }

/* ── Bar chart (report) ─────────────────────────────────────── */
.sas-team-shell .sas-bar-chart {
    display:grid; grid-template-columns:repeat(31,1fr); gap:3px;
    height:180px; padding:14px 0; align-items:end;
}
.sas-team-shell .sas-bar-col {
    display:flex; flex-direction:column; align-items:center; gap:2px;
    position:relative;
}
.sas-team-shell .sas-bar-fill {
    width:100%;
    background:linear-gradient(180deg,var(--sas-pri),var(--sas-pri-dark));
    border-radius:4px 4px 0 0; min-height:2px;
    transition:height .8s; cursor:pointer;
}
.sas-team-shell .sas-bar-fill:hover { background:linear-gradient(180deg,#7dd3fc,var(--sas-pri)); }
.sas-team-shell .sas-bar-label { font-size:.65rem; color:var(--sas-text-dim); margin-top:4px; }
.sas-team-shell .sas-bar-value { position:absolute; top:-18px; font-size:.65rem; font-weight:900; color:#fff; }

.sas-team-shell .sas-action-distrib { display:flex; flex-direction:column; gap:10px; }
.sas-team-shell .sas-distrib-row { display:grid; grid-template-columns:140px 1fr 140px; gap:14px; align-items:center; }
.sas-team-shell .sas-distrib-label { font-weight:700; color:var(--sas-text); }
.sas-team-shell .sas-distrib-bar { height:14px; background:rgba(255,255,255,.06); border-radius:50px; overflow:hidden; }
.sas-team-shell .sas-distrib-fill { height:100%; border-radius:50px; transition:width 1s; }
.sas-team-shell .sas-distrib-value { font-size:.85rem; color:var(--sas-text-dim); text-align:left; }

.sas-team-shell .sas-table { width:100%; border-collapse:collapse; font-size:.92rem; color:var(--sas-text); }
.sas-team-shell .sas-table thead { background:linear-gradient(135deg,var(--sas-pri-dark),#0c4a6e); color:#fff; }
.sas-team-shell .sas-table th { padding:12px; text-align:right; font-weight:800; }
.sas-team-shell .sas-table td { padding:12px; border-bottom:1px solid var(--sas-border); }
.sas-team-shell .sas-table tbody tr:hover { background:var(--sas-surface); }
.sas-team-shell .sas-num-good { color:#34d399; font-weight:900; }
.sas-team-shell .sas-num-bad  { color:#fb7185; font-weight:900; }
.sas-team-shell .sas-emp-mini { display:flex; align-items:center; gap:10px; color:var(--sas-text); }
.sas-team-shell .sas-emp-mini-avatar {
    width:36px; height:36px; border-radius:10px;
    display:flex; align-items:center; justify-content:center;
    color:#fff; font-size:1.1rem; flex-shrink:0;
}
.sas-team-shell .sas-emp-mini strong { display:block; color:#fff; }
.sas-team-shell .sas-emp-mini small { color:var(--sas-text-dim); font-size:.78rem; }

/* ── Employee detail ────────────────────────────────────────── */
.sas-team-shell .sas-emp-hero {
    background:linear-gradient(135deg,var(--sas-pri-dark),#082f49);
    color:#fff; border-radius:var(--sas-radius-lg);
    padding:32px clamp(20px,3vw,40px);
    margin-bottom:22px;
    display:grid; grid-template-columns:auto 1fr auto; gap:28px;
    align-items:center; box-shadow:var(--sas-shadow-lg);
    border:1px solid var(--sas-border-hi);
}
@media (max-width:768px) { .sas-team-shell .sas-emp-hero { grid-template-columns:1fr; text-align:center; } }
.sas-team-shell .sas-emp-hero-avatar {
    width:90px; height:90px;
    background:rgba(255,255,255,.15);
    border-radius:24px;
    display:flex; align-items:center; justify-content:center;
    font-size:3rem;
    border:2px solid rgba(255,255,255,.3);
}
.sas-team-shell .sas-emp-hero-body h1 { font-size:2rem; font-weight:900; }
.sas-team-shell .sas-emp-hero-role { margin:6px 0 12px; font-size:1.1rem; opacity:.95; }
.sas-team-shell .sas-emp-hero-bio { margin:0 0 14px; opacity:.9; line-height:1.7; }
.sas-team-shell .sas-emp-hero-meta { display:flex; gap:8px; flex-wrap:wrap; }
.sas-team-shell .sas-emp-hero .sas-pill { background:rgba(255,255,255,.2); color:#fff; }
.sas-team-shell .sas-emp-hero .sas-pill code { color:#fff; }
.sas-team-shell .sas-emp-hero-actions { display:flex; flex-direction:column; gap:10px; }

.sas-team-shell .sas-emp-info-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
@media (max-width:768px) { .sas-team-shell .sas-emp-info-grid { grid-template-columns:1fr; } }
.sas-team-shell .sas-emp-info-grid h4 {
    font-size:.92rem; color:var(--sas-text-dim);
    text-transform:uppercase; letter-spacing:.5px; font-weight:800;
    margin-bottom:10px;
}
.sas-team-shell .sas-cap-list { display:flex; gap:8px; flex-wrap:wrap; }
.sas-team-shell .sas-cap-pill {
    padding:6px 14px;
    background:rgba(2,132,199,.2);
    color:#7dd3fc;
    border-radius:50px;
    font-size:.85rem; font-weight:700;
}
.sas-team-shell .sas-code-block {
    display:block; padding:10px 14px;
    background:rgba(0,0,0,.4);
    border:1px solid var(--sas-border);
    border-radius:8px;
    font-family:'Cairo',monospace;
    font-size:.85rem; color:#7dd3fc;
    word-break:break-all;
}
.sas-team-shell .sas-muted { color:var(--sas-text-dim); }
.sas-team-shell .sas-schedule-grid {
    display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:16px;
}
.sas-team-shell .sas-schedule-grid > div {
    padding:14px;
    background:rgba(255,255,255,.03);
    border-radius:var(--sas-radius-sm);
    border-right:3px solid var(--sas-pri);
}
.sas-team-shell .sas-schedule-label { display:block; font-size:.78rem; color:var(--sas-text-dim); font-weight:700; margin-bottom:4px; }
.sas-team-shell .sas-schedule-grid strong { color:#fff; font-size:1rem; }
.sas-team-shell .sas-schedule-grid code { color:#7dd3fc; font-family:monospace; }

.sas-team-shell .sas-activity-list-lg .sas-activity { padding:16px 18px; }
.sas-team-shell .sas-act-marker { width:8px; flex-shrink:0; }

/* ── Mobile ─────────────────────────────────────────────────── */
@media (max-width:640px) {
    .sas-team-shell { padding:12px 10px; }
    .sas-team-shell .sas-team-header { padding:16px; }
    .sas-team-shell .sas-team-title { font-size:1.3rem; }
    .sas-team-shell .sas-team-tabs { overflow-x:auto; padding-bottom:6px; }
    .sas-team-shell .sas-tab { white-space:nowrap; padding:8px 16px; }
    .sas-team-shell .sas-emp-grid { grid-template-columns:1fr !important; }
    .sas-team-shell .sas-distrib-row { grid-template-columns:1fr; gap:6px; }
    .sas-team-shell .sas-bar-chart { grid-template-columns:repeat(31,minmax(8px,1fr)); }
}