/* PHIRA Header CSS — extrait de longevite.html (source unique)
 * Pages module : inline (legacy). Pages auxiliaires (green.html) : link rel=stylesheet.
 */

.phira-header { flex-shrink: 0; }

@keyframes phira-shake {
    0%, 100% { transform: translateX(0); }
    25%      { transform: translateX(-4px); }
    50%      { transform: translateX(4px); }
    75%      { transform: translateX(-2px); }
  }

.phira-header {
      box-sizing: border-box;

      /* Palette */
      --phira-cyan:    #00E5FF;
      --phira-magenta: #FF2DAA;
      --phira-violet:  #7C3AED;
      --phira-gold:    #FFC857;

      /* Variables de thème — dark par défaut */
      --phira-bg-top:    rgba(7, 11, 22, 0.94);
      --phira-bg-bot:    rgba(7, 11, 22, 0.82);
      --phira-border:    rgba(0, 229, 255, 0.18);
      --phira-shadow:    0 1px 0 rgba(0, 229, 255, 0.08), 0 8px 24px rgba(0, 0, 0, 0.45);
      --phira-text:      #e8efff;
      --phira-subtitle:  #e8efff;
      --phira-mask-color:#000;

      /* Mesures fluides 1024 → 1920 px */
      --phira-topnav-h:       clamp(68px, 5.5vw, 80px);
      --phira-topnav-px:      clamp(12px, 1.6vw, 24px);
      --phira-topnav-gap:     clamp(8px, 1.5vw, 24px);

      --phira-logo-size:      clamp(36px, 2.6vw, 44px);
      --phira-logo-gap:       clamp(8px, 0.8vw, 12px);
      --phira-fs-logo-title:  clamp(14px, 1.2vw, 17px);
      --phira-fs-logo-sub:    clamp(9px,  0.8vw, 11px);

      --phira-dock-gap:       clamp(2px,  0.4vw, 6px);
      --phira-dock-item-w:    clamp(54px, 4.8vw, 76px);
      --phira-dock-item-py:   clamp(6px,  0.5vw, 10px);
      --phira-dock-icon-size: clamp(36px, 3.0vw, 44px);
      --phira-dock-svg-size:  clamp(22px, 1.7vw, 26px);
      --phira-fs-dock-label:  clamp(9px,  0.72vw, 10.5px);

      --phira-action-size:    clamp(36px, 2.6vw, 44px);
      --phira-action-icon:    clamp(26px, 2.0vw, 32px);
      --phira-action-svg:     clamp(14px, 1.1vw, 18px);
      --phira-action-gap:     clamp(6px,  0.6vw, 10px);

      --phira-ease: cubic-bezier(0.22, 1, 0.36, 1);
      --phira-dur:  220ms;

      --phira-safe-top:   env(safe-area-inset-top, 0px);
      --phira-safe-right: env(safe-area-inset-right, 0px);
      --phira-safe-left:  env(safe-area-inset-left, 0px);
    }

.phira-header[data-theme="light"] {
      --phira-bg-top:    rgba(248, 246, 243, 0.96);
      --phira-bg-bot:    rgba(234, 231, 226, 0.92);
      --phira-border:    rgba(124, 58, 237, 0.28);
      --phira-shadow:    0 1px 0 rgba(124, 58, 237, 0.08), 0 6px 20px rgba(20, 20, 40, 0.15);
      --phira-text:      #1a2238;
      --phira-subtitle:  #556080;
      --phira-mask-color:#f4f1ec;
    }

.phira-header,
    .phira-header *,
    .phira-header *::before,
    .phira-header *::after {
      box-sizing: border-box;
    }

@media (prefers-reduced-motion: reduce) {
      .phira-header,
      .phira-header *,
      .phira-header *::before,
      .phira-header *::after {
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001ms !important;
      }
    }

.phira-header {
      position: sticky; top: 0; z-index: 100;
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto;
      align-items: center;
      column-gap: var(--phira-topnav-gap);

      height: calc(var(--phira-topnav-h) + var(--phira-safe-top));
      padding:
        var(--phira-safe-top)
        calc(var(--phira-topnav-px) + var(--phira-safe-right))
        0
        calc(var(--phira-topnav-px) + var(--phira-safe-left));

      background: linear-gradient(180deg, var(--phira-bg-top) 0%, var(--phira-bg-bot) 100%);
      -webkit-backdrop-filter: blur(18px) saturate(140%);
              backdrop-filter: blur(18px) saturate(140%);
      border-bottom: 1px solid var(--phira-border);
      box-shadow: var(--phira-shadow);

      font-family: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
      color: var(--phira-text);
      -webkit-font-smoothing: antialiased;
      transition:
        background 400ms var(--phira-ease),
        border-color 400ms var(--phira-ease),
        color 400ms var(--phira-ease),
        box-shadow 400ms var(--phira-ease);
    }

.phira-header .bilan-topnav-logo {
      display: flex; align-items: center;
      gap: var(--phira-logo-gap); min-width: 0;
    }

.phira-header .bilan-logo-img {
      width: var(--phira-logo-size); height: var(--phira-logo-size);
      border-radius: 50%; flex-shrink: 0;
      box-shadow:
        0 0 0 1px rgba(0, 229, 255, 0.35),
        0 0 24px rgba(0, 229, 255, 0.35);
    }

.phira-header .bilan-logo-text {
      display: flex; flex-direction: column;
      min-width: 0; line-height: 1.1;
    }

.phira-header .bilan-logo-title {
      font-size: var(--phira-fs-logo-title);
      font-weight: 700; letter-spacing: 0.18em;
      background: linear-gradient(90deg, var(--phira-cyan), var(--phira-magenta));
      -webkit-background-clip: text;
              background-clip: text;
      color: transparent;
    }

.phira-header .bilan-logo-subtitle {
      font-size: var(--phira-fs-logo-sub);
      letter-spacing: 0.2em; text-transform: uppercase;
      opacity: 0.75; margin-top: 2px;
      color: var(--phira-subtitle);
    }

.phira-header .bilan-dock {
      display: flex; align-items: center; justify-content: center;
      gap: var(--phira-dock-gap);
      padding-inline: 4px;
      overflow-x: auto; overflow-y: hidden;
      scrollbar-width: none; -ms-overflow-style: none;
      scroll-snap-type: x proximity;
      scroll-padding-inline: 8px;
      min-width: 0;
    }

.phira-header .bilan-dock::-webkit-scrollbar { display: none; }

.phira-header .bilan-dock-item {
      flex: 0 0 auto;
      width: var(--phira-dock-item-w);
      min-width: var(--phira-dock-item-w);
      display: flex; flex-direction: column;
      align-items: center; justify-content: center;
      gap: 6px;
      padding: var(--phira-dock-item-py) 4px;
      border: 1px solid transparent;
      border-radius: 14px;
      background: transparent; color: inherit;
      text-decoration: none; font-weight: 500; cursor: pointer;
      scroll-snap-align: center;
      font-family: inherit; font-size: inherit;
      -webkit-appearance: none; appearance: none;
      transition:
        border-color var(--phira-dur) var(--phira-ease),
        background   var(--phira-dur) var(--phira-ease),
        transform    var(--phira-dur) var(--phira-ease);
    }

.phira-header .bilan-dock-item:first-child { scroll-snap-align: start; }

.phira-header .bilan-dock-item:last-child  { scroll-snap-align: end; }

.phira-header .bilan-dock-item:focus-visible,
    .phira-header .ta-btn:focus-visible {
      outline: 2px solid var(--phira-cyan);
      outline-offset: 2px;
    }

.phira-header .bilan-dock-item:hover:not(.bilan-dock-item--disabled):not([disabled]) {
      transform: translateY(-2px);
    }

.phira-header .bilan-dock-item--active {
      border-color: rgba(0, 229, 255, 0.25);
      background: rgba(12, 22, 38, 0.35);
    }

.phira-header[data-theme="light"] .bilan-dock-item--active {
      border-color: rgba(124, 58, 237, 0.35);
      background: rgba(124, 58, 237, 0.08);
    }

.phira-header .bilan-dock-item--disabled,
    .phira-header .bilan-dock-item[disabled] {
      opacity: 0.5;
      cursor: not-allowed;
    }

.phira-header[data-theme="light"] .bilan-dock-item .bilan-dock-icon,
    .phira-header[data-theme="light"] .bilan-dock-item.dock-blue     .bilan-dock-icon,
    .phira-header[data-theme="light"] .bilan-dock-item.dock-purple   .bilan-dock-icon,
    .phira-header[data-theme="light"] .bilan-dock-item.dock-mint     .bilan-dock-icon,
    .phira-header[data-theme="light"] .bilan-dock-item.dock-yellow   .bilan-dock-icon,
    .phira-header[data-theme="light"] .bilan-dock-item.dock-orange   .bilan-dock-icon,
    .phira-header[data-theme="light"] .bilan-dock-item.dock-lime     .bilan-dock-icon,
    .phira-header[data-theme="light"] .bilan-dock-item.dock-gray     .bilan-dock-icon,
    .phira-header[data-theme="light"] .bilan-dock-item.dock-pink     .bilan-dock-icon,
    .phira-header[data-theme="light"] .bilan-dock-item.dock-amber    .bilan-dock-icon,
    .phira-header[data-theme="light"] .bilan-dock-item.dock-green    .bilan-dock-icon,
    .phira-header[data-theme="light"] .bilan-dock-item.dock-cyan     .bilan-dock-icon,
    .phira-header[data-theme="light"] .bilan-dock-item.dock-tricolor .bilan-dock-icon,
    .phira-header[data-theme="light"] .bilan-dock-item.dock-magenta  .bilan-dock-icon,
    .phira-header[data-theme="light"] .bilan-dock-item.dock-teal     .bilan-dock-icon,
    .phira-header[data-theme="light"] .bilan-dock-item.dock-apparence .bilan-dock-icon {
      background: #f4f5f9 !important;
      animation: none !important;
      box-shadow:
        inset 0 0 0 1px rgba(180, 130, 0, 0.35),
        0 1px 2px rgba(30, 30, 50, 0.08) !important;
    }

.phira-header[data-theme="light"] .bilan-dock-icon::before,
    .phira-header[data-theme="light"] .bilan-dock-icon::after {
      background: none !important;
      opacity: 0 !important;
    }

.phira-header[data-theme="light"] .bilan-dock-item.dock-blue     .bilan-dock-label,
    .phira-header[data-theme="light"] .bilan-dock-item.dock-purple   .bilan-dock-label,
    .phira-header[data-theme="light"] .bilan-dock-item.dock-mint     .bilan-dock-label,
    .phira-header[data-theme="light"] .bilan-dock-item.dock-yellow   .bilan-dock-label,
    .phira-header[data-theme="light"] .bilan-dock-item.dock-orange   .bilan-dock-label,
    .phira-header[data-theme="light"] .bilan-dock-item.dock-lime     .bilan-dock-label,
    .phira-header[data-theme="light"] .bilan-dock-item.dock-gray     .bilan-dock-label,
    .phira-header[data-theme="light"] .bilan-dock-item.dock-pink     .bilan-dock-label,
    .phira-header[data-theme="light"] .bilan-dock-item.dock-amber    .bilan-dock-label,
    .phira-header[data-theme="light"] .bilan-dock-item.dock-green    .bilan-dock-label,
    .phira-header[data-theme="light"] .bilan-dock-item.dock-cyan     .bilan-dock-label,
    .phira-header[data-theme="light"] .bilan-dock-item.dock-tricolor .bilan-dock-label,
    .phira-header[data-theme="light"] .bilan-dock-item.dock-magenta  .bilan-dock-label,
    .phira-header[data-theme="light"] .bilan-dock-item.dock-teal     .bilan-dock-label,
    .phira-header[data-theme="light"] .bilan-dock-item.dock-apparence .bilan-dock-label {
      color: #2a2a3a !important;
      text-shadow: none !important;
      font-weight: 600 !important;
    }

.phira-header[data-theme="light"] .bilan-dock-icon svg,
    .phira-header[data-theme="light"] .bilan-dock-icon svg * {
      fill: #3a3a4a !important;
      stroke: #3a3a4a !important;
      filter: none !important;
    }

.phira-header[data-theme="light"] .bilan-dock-item--active .bilan-dock-icon {
      background: linear-gradient(135deg, #fff8e0, #fbe9b8) !important;
      box-shadow:
        inset 0 0 0 1.5px #b48200,
        0 2px 6px rgba(180, 130, 0, 0.18) !important;
    }

.phira-header[data-theme="light"] .bilan-dock-item--active .bilan-dock-label {
      color: #6a4e00 !important;
      font-weight: 700 !important;
    }

.phira-header[data-theme="light"] .bilan-dock-item.dock-flag .bilan-dock-icon {
      background: #fafafa !important;
    }

.phira-header[data-theme="light"] .bilan-dock-item.dock-apparence .bilan-dock-icon {
      background: #fff8e0 !important;
    }

.phira-header[data-theme="light"] .dock-corner .bilan-dock-icon,
    .phira-header[data-theme="light"] .dock-msg   .bilan-dock-icon,
    .phira-header[data-theme="light"] .dock-star  .bilan-dock-icon,
    .phira-header[data-theme="light"] .dock-account .bilan-dock-icon {
      background: #f4f5f9 !important;
      animation: none !important;
      box-shadow:
        inset 0 0 0 1px rgba(180, 130, 0, 0.30),
        0 1px 2px rgba(30, 30, 50, 0.08) !important;
    }

.phira-header[data-theme="light"] .dock-corner .bilan-dock-icon::before,
    .phira-header[data-theme="light"] .dock-corner .bilan-dock-icon::after,
    .phira-header[data-theme="light"] .dock-msg .bilan-dock-icon::before,
    .phira-header[data-theme="light"] .dock-msg .bilan-dock-icon::after,
    .phira-header[data-theme="light"] .dock-star .bilan-dock-icon::before,
    .phira-header[data-theme="light"] .dock-star .bilan-dock-icon::after,
    .phira-header[data-theme="light"] .dock-account .bilan-dock-icon::before,
    .phira-header[data-theme="light"] .dock-account .bilan-dock-icon::after {
      background: none !important;
      opacity: 0 !important;
    }

.phira-header[data-theme="light"] .bilan-dock-item:hover .bilan-dock-icon {
      background: #fff8e0 !important;
      box-shadow:
        inset 0 0 0 1.5px #d4b050,
        0 2px 8px rgba(180, 130, 0, 0.22) !important;
    }

.phira-header[data-theme="light"] .bilan-dock-item:hover .bilan-dock-label {
      color: #6a4e00 !important;
    }

.phira-header .bilan-dock-icon {
      width: var(--phira-dock-icon-size);
      height: var(--phira-dock-icon-size);
      display: flex; align-items: center; justify-content: center;
      position: relative; overflow: hidden;
      border-radius: 14px;
      transition: transform 0.15s ease;
    }

.phira-header .bilan-dock-icon::before,
    .phira-header .bilan-dock-icon::after {
      content: '';
      position: absolute; inset: 0;
      border-radius: 14px;
      pointer-events: none;
    }

.phira-header .bilan-dock-icon::before { z-index: 1; }

.phira-header .bilan-dock-icon::after  { z-index: 2; }

.phira-header .bilan-dock-icon svg {
      width: var(--phira-dock-svg-size);
      height: var(--phira-dock-svg-size);
      fill: white;
      position: relative; z-index: 3;
      animation: phira-icon-breathe 3s ease-in-out infinite;
    }

.phira-header .bilan-dock-item:hover .bilan-dock-icon {
      transform: scale(1.08);
    }

.phira-header .bilan-dock-label {
      font-size: var(--phira-fs-dock-label);
      font-weight: 500;
      white-space: nowrap;
      animation: phira-label-flicker 5s ease-in-out infinite;
    }

.phira-header .bilan-dock-flag {
      width: var(--phira-dock-svg-size);
      height: var(--phira-dock-svg-size);
      border-radius: 50%;
      display: block; position: relative; z-index: 3;
      background: linear-gradient(to right, #002654 33%, #fff 33% 66%, #ce1126 66%);
      box-shadow: 0 0 6px rgba(255, 255, 255, 0.25);
      animation: phira-icon-breathe 3s ease-in-out infinite;
    }

.phira-header .icon-apparence {
      position: relative;
      width: var(--phira-dock-svg-size);
      height: var(--phira-dock-svg-size);
      z-index: 3;
    }

.phira-header .icon-apparence svg {
      position: absolute; top: 0; left: 0;
      width: 100%; height: 100%;
      fill: white;
      transition: opacity 0.5s ease, transform 0.5s ease;
      animation: phira-icon-breathe 3s ease-in-out infinite;
    }

.phira-header .icon-apparence .svg-sun  { opacity: 1; transform: rotate(0deg) scale(1); }

.phira-header .icon-apparence .svg-moon { opacity: 0; transform: rotate(-30deg) scale(0.7); }

.phira-header .dock-apparence.night .icon-apparence .svg-sun  { opacity: 0; transform: rotate(30deg) scale(0.7); }

.phira-header .dock-apparence.night .icon-apparence .svg-moon { opacity: 1; transform: rotate(0deg) scale(1); }

@keyframes phira-icon-breathe {
      0%, 100% { filter: drop-shadow(0 0 7px rgba(255,255,255,0.9));  transform: scale(1); }
      50%      { filter: drop-shadow(0 0 11px rgba(255,255,255,1));   transform: scale(1.04); }
    }

@keyframes phira-label-flicker {
      0%, 90%, 100% { opacity: 1; }
      93%           { opacity: 0.75; }
      97%           { opacity: 0.9; }
    }

.phira-header .bilan-dock > *:nth-child(1)  .bilan-dock-icon svg,
    .phira-header .bilan-dock > *:nth-child(1)  .bilan-dock-flag     { animation-delay: 0s; }

.phira-header .bilan-dock > *:nth-child(2)  .bilan-dock-icon svg { animation-delay: -0.3s; }

.phira-header .bilan-dock > *:nth-child(3)  .bilan-dock-icon svg { animation-delay: -0.6s; }

.phira-header .bilan-dock > *:nth-child(4)  .bilan-dock-icon svg { animation-delay: -0.9s; }

.phira-header .bilan-dock > *:nth-child(5)  .bilan-dock-icon svg { animation-delay: -1.2s; }

.phira-header .bilan-dock > *:nth-child(6)  .bilan-dock-icon svg { animation-delay: -1.5s; }

.phira-header .bilan-dock > *:nth-child(7)  .bilan-dock-icon svg { animation-delay: -1.8s; }

.phira-header .bilan-dock > *:nth-child(8)  .bilan-dock-icon svg { animation-delay: -2.1s; }

.phira-header .bilan-dock > *:nth-child(9)  .bilan-dock-icon svg { animation-delay: -2.4s; }

.phira-header .bilan-dock > *:nth-child(10) .bilan-dock-icon svg,
    .phira-header .bilan-dock > *:nth-child(10) .bilan-dock-flag     { animation-delay: -2.7s; }

.phira-header .bilan-dock > *:nth-child(11) .bilan-dock-icon svg { animation-delay: -3.0s; }

.phira-header .bilan-dock > *:nth-child(12) .bilan-dock-icon svg { animation-delay: -3.3s; }

.phira-header .bilan-dock > *:nth-child(13) .bilan-dock-icon svg { animation-delay: -3.6s; }

.phira-header .bilan-dock > *:nth-child(14) .bilan-dock-icon svg { animation-delay: -3.9s; }

.phira-header .bilan-dock > *:nth-child(15) .bilan-dock-icon svg { animation-delay: -4.2s; }

.phira-header .bilan-dock > *:nth-child(1)  .bilan-dock-label { animation-delay: 0s; }

.phira-header .bilan-dock > *:nth-child(2)  .bilan-dock-label { animation-delay: -0.5s; }

.phira-header .bilan-dock > *:nth-child(3)  .bilan-dock-label { animation-delay: -1.0s; }

.phira-header .bilan-dock > *:nth-child(4)  .bilan-dock-label { animation-delay: -1.5s; }

.phira-header .bilan-dock > *:nth-child(5)  .bilan-dock-label { animation-delay: -2.0s; }

.phira-header .bilan-dock > *:nth-child(6)  .bilan-dock-label { animation-delay: -2.5s; }

.phira-header .bilan-dock > *:nth-child(7)  .bilan-dock-label { animation-delay: -3.0s; }

.phira-header .bilan-dock > *:nth-child(8)  .bilan-dock-label { animation-delay: -3.5s; }

.phira-header .bilan-dock > *:nth-child(9)  .bilan-dock-label { animation-delay: -4.0s; }

.phira-header .bilan-dock > *:nth-child(10) .bilan-dock-label { animation-delay: -4.5s; }

.phira-header .bilan-dock > *:nth-child(11) .bilan-dock-label { animation-delay: -0.8s; }

.phira-header .bilan-dock > *:nth-child(12) .bilan-dock-label { animation-delay: -1.8s; }

.phira-header .bilan-dock > *:nth-child(13) .bilan-dock-label { animation-delay: -2.8s; }

.phira-header .bilan-dock > *:nth-child(14) .bilan-dock-label { animation-delay: -3.8s; }

.phira-header .bilan-dock > *:nth-child(15) .bilan-dock-label { animation-delay: -4.8s; }

@keyframes phira-pulse-blue     {0%,100%{box-shadow:0 0 0 2.5px #00aaff, 0 0 14px 4px #0088ee, 0 0 30px 8px #0055cc33}50%{box-shadow:0 0 0 2.5px #00bbff, 0 0 18px 6px #00aaee, 0 0 40px 12px #0077cc55}}

@keyframes phira-pulse-purple   {0%,100%{box-shadow:0 0 0 2.5px #bb44ff, 0 0 14px 4px #9922ee, 0 0 30px 8px #7700cc33}50%{box-shadow:0 0 0 2.5px #cc55ff, 0 0 18px 6px #aa33ee, 0 0 40px 12px #9922cc55}}

@keyframes phira-pulse-mint     {0%,100%{box-shadow:0 0 0 2.5px #00ffaa, 0 0 14px 4px #00ddaa, 0 0 30px 8px #00aa7733}50%{box-shadow:0 0 0 2.5px #22ffbb, 0 0 18px 6px #00eebb, 0 0 40px 12px #00bb8855}}

@keyframes phira-pulse-yellow   {0%,100%{box-shadow:0 0 0 2.5px #ffcc00, 0 0 14px 4px #ddaa00, 0 0 30px 8px #bb880033}50%{box-shadow:0 0 0 2.5px #ffdd22, 0 0 18px 6px #eebb00, 0 0 40px 12px #ccaa0055}}

@keyframes phira-pulse-orange   {0%,100%{box-shadow:0 0 0 2.5px #ff6600, 0 0 14px 4px #dd4400, 0 0 30px 8px #cc330033}50%{box-shadow:0 0 0 2.5px #ff7722, 0 0 18px 6px #ee5500, 0 0 40px 12px #dd440055}}

@keyframes phira-pulse-lime     {0%,100%{box-shadow:0 0 0 2.5px #aaee00, 0 0 14px 4px #88cc00, 0 0 30px 8px #66aa0033}50%{box-shadow:0 0 0 2.5px #bbff22, 0 0 18px 6px #99dd00, 0 0 40px 12px #77bb0055}}

@keyframes phira-pulse-gray     {0%,100%{box-shadow:0 0 0 2.5px #8899cc, 0 0 14px 4px #6677aa, 0 0 30px 8px #44557733}50%{box-shadow:0 0 0 2.5px #99aadd, 0 0 18px 6px #7788bb, 0 0 40px 12px #55669955}}

@keyframes phira-pulse-pink     {0%,100%{box-shadow:0 0 0 2.5px #ff1199, 0 0 14px 4px #dd0077, 0 0 30px 8px #bb005533}50%{box-shadow:0 0 0 2.5px #ff33aa, 0 0 18px 6px #ee1188, 0 0 40px 12px #cc006655}}

@keyframes phira-pulse-amber    {0%,100%{box-shadow:0 0 0 2.5px #ffaa00, 0 0 14px 4px #dd8800, 0 0 30px 8px #bb660033}50%{box-shadow:0 0 0 2.5px #ffbb22, 0 0 18px 6px #ee9900, 0 0 40px 12px #cc770055}}

@keyframes phira-pulse-cyan     {0%,100%{box-shadow:0 0 0 2.5px #00ffee, 0 0 14px 4px #00ddcc, 0 0 30px 8px #00aaaa33}50%{box-shadow:0 0 0 2.5px #22fff0, 0 0 18px 6px #00eedd, 0 0 40px 12px #00bbbb55}}

@keyframes phira-pulse-tricolor {0%,100%{box-shadow:0 0 0 2.5px #ee4466, 0 0 14px 4px #cc2244, 0 0 30px 8px #aa002233}50%{box-shadow:0 0 0 2.5px #ff5577, 0 0 18px 6px #dd3355, 0 0 40px 12px #bb113355}}

@keyframes phira-pulse-magenta  {0%,100%{box-shadow:0 0 0 2.5px #ff22dd, 0 0 14px 4px #dd00bb, 0 0 30px 8px #bb008833}50%{box-shadow:0 0 0 2.5px #ff44ee, 0 0 18px 6px #ee11cc, 0 0 40px 12px #cc009955}}

@keyframes phira-pulse-teal     {0%,100%{box-shadow:0 0 0 2.5px #00ddff, 0 0 14px 4px #00bbdd, 0 0 30px 8px #0099bb33}50%{box-shadow:0 0 0 2.5px #22eeff, 0 0 18px 6px #00ccee, 0 0 40px 12px #00aabb55}}

@keyframes phira-pulse-solar-day   {0%,100%{box-shadow:0 0 0 2.5px #ffdd00, 0 0 14px 4px #ffbb00, 0 0 30px 8px #ff990033}50%{box-shadow:0 0 0 2.5px #ffee33, 0 0 18px 6px #ffcc11, 0 0 40px 12px #ffaa0055}}

@keyframes phira-pulse-solar-night {0%,100%{box-shadow:0 0 0 2.5px #aaccff, 0 0 14px 4px #7799ee, 0 0 30px 8px #4466cc33}50%{box-shadow:0 0 0 2.5px #ccdeff, 0 0 18px 6px #99bbff, 0 0 40px 12px #6688dd55}}

@keyframes phira-pulse-msg     {0%,100%{box-shadow:0 0 0 1.2px #4488ff, 0 0 6px 2px #2266ee, 0 0 14px 4px #0044cc33}50%{box-shadow:0 0 0 1.2px #5599ff, 0 0 9px 3px #3377ff, 0 0 20px 6px #1155dd55}}

@keyframes phira-pulse-star    {0%,100%{box-shadow:0 0 0 1.2px #ffaa22, 0 0 6px 2px #ee8800, 0 0 14px 4px #cc660033}50%{box-shadow:0 0 0 1.2px #ffbb44, 0 0 9px 3px #ff9911, 0 0 20px 6px #dd770055}}

@keyframes phira-pulse-account {0%,100%{box-shadow:0 0 0 1.2px #00ee88, 0 0 6px 2px #00cc66, 0 0 14px 4px #00aa4433}50%{box-shadow:0 0 0 1.2px #22ff99, 0 0 9px 3px #00dd77, 0 0 20px 6px #00bb5555}}

.phira-header .dock-blue .bilan-dock-icon { background: #000d1f; animation: phira-pulse-blue 3.5s ease-in-out infinite; }

.phira-header .dock-blue .bilan-dock-icon::before { background: repeating-conic-gradient(from 0deg at 50% 50%, #00aaff18 0deg 4deg, transparent 4deg 14deg); }

.phira-header .dock-blue .bilan-dock-icon::after  { background: radial-gradient(circle at 50% 50%, #00aaff55 0%, #0055cc22 35%, transparent 70%); }

.phira-header .dock-blue .bilan-dock-label        { color: #00ccff; text-shadow: 0 0 8px #00aaff99; }

.phira-header .dock-purple .bilan-dock-icon { background: #0d0020; animation: phira-pulse-purple 3.8s ease-in-out infinite; }

.phira-header .dock-purple .bilan-dock-icon::before { background: repeating-conic-gradient(from 0deg at 50% 50%, #bb44ff18 0deg 4deg, transparent 4deg 14deg); }

.phira-header .dock-purple .bilan-dock-icon::after  { background: radial-gradient(circle at 50% 50%, #bb44ff55 0%, #7700cc22 35%, transparent 70%); }

.phira-header .dock-purple .bilan-dock-label        { color: #cc66ff; text-shadow: 0 0 8px #aa44ff99; }

.phira-header .dock-mint .bilan-dock-icon { background: #001a12; animation: phira-pulse-mint 3.3s ease-in-out infinite; }

.phira-header .dock-mint .bilan-dock-icon::before { background: repeating-conic-gradient(from 0deg at 50% 50%, #00ffaa18 0deg 4deg, transparent 4deg 14deg); }

.phira-header .dock-mint .bilan-dock-icon::after  { background: radial-gradient(circle at 50% 50%, #00ffaa55 0%, #00aa7722 35%, transparent 70%); }

.phira-header .dock-mint .bilan-dock-label        { color: #00ffbb; text-shadow: 0 0 8px #00ffaa99; }

.phira-header .dock-yellow .bilan-dock-icon { background: #1a1000; animation: phira-pulse-yellow 4s ease-in-out infinite; }

.phira-header .dock-yellow .bilan-dock-icon::before { background: repeating-conic-gradient(from 0deg at 50% 50%, #ffcc0018 0deg 4deg, transparent 4deg 14deg); }

.phira-header .dock-yellow .bilan-dock-icon::after  { background: radial-gradient(circle at 50% 50%, #ffcc0055 0%, #bb880022 35%, transparent 70%); }

.phira-header .dock-yellow .bilan-dock-label        { color: #ffdd22; text-shadow: 0 0 8px #ffcc0099; }

.phira-header .dock-orange .bilan-dock-icon { background: #180800; animation: phira-pulse-orange 3.6s ease-in-out infinite; }

.phira-header .dock-orange .bilan-dock-icon::before { background: repeating-conic-gradient(from 0deg at 50% 50%, #ff660018 0deg 4deg, transparent 4deg 14deg); }

.phira-header .dock-orange .bilan-dock-icon::after  { background: radial-gradient(circle at 50% 50%, #ff660055 0%, #cc330022 35%, transparent 70%); }

.phira-header .dock-orange .bilan-dock-label        { color: #ff8833; text-shadow: 0 0 8px #ff660099; }

.phira-header .dock-lime .bilan-dock-icon { background: #0e1a00; animation: phira-pulse-lime 3.4s ease-in-out infinite; }

.phira-header .dock-lime .bilan-dock-icon::before { background: repeating-conic-gradient(from 0deg at 50% 50%, #aaee0018 0deg 4deg, transparent 4deg 14deg); }

.phira-header .dock-lime .bilan-dock-icon::after  { background: radial-gradient(circle at 50% 50%, #aaee0055 0%, #66aa0022 35%, transparent 70%); }

.phira-header .dock-lime .bilan-dock-label        { color: #ccff22; text-shadow: 0 0 8px #aaee0099; }

.phira-header .dock-gray .bilan-dock-icon { background: #0e1220; animation: phira-pulse-gray 4.2s ease-in-out infinite; }

.phira-header .dock-gray .bilan-dock-icon::before { background: repeating-conic-gradient(from 0deg at 50% 50%, #8899cc18 0deg 4deg, transparent 4deg 14deg); }

.phira-header .dock-gray .bilan-dock-icon::after  { background: radial-gradient(circle at 50% 50%, #8899cc55 0%, #44557722 35%, transparent 70%); }

.phira-header .dock-gray .bilan-dock-label        { color: #aabbdd; text-shadow: 0 0 8px #8899cc99; }

.phira-header .dock-pink .bilan-dock-icon { background: #1a0015; animation: phira-pulse-pink 3.2s ease-in-out infinite; }

.phira-header .dock-pink .bilan-dock-icon::before { background: repeating-conic-gradient(from 0deg at 50% 50%, #ff119918 0deg 4deg, transparent 4deg 14deg); }

.phira-header .dock-pink .bilan-dock-icon::after  { background: radial-gradient(circle at 50% 50%, #ff119955 0%, #bb005522 35%, transparent 70%); }

.phira-header .dock-pink .bilan-dock-label        { color: #ff44bb; text-shadow: 0 0 8px #ff119999; }

.phira-header .dock-amber .bilan-dock-icon { background: #1a0e00; animation: phira-pulse-amber 3.7s ease-in-out infinite; }

.phira-header .dock-amber .bilan-dock-icon::before { background: repeating-conic-gradient(from 0deg at 50% 50%, #ffaa0018 0deg 4deg, transparent 4deg 14deg); }

.phira-header .dock-amber .bilan-dock-icon::after  { background: radial-gradient(circle at 50% 50%, #ffaa0055 0%, #bb660022 35%, transparent 70%); }

.phira-header .dock-amber .bilan-dock-label        { color: #ffbb33; text-shadow: 0 0 8px #ffaa0099; }

.phira-header .dock-green .bilan-dock-icon { background: #002a10; animation: phira-pulse-green 3.4s ease-in-out infinite; }

.phira-header .dock-green .bilan-dock-icon::before { background: repeating-conic-gradient(from 0deg at 50% 50%, #00ff6618 0deg 4deg, transparent 4deg 14deg); }

.phira-header .dock-green .bilan-dock-icon::after  { background: radial-gradient(circle at 50% 50%, #00ff6655 0%, #00aa4422 35%, transparent 70%); }

.phira-header .dock-green .bilan-dock-label        { color: #00ff66; text-shadow: 0 0 8px #00ff6699; }

@keyframes phira-pulse-green    {0%,100%{box-shadow:0 0 0 2.5px #00ff66, 0 0 14px 4px #00dd55, 0 0 30px 8px #00aa3333}50%{box-shadow:0 0 0 2.5px #22ff77, 0 0 18px 6px #00ee66, 0 0 40px 12px #00bb4455}}

.phira-header .dock-cyan .bilan-dock-icon { background: #002020; animation: phira-pulse-cyan 3.1s ease-in-out infinite; }

.phira-header .dock-cyan .bilan-dock-icon::before { background: repeating-conic-gradient(from 0deg at 50% 50%, #00ffee18 0deg 4deg, transparent 4deg 14deg); }

.phira-header .dock-cyan .bilan-dock-icon::after  { background: radial-gradient(circle at 50% 50%, #00ffee55 0%, #00aaaa22 35%, transparent 70%); }

.phira-header .dock-cyan .bilan-dock-label        { color: #00ffee; text-shadow: 0 0 8px #00ffee99; }

.phira-header .dock-tricolor .bilan-dock-icon { background: #10001a; animation: phira-pulse-tricolor 3.9s ease-in-out infinite; }

.phira-header .dock-tricolor .bilan-dock-icon::before { background: repeating-conic-gradient(from 0deg at 50% 50%, #ee446618 0deg 4deg, transparent 4deg 14deg); }

.phira-header .dock-tricolor .bilan-dock-icon::after  { background: radial-gradient(circle at 50% 50%, #ee446655 0%, #aa002222 35%, transparent 70%); }

.phira-header .dock-tricolor .bilan-dock-label        { color: #ff6688; text-shadow: 0 0 8px #ee446699; }

.phira-header .dock-teal .bilan-dock-icon { background: #001828; animation: phira-pulse-teal 4.1s ease-in-out infinite; }

.phira-header .dock-teal .bilan-dock-icon::before { background: repeating-conic-gradient(from 0deg at 50% 50%, #00ddff18 0deg 4deg, transparent 4deg 14deg); }

.phira-header .dock-teal .bilan-dock-icon::after  { background: radial-gradient(circle at 50% 50%, #00ddff55 0%, #0099bb22 35%, transparent 70%); }

.phira-header .dock-teal .bilan-dock-label        { color: #33eeff; text-shadow: 0 0 8px #00ddff99; }

.phira-header .dock-magenta .bilan-dock-icon { background: #180030; animation: phira-pulse-magenta 3.4s ease-in-out infinite; }

.phira-header .dock-magenta .bilan-dock-icon::before { background: repeating-conic-gradient(from 0deg at 50% 50%, #ff22dd18 0deg 4deg, transparent 4deg 14deg); }

.phira-header .dock-magenta .bilan-dock-icon::after  { background: radial-gradient(circle at 50% 50%, #ff22dd55 0%, #bb008822 35%, transparent 70%); }

.phira-header .dock-magenta .bilan-dock-label        { color: #ff55ee; text-shadow: 0 0 8px #ff22dd99; }

.phira-header .dock-apparence .bilan-dock-icon { background: #1a1200; animation: phira-pulse-solar-day 3.6s ease-in-out infinite; }

.phira-header .dock-apparence .bilan-dock-icon::before { background: repeating-conic-gradient(from 0deg at 50% 50%, #ffdd0018 0deg 4deg, transparent 4deg 14deg); }

.phira-header .dock-apparence .bilan-dock-icon::after  { background: radial-gradient(circle at 50% 50%, #ffdd0055 0%, #ff990022 35%, transparent 70%); }

.phira-header .dock-apparence .bilan-dock-label        { color: #ffee44; text-shadow: 0 0 8px #ffdd0099; }

.phira-header .dock-apparence.night .bilan-dock-icon { background: #080e24; animation: phira-pulse-solar-night 3.6s ease-in-out infinite; }

.phira-header .dock-apparence.night .bilan-dock-icon::before { background: repeating-conic-gradient(from 0deg at 50% 50%, #aaccff18 0deg 4deg, transparent 4deg 14deg); }

.phira-header .dock-apparence.night .bilan-dock-icon::after  { background: radial-gradient(circle at 50% 50%, #aaccff55 0%, #4466cc22 35%, transparent 70%); }

.phira-header .dock-apparence.night .bilan-dock-label        { color: #ccdeff; text-shadow: 0 0 8px #aaccff99; }

.phira-header .dock-close .bilan-dock-icon {
      background: #cc0000;
      box-shadow:
        0 0 0 3px #ff0000,
        0 0 20px 8px #ee000066,
        0 0 50px 18px #cc000044;
      animation: none;
    }

.phira-header .dock-close .bilan-dock-icon::before,
    .phira-header .dock-close .bilan-dock-icon::after { background: none; }

.phira-header .dock-close .bilan-dock-icon svg {
      filter: drop-shadow(0 0 4px rgba(255, 255, 255, 0.6)) !important;
      animation: none !important;
    }

.phira-header .dock-close .bilan-dock-label {
      color: #ff6666;
      text-shadow: 0 0 10px #ff0000cc;
      animation: none;
    }

.phira-header .bilan-topnav-actions {
      display: flex; align-items: center;
      gap: var(--phira-action-gap);
    }

.phira-header .ta-btn {
      width: var(--phira-action-size);
      height: var(--phira-action-size);
      display: flex; align-items: center; justify-content: center;
      position: relative;
      background: transparent;
      border: none;
      color: inherit;
      cursor: pointer;
      text-decoration: none;
      border-radius: 12px;
      font-family: inherit; font-size: inherit;
      -webkit-appearance: none; appearance: none;
      transition: transform var(--phira-dur) var(--phira-ease);
    }

.phira-header .ta-btn:hover:not(:disabled) {
      transform: translateY(-1px) scale(1.05);
    }

.phira-header .ta-btn:disabled { opacity: 0.4; cursor: not-allowed; }

.phira-header .ta-btn-icon {
      width: var(--phira-action-icon);
      height: var(--phira-action-icon);
      display: flex; align-items: center; justify-content: center;
      position: relative; overflow: hidden;
      border-radius: 10px;
    }

.phira-header .ta-btn-icon::before,
    .phira-header .ta-btn-icon::after {
      content: ''; position: absolute; inset: 0;
      border-radius: 10px; pointer-events: none;
    }

.phira-header .ta-btn-icon::before { z-index: 1; }

.phira-header .ta-btn-icon::after  { z-index: 2; }

.phira-header .ta-btn svg {
      width: var(--phira-action-svg);
      height: var(--phira-action-svg);
      fill: white;
      position: relative; z-index: 3;
      animation: phira-icon-breathe 3s ease-in-out infinite;
    }

.phira-header .ta-btn.ta-msg .ta-btn-icon { background: #00082a; animation: phira-pulse-msg 3.9s ease-in-out infinite; }

.phira-header .ta-btn.ta-msg .ta-btn-icon::before { background: repeating-conic-gradient(from 0deg at 50% 50%, #4488ff18 0deg 4deg, transparent 4deg 14deg); }

.phira-header .ta-btn.ta-msg .ta-btn-icon::after  { background: radial-gradient(circle at 50% 50%, #4488ff55 0%, #0044cc22 35%, transparent 70%); }

.phira-header .ta-btn.ta-star .ta-btn-icon { background: #1a0c00; animation: phira-pulse-star 3.4s ease-in-out infinite; }

.phira-header .ta-btn.ta-star .ta-btn-icon::before { background: repeating-conic-gradient(from 0deg at 50% 50%, #ffaa2218 0deg 4deg, transparent 4deg 14deg); }

.phira-header .ta-btn.ta-star .ta-btn-icon::after  { background: radial-gradient(circle at 50% 50%, #ffaa2255 0%, #cc660022 35%, transparent 70%); }

.phira-header .ta-btn.ta-account .ta-btn-icon { background: #001a0e; animation: phira-pulse-account 4.1s ease-in-out infinite; }

.phira-header .ta-btn.ta-account .ta-btn-icon::before { background: repeating-conic-gradient(from 0deg at 50% 50%, #00ee8818 0deg 4deg, transparent 4deg 14deg); }

.phira-header .ta-btn.ta-account .ta-btn-icon::after  { background: radial-gradient(circle at 50% 50%, #00ee8855 0%, #00aa4422 35%, transparent 70%); }

@media (max-width: 1439.98px) {
      .phira-header {
        --phira-topnav-gap: 12px;
        --phira-dock-gap:   3px;
      }
    }

@media (max-width: 1279.98px) {
      .phira-header {
        --phira-dock-item-w:   60px;
        --phira-fs-dock-label: 9.5px;
      }
      .phira-header .bilan-logo-subtitle { font-size: 9px; letter-spacing: 0.15em; }
    }

@media (max-width: 1151.98px) {
      .phira-header {
        --phira-dock-item-w:  52px;
        --phira-dock-item-py: 8px;
      }
      .phira-header .bilan-dock-label {
        position: absolute !important;
        width: 1px !important; height: 1px !important;
        padding: 0 !important; margin: -1px !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
        white-space: nowrap !important;
        border: 0 !important;
      }
    }

@media (max-width: 1023.98px) {
      .phira-header {
        --phira-dock-item-w: 48px;
        --phira-dock-gap:    2px;
        --phira-topnav-gap:  10px;
        --phira-topnav-px:   10px;
        --phira-action-gap:  6px;
      }
      .phira-header .bilan-logo-subtitle { display: none; }
      .phira-header .bilan-dock {
        justify-content: flex-start;
        padding-inline: 16px;
        scroll-snap-type: x proximity;
        scroll-padding-inline: 16px;
        -webkit-mask-image: linear-gradient(to right,
          transparent 0,
          var(--phira-mask-color) 12px,
          var(--phira-mask-color) calc(100% - 12px),
          transparent 100%);
                mask-image: linear-gradient(to right,
          transparent 0,
          var(--phira-mask-color) 12px,
          var(--phira-mask-color) calc(100% - 12px),
          transparent 100%);
      }
      .phira-header .bilan-dock::before,
      .phira-header .bilan-dock::after {
        content: '';
        flex: 0 0 4px;
      }
    }

.phira-header {
  --phira-bg-top: rgba(7, 11, 22, 0.45) !important;
  --phira-bg-bot: rgba(7, 11, 22, 0.30) !important;
  backdrop-filter: blur(14px) saturate(140%);
  -webkit-backdrop-filter: blur(14px) saturate(140%);
}

html[data-theme="light"] .phira-header,
.phira-header[data-theme="light"] {
  /* Header transparent — laisse passer le gradient clair (comme Rails .bilan-topnav light) */
  --phira-bg-top: rgba(255, 255, 255, 0.45) !important;
  --phira-bg-bot: rgba(255, 255, 255, 0.25) !important;
  backdrop-filter: blur(14px) saturate(120%);
  -webkit-backdrop-filter: blur(14px) saturate(120%);
}

.phira-header[data-theme="light"] .bilan-dock-item.dock-green .bilan-dock-label {
      color: #00994d !important;
      text-shadow: none !important;
    }

    /* MANIRA — Émetteur d'affirmations (clay/cuivre) */
    .phira-header .dock-manira .bilan-dock-icon { background: #2a1206; animation: phira-pulse-manira 3.5s ease-in-out infinite; }
    .phira-header .dock-manira .bilan-dock-icon::before { background: repeating-conic-gradient(from 0deg at 50% 50%, #ff8a4c18 0deg 4deg, transparent 4deg 14deg); }
    .phira-header .dock-manira .bilan-dock-icon::after  { background: radial-gradient(circle at 50% 50%, #ff8a4c55 0%, #c2542222 35%, transparent 70%); }
    .phira-header .dock-manira .bilan-dock-label        { color: #ff9d63; text-shadow: 0 0 8px #ff8a4c99; }
    @keyframes phira-pulse-manira    {0%,100%{box-shadow:0 0 0 2.5px #ff8a4c, 0 0 14px 4px #e2703a, 0 0 30px 8px #c2542233}50%{box-shadow:0 0 0 2.5px #ffa066, 0 0 18px 6px #f0824a, 0 0 40px 12px #d2794e55}}

.phira-header[data-theme="light"] .bilan-dock-item.dock-manira .bilan-dock-icon {
  background: #f4f5f9 !important; animation: none !important;
}
.phira-header[data-theme="light"] .bilan-dock-item.dock-manira .bilan-dock-label {
  color: #c2542a !important; text-shadow: none !important;
}

/* === Perf (phira-header.css) : halos statiques, respiration en opacity (GPU) === */
.phira-header .dock-blue .bilan-dock-icon { animation: none !important; box-shadow: 0 0 0 2.5px #00aaff, 0 0 14px 4px #0088ee, 0 0 30px 8px #0055cc33 !important; }
.phira-header .dock-purple .bilan-dock-icon { animation: none !important; box-shadow: 0 0 0 2.5px #bb44ff, 0 0 14px 4px #9922ee, 0 0 30px 8px #7700cc33 !important; }
.phira-header .dock-mint .bilan-dock-icon { animation: none !important; box-shadow: 0 0 0 2.5px #00ffaa, 0 0 14px 4px #00ddaa, 0 0 30px 8px #00aa7733 !important; }
.phira-header .dock-yellow .bilan-dock-icon { animation: none !important; box-shadow: 0 0 0 2.5px #ffcc00, 0 0 14px 4px #ddaa00, 0 0 30px 8px #bb880033 !important; }
.phira-header .dock-orange .bilan-dock-icon { animation: none !important; box-shadow: 0 0 0 2.5px #ff6600, 0 0 14px 4px #dd4400, 0 0 30px 8px #cc330033 !important; }
.phira-header .dock-lime .bilan-dock-icon { animation: none !important; box-shadow: 0 0 0 2.5px #aaee00, 0 0 14px 4px #88cc00, 0 0 30px 8px #66aa0033 !important; }
.phira-header .dock-gray .bilan-dock-icon { animation: none !important; box-shadow: 0 0 0 2.5px #8899cc, 0 0 14px 4px #6677aa, 0 0 30px 8px #44557733 !important; }
.phira-header .dock-pink .bilan-dock-icon { animation: none !important; box-shadow: 0 0 0 2.5px #ff1199, 0 0 14px 4px #dd0077, 0 0 30px 8px #bb005533 !important; }
.phira-header .dock-amber .bilan-dock-icon { animation: none !important; box-shadow: 0 0 0 2.5px #ffaa00, 0 0 14px 4px #dd8800, 0 0 30px 8px #bb660033 !important; }
.phira-header .dock-green .bilan-dock-icon { animation: none !important; box-shadow: 0 0 0 2.5px #00ff66, 0 0 14px 4px #00dd55, 0 0 30px 8px #00aa3333 !important; }
.phira-header .dock-cyan .bilan-dock-icon { animation: none !important; box-shadow: 0 0 0 2.5px #00ffee, 0 0 14px 4px #00ddcc, 0 0 30px 8px #00aaaa33 !important; }
.phira-header .dock-tricolor .bilan-dock-icon { animation: none !important; box-shadow: 0 0 0 2.5px #ee4466, 0 0 14px 4px #cc2244, 0 0 30px 8px #aa002233 !important; }
.phira-header .dock-teal .bilan-dock-icon { animation: none !important; box-shadow: 0 0 0 2.5px #00ddff, 0 0 14px 4px #00bbdd, 0 0 30px 8px #0099bb33 !important; }
.phira-header .dock-magenta .bilan-dock-icon { animation: none !important; box-shadow: 0 0 0 2.5px #ff22dd, 0 0 14px 4px #dd00bb, 0 0 30px 8px #bb008833 !important; }
.phira-header .dock-apparence .bilan-dock-icon { animation: none !important; box-shadow: 0 0 0 2.5px #ffdd00, 0 0 14px 4px #ffbb00, 0 0 30px 8px #ff990033 !important; }
.phira-header .dock-apparence.night .bilan-dock-icon { animation: none !important; box-shadow: 0 0 0 2.5px #aaccff, 0 0 14px 4px #7799ee, 0 0 30px 8px #4466cc33 !important; }
.phira-header .ta-btn.ta-msg .ta-btn-icon { animation: none !important; box-shadow: 0 0 0 1.2px #4488ff, 0 0 6px 2px #2266ee, 0 0 14px 4px #0044cc33 !important; }
.phira-header .ta-btn.ta-star .ta-btn-icon { animation: none !important; box-shadow: 0 0 0 1.2px #ffaa22, 0 0 6px 2px #ee8800, 0 0 14px 4px #cc660033 !important; }
.phira-header .ta-btn.ta-account .ta-btn-icon { animation: none !important; box-shadow: 0 0 0 1.2px #00ee88, 0 0 6px 2px #00cc66, 0 0 14px 4px #00aa4433 !important; }
/* MANIRA — Émetteur d'affirmations (clay/cuivre) */ .phira-header .dock-manira .bilan-dock-icon { animation: none !important; box-shadow: 0 0 0 2.5px #ff8a4c, 0 0 14px 4px #e2703a, 0 0 30px 8px #c2542233 !important; }
.phira-header .bilan-dock-icon::after, .phira-header .pv2-dock-icon::after { animation: phira-aura-breathe 3.4s ease-in-out infinite; }
@keyframes phira-aura-breathe { 0%, 100% { opacity: 0.65; } 50% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .phira-header .bilan-dock-icon::after, .phira-header .pv2-dock-icon::after { animation: none !important; } }