/* ======================================================================
   superstyle6.css — version nettoyée (2025)
   - Styles généraux et historiques
   - AUCUN style spécifique pour #navigateur / #navBar / #contener
     (gérés par les feuilles et scripts runtime encore actifs)
   ====================================================================== */

a#d:link    { color:#ff0000; font-style:normal; }
a#d:visited { color:#ff0000; font-style:normal; }
a#d:hover   { text-decoration:underline; color:#ff0000; font-style:normal; }
a#d:active  { text-decoration:underline; color:#ff0000; font-style:normal; }

/* ======================================================================
   Règles de base (peuvent être surchargées par les thèmes et overrides actifs)
   ====================================================================== */
input[type="button"],
input[type="submit"],
input[type="email"],
input[type="password"],
input[type="text"],
input[type="radio"]{
  font-size:20px;
  height:40px;
}

/* Ne surtout pas gonfler tous les <select> globalement */
select{
  font-size:inherit;
  height:auto;
}

/* Taille raisonnable uniquement DANS les onglets (édition/préfs/MIDI) */
.systeme_onglets .contenu_onglet select{ 
  font-size:14px;
  height:32px;
}

/* Mini variante pour .petit */
.petit { font-size:15px; }


/* ======================================================================
   Boutons génériques
   ====================================================================== */
.monbouton,
.bouton {
  display:inline-block;
  border-radius:15px;
  outline:none;
  background-color:#cfcfcf;
  box-shadow:0 9px #999;
  cursor:pointer;
}
.monbouton:hover,
.bouton:hover { background-color:#cfcfff; }
.monbouton:active,
.bouton:active {
  box-shadow:0 5px #666;
  transform:translateY(4px);
}

/* ======================================================================
   Onglets
   ====================================================================== */
.systeme_onglets { width:500px; }
body.nav-open .systeme_onglets{ position:relative; z-index:0; }
body.nav-open #navigateur{ z-index:2147483646; }
.onglet  { display:inline-block; margin:0; padding:3px; border:1px solid black; cursor:pointer; }
.contenu_onglet {
  font-size:18px;
  background-color:#dddddd;
  border:1px solid black;
  margin-top:-1px;
  padding:5px;
  display:none;
}

/* ======================================================================
   Titres
   ====================================================================== */
h1 { margin:0; padding:0; font-size:22px; }

/* ======================================================================
   Modernisation 2025 — valeurs neutres conservées pour compatibilité layout
   ====================================================================== */
#partitionE {
  font-family:Arial, sans-serif;
  background-repeat:no-repeat;
  background-color:#f6f6f6;
}
#bordure { background-color:#000; }

/* Barre gauche (bandeau) */
#gauche {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:0.5rem;
  padding:0 8px;
  flex:1;
}
#gauche #boutonepingle {
  order: -1;
}
#titre {
  flex:1;
  text-align:center;
  font-family:Arial, sans-serif;
  font-weight:bold;
  font-size:1.4rem;
  color:#000;
  background:transparent;
  z-index:1;
}

/* ======================================================================
   Partition
   ====================================================================== */
/* Zone partoche : marge de sécurité */
#partoche {
  font-family: Arial, sans-serif;
  background-repeat: no-repeat;

  /* Marge sécurité 3px */
  padding: 3px !important;
  box-sizing: border-box !important;
}

#NbTitres{
  color: inherit;
  transition: color .16s ease, text-shadow .16s ease;
}
#NbTitres.lb-quota-warn{
  color: var(--lb-quota-warn, #b45309);
}
#NbTitres.lb-quota-danger{
  color: var(--lb-quota-danger, #b91c1c);
  text-shadow: 0 0 12px rgba(185, 28, 28, .14);
}

/* ======================================================================
   Tableaux & textes colorés
   ====================================================================== */
.tab {
  border:0;
  border-collapse:collapse;
}

.text    { font-family:Arial, sans-serif; font-weight:bold; color:#000; }
.textB   { font-family:Arial, sans-serif; font-weight:bold; color:#00f; }
.textR   { font-family:Arial, sans-serif; font-weight:bold; color:#f00; }
.textV   { font-family:Arial, sans-serif; font-weight:bold; color:#088A08; }
.textO   { font-family:Arial, sans-serif; font-weight:bold; color:#FF8000; }
.textP   { font-family:Arial, sans-serif; font-weight:bold; color:#7B3FE4; }
.textC   { font-family:Arial, sans-serif; font-weight:bold; color:#FF5BA7; }
.accord  { font-family:Arial, sans-serif; color:#f00; font-weight:bold; padding-right:2px; }

/* ======================================================================
   Éditeur Midi
   ====================================================================== */
#midiUniversalContainer {
  padding:10px;
  background-color:#eef9ff;
  border:1px solid #aaa;
  margin-top:10px;
}
#midiOutputSelect,
#midiInputSelect {
  box-sizing:border-box;
  width:100%;
  min-height:40px;
  height:auto;
  line-height:1.2;
  padding:6px 10px;
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
}
.midi-output-checklist {
  box-sizing:border-box;
  width:100%;
  max-height:180px;
  overflow:auto;
  border:1px solid rgba(127,127,127,.35);
  border-radius:8px;
  background:transparent;
  color:inherit;
  padding:8px 10px;
}
.midi-output-item {
  display:flex;
  align-items:center;
  gap:.5rem;
  font-size:13px;
  line-height:1.3;
  margin:2px 0;
}
.midi-output-item input[type="checkbox"] {
  accent-color:currentColor;
}
.midi-output-item.is-missing,
.midi-output-item.is-blocked {
  opacity:.7;
}
.midi-output-empty {
  font-size:12px;
  opacity:.8;
}
.midi-output-status {
  margin-top:.35rem;
  padding:.35rem .5rem;
  border-radius:6px;
  font-size:12px;
  line-height:1.35;
  border:1px solid rgba(127,127,127,.35);
  background:transparent;
  color:inherit;
}
.midi-output-status[data-level="warn"] {
  border-left:3px solid currentColor;
  font-weight:600;
}
.midi-output-status[data-level="info"] {
  border-left:3px dashed currentColor;
}

/* ======================================================================
   Boutons dans les onglets (édition / préférences / midi)
   ====================================================================== */
.systeme_onglets .contenu_onglet input[type="button"],
.systeme_onglets .contenu_onglet input[type="submit"],
.systeme_onglets .contenu_onglet .monbouton,
.systeme_onglets .contenu_onglet .bouton,

.systeme_onglets .contenu_onglet .monbouton:hover,
.systeme_onglets .contenu_onglet .bouton:hover,
.systeme_onglets .contenu_onglet .monbouton:active,
.systeme_onglets .contenu_onglet .bouton:active,

/* ======================================================================
   Espacement des lignes (héritage)
   — La valeur finale est pilotée par la variable CSS --lb-line-height
   ====================================================================== */
#partoche,
#partoche .lb-line {
  line-height:var(--lb-line-height, 1.15) !important;
}

/* ======================================================================
   Tablet portrait: plein ecran partoche, sans bandeau ni panneaux
   ====================================================================== */
@media (orientation: portrait) {
  body.lb-tablet:not(.lb-phone) { overflow: hidden !important; }
  body.lb-tablet:not(.lb-phone) #boutonepingle { display: none !important; }
  body.lb-tablet:not(.lb-phone) #bandeau {
    display: flex !important;
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    height: var(--bandeau-h,56px) !important;
    z-index: 30 !important;
  }
  body.lb-tablet:not(.lb-phone) .systeme_onglets { display: block !important; }
  body.lb-tablet:not(.lb-phone) .systeme_onglets > h2,
  body.lb-tablet:not(.lb-phone) .systeme_onglets > .onglets,
  body.lb-tablet:not(.lb-phone) .systeme_onglets > .contenu_onglets { display: none !important; }
  body.lb-tablet:not(.lb-phone) #lb-rail,
  body.lb-tablet:not(.lb-phone) .lb-rail { display: none !important; }
  body.lb-tablet:not(.lb-phone) #navigateur { display: none !important; }
  body.lb-tablet:not(.lb-phone).nav-open #navigateur {
    display: flex !important;
    position: fixed !important;
    inset: 0 !important;
    z-index: 2147483646 !important;
  }
  body.lb-tablet:not(.lb-phone).nav-open #partoche-wrapper { display: block !important; }
  body.lb-tablet:not(.lb-phone) #bordure {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100dvh !important;
    margin: 0 !important;
  }
  body.lb-tablet:not(.lb-phone) #partitionE {
    display: block !important;
    position: relative !important;
    grid-template-rows: none !important;
    grid-auto-rows: initial !important;
    gap: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    height: 100% !important;
    min-height: 0 !important;
  }
  body.lb-tablet:not(.lb-phone) #partoche-wrapper {
    position: fixed !important;
    inset: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    overflow: hidden !important;
  }
  body.lb-tablet:not(.lb-phone) #partoche {
    position: fixed !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }
}