/* Organisation : Équipe, fiche membre, identité commune, commandes, Mon offre, Mon compte (static/organisation-ui.js).
   Jetons de brand/tokens.css uniquement ; les composants (et leurs états) viennent de brand/components.css. */

/* Bannières de l'organisation (ui.Notice) : l'enveloppe ne fait que les nommer et les espacer de l'écran. */
:is(.identity-banner,.org-pending,.repli-banner,.transfer-notice){margin-bottom:var(--space-4)}

/* Mise en page commune (ancienne « Identité commune », AV-077) : EditorHeader et SaveBar, LiooBrand en lecture seule
   (BrandSourceTag, TeamStyleNotice), puis deux étapes, composées de la bibliothèque (Segmented, SettingRow, Section,
   PaletteChoice, LayoutChoice, PagePreview, DangerZone) ; ici, seulement la grille et les espacements. */
.identity-wizard,.identity-step{display:flex;flex-direction:column;gap:var(--space-5)}
.identity-steps{min-width:0;max-width:100%;overflow-x:auto}
/* Lot E : les deux étapes en Stepper, sur une ligne au-dessus du panneau (pas en colonne comme la barre de LiooBrand). */
.identity-steps .hl-stepper{flex-direction:row;gap:var(--space-2)}
.identity-steps .hl-stepper__btn{width:auto}
/* En-tête de Section avec une provenance (BrandSourceTag) : à l'étroit, l'étiquette et « Modifier LiooBrand » passent à la
   ligne au lieu de se chevaucher (la tête de Section de la bibliothèque ne se replie pas). */
.identity-wizard .hl-section__head{flex-wrap:wrap;row-gap:var(--space-1)}
.identity-wizard .hl-section__head>.hl-brandsource{flex:0 0 auto;max-width:100%}
.identity-style{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-5);align-items:start}
.identity-settings{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}
.identity-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}
.identity-footer__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}

/* Organisations et pages : verrou d'offre (ProTag + « Voir l'offre »), compteur de pages (Meter), bascule d'organisation. */
.offer-lock{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}
.pages-quota{display:grid;gap:var(--space-3);margin-bottom:var(--space-4)}
.pages-quota__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-2) var(--space-4)}
.page-card.is-suspended .page-card-cover{opacity:.55}
.org-switch-item{display:grid;justify-items:start;text-align:start}

@media(max-width:1024px){.identity-style{grid-template-columns:1fr}}
@media(max-width:650px){
 .identity-footer__actions{width:100%}
 .identity-footer__actions>.hl-btn{flex:1 1 auto}
}

/* ————— Refonte (lot 6) : mise en page des écrans Équipe, Mon offre, Mon compte, Organisations —————
   Les composants viennent de brand/components.css (static/ui) ; ici, seulement la grille et les espacements. */
.eq-page{display:flex;flex-direction:column;gap:var(--space-5)}
.eq-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,calc(var(--space-24) * 4));gap:var(--space-6);align-items:start}
.eq-grid>*{min-width:0}
.eq-col,.eq-stack{display:flex;flex-direction:column;gap:var(--space-5)}
.eq-stack{gap:var(--space-3)}
.eq-read{max-width:calc(var(--space-24) * 7.5);display:flex;flex-direction:column;gap:var(--space-5);width:100%}
.eq-tabs{display:flex;flex-direction:column;gap:var(--space-3)}
.eq-flush{padding:0;overflow:hidden}
.eq-pad{padding:var(--space-4)}
.eq-note{margin:0;color:var(--text-2);font-size:var(--fs-14)}
.eq-lead{margin:var(--space-3) 0 var(--space-1)}
.eq-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}
.eq-trail{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-2)}
.eq-hide-m{display:inline-flex;align-items:center;gap:var(--space-2)}
.eq-preview{background:var(--bg-2);border-radius:var(--radius-md);padding:var(--space-4)}
.eq-faces{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:var(--space-3);align-items:end;max-width:calc(var(--space-24) * 5)}
.eq-faces .support-face.is-badge{max-width:calc(var(--space-24) * 1.6)}
.eq-give{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--line)}
.eq-give>div{flex:1 1 calc(var(--space-24) * 1.8);margin:0}
.eq-give .hl-formerror{flex-basis:100%}
.eq-batch-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;border-bottom:1px solid var(--line)}
.eq-batch-title{display:flex;flex-direction:column;gap:var(--space-1)}
.eq-batch-title small,.eq-profile small,.eq-orghead small{color:var(--text-2);font-size:var(--fs-14)}
.eq-chans{display:flex;flex-wrap:wrap;gap:var(--space-2)}
/* Lien à transmettre (transfert) : le champ lu, puis « Copier le lien », qui passe dessous à l'étroit. */
.eq-copy{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-2);margin-top:var(--space-3)}
.eq-copy>.hl-field{flex:1 1 calc(var(--space-24) * 2);min-width:0}
.eq-locks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}
.eq-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}
.eq-two h3{margin:0 0 var(--space-1);font-size:var(--fs-14)}
/* Offres supérieures (Mon offre) : une Section par offre ; celle à prendre d'abord, cerclée de citron. */
.eq-up--main .hl-card{border:2px solid var(--lime)}
.eq-up .hl-card{padding:0;overflow:hidden}
.eq-up__body{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4) var(--space-5) var(--space-5)}
.eq-up__body .eq-actions{margin-top:0}
.eq-brandrow{border:2px solid var(--lime);border-radius:var(--radius-md);overflow:hidden;background:var(--surface)}
.eq-profile,.eq-orghead{display:flex;align-items:center;gap:var(--space-3)}
.eq-profile>div,.eq-orghead>div{display:flex;flex-direction:column;flex:1;min-width:0}
.eq-profile b{font-size:var(--fs-16)}
/* Mon compte (AV-088) : une colonne, puis deux au-delà de 1200 px (Compte | Organisation). */
.eq-account__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-5);align-items:start}
@media (min-width:1200px){
  .eq-read.eq-account{max-width:calc(var(--space-24) * 12)}
  .eq-account__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}
}
@media (max-width:1100px){.eq-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:700px){
  .eq-locks,.eq-two{grid-template-columns:minmax(0,1fr)}
  .eq-hide-m{display:none}
}
.eq-after{margin-top:var(--space-3)}
.eq-appear{flex-wrap:wrap}
.eq-appear>[data-hl="segmented"]{margin-left:auto}
.eq-appear>span:nth-child(2){min-width:max-content}
/* D74 : demandes de délégation (Équipe, manager) : une carte par demande, message cité, actions dessous. */
.eq-request+.eq-request{border-top:1px solid var(--line)}
.eq-request__message{margin:0;color:var(--text);font-size:var(--fs-14);overflow-wrap:anywhere;white-space:pre-line}
.eq-request .eq-actions{margin-top:0}