/* Interface moderne type application sociale - uniquement présentation */
:root{
  --fb-blue:#1877f2;
  --fb-blue-dark:#0f5cc8;
  --fb-bg:#f0f2f5;
  --fb-card:#ffffff;
  --fb-line:#e4e6eb;
  --fb-text:#1c1e21;
  --fb-muted:#65676b;
}
body{background:var(--fb-bg)!important;color:var(--fb-text)!important;}
.app-shell{background:var(--fb-bg)!important;}
.sidebar{
  background:#fff!important;
  color:var(--fb-text)!important;
  border-right:1px solid var(--fb-line)!important;
  box-shadow:0 2px 14px rgba(0,0,0,.06)!important;
}
.brand{color:var(--fb-text)!important;background:#fff;border-radius:18px;padding:10px 8px;margin-bottom:16px!important;}
.brand-icon{background:#eef4ff!important;box-shadow:none!important;}
.sidebar .nav-link{
  color:var(--fb-text)!important;
  border-radius:14px!important;
  font-weight:750!important;
  margin:3px 0!important;
  background:transparent!important;
  transition:background .15s ease, transform .15s ease, color .15s ease;
}
.sidebar .nav-link i{color:var(--fb-blue);font-size:1.12rem;}
.sidebar .nav-link:hover{background:#f2f4f7!important;transform:none!important;}
.sidebar .nav-link.active{background:#e7f0ff!important;color:var(--fb-blue-dark)!important;}
.sidebar .nav-link.active i{color:var(--fb-blue-dark)!important;}
.user-card{background:#f5f6f7!important;border:1px solid var(--fb-line)!important;color:var(--fb-text)!important;}
.user-card .text-white-50{color:var(--fb-muted)!important;}
.user-card .btn-light{background:#e4e6eb!important;border:0!important;color:#050505!important;}
.sidebar-toggle{background:#fff!important;color:var(--fb-blue)!important;border:1px solid var(--fb-line)!important;}
.content{padding-top:18px!important;}
.modern-topbar{
  position:sticky!important;
  top:12px!important;
  z-index:20!important;
  background:rgba(255,255,255,.94)!important;
  border:1px solid var(--fb-line)!important;
  border-radius:22px!important;
  box-shadow:0 4px 18px rgba(0,0,0,.08)!important;
  backdrop-filter:blur(14px)!important;
}
.topbar-app-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--fb-blue),#46a3ff);color:#fff;font-size:1.25rem;box-shadow:0 8px 18px rgba(24,119,242,.25);}
.topbar-center{flex:1;justify-content:center;min-width:260px;}
.top-pill{height:44px;min-width:74px;padding:0 16px;border-radius:14px;color:var(--fb-muted);display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:800;}
.top-pill i{font-size:1.15rem;}
.top-pill:hover{background:#f2f4f7;color:var(--fb-blue-dark);}
.top-pill.active{background:#e7f0ff;color:var(--fb-blue-dark);}
.notification-bell{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#e4e6eb;color:#050505;text-decoration:none;font-size:1.15rem;}
.notification-bell:hover{background:#d8dadf;color:#050505;}
.profile-chip{min-height:46px;display:flex;align-items:center;gap:10px;text-decoration:none;background:#f2f4f7;color:#050505;border-radius:999px;padding:5px 12px 5px 5px;max-width:260px;}
.profile-chip:hover{background:#e4e6eb;color:#050505;}
.profile-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--fb-blue);color:#fff;font-weight:900;}
.profile-text{display:flex;flex-direction:column;line-height:1.05;min-width:0;}
.profile-text strong{font-size:.88rem;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.profile-text small{font-size:.74rem;color:var(--fb-muted);}
.card,.fc{border:1px solid var(--fb-line)!important;border-radius:18px!important;box-shadow:0 2px 10px rgba(0,0,0,.06)!important;}
.btn{border-radius:12px!important;}
.btn-primary{background:var(--fb-blue)!important;box-shadow:none!important;}
.hero{border-radius:22px!important;background:linear-gradient(135deg,#1877f2,#0f5cc8)!important;}
.mobile-menu-open-btn{background:#fff!important;color:#1877f2!important;border:1px solid #e4e6eb!important;box-shadow:0 6px 18px rgba(0,0,0,.12)!important;}
@media(max-width:1180px){
  .topbar-center{order:3;width:100%;justify-content:space-between;}
  .top-pill{flex:1;min-width:0;}
}
@media(max-width:900px){
  .modern-topbar{top:8px!important;border-radius:18px!important;}
  .topbar-left{width:100%;}
  .topbar-right{width:100%;justify-content:space-between;}
  .topbar-center{display:grid!important;grid-template-columns:repeat(4,1fr);gap:8px;}
  .top-pill{height:48px;padding:0 6px;flex-direction:column;gap:2px;font-size:.72rem;}
  .top-pill i{font-size:1.05rem;}
  .profile-chip{max-width:none;flex:1;}
  .sidebar{border-right:0!important;border-bottom:1px solid var(--fb-line)!important;}
}
@media(max-width:520px){
  .top-pill span{display:none;}
  .top-pill{height:44px;}
  .profile-text strong{max-width:180px;}
}