/* ═══════════════════════════════════════════════════════════════
 * SAS Polish — visual refinements over sas-team.css + sas-cockpit.css
 * Load LAST so it overrides earlier styles cleanly.
 * ═══════════════════════════════════════════════════════════════ */

/* Remove the distracting colored top-bars on cards */
.sas-team-shell .sas-emp-card.sas-emp-active::before,
.sas-team-shell .sas-team-header::before { display: none !important; }

/* Larger, calmer card padding */
.sas-team-shell .sas-emp-card {
    padding: 22px 20px !important;
    background: rgba(255,255,255,.035) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    border-radius: 18px !important;
    transition: transform .35s cubic-bezier(.16,1,.3,1), background .25s, border-color .25s !important;
}
.sas-team-shell .sas-emp-card:hover {
    transform: translateY(-4px);
    background: rgba(255,255,255,.06) !important;
    border-color: rgba(56,189,248,.35) !important;
    box-shadow: 0 16px 40px rgba(2,132,199,.18) !important;
}

/* Avatar — bigger, rounder, with subtle ring */
.sas-team-shell .sas-emp-avatar {
    width: 64px !important; height: 64px !important;
    border-radius: 18px !important;
    border: 2px solid rgba(255,255,255,.08) !important;
    box-shadow: 0 6px 18px rgba(0,0,0,.35) !important;
}

/* Header — slightly bigger title + improved spacing */
.sas-team-shell .sas-team-header {
    padding: 28px 32px !important;
    border-radius: 22px !important;
    background: linear-gradient(135deg, rgba(56,189,248,.04), rgba(255,255,255,.02)) !important;
}
.sas-team-shell .sas-team-title { font-size: 1.85rem !important; letter-spacing: -.5px; }

/* KPI cards — bigger, more impactful */
.sas-team-shell .sas-kpi {
    padding: 24px 22px !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)) !important;
    border: 1px solid rgba(255,255,255,.07) !important;
    border-top: 4px solid currentColor;
}
.sas-team-shell .sas-kpi-icon { font-size: 2rem !important; opacity: .9; }
.sas-team-shell .sas-kpi-value { font-size: 2.3rem !important; letter-spacing: -1px; }
.sas-team-shell .sas-kpi-label { font-size: .88rem !important; }
.sas-team-shell .sas-kpi-primary { color: #38bdf8 !important; }
.sas-team-shell .sas-kpi-success { color: #34d399 !important; }
.sas-team-shell .sas-kpi-warning { color: #fbbf24 !important; }
.sas-team-shell .sas-kpi-danger  { color: #fb7185 !important; }
.sas-team-shell .sas-kpi-info    { color: #7dd3fc !important; }

/* Cards (section containers) — refined */
.sas-team-shell .sas-card {
    padding: 26px 28px !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.03) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
    margin-bottom: 22px !important;
}
.sas-team-shell .sas-card h3 {
    font-size: 1.2rem !important;
    margin-bottom: 18px !important;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255,255,255,.06);
}

/* Tabs — pill style, larger */
.sas-team-shell .sas-tab {
    padding: 12px 28px !important;
    font-size: .92rem !important;
    background: rgba(255,255,255,.04) !important;
    border: 1px solid rgba(255,255,255,.08) !important;
}
.sas-team-shell .sas-tab.active {
    background: linear-gradient(135deg, #0284c7, #38bdf8) !important;
    box-shadow: 0 6px 20px rgba(2,132,199,.35) !important;
    border-color: transparent !important;
}

/* Employee mini-grid (cockpit) — refined */
.sas-cockpit-shell .sas-emp-mini-card {
    padding: 16px !important;
    border-radius: 16px !important;
    background: rgba(255,255,255,.03) !important;
    border: 1px solid rgba(255,255,255,.06) !important;
}
.sas-cockpit-shell .sas-emp-mini-card:hover {
    transform: translateY(-3px);
    border-color: rgba(56,189,248,.4) !important;
    background: rgba(56,189,248,.06) !important;
}
.sas-cockpit-shell .sas-emp-mini-photo {
    width: 56px !important; height: 56px !important;
    border-radius: 14px !important;
    border: 2px solid rgba(255,255,255,.1) !important;
}

/* Dossier hero — premium feel */
.sas-cockpit-shell .sas-dossier-hero {
    padding: 40px clamp(20px, 4vw, 48px) !important;
    border-radius: 24px !important;
    background: linear-gradient(135deg, var(--hero-bg, #0284c7), #082f49) !important;
    position: relative;
    overflow: hidden;
}
.sas-cockpit-shell .sas-dossier-hero::after {
    content:""; position:absolute; top:-50%; right:-10%; width:60%; height:200%;
    background: radial-gradient(ellipse, rgba(255,255,255,.08), transparent 60%);
    pointer-events:none;
}
.sas-cockpit-shell .sas-dossier-photo {
    width: 150px !important; height: 150px !important;
    border-radius: 24px !important;
    overflow: hidden !important;
    border: 4px solid rgba(255,255,255,.2) !important;
    box-shadow: 0 12px 36px rgba(0,0,0,.4) !important;
}
.sas-cockpit-shell .sas-dossier-photo img { width:100%; height:100%; object-fit: contain; background:#fff; }
.sas-cockpit-shell .sas-dossier-identity h1 {
    font-size: 2.4rem !important;
    letter-spacing: -1px;
    margin-bottom: 6px !important;
}
.sas-cockpit-shell .sas-dossier-code {
    background: rgba(0,0,0,.4) !important;
    padding: 6px 16px !important;
    font-size: .78rem !important;
}
.sas-cockpit-shell .sas-dossier-bio { font-size: 1rem !important; line-height: 1.9 !important; max-width: 70ch; }

/* Activity timeline — subtle improvements */
.sas-team-shell .sas-activity {
    padding: 14px 16px !important;
    border-radius: 14px !important;
}

/* Buttons — more clickable */
.sas-team-shell .sas-btn {
    padding: 9px 18px !important;
    font-size: .88rem !important;
    border-radius: 12px !important;
}
.sas-team-shell .sas-btn-primary {
    background: linear-gradient(135deg, #0284c7, #38bdf8) !important;
    box-shadow: 0 4px 14px rgba(2,132,199,.35) !important;
}

/* Sidebar — softer */
.sas-team-shell .sas-team-sidebar {
    padding: 22px !important;
    border-radius: 18px !important;
    background: rgba(255,255,255,.03) !important;
}

/* Avatar emoji — slightly bigger */
.sas-team-shell .sas-emp-emoji {
    font-size: 2.1rem !important;
    line-height: 1;
}

/* Section heads — more breathing room */
.sas-team-shell .sas-section-head {
    margin-bottom: 18px !important;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255,255,255,.06);
}
.sas-team-shell .sas-section-head h2 { font-size: 1.35rem !important; letter-spacing: -.3px; }

/* Better health bar */
.sas-team-shell .sas-emp-health-bar { height: 8px !important; border-radius: 50px !important; background: rgba(255,255,255,.08) !important; }
.sas-team-shell .sas-emp-health-fill { border-radius: 50px !important; }

/* Override DiceBear SVG sizing inside circular containers */
.sas-team-shell img[src*="dicebear"] { background: linear-gradient(135deg, rgba(255,255,255,.05), rgba(255,255,255,.02)); }