/*
 * Phase 2 — Lot CSS 2AU
 * Module : écran Séances Premium V80
 * Extraction stricte du bloc nf-v80-seances-premium-css.
 * Aucune règle de navigation et aucun JavaScript modifiés.
 */

/* Écran séances — rythme visuel global */
  #screen-seances > div{
    background: linear-gradient(180deg, rgba(250,245,232,1) 0%, rgba(240,231,213,1) 100%) !important;
  }
  #screen-seances [data-seance-wrap]{
    padding-inline: 20px !important;
  }
  #screen-seances .chip{
    border-radius: 999px !important;
    padding: 10px 14px !important;
    font-size: .72rem !important;
    letter-spacing: .06em !important;
  }

  /* Cartes statiques du haut */
  #screen-seances .nf-v80-seance-card{
    position: relative !important;
    background: linear-gradient(180deg, rgba(255,252,248,.98) 0%, rgba(253,249,238,.98) 100%) !important;
    border: 1.5px solid rgba(196,103,66,.12) !important;
    border-radius: 24px !important;
    padding: 18px 18px 16px !important;
    margin-bottom: 14px !important;
    min-height: 144px !important;
    box-shadow: 0 10px 24px rgba(87,61,34,.06), 0 1px 0 rgba(255,255,255,.65) inset !important;
    overflow: hidden !important;
  }
  #screen-seances .nf-v80-seance-card::before,
  #screen-seances #nf-v69-programmed-list .nf-v79-program-card::before{
    content: '';
    position: absolute;
    left: 0; right: 0; top: 0;
    height: 1px;
    background: linear-gradient(90deg, rgba(255,255,255,.0), rgba(255,255,255,.9), rgba(255,255,255,.0));
    pointer-events: none;
  }
  #screen-seances .nf-v80-seance-card > div:first-child{
    height: 100% !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;
  }
  #screen-seances .nf-v80-seance-card > div:first-child > div:first-child{
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    min-height: 92px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
  }
  #screen-seances .nf-v80-seance-card [data-role="seance-time"]{
    font-family: var(--font-serif) !important;
    font-size: 1.9rem !important;
    line-height: .95 !important;
    letter-spacing: -.03em !important;
    color: var(--nf-ink) !important;
    margin: 0 0 10px !important;
  }
  #screen-seances .nf-v80-seance-card [data-role="seance-title"]{
    font-family: var(--font-ui) !important;
    font-size: 1.12rem !important;
    line-height: 1.18 !important;
    font-weight: 700 !important;
    color: var(--nf-ink) !important;
    margin: 0 0 10px !important;
    letter-spacing: -.015em !important;
  }
  #screen-seances .nf-v80-seance-card [data-role="seance-meta"]{
    font-family: var(--font-mono) !important;
    font-size: .66rem !important;
    line-height: 1.35 !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
    color: rgba(42,37,32,.56) !important;
    margin: auto 0 0 !important;
    white-space: normal !important;
  }
  #screen-seances .nf-v80-seance-card button{
    width: 46px !important;
    height: 46px !important;
    border-radius: 999px !important;
    background: rgba(42,37,32,.045) !important;
    color: rgba(42,37,32,.55) !important;
    font-size: 20px !important;
    flex: 0 0 46px !important;
    margin-top: 2px !important;
    box-shadow: none !important;
  }

  /* Titre de la zone "Vos pratiques programmées" */
  #screen-seances #nf-v69-programmed-list{
    padding: 0 20px 16px !important;
    margin-top: 8px !important;
  }
  #screen-seances #nf-v69-programmed-list .nf-v79-titlebar{
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    font-family: var(--font-mono) !important;
    font-size: .66rem !important;
    letter-spacing: .2em !important;
    text-transform: uppercase !important;
    color: var(--nf-copper) !important;
    margin: 6px 2px 14px !important;
    padding-left: 36px !important;
  }
  #screen-seances #nf-v69-programmed-list .nf-v79-titlebar::before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 18px;
    border: 1.6px solid rgba(196,103,66,.9);
    border-radius: 5px;
    box-sizing: border-box;
    background:
      linear-gradient(rgba(196,103,66,.9), rgba(196,103,66,.9)) 4px 4px/2px 4px no-repeat,
      linear-gradient(rgba(196,103,66,.9), rgba(196,103,66,.9)) 14px 4px/2px 4px no-repeat,
      linear-gradient(rgba(196,103,66,.9), rgba(196,103,66,.9)) center 7px/100% 1.5px no-repeat;
  }
  #screen-seances #nf-v69-programmed-list .nf-v79-titlebar::after{
    content: '';
    flex: 1 1 auto;
    height: 1px;
    background: linear-gradient(90deg, rgba(196,103,66,.3), rgba(196,103,66,.08));
    margin-left: 4px;
  }

  /* Cartes programmées premium harmonisées */
  #screen-seances #nf-v69-programmed-list .nf-v79-program-card{
    position: relative;
    background: linear-gradient(180deg, rgba(255,252,248,.98) 0%, rgba(253,249,238,.98) 100%) !important;
    border: 1.5px solid rgba(196,103,66,.12) !important;
    border-radius: 24px !important;
    padding: 18px 18px 16px !important;
    margin: 0 0 14px !important;
    min-height: 152px !important;
    box-shadow: 0 10px 24px rgba(87,61,34,.06), 0 1px 0 rgba(255,255,255,.65) inset !important;
    overflow: hidden !important;
    display: grid !important;
    grid-template-rows: auto 1fr auto !important;
    gap: 0 !important;
    cursor: pointer;
  }
  #screen-seances #nf-v69-programmed-list .nf-v79-head{
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
  }
  #screen-seances #nf-v69-programmed-list .nf-v79-timeblock{
    display:flex !important;
    flex-direction:column !important;
    gap:5px !important;
    min-width:0 !important;
  }
  #screen-seances #nf-v69-programmed-list .nf-v79-time{
    font-family: var(--font-serif) !important;
    font-size: 1.95rem !important;
    line-height: .95 !important;
    color: var(--nf-ink) !important;
    font-weight: 400 !important;
    letter-spacing: -.03em !important;
    margin: 0 !important;
  }
  #screen-seances #nf-v69-programmed-list .nf-v79-date{
    font-family: var(--font-mono) !important;
    font-size: .64rem !important;
    line-height: 1.25 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    color: var(--nf-copper) !important;
    margin: 0 !important;
  }
  #screen-seances #nf-v69-programmed-list .nf-v79-menu{
    width: 46px !important;
    height: 46px !important;
    border-radius: 999px !important;
    background: rgba(42,37,32,.045) !important;
    border: none !important;
    color: rgba(42,37,32,.55) !important;
    font-size: 20px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 46px !important;
    box-shadow:none !important;
  }
  #screen-seances #nf-v69-programmed-list .nf-v79-title{
    font-family: var(--font-ui) !important;
    font-size: 1.14rem !important;
    line-height: 1.18 !important;
    font-weight: 700 !important;
    color: var(--nf-ink) !important;
    margin: 0 0 10px !important;
    letter-spacing: -.015em !important;
  }
  #screen-seances #nf-v69-programmed-list .nf-v79-meta{
    font-family: var(--font-mono) !important;
    font-size: .68rem !important;
    line-height: 1.4 !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
    color: rgba(42,37,32,.56) !important;
    margin: auto 0 0 !important;
  }
  #screen-seances #nf-v69-programmed-list .nf-v79-note{
    font-family: var(--font-ui) !important;
    font-size: .88rem !important;
    line-height: 1.45 !important;
    color: rgba(42,37,32,.62) !important;
    margin: 10px 0 0 !important;
  }

  /* Ajustement fin mobile */
  @media (max-width: 390px){
    #screen-seances .nf-v80-seance-card,
    #screen-seances #nf-v69-programmed-list .nf-v79-program-card{
      border-radius: 22px !important;
      padding: 16px 16px 15px !important;
    }
    #screen-seances .nf-v80-seance-card [data-role="seance-time"],
    #screen-seances #nf-v69-programmed-list .nf-v79-time{
      font-size: 1.72rem !important;
    }
    #screen-seances .nf-v80-seance-card [data-role="seance-title"],
    #screen-seances #nf-v69-programmed-list .nf-v79-title{
      font-size: 1.05rem !important;
    }
  }