/* Dock D : Verre Dépoli Aéré & Style Netflix (12/09/2026) */
.tab{height:62px !important;border-radius:24px !important;overflow:hidden;isolation:isolate;padding:0 6px !important;
  background:rgba(18, 19, 24, 0.60) !important;
  backdrop-filter:blur(16px) !important;-webkit-backdrop-filter:blur(16px) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 10px 28px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.10) !important}
.tab::before{display:none !important}
.tab .projecteur{display:none !important}
.tab a{position:relative;z-index:3;flex:1;gap:3px !important;padding:4px 0 !important;color:rgba(255,255,255,.45) !important;font:600 11px var(--font-body,'DM Sans',sans-serif) !important;transition:color .2s ease !important;display:flex;flex-direction:column;align-items:center;text-decoration:none}
.tab a .ico{width:56px !important;height:30px !important;display:flex !important;align-items:center !important;justify-content:center !important;border-radius:9999px !important;transition:all .2s ease !important;background:transparent !important;box-shadow:none !important}
.tab a .ico svg{width:22px !important;height:22px !important}
.tab a.on{color:#fff !important}
.tab a.on .ico{background:rgba(255,255,255,.14) !important}
.tab a:active .ico{transform:scale(.92)}
/* onglet Moi : avatar rond en verre, monochrome ; la photo du compte reste en couleur */
.tab .moi-defaut{width:24px !important;height:24px !important}
.tab .moi-avatar,.tab .moi-initiale{width:24px !important;height:24px !important}
.tab .moi-defaut rect{fill:rgba(255,255,255,.16);rx:6px;ry:6px}
.tab .moi-initiale{background:rgba(255,255,255,.16) !important;border-radius:6px !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 0 0 1.5px rgba(255,255,255,.3)}
.tab .moi-avatar{border-radius:6px !important;box-shadow:0 0 0 1.5px rgba(255,255,255,.35)}
/* elements poses au-dessus de la barre */
.tk-mini{bottom:calc(14px + 62px + 12px + env(safe-area-inset-bottom,0px)) !important}
.reprise{bottom:calc(14px + 62px + 10px + env(safe-area-inset-bottom,0px)) !important}
@media (prefers-reduced-motion:reduce){.tab *,.tab .projecteur{transition:none !important}}