/* ============================================================
   ÉTATS DE SAISIE DU SIRET — feuille PARTAGÉE.
   Extraite de assets/accueil.css le 2026-08-07, sans une valeur modifiée.

   Chargée par l'accueil ET par les pages /opco/{slug}, qui affichent la même barre de saisie
   dans leur colonne latérale. Une seule définition : le jour où l'anneau change, il change
   aux deux endroits, et il ne peut pas diverger.

   CE FICHIER NE PORTE QUE L'ANNEAU ET LA LIGNE D'AIDE. La mise en forme de la barre elle-même
   (largeurs, paddings, disposition du bouton) reste à la page : elle n'est pas la même dans un
   hero pleine largeur et dans une colonne de 320 px.

   L'ORDRE DE CHARGEMENT COMPTE. Cette feuille doit venir APRÈS celle qui pose le filet de la
   barre (.ac-siret-bar sur l'accueil, .op-siret-bar sur les pages OPCO) : à spécificité égale,
   c'est la dernière déclaration qui gagne, et c'est bien cet anneau qui doit gagner.
   ============================================================ */
.siret-wrap{border:2px solid #1D4ED8;border-radius:10px;box-shadow:0 0 0 4px rgba(29,78,216,.10);transition:border-color .15s,box-shadow .15s}
.siret-wrap:focus-within{box-shadow:0 0 0 5px rgba(29,78,216,.18)}
.siret-wrap.is-err{border-color:#DC2626;box-shadow:0 0 0 4px rgba(220,38,38,.10)}
.siret-wrap.is-ok{border-color:#16A34A;box-shadow:0 0 0 4px rgba(22,163,74,.10)}
.siret-wrap input{border:0!important;outline:0!important;box-shadow:none!important}
.siret-hint{font-size:13px;margin-top:6px;min-height:18px}

/* En dessous de 620px la barre passe en COLONNE : elle perd sa bordure et c'est le champ qui
   porte la sienne (voir le media 620 plus haut). L'anneau doit suivre le champ — laissé sur le
   conteneur, il encadrerait le champ ET le bouton pleine largeur empilé dessous, soit une boîte
   bleue autour d'un bouton bleu. Les !important reprennent la main sur la ligne
   `.siret-wrap input{border:0!important}` ci-dessus, à spécificité égale et déclarée avant. */
@media (max-width:620px){
  .siret-wrap{border:0;box-shadow:none}
  .siret-wrap input{border:2px solid #1D4ED8!important;border-radius:3px;
    box-shadow:0 0 0 4px rgba(29,78,216,.10)!important}
  .siret-wrap.is-err input{border-color:#DC2626!important;box-shadow:0 0 0 4px rgba(220,38,38,.10)!important}
  .siret-wrap.is-ok  input{border-color:#16A34A!important;box-shadow:0 0 0 4px rgba(22,163,74,.10)!important}
}