/* ═══════════════════════════════════════════════════════════════
 * SAS Cockpit — Manager Control Center
 * Extends sas-team.css with cockpit-specific styles
 * ═══════════════════════════════════════════════════════════════ */

.sas-cockpit-shell .sas-cockpit-user { display:flex; gap:8px; }
.sas-cockpit-shell .sas-role-owner   { background:linear-gradient(135deg,#a855f7,#7c3aed); color:#fff; }
.sas-cockpit-shell .sas-role-manager { background:linear-gradient(135deg,#0284c7,#0c4a6e); color:#fff; }
.sas-cockpit-shell .sas-role-admin   { background:rgba(255,255,255,.1); color:#fff; }

/* ── Cockpit two-column grid ────────────────────────────────── */
.sas-cockpit-shell .sas-cockpit-grid {
    display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:18px;
}
@media (max-width:1024px) { .sas-cockpit-shell .sas-cockpit-grid { grid-template-columns:1fr; } }

/* ── Leaderboard ────────────────────────────────────────────── */
.sas-cockpit-shell .sas-leaderboard { display:flex; flex-direction:column; gap:8px; }
.sas-cockpit-shell .sas-leader-row {
    display:flex; align-items:center; gap:14px;
    padding:12px 16px;
    background:rgba(255,255,255,.03);
    border-radius:12px;
    border:1px solid rgba(255,255,255,.06);
    transition:all .2s; color:#fff;
}
.sas-cockpit-shell .sas-leader-row:hover { background:rgba(255,255,255,.07); transform:translateX(-3px); }
.sas-cockpit-shell .sas-leader-rank {
    width:32px; height:32px; border-radius:50%;
    background:linear-gradient(135deg,#f59e0b,#d97706);
    color:#fff; display:flex; align-items:center; justify-content:center;
    font-weight:900; font-size:1rem;
}
.sas-cockpit-shell .sas-leader-row:nth-child(1) .sas-leader-rank { background:linear-gradient(135deg,#fbbf24,#d97706); }
.sas-cockpit-shell .sas-leader-row:nth-child(2) .sas-leader-rank { background:linear-gradient(135deg,#94a3b8,#475569); }
.sas-cockpit-shell .sas-leader-row:nth-child(3) .sas-leader-rank { background:linear-gradient(135deg,#a16207,#78350f); }
.sas-cockpit-shell .sas-leader-photo { width:42px; height:42px; border-radius:12px; object-fit:cover; border:2px solid rgba(255,255,255,.15); }
.sas-cockpit-shell .sas-leader-emoji {
    width:42px; height:42px; border-radius:12px;
    display:flex; align-items:center; justify-content:center;
    font-size:1.4rem; color:#fff;
}
.sas-cockpit-shell .sas-leader-info { flex:1; }
.sas-cockpit-shell .sas-leader-info strong { display:block; color:#fff; }
.sas-cockpit-shell .sas-leader-info small { color:#94a3b8; font-size:.78rem; }
.sas-cockpit-shell .sas-leader-count { font-weight:900; color:#38bdf8; }

/* ── Failure list ───────────────────────────────────────────── */
.sas-cockpit-shell .sas-failure-list { display:flex; flex-direction:column; gap:10px; }
.sas-cockpit-shell .sas-failure-list li {
    padding:12px; background:rgba(244,63,94,.08);
    border-right:3px solid #f43f5e; border-radius:10px;
}
.sas-cockpit-shell .sas-failure-head {
    display:flex; gap:8px; align-items:center; flex-wrap:wrap;
    font-size:.85rem; margin-bottom:6px;
}
.sas-cockpit-shell .sas-failure-head a { color:#fff; font-weight:700; }
.sas-cockpit-shell .sas-failure-head time { color:#94a3b8; margin-right:auto; font-size:.78rem; }

/* ── Employee mini-grid (cockpit bottom) ────────────────────── */
.sas-cockpit-shell .sas-emp-mini-grid {
    display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:10px;
}
.sas-cockpit-shell .sas-emp-mini-card {
    display:flex; align-items:center; gap:12px;
    padding:12px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;
    color:#fff;
    transition:all .2s;
}
.sas-cockpit-shell .sas-emp-mini-card:hover { background:rgba(255,255,255,.08); border-color:rgba(255,255,255,.2); transform:translateY(-2px); }
.sas-cockpit-shell .sas-emp-mini-photo { width:42px; height:42px; border-radius:50%; object-fit:cover; border:2px solid rgba(255,255,255,.15); }
.sas-cockpit-shell .sas-emp-mini-emoji {
    width:42px; height:42px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    font-size:1.3rem; color:#fff;
}
.sas-cockpit-shell .sas-emp-mini-info { flex:1; min-width:0; }
.sas-cockpit-shell .sas-emp-mini-info strong { display:block; color:#fff; font-size:.92rem; }
.sas-cockpit-shell .sas-emp-mini-info small { color:#94a3b8; font-size:.75rem; }
.sas-cockpit-shell .sas-emp-mini-code { font-family:monospace; font-size:.7rem; color:#38bdf8; }

/* ═══════════════════════════════════════════════════════════════
 * EMPLOYEE DOSSIER
 * ═══════════════════════════════════════════════════════════════ */
.sas-cockpit-shell .sas-dossier-hero {
    border-radius:20px; padding:32px;
    color:#fff;
    display:grid; grid-template-columns:auto 1fr auto; gap:28px;
    align-items:center; margin-bottom:20px;
    box-shadow:0 12px 32px rgba(0,0,0,.4);
    border:1px solid rgba(255,255,255,.1);
}
@media (max-width:768px) { .sas-cockpit-shell .sas-dossier-hero { grid-template-columns:1fr; text-align:center; } }
.sas-cockpit-shell .sas-dossier-photo {
    width:130px; height:130px; border-radius:24px;
    overflow:hidden;
    background:rgba(255,255,255,.15);
    border:3px solid rgba(255,255,255,.3);
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 8px 24px rgba(0,0,0,.3);
}
.sas-cockpit-shell .sas-dossier-photo img { width:100%; height:100%; object-fit:cover; }
.sas-cockpit-shell .sas-dossier-photo-emoji { font-size:4rem; }
.sas-cockpit-shell .sas-dossier-identity { color:#fff; }
.sas-cockpit-shell .sas-dossier-code {
    display:inline-block; padding:4px 12px;
    background:rgba(0,0,0,.3); border-radius:50px;
    font-size:.72rem; letter-spacing:.5px; font-family:monospace;
    margin-bottom:8px;
}
.sas-cockpit-shell .sas-dossier-identity h1 { font-size:2.2rem; font-weight:900; margin:0 0 4px; color:#fff; }
.sas-cockpit-shell .sas-dossier-role { font-size:1.15rem; opacity:.92; margin:0 0 14px; }
.sas-cockpit-shell .sas-dossier-bio { line-height:1.85; margin:0 0 14px; opacity:.92; max-width:65ch; }
.sas-cockpit-shell .sas-dossier-meta { display:flex; gap:8px; flex-wrap:wrap; }
.sas-cockpit-shell .sas-dossier-meta .sas-pill { background:rgba(255,255,255,.18); color:#fff; }
.sas-cockpit-shell .sas-dossier-signature {
    display:flex; flex-direction:column; align-items:center; gap:6px;
    padding:14px;
    background:rgba(255,255,255,.08);
    border-radius:14px;
    border:1px solid rgba(255,255,255,.15);
}
.sas-cockpit-shell .sas-dossier-sig-label { font-size:.7rem; opacity:.75; letter-spacing:.5px; }
.sas-cockpit-shell .sas-dossier-signature svg { background:rgba(255,255,255,.9); border-radius:8px; }

/* ── Dossier grid (CV + Tools) ──────────────────────────────── */
.sas-cockpit-shell .sas-dossier-grid {
    display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:18px;
}
@media (max-width:900px) { .sas-cockpit-shell .sas-dossier-grid { grid-template-columns:1fr; } }

.sas-cockpit-shell .sas-cv-section { margin-bottom:18px; padding-bottom:14px; border-bottom:1px solid rgba(255,255,255,.06); }
.sas-cockpit-shell .sas-cv-section:last-child { border-bottom:none; padding-bottom:0; margin-bottom:0; }
.sas-cockpit-shell .sas-cv-section h4 {
    font-size:.92rem; color:#94a3b8; text-transform:uppercase;
    letter-spacing:.5px; font-weight:800; margin:0 0 10px;
}
.sas-cockpit-shell .sas-cv-list { list-style:none; padding:0; margin:0; }
.sas-cockpit-shell .sas-cv-list li {
    padding:8px 0; font-size:.92rem;
    border-bottom:1px dashed rgba(255,255,255,.05);
}
.sas-cockpit-shell .sas-cv-list li:last-child { border-bottom:none; }
.sas-cockpit-shell .sas-cv-list strong { color:#fff; }
.sas-cockpit-shell .sas-cv-list span { color:#94a3b8; font-size:.85rem; }
.sas-cockpit-shell .sas-cv-bullets li::before { content:"▸ "; color:#38bdf8; margin-right:6px; }

/* ── Tools grid ─────────────────────────────────────────────── */
.sas-cockpit-shell .sas-tools-grid {
    display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:10px;
}
.sas-cockpit-shell .sas-tool-card {
    display:flex; align-items:center; gap:12px;
    padding:12px 14px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;
    transition:all .2s;
}
.sas-cockpit-shell .sas-tool-card:hover { background:rgba(255,255,255,.07); border-color:rgba(255,255,255,.2); }
.sas-cockpit-shell .sas-tool-card.sas-tool-AI  { border-color:rgba(168,85,247,.3); background:rgba(168,85,247,.08); }
.sas-cockpit-shell .sas-tool-card.sas-tool-API { border-color:rgba(56,189,248,.3); background:rgba(56,189,248,.08); }
.sas-cockpit-shell .sas-tool-card.sas-tool-n8n { border-color:rgba(245,158,11,.3); background:rgba(245,158,11,.08); }
.sas-cockpit-shell .sas-tool-icon { font-size:1.6rem; flex-shrink:0; }
.sas-cockpit-shell .sas-tool-card strong { display:block; color:#fff; font-size:.92rem; }
.sas-cockpit-shell .sas-tool-card small { color:#94a3b8; font-size:.75rem; }

/* ── Directives list ────────────────────────────────────────── */
.sas-cockpit-shell .sas-directive-list { display:flex; flex-direction:column; gap:10px; }
.sas-cockpit-shell .sas-directive {
    padding:14px;
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;
    border-right:4px solid #38bdf8;
}
.sas-cockpit-shell .sas-directive.sas-priority-urgent { border-right-color:#f43f5e; background:rgba(244,63,94,.08); }
.sas-cockpit-shell .sas-directive.sas-priority-high   { border-right-color:#f59e0b; background:rgba(245,158,11,.06); }
.sas-cockpit-shell .sas-directive.sas-priority-low    { border-right-color:#94a3b8; }
.sas-cockpit-shell .sas-directive-head {
    display:flex; gap:6px; align-items:center; flex-wrap:wrap;
    font-size:.78rem; margin-bottom:8px;
}
.sas-cockpit-shell .sas-directive-head time { color:#94a3b8; margin-right:auto; }
.sas-cockpit-shell .sas-directive p { font-size:.95rem; line-height:1.65; color:#fff; margin:0; }
.sas-cockpit-shell .sas-priority-pill.sas-priority-urgent { background:#f43f5e; color:#fff; }
.sas-cockpit-shell .sas-priority-pill.sas-priority-high   { background:#f59e0b; color:#fff; }
.sas-cockpit-shell .sas-priority-pill.sas-priority-normal { background:rgba(56,189,248,.2); color:#7dd3fc; }
.sas-cockpit-shell .sas-priority-pill.sas-priority-low    { background:rgba(148,163,184,.2); color:#cbd5e1; }

/* ── Form grid ──────────────────────────────────────────────── */
.sas-cockpit-shell .sas-form-grid {
    display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:14px; align-items:end;
}
.sas-cockpit-shell .sas-form-grid textarea {
    padding:10px 14px; border:1px solid rgba(255,255,255,.15);
    border-radius:10px; background:rgba(0,0,0,.3); color:#fff;
    font-family:inherit; resize:vertical; width:100%;
}
.sas-cockpit-shell .sas-card-inner {
    background:rgba(0,0,0,.2); border-radius:10px; padding:14px;
    border:1px solid rgba(255,255,255,.06);
}
.sas-cockpit-shell .sas-card-inner summary { cursor:pointer; color:#38bdf8; font-weight:700; }
.sas-cockpit-shell .sas-report-title { color:#fff; font-size:1.4rem; font-weight:900; }