/* AZALYS V9 — Espace collaborateur premium
   Interface visuelle uniquement : aucun changement métier ni autorisation. */
body.role-collaborateur .main{
  background:
    radial-gradient(circle at 15% 0%, rgba(203, 162, 91, .16), transparent 28%),
    radial-gradient(circle at 85% 4%, rgba(12, 94, 102, .14), transparent 30%),
    linear-gradient(135deg, #f7f3ea 0%, #edf7f5 48%, #f6f8fb 100%);
}
body.role-collaborateur .topbar{
  border:1px solid rgba(16, 74, 84, .10);
  box-shadow:0 18px 45px rgba(19, 53, 58, .08);
  background:rgba(255,255,255,.86);
  backdrop-filter: blur(14px);
}
body.role-collaborateur .side{
  background:linear-gradient(180deg, #082f38 0%, #0b4b54 48%, #06252c 100%);
  border-right:1px solid rgba(255,255,255,.10);
}
body.role-collaborateur .side-brand{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
  padding:14px;
  margin-bottom:16px;
}
body.role-collaborateur .side-brand strong,
body.role-collaborateur .side-brand span,
body.role-collaborateur .nav-section-label{ color:rgba(255,255,255,.88); }
body.role-collaborateur .nav-btn{
  color:rgba(255,255,255,.86);
  border:1px solid transparent;
  border-radius:16px;
}
body.role-collaborateur .nav-btn:hover,
body.role-collaborateur .nav-btn.active{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.18);
  box-shadow:0 12px 28px rgba(0,0,0,.16);
}
.collab-premium-workspace{ position:relative; }
.collab-premium-workspace::before{
  content:"";
  position:absolute;
  inset:8px 0 auto auto;
  width:280px;
  height:280px;
  opacity:.055;
  background:
    linear-gradient(45deg, transparent 44%, #0c5e66 45% 55%, transparent 56%),
    linear-gradient(-45deg, transparent 44%, #cba25b 45% 55%, transparent 56%);
  background-size:34px 34px;
  pointer-events:none;
}
.collab-dashboard-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0, 1fr) 280px;
  gap:24px;
  align-items:center;
  padding:28px;
  border:1px solid rgba(15, 85, 95, .12);
  border-radius:30px;
  background:
    linear-gradient(135deg, rgba(7, 49, 57, .96), rgba(14, 96, 105, .92)),
    radial-gradient(circle at 10% 10%, rgba(203, 162, 91, .35), transparent 32%);
  color:#fff;
  box-shadow:0 28px 70px rgba(7, 49, 57, .22);
}
.collab-dashboard-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 85% 20%, rgba(228, 195, 132, .24), transparent 28%),
    linear-gradient(45deg, transparent 47%, rgba(255,255,255,.06) 48% 52%, transparent 53%);
  background-size:auto, 46px 46px;
  pointer-events:none;
}
.collab-hero-main,.collab-hero-panel{ position:relative; z-index:1; }
.collab-hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:#f7dfaa;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.collab-hero-main h1{
  margin:16px 0 10px;
  font-size:clamp(30px, 3.5vw, 48px);
  line-height:1.02;
  letter-spacing:-.045em;
  color:#fff;
}
.collab-hero-main p{
  max-width:760px;
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:15.5px;
  line-height:1.7;
}
.collab-hero-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:22px;
}
.collab-hero-actions .btn.primary{
  background:linear-gradient(135deg, #e1bd72, #bd8e37);
  color:#10333a;
  border:0;
  box-shadow:0 16px 34px rgba(189, 142, 55, .28);
}
.collab-hero-actions .btn.ghost{
  color:#fff;
  border-color:rgba(255,255,255,.28);
  background:rgba(255,255,255,.08);
}
.collab-hero-panel{
  min-height:190px;
  border-radius:26px;
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.11);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 18px 40px rgba(0,0,0,.14);
  backdrop-filter: blur(10px);
}
.collab-panel-label{
  color:#f7dfaa;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.collab-hero-panel strong{
  margin-top:8px;
  font-size:36px;
  line-height:1;
  letter-spacing:-.04em;
  color:#fff;
}
.collab-hero-panel small{
  margin-top:12px;
  color:rgba(255,255,255,.72);
  line-height:1.5;
}
.collab-dashboard-kpis{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:14px;
  margin:16px 0;
}
.collab-kpi{
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px;
  border-radius:24px;
  border:1px solid rgba(16, 74, 84, .10);
  background:rgba(255,255,255,.88);
  box-shadow:0 16px 38px rgba(16, 74, 84, .08);
}
.collab-kpi-icon{
  width:46px;
  height:46px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg, rgba(14,96,105,.12), rgba(203,162,91,.18));
  font-size:22px;
}
.collab-kpi strong{
  display:block;
  color:#0a3c45;
  font-size:28px;
  line-height:1;
  letter-spacing:-.035em;
}
.collab-kpi small{ color:#6f7b80; font-weight:650; }
.collab-dashboard-strip{
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:center;
  padding:18px 20px;
  margin-bottom:16px;
  border-radius:24px;
  border:1px solid rgba(16, 74, 84, .10);
  background:rgba(255,255,255,.86);
  box-shadow:0 14px 34px rgba(16, 74, 84, .06);
}
.collab-dashboard-strip strong{ display:block; color:#0a3c45; }
.collab-dashboard-strip span{ color:#6f7b80; }
.collab-strip-pills{ display:flex; gap:8px; flex-wrap:wrap; justify-content:flex-end; }
.collab-pill{
  padding:7px 10px;
  border-radius:999px;
  background:rgba(14,96,105,.10);
  color:#0b5b65 !important;
  font-weight:750;
  font-size:12px;
}
.collab-pill.gold{ background:rgba(203,162,91,.18); color:#8b6420 !important; }
.collab-pill.green{ background:rgba(31,143,112,.14); color:#1d755f !important; }
body.role-collaborateur .inbox-shell{
  border-radius:28px;
  border:1px solid rgba(16,74,84,.10);
  box-shadow:0 22px 55px rgba(16,74,84,.10);
  background:rgba(255,255,255,.90);
}
body.role-collaborateur .inbox-head{
  border-bottom:1px solid rgba(16,74,84,.08);
}
body.role-collaborateur .inbox-count-badge{
  background:linear-gradient(135deg, #0e6069, #0a3d46);
  color:#fff;
  border:0;
}
@media (max-width: 1100px){
  .collab-dashboard-hero{ grid-template-columns:1fr; }
  .collab-hero-panel{ min-height:auto; }
  .collab-dashboard-kpis{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 720px){
  .collab-dashboard-hero{ padding:22px; border-radius:24px; }
  .collab-dashboard-kpis{ grid-template-columns:1fr; }
  .collab-dashboard-strip{ align-items:flex-start; flex-direction:column; }
  .collab-strip-pills{ justify-content:flex-start; }
}
body.role-admin #collab-dashboard-hero,
body.role-admin #collab-dashboard-kpis,
body.role-admin #collab-dashboard-strip,
body.role-client-dossier #collab-dashboard-hero,
body.role-client-dossier #collab-dashboard-kpis,
body.role-client-dossier #collab-dashboard-strip{
  display:none !important;
}