/* Recherche du haut de page : liste des résultats redessinée (Najet, 2026-11-05 : « refais le design de ça,
   c'est affreux »). Champ p:autoComplete « rechercheEcole » de general/connected.xhtml et general/entete.xhtml ;
   seul l'habillage change : mêmes résultats, même action au clic. Retirer la ligne qui charge ce fichier
   (commun/templateGeneral.xhtml) pour revenir à avant. */
@font-face {
	font-family: "Satoshi";
	src: url("../../../fonts/PDFBox/Satoshi-Variable/Satoshi-Variable-Regular.ttf") format("truetype-variations"),
	     url("../../../fonts/PDFBox/Satoshi-Variable/Satoshi-Variable-Regular.ttf") format("truetype");
	font-weight: 300 900; font-style: normal; font-display: swap;
}

/* Le panneau : une carte blanche, fine, avec une ombre douce ; la liste défile au-delà de 8 résultats. */
.ui-autocomplete-panel[id$="rechercheEcole_panel"] {
	width: 440px !important; max-width: calc(100vw - 32px); max-height: 460px !important; overflow-y: auto !important;
	margin-top: 8px !important; padding: 6px !important; box-sizing: border-box;
	background: #fff !important; border: 1px solid #E4E7EC !important; border-radius: 14px !important;
	box-shadow: 0 20px 44px -12px rgba(16, 24, 40, .22), 0 6px 14px -6px rgba(16, 24, 40, .10) !important;
	font-family: "Satoshi", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
	scrollbar-width: thin;
}
.ui-autocomplete-panel[id$="rechercheEcole_panel"] table, .ui-autocomplete-panel[id$="rechercheEcole_panel"] tbody { width: 100% !important; border: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; background: transparent !important; }
.ui-autocomplete-panel[id$="rechercheEcole_panel"] tr.ui-autocomplete-item { background: transparent !important; border: 0 !important; cursor: pointer; }
.ui-autocomplete-panel[id$="rechercheEcole_panel"] tr.ui-autocomplete-item > td {
	padding: 0 !important; border: 0 !important; box-shadow: none !important; background: transparent !important; border-radius: 10px;
}
/* Une ligne : photo ronde, nom, type en petite pastille. */
.ui-autocomplete-panel[id$="rechercheEcole_panel"] tr.ui-autocomplete-item > td > div {
	width: auto !important; display: flex !important; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 10px;
}
.ui-autocomplete-panel[id$="rechercheEcole_panel"] tr.ui-autocomplete-item > td > div::after { content: none !important; }
.ui-autocomplete-panel[id$="rechercheEcole_panel"] tr.ui-autocomplete-item img {
	flex: 0 0 36px; width: 36px !important; height: 36px !important; margin: 0 !important; float: none !important;
	border-radius: 50% !important; object-fit: cover; box-shadow: 0 0 0 1px rgba(16, 24, 40, .06);
}
.ui-autocomplete-panel[id$="rechercheEcole_panel"] tr.ui-autocomplete-item > td > div > div {
	margin: 0 !important; float: none !important; min-width: 0; flex: 1 1 auto; display: flex; flex-direction: column; align-items: flex-start; gap: 2px;
}
.ui-autocomplete-panel[id$="rechercheEcole_panel"] tr.ui-autocomplete-item br { display: none; }
.ui-autocomplete-panel[id$="rechercheEcole_panel"] tr.ui-autocomplete-item > td > div > div > span:first-child {
	font-family: inherit !important; font-weight: 600; font-size: 14px; line-height: 20px; color: #101828;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;
}
.ui-autocomplete-panel[id$="rechercheEcole_panel"] tr.ui-autocomplete-item .type {
	display: inline-flex !important; align-items: center; gap: 6px; padding: 1px 8px 1px 7px; border-radius: 999px;
	background: #F2F4F7; color: #475467 !important; font-family: inherit !important; font-weight: 500; font-size: 12px !important; line-height: 18px;
}
.ui-autocomplete-panel[id$="rechercheEcole_panel"] tr.ui-autocomplete-item .type span { font-size: 12px !important; }
.ui-autocomplete-panel[id$="rechercheEcole_panel"] tr.ui-autocomplete-item .type i { font-size: 6px !important; margin: 0 !important; }
/* Survol et ligne active au clavier. */
.ui-autocomplete-panel[id$="rechercheEcole_panel"] tr.ui-autocomplete-item:hover > td > div,
.ui-autocomplete-panel[id$="rechercheEcole_panel"] tr.ui-autocomplete-item.ui-state-highlight > td > div { background: #F2F6FF; }
.ui-autocomplete-panel[id$="rechercheEcole_panel"] tr.ui-autocomplete-item.ui-state-highlight > td { background: transparent !important; color: inherit !important; }
.ui-autocomplete-panel[id$="rechercheEcole_panel"] tr.ui-autocomplete-item.ui-state-highlight > td > div > div > span:first-child { color: #2F62E0; }
/* « … » (plus de résultats) : discret, centré. */
.ui-autocomplete-panel[id$="rechercheEcole_panel"] .ui-autocomplete-moretext,
.ui-autocomplete-panel[id$="rechercheEcole_panel"] .ui-autocomplete-emptyMessage {
	display: block; padding: 8px 10px 4px !important; text-align: center; color: #98A2B3 !important; font-size: 13px !important; border: 0 !important; background: transparent !important;
}

/* Le voile sombre posé sur la page pendant la saisie : plus léger. */
div#background.background { background-color: rgba(3, 46, 83, .16) !important; opacity: 1 !important; -webkit-backdrop-filter: blur(1.5px); backdrop-filter: blur(1.5px); }