/* ============================================================
   results-override.css — Layout Google-style pour Noliae Search
   Chargé APRÈS noliae-*.css — cible uniquement les pages résultats
   ============================================================ */

/* ─── Wrapper principal page résultats ─── */
.results-page-wrap {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* ─── Fix tabs horizontaux (surcharge layout existant) ─── */
.search-tabs-bar {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: stretch;
  gap: 0;
  padding: 0 0 0 160px; /* aligné sous la searchbar */
  height: 44px;
  border-bottom: 1px solid var(--border, rgba(17,17,17,.08));
  background: var(--paper, #FAFAF7);
  overflow-x: auto;
  scrollbar-width: none;
  position: sticky;
  top: 56px; /* sous le header sticky */
  z-index: 90;
}
.search-tabs-bar::-webkit-scrollbar { display: none; }

.search-tab {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 6px;
  padding: 0 16px;
  height: 44px;
  font-size: 13px;
  font-weight: 500;
  color: #5f6368;
  text-decoration: none;
  border-bottom: 3px solid transparent;
  white-space: nowrap;
  flex-shrink: 0;
  transition: color .15s, border-color .15s;
  letter-spacing: .01em;
}
.search-tab:hover { color: var(--ink, #111); border-bottom-color: rgba(0,0,0,.15); }
.search-tab--active {
  color: var(--pulse, #FF4D2E) !important;
  border-bottom-color: var(--pulse, #FF4D2E) !important;
  font-weight: 600;
}

/* ─── Barre de filtres rapides (langue + période) ─── */
.filter-pills-bar {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 24px;
  padding: 10px 24px 10px 160px;
  border-bottom: 1px solid rgba(17,17,17,.1);
  background: var(--paper, #FAFAF7);
}
.filter-pills-group {
  display: flex !important;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}
.filter-pills-label {
  font-size: 12px;
  color: #888;
  font-weight: 500;
  white-space: nowrap;
  margin-right: 3px;
}
.filter-pill {
  display: inline-flex !important;
  align-items: center;
  padding: 5px 14px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: 500;
  color: #444;
  text-decoration: none !important;
  border: 1px solid rgba(0,0,0,.18);
  background: transparent;
  transition: background .12s, border-color .15s, color .12s;
  white-space: nowrap;
  line-height: 1;
}
.filter-pill:hover {
  background: rgba(17,17,17,.06);
  border-color: rgba(0,0,0,.35);
  color: #111;
}
.filter-pill--active {
  color: var(--pulse, #FF4D2E) !important;
  border-color: var(--pulse, #FF4D2E) !important;
  background: rgba(255,77,46,.07) !important;
  font-weight: 600;
}

/* Dark mode pills */
html[data-theme="dark"] .filter-pills-bar { background: #0e0e0e; border-bottom-color: rgba(255,255,255,.08); }
html[data-theme="dark"] .filter-pill { color: #aaa; border-color: rgba(255,255,255,.2); }
html[data-theme="dark"] .filter-pill:hover { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.4); color: #eee; }
html[data-theme="dark"] .filter-pills-label { color: #666; }
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .filter-pills-bar { background: #0e0e0e; border-bottom-color: rgba(255,255,255,.08); }
  html:not([data-theme="light"]) .filter-pill { color: #aaa; border-color: rgba(255,255,255,.2); }
  html:not([data-theme="light"]) .filter-pill:hover { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.4); color: #eee; }
  html:not([data-theme="light"]) .filter-pills-label { color: #666; }
}

/* ─── Cloud Act warning banner ─── */
.cloud-act-banner {
  margin-bottom: 24px;
  border-radius: 10px;
  border: 1.5px solid #f5a623;
  background: #fffbf2;
  padding: 16px 20px;
  max-width: 700px;
}
.cloud-act-banner__header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  font-size: 15px;
  color: #b45309;
}
.cloud-act-banner__icon {
  flex-shrink: 0;
  stroke: #f5a623;
}
.cloud-act-banner__text {
  font-size: 13.5px;
  line-height: 1.6;
  color: #444;
  margin: 0 0 12px;
}
.cloud-act-banner__details summary {
  font-size: 13px;
  font-weight: 600;
  color: #b45309;
  cursor: pointer;
  margin-bottom: 10px;
  user-select: none;
}
.cloud-act-alts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
.cloud-act-alt {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border-radius: 20px;
  border: 1px solid rgba(0,0,0,.12);
  background: #fff;
  font-size: 13px;
  font-weight: 500;
  color: #111;
  text-decoration: none;
  transition: background .12s, border-color .12s;
}
.cloud-act-alt:hover {
  background: #f0fdf4;
  border-color: #22c55e;
}
.cloud-act-alt__flag { font-size: 16px; }
.cloud-act-banner__footer {
  font-size: 12px;
  color: #777;
  margin: 0;
}
.cloud-act-banner__footer a { color: #b45309; }

/* Dark mode */
html[data-theme="dark"] .cloud-act-banner {
  background: rgba(245,166,35,.08);
  border-color: rgba(245,166,35,.4);
}
html[data-theme="dark"] .cloud-act-banner__text { color: #ccc; }
html[data-theme="dark"] .cloud-act-alt { background: rgba(255,255,255,.05); color: #e8eaed; border-color: rgba(255,255,255,.15); }
html[data-theme="dark"] .cloud-act-banner__footer { color: #999; }
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .cloud-act-banner { background: rgba(245,166,35,.08); border-color: rgba(245,166,35,.4); }
  html:not([data-theme="light"]) .cloud-act-banner__text { color: #ccc; }
  html:not([data-theme="light"]) .cloud-act-alt { background: rgba(255,255,255,.05); color: #e8eaed; border-color: rgba(255,255,255,.15); }
  html:not([data-theme="light"]) .cloud-act-banner__footer { color: #999; }
}

/* ─── Layout principal : colonne central + sidebar droite ─── */
.results-content-row {
  display: flex;
  flex-direction: row;
  gap: 52px;
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px 24px 60px;
  width: 100%;
  box-sizing: border-box;
}

/* ─── Colonne principale résultats (style Google ~652px) ─── */
.results-main-col {
  flex: 1;
  min-width: 0;
  max-width: 652px;
}

/* ─── Sidebar infobox (droite) ─── */
.results-side-col {
  width: 320px;
  flex-shrink: 0;
}

/* ─── Filtres sidebar gauche — masqués dans la nouvelle mise en page ─── */
/* Les filtres (sidebar gauche, .filters-shell) restent dans le header/tabs-bar zone */

/* ─── Stats résultats ─── */
.results-stats {
  font-size: 13px;
  color: var(--muted, #6B6B6B);
  margin: 0 0 20px;
  line-height: 1.4;
}
.results-stats strong { color: var(--ink, #111); font-weight: 500; }

/* ─── Résultat individuel Google-style ─── */
.result-item {
  margin-bottom: 0;
  padding: 18px 0 18px;
  border-bottom: 1px solid #dfe1e5 !important;
}
.result-item:last-child { border-bottom: none !important; }

.result-meta {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}

.result-favicon {
  width: 20px;
  height: 20px;
  border-radius: 4px;
  object-fit: cover;
  flex-shrink: 0;
  background: var(--plaster, #EDEDEA);
}

.result-breadcrumb {
  font-size: 13px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.4;
}

.result-title {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  margin: 0 0 4px;
  letter-spacing: -0.01em;
}

.result-title a {
  text-decoration: none;
}
.result-title a:hover { text-decoration: underline; text-underline-offset: 2px; }

.result-snippet {
  font-size: 14px !important;
  line-height: 1.58;
  margin: 0;
}

/* ─── Chips moteurs — visibles mais discrets ─── */
.result-engines {
  margin: 8px 0 0;
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  opacity: 1;
}

/* chip : taille fixe, couleurs dans les règles de thème */
.result-engines .chip,
.results-list .chip {
  font-size: 11px !important;
}

/* ─── Sitelinks — conserver le style existant mais ajusté ─── */
.result-sitelinks {
  margin: 8px 0 10px;
  padding: 0 0 0 0;
  border-left: none;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 16px;
}

/* ─── Infobox sticky ─── */
.results-side-col .infobox {
  position: sticky;
  top: 110px; /* sous header + tabs */
}

/* ─── Infobox photo : portrait centré sur le visage ─── */
.infobox-thumb {
  width: 100%;
  height: 220px;
  object-fit: cover;
  object-position: center 15%; /* visage en haut du cadre, pas le torse */
  display: block;
  background: var(--plaster, #EDEDEA);
}

/* ─── Pagination Google-style : cercles numérotés ─── */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  margin: 40px 0 0;
  padding: 0;
  list-style: none;
}
.pagination a,
.pagination span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  height: 36px;
  padding: 0 8px;
  font-size: 13px;
  font-weight: 500;
  border-radius: 50%;
  border: 1px solid var(--border, rgba(17,17,17,.08));
  background: transparent;
  color: var(--ink, #111);
  text-decoration: none;
  transition: background .15s, border-color .15s;
}
.pagination a:hover {
  background: var(--plaster, #EDEDEA);
  border-color: var(--border, rgba(17,17,17,.08));
  color: var(--ink, #111);
}
.pagination .current {
  background: var(--pulse, #FF4D2E);
  border-color: var(--pulse, #FF4D2E);
  color: #fff;
  font-weight: 600;
}
.pagination .gap {
  border: 0;
  background: transparent;
  color: var(--muted, #6B6B6B);
  border-radius: 0;
}

/* ─── Overrides du layout existant (résultats en grille 3 colonnes) ─── */
/* On neutralise l'ancien .results-layout pour les pages résultats web */
.results-layout--web {
  display: block !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 0 !important;
}

/* ═══════════════════════════════════════════════════════════
   COULEURS PAR THÈME — toutes les couleurs de texte/fond ici.
   Les règles de base ci-dessus n'ont AUCUNE couleur !important.
   ═══════════════════════════════════════════════════════════ */

/* ─── MODE CLAIR (par défaut — html sans data-theme=dark) ─── */
/* html:not([data-theme="dark"]) : data-theme est sur <html>, pas sur <body> */
html:not([data-theme="dark"]) .result-snippet        { color: #3c4043 !important; }
html:not([data-theme="dark"]) .result-breadcrumb     { color: #444 !important; }
html:not([data-theme="dark"]) .result-title a        { color: #1558d6 !important; }
html:not([data-theme="dark"]) .result-title a:visited { color: #6E4FB4 !important; }
html:not([data-theme="dark"]) .result-item           { border-bottom-color: #dfe1e5 !important; }
html:not([data-theme="dark"]) .results-stats         { color: #5f6368 !important; }
html:not([data-theme="dark"]) .result-engines .chip,
html:not([data-theme="dark"]) .results-list .chip    { background: #e8eaed !important; color: #333 !important; border: 1px solid #c5c8cc !important; }
html:not([data-theme="dark"]) .result-engines .chip--noliae,
html:not([data-theme="dark"]) .results-list .chip--noliae { background: rgba(255,77,46,.12) !important; color: #b52e14 !important; border-color: rgba(255,77,46,.35) !important; }
html:not([data-theme="dark"]) .result-engines .chip--ghost,
html:not([data-theme="dark"]) .results-list .chip--ghost  { background: transparent !important; color: #666 !important; border-color: #c5c8cc !important; }

/* ─── MODE SOMBRE — prefers-color-scheme: dark ─── */
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) .result-snippet        { color: #e8eaed !important; }
  html:not([data-theme="light"]) .result-breadcrumb     { color: #bdc1c6 !important; }
  html:not([data-theme="light"]) .result-title a        { color: #8ab4f8 !important; }
  html:not([data-theme="light"]) .result-title a:visited { color: #c58af9 !important; }
  html:not([data-theme="light"]) .result-item           { border-bottom-color: rgba(255,255,255,.08) !important; }
  html:not([data-theme="light"]) .results-stats         { color: #9aa0a6 !important; }
  html:not([data-theme="light"]) .result-engines .chip,
  html:not([data-theme="light"]) .results-list .chip    { background: rgba(255,255,255,.07) !important; color: #e8eaed !important; border-color: rgba(255,255,255,.12) !important; }
  html:not([data-theme="light"]) .result-engines .chip--noliae,
  html:not([data-theme="light"]) .results-list .chip--noliae { background: rgba(255,77,46,.15) !important; color: #ff7a60 !important; border-color: rgba(255,77,46,.3) !important; }
  html:not([data-theme="light"]) .search-tabs-bar       { background: #111 !important; border-bottom-color: rgba(255,255,255,.08) !important; }
  html:not([data-theme="light"]) .search-tab            { color: rgba(255,255,255,.55) !important; }
  html:not([data-theme="light"]) .search-tab:hover      { color: #fff !important; }
  html:not([data-theme="light"]) .search-tab--active    { color: #FF4D2E !important; border-bottom-color: #FF4D2E !important; }
  html:not([data-theme="light"]) .pagination a,
  html:not([data-theme="light"]) .pagination span       { color: #e8eaed !important; border-color: rgba(255,255,255,.12) !important; }
  html:not([data-theme="light"]) .suggest-list          { background: #1e1e1e !important; border-color: rgba(255,255,255,.12) !important; }
  html:not([data-theme="light"]) .suggest-list li       { color: #e8eaed !important; }
  html:not([data-theme="light"]) .suggest-list li:hover,
  html:not([data-theme="light"]) .suggest-list li[aria-selected="true"] { background: rgba(255,255,255,.09) !important; color: #fff !important; }
}

/* ─── MODE SOMBRE — toggle manuel html[data-theme="dark"] ─── */
html[data-theme="dark"] .result-snippet        { color: #e8eaed !important; }
html[data-theme="dark"] .result-breadcrumb     { color: #bdc1c6 !important; }
html[data-theme="dark"] .result-title a        { color: #8ab4f8 !important; }
html[data-theme="dark"] .result-title a:visited { color: #c58af9 !important; }
html[data-theme="dark"] .result-item           { border-bottom-color: rgba(255,255,255,.08) !important; }
html[data-theme="dark"] .results-stats         { color: #9aa0a6 !important; }
html[data-theme="dark"] .result-engines .chip,
html[data-theme="dark"] .results-list .chip    { background: rgba(255,255,255,.07) !important; color: #e8eaed !important; border-color: rgba(255,255,255,.12) !important; }
html[data-theme="dark"] .result-engines .chip--noliae,
html[data-theme="dark"] .results-list .chip--noliae { background: rgba(255,77,46,.15) !important; color: #ff7a60 !important; border-color: rgba(255,77,46,.3) !important; }
html[data-theme="dark"] .search-tabs-bar       { background: #111 !important; border-bottom-color: rgba(255,255,255,.08) !important; }
html[data-theme="dark"] .search-tab            { color: rgba(255,255,255,.55) !important; }
html[data-theme="dark"] .search-tab:hover      { color: #fff !important; }
html[data-theme="dark"] .search-tab--active    { color: #FF4D2E !important; border-bottom-color: #FF4D2E !important; }
html[data-theme="dark"] .pagination a,
html[data-theme="dark"] .pagination span       { color: #e8eaed !important; border-color: rgba(255,255,255,.12) !important; }
html[data-theme="dark"] .pagination a:hover    { background: rgba(255,255,255,.08) !important; }
html[data-theme="dark"] .pagination .current   { background: var(--pulse, #FF4D2E) !important; border-color: var(--pulse, #FF4D2E) !important; color: #fff !important; }
html[data-theme="dark"] .suggest-list          { background: #1e1e1e !important; border-color: rgba(255,255,255,.12) !important; }
html[data-theme="dark"] .suggest-list li       { color: #e8eaed !important; }
html[data-theme="dark"] .suggest-list li:hover,
html[data-theme="dark"] .suggest-list li[aria-selected="true"] { background: rgba(255,255,255,.09) !important; color: #fff !important; }

/* ─── MODE CLAIR forcé — toggle manuel html[data-theme="light"] ─── */
html[data-theme="light"] .result-snippet        { color: #3c4043 !important; }
html[data-theme="light"] .result-breadcrumb     { color: #444 !important; }
html[data-theme="light"] .result-title a        { color: #1558d6 !important; }
html[data-theme="light"] .result-title a:visited { color: #6E4FB4 !important; }
html[data-theme="light"] .result-item           { border-bottom-color: #dfe1e5 !important; }
html[data-theme="light"] .results-stats         { color: #5f6368 !important; }
html[data-theme="light"] .result-engines .chip,
html[data-theme="light"] .results-list .chip    { background: #e8eaed !important; color: #333 !important; border-color: #c5c8cc !important; }
html[data-theme="light"] .result-engines .chip--noliae,
html[data-theme="light"] .results-list .chip--noliae { background: rgba(255,77,46,.12) !important; color: #b52e14 !important; border-color: rgba(255,77,46,.35) !important; }
html[data-theme="light"] .search-tabs-bar       { background: #FAFAF7 !important; border-bottom-color: rgba(17,17,17,.08) !important; }
html[data-theme="light"] .search-tab            { color: #5f6368 !important; }

/* ─── Responsive : sous 768px, sidebar disparaît, single column ─── */
@media (max-width: 768px) {
  .results-content-row {
    flex-direction: column;
    gap: 0;
    padding: 16px 16px 40px;
  }
  .results-main-col {
    max-width: 100%;
  }
  .results-side-col {
    display: none;
  }
  .search-tabs-bar {
    padding-left: 16px;
  }
  .filter-pills-bar {
    padding: 8px 16px;
    gap: 6px 12px;
  }
  .result-title { font-size: 18px; }
  .result-snippet { font-size: 13px; }
}

@media (max-width: 480px) {
  .result-item { margin-bottom: 20px; }
  .result-title { font-size: 16px; }
}

/* ─── Noliae IA — answer box streamée ───────────────────────────────────── */
.ai-answer {
  background: var(--paper, #FAFAF7);
  border: 1px solid rgba(255,77,46,.18);
  border-radius: 14px;
  padding: 16px 20px 14px;
  margin-bottom: 22px;
  transition: opacity .2s;
}
html[data-theme="dark"] .ai-answer {
  background: #1e1e1e;
  border-color: rgba(255,77,46,.25);
}

/* Header */
.ai-answer__header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.ai-answer__badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .03em;
  color: var(--pulse, #FF4D2E);
  text-transform: uppercase;
}
.ai-answer__bars {
  display: inline-flex;
  gap: 2px;
  align-items: flex-end;
  height: 14px;
}
.ai-answer__bars i {
  display: block;
  width: 3px;
  background: var(--pulse, #FF4D2E);
  border-radius: 2px;
  animation: aiBars 1.3s ease-in-out infinite;
}
.ai-answer__bars i:nth-child(1) { height: 55%; animation-delay: 0s; }
.ai-answer__bars i:nth-child(2) { height: 90%; animation-delay: -.25s; }
.ai-answer__bars i:nth-child(3) { height: 70%; animation-delay: -.5s; }
.ai-answer__bars i:nth-child(4) { height: 100%; animation-delay: -.75s; }
.ai-answer__bars i:nth-child(5) { height: 55%; animation-delay: -1s; }
@keyframes aiBars { 0%,100%{transform:scaleY(.35)} 50%{transform:scaleY(1)} }
.ai-answer--done .ai-answer__bars { animation: none; }
.ai-answer--done .ai-answer__bars i { animation: none; transform: scaleY(1); }

/* Dots loader (avant que la réponse commence) */
.ai-answer__dots {
  display: inline-flex;
  gap: 4px;
  align-items: center;
}
.ai-answer__dots span {
  width: 5px; height: 5px;
  border-radius: 50%;
  background: var(--pulse, #FF4D2E);
  opacity: .5;
  animation: aiDot 1.2s ease-in-out infinite;
}
.ai-answer__dots span:nth-child(2) { animation-delay: .2s; }
.ai-answer__dots span:nth-child(3) { animation-delay: .4s; }
@keyframes aiDot { 0%,100%{opacity:.25;transform:scale(.8)} 50%{opacity:1;transform:scale(1)} }

.ai-answer__cached {
  font-size: 11px;
  color: var(--smoke, #888);
  font-weight: 500;
}

/* Texte de la réponse */
.ai-answer__text {
  font-size: 15px;
  line-height: 1.65;
  color: var(--ink, #111);
  margin: 0;
  white-space: pre-wrap;
  word-break: break-word;
}
html[data-theme="dark"] .ai-answer__text { color: #e8e8e8; }

/* Curseur clignotant pendant le streaming */
.ai-answer--streaming .ai-answer__text::after {
  content: '▋';
  display: inline;
  color: var(--pulse, #FF4D2E);
  animation: aiCursor .7s step-end infinite;
  font-size: 14px;
  margin-left: 1px;
}
@keyframes aiCursor { 0%,100%{opacity:1} 50%{opacity:0} }

/* Footer : sources */
.ai-answer__footer {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(17,17,17,.07);
}
html[data-theme="dark"] .ai-answer__footer { border-top-color: rgba(255,255,255,.08); }

.ai-answer__sources {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 8px;
}
.ai-src {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px 4px 8px;
  border-radius: 20px;
  background: rgba(17,17,17,.05);
  border: 1px solid rgba(17,17,17,.08);
  font-size: 12px;
  color: var(--ink, #111);
  text-decoration: none;
  max-width: 240px;
  transition: background .15s;
}
html[data-theme="dark"] .ai-src {
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.1);
  color: #ddd;
}
.ai-src:hover { background: rgba(255,77,46,.08); border-color: rgba(255,77,46,.25); }
.ai-src__badge {
  font-size: 9px;
  font-weight: 800;
  padding: 1px 5px;
  border-radius: 8px;
  text-transform: uppercase;
  letter-spacing: .04em;
  flex-shrink: 0;
}
.ai-src__badge--noliae {
  background: var(--pulse, #FF4D2E);
  color: #fff;
}
.ai-src__ref {
  font-size: 10px;
  font-weight: 700;
  color: var(--smoke, #888);
  flex-shrink: 0;
}
.ai-src__title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ai-answer__disclaimer {
  display: block;
  font-size: 11px;
  color: var(--smoke, #888);
  line-height: 1.4;
}

/* ─── App Launcher — toujours sombre (popup indépendant du thème) ─────────────
   La couleur du menu est hardcodée dark pour éviter que var(--surface) du thème
   clair ne rende les icônes #FAFAF7 invisibles sur fond blanc.
   ─────────────────────────────────────────────────────────────────────────── */
.app-launcher__menu {
  background: #1e1e1e !important;
  color: rgba(255,255,255,.92) !important;
  border-color: rgba(255,255,255,.07) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,.45), 0 0 0 1px rgba(0,0,0,.12) !important;
}
.app-launcher__head strong,
.app-launcher__head small { color: inherit; }
.app-launcher__head { border-bottom-color: rgba(255,255,255,.07) !important; }
.app-launcher__foot  { border-top-color: rgba(255,255,255,.07) !important; }

.app-tile {
  color: rgba(255,255,255,.88) !important;
  border-radius: 12px;
}
.app-tile:hover { background: rgba(255,255,255,.08) !important; }

.app-tile__icon {
  background: #FAFAF7 !important;
  border: none !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.30) !important;
  border-radius: 12px;
  width: 48px;
  height: 48px;
}
.app-tile__name { color: rgba(255,255,255,.88) !important; }
.app-tile__name small { color: #FF4D2E !important; }
.app-tile--soon .app-tile__icon { opacity: .5 !important; }


/* ─── Barre de désambiguïsation ─── */
.disambig-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 6px 0 14px;
}
.disambig-bar__label {
  font-size: 13px;
  color: var(--c-muted, #666);
  white-space: nowrap;
  font-weight: 500;
}
.disambig-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 14px;
  border-radius: 20px;
  border: 1px solid var(--c-border, #ddd);
  font-size: 13px;
  color: var(--c-text, #111);
  text-decoration: none;
  white-space: nowrap;
  transition: background .15s, border-color .15s;
  background: transparent;
}
.disambig-pill::before {
  content: '';
  display: inline-block;
  width: 13px; height: 13px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") center/contain no-repeat;
  opacity: .6;
  flex-shrink: 0;
}
.disambig-pill:hover {
  background: var(--c-hover-bg, #f5f5f2);
  border-color: var(--c-border-hover, #bbb);
  text-decoration: none;
}

/* Dark mode */
body.dark .disambig-bar__label { color: rgba(255,255,255,.5); }
body.dark .disambig-pill {
  border-color: rgba(255,255,255,.15);
  color: rgba(255,255,255,.85);
}
body.dark .disambig-pill::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23aaa' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");
}
body.dark .disambig-pill:hover { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.25); }
