/* Page /solaryo.php (s'appuie sur home.css, api-demo.css et apis.css) */
.sol-prompt .prompt-rayon input[type=date] { margin: 0; padding: 5px 6px; font: inherit; font-size: 13px; color: var(--term-text); background: #1b2133; border: 1px solid var(--term-line); border-radius: 6px; color-scheme: dark; }

.sol-modes { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 8px; }
.sol-modes button { display: inline-flex; align-items: center; gap: 7px; padding: 8px 15px; font: inherit; font-size: 14px; font-weight: 500; color: #c9cede; background: #1b2133; border: 1px solid #2e3550; border-radius: 999px; cursor: pointer; }
.sol-modes button i { color: #ffa94d; }
.sol-modes button.is-active { color: #0f1320; background: #ffa94d; border-color: #ffa94d; }
.sol-modes button.is-active i { color: #0f1320; }
.sol-mode-help { margin: 0 0 12px !important; font-size: 14px; color: #9aa1b5; }
.sol-opt[hidden] { display: none !important; }
.sol-prompt .prompt-rayon input[type=number], .sol-prompt .prompt-rayon select { margin: 0; padding: 5px 6px; font: inherit; font-size: 13px; color: var(--term-text); background: #1b2133; border: 1px solid var(--term-line); border-radius: 6px; }
.sol-prompt .prompt-rayon input[type=number] { width: 78px; }

.sol-quick { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: -2px 0 12px; font-size: 13px; color: var(--muted); }
.sol-quick button { padding: 4px 11px; font: inherit; font-size: 13px; color: var(--ink); background: #fff; border: 1px solid var(--line); border-radius: 999px; cursor: pointer; }
.sol-quick button:hover { border-color: var(--orange); color: #9c3d00; }

.sol-map .leaflet-control-layers { font-family: "Inter", system-ui, sans-serif; font-size: 13px; border-radius: 10px; }
.sol-map { cursor: crosshair; }

.sol-results { margin-top: 18px; display: grid; gap: 14px; }
.sol-results[hidden] { display: none; }
.sol-legend-classes { display: inline-flex; flex-wrap: wrap; gap: 12px; }
.sol-class { display: inline-flex; align-items: center; gap: 6px; }
.sol-class i { display: inline-block; width: 12px; height: 12px; border-radius: 3px; }
.sol-legend [hidden] { display: none; }
.sol-season-table td:first-child { white-space: normal; font-weight: 600; }
.sol-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: 12px; }
.sol-card { display: flex; flex-direction: column; gap: 2px; padding: 14px 16px; background: #fff; border: 1px solid var(--line); border-radius: 12px; }
.sol-card-label { font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); }
.sol-card strong { font-family: "Fraunces", Georgia, serif; font-size: 26px; font-weight: 700; color: var(--ink); line-height: 1.2; }
.sol-card small { font-size: 13px; color: var(--muted); }

.sol-legend { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0; color: #c9cede; font-size: 13px; }
.sol-legend-title { font-weight: 600; color: #fff; }
.sol-legend-bar { flex: 0 1 260px; height: 10px; border-radius: 999px;
  /* Rampes identiques à celles de l'API (inferno = soleil, viridis = ombre). */
  background: linear-gradient(90deg, #000004, #57106e, #bc3754, #f98e09, #fcffa4); }
.sol-legend[data-kind="shadow"] .sol-legend-bar,
.sol-legend[data-kind="hauteur_max_sans_collision"] .sol-legend-bar { background: linear-gradient(90deg, #440154, #3b528b, #21918c, #5ec962, #fde725); }

.sol-profile { margin: 0; padding: 16px 18px; background: #fff; border: 1px solid var(--line); border-radius: 12px; }
.sol-profile h3 { margin: 0 0 12px; font-size: 20px; }
.sol-profile h3 small { font-family: "Inter", system-ui, sans-serif; font-size: 13px; font-weight: 400; color: var(--muted); }
.sol-bars { display: flex; align-items: flex-end; gap: 4px; height: 120px; }
.sol-bar { flex: 1; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; height: 100%; min-width: 0; background: #e9ecf3; border-radius: 6px 6px 0 0; }
.sol-bar-sun { width: 100%; background: linear-gradient(180deg, #ffd43b, #f98e09); border-radius: 6px 6px 0 0; }
.sol-bar small { margin-top: 4px; font-size: 11px; color: var(--muted); }
.sol-bars { padding-bottom: 18px; }
.sol-bar { position: relative; }
.sol-bar small { position: absolute; bottom: -18px; }
.sol-profile-note { margin: 10px 0 0 !important; font-size: 13px; color: var(--muted); }
.sol-key { display: inline-block; width: 10px; height: 10px; margin: 0 3px 0 6px; border-radius: 3px; vertical-align: baseline; }
.sol-key-sun { background: #f98e09; }
.sol-key-shadow { background: #e9ecf3; border: 1px solid #ccd; }

@media (max-width: 600px) {
  .sol-prompt { flex-wrap: wrap; }
  .sol-prompt input[type=text] { flex-basis: 100%; }
  .sol-bar small { font-size: 9px; }
}

.sol-popup { display: grid; gap: 8px; font-family: "Inter", system-ui, sans-serif; font-size: 12px; color: #5d6475; }
.sol-popup-run { padding: 7px 12px; font: inherit; font-size: 13px; font-weight: 600; color: #0f1320; background: #ffa94d; border: 0; border-radius: 8px; cursor: pointer; }
.sol-popup-run:hover { filter: brightness(1.06); }

.sol-bilan { padding: 16px 18px; background: #fff; border: 1px solid var(--line); border-radius: 12px; }
.sol-bilan h3 { margin: 0 0 12px; font-size: 20px; }
.sol-bilan h3 small { font-family: "Inter", system-ui, sans-serif; font-size: 13px; font-weight: 400; color: var(--muted); }
.sol-bilan-chart { position: relative; height: 260px; }
.sol-bilan-chart canvas { transition: opacity .2s; }
.sol-bilan-chart.is-sampling canvas { opacity: .45; }
.sol-bilan-seasons { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 12px; font-size: 13px; color: var(--muted); }
.sol-bilan-seasons button { padding: 5px 12px; font: inherit; font-size: 13px; color: var(--ink); background: #fff; border: 1px solid var(--line); border-radius: 999px; cursor: pointer; }
.sol-bilan-seasons button.is-active { color: #fff; background: var(--dark); border-color: var(--dark); }

/* Toits : tableau des pans du bâtiment choisi */
.sol-pans-wrap { overflow-x: auto; }
.sol-pans table { width: 100%; border-collapse: collapse; font-size: 14px; }
.sol-pans th { padding: 6px 10px; font-size: 12px; font-weight: 600; text-align: left; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); border-bottom: 1px solid var(--line); white-space: nowrap; }
.sol-pans td { padding: 6px 10px; color: var(--ink); border-bottom: 1px solid var(--line); white-space: nowrap; font-variant-numeric: tabular-nums; }
.sol-pans tr:last-child td { border-bottom: 0; }
.sol-pans tr.sol-pans-total td { font-weight: 600; border-top: 2px solid var(--line); }
.sol-pans-note { margin: 12px 0 0; font-size: 13px; color: var(--muted); }

/* Toits : vue 3D (three.js) */
.sol-3d-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-top: 10px; font-size: 13px; color: #c9cede; }
.sol-3d-bar[hidden], .sol-3d[hidden] { display: none; }
.sol-3d-btn { display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; font: inherit; font-size: 14px; font-weight: 600; color: #0f1320; background: #ffa94d; border: 0; border-radius: 999px; cursor: pointer; }
.sol-3d-btn:hover { filter: brightness(1.06); }
.sol-3d { position: relative; height: min(560px, 70vh); margin-top: 10px; overflow: hidden; background: #1d2230; border: 1px solid #2e3550; border-radius: 12px; }
.sol-3d canvas { display: block; touch-action: none; }
.sol-3d-tip { position: absolute; z-index: 2; max-width: 280px; padding: 6px 10px; font-size: 12px; color: #0f1320; background: #fff; border-radius: 8px; box-shadow: 0 4px 14px rgba(0, 0, 0, .35); pointer-events: none; }
.sol-3d-tip[hidden] { display: none; }

/* Suggestions d'adresses juste sous le champ : la démo unités foncières les place à
   56 px du haut du bloc carte (champ en tête) ; ici les onglets et l'aide précèdent
   le champ, d'où un conteneur propre au champ et à sa liste. */
.sol-search { position: relative; }
.sol-demo .sol-search .addr-list { top: calc(100% - 6px); }
.sol-3d-legend { position: absolute; z-index: 2; left: 12px; bottom: 12px; display: grid; gap: 4px; padding: 8px 12px; font-size: 12px; color: #e6e9f2; background: rgba(15, 19, 32, .78); border-radius: 10px; pointer-events: none; }
.sol-3d-legend i { display: block; width: 220px; height: 10px; border-radius: 999px; }
.sol-3d-legend small { color: #c9cede; }

/* Page des méthodes (solaryo_methode.php) et lien depuis l'aide des modes */
.sol-mode-help a { margin-left: 6px; color: #ffa94d; font-weight: 600; white-space: nowrap; }
.sol-meth-nav { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.sol-meth-nav a { display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; font-size: 14px; color: var(--ink); background: #fff; border: 1px solid var(--line); border-radius: 999px; text-decoration: none; }
.sol-meth-nav a:hover { border-color: #ffa94d; }
.sol-meth { scroll-margin-top: 80px; }
.sol-meth h2 i { margin-right: 6px; color: #e8590c; }
.sol-meth-question { margin: 4px 0 16px; font-size: 18px; font-style: italic; color: var(--muted); }
.sol-meth-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.sol-meth-grid > div { padding: 14px 18px; background: #fff; border: 1px solid var(--line); border-radius: 12px; }
.sol-meth-grid h3 { margin: 0 0 8px; font-size: 16px; }
.sol-meth-grid ul { margin: 0; padding-left: 18px; font-size: 14px; line-height: 1.5; color: var(--ink); }
.sol-meth-grid li + li { margin-top: 6px; }
.sol-meth-grid code { font-size: 12px; word-break: break-all; }
.sol-meth-duree { margin: 14px 0 0; font-size: 14px; color: var(--muted); }
.sol-plein-ecran { color: #ffa94d; font-weight: 600; }

/* Vue 3D : panneau de réglages (soleil, affichage, arbres simulés) */
.sol-3d-panneau { position: absolute; z-index: 3; top: 12px; right: 12px; width: 250px; max-height: calc(100% - 24px); overflow-y: auto; font-size: 12px; color: #e6e9f2; background: rgba(15, 19, 32, .86); border: 1px solid #2e3550; border-radius: 12px; }
.sol-3d-replier { width: 100%; padding: 7px 12px; font: inherit; font-weight: 600; text-align: left; color: #ffa94d; background: none; border: 0; cursor: pointer; }
.sol-3d-panneau.replie .sol-3d-corps { display: none; }
.sol-3d-corps { display: grid; gap: 8px; padding: 0 12px 12px; }
.sol-3d-corps fieldset { margin: 0; padding: 0; border: 0; display: grid; gap: 6px; }
.sol-3d-corps fieldset[hidden] { display: none; }
.sol-3d-corps legend { margin: 0 0 2px; padding: 0; border: 0; font-size: 11px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; color: #9aa1b5; }
.sol-3d-corps label { display: grid; gap: 2px; margin: 0; font-weight: 400; }
.sol-3d-corps input[type=range] { width: 100%; accent-color: #ffa94d; }
.sol-3d-val { float: right; color: #fff; }
.sol-3d-ligne { display: flex; flex-wrap: wrap; gap: 6px; align-items: end; }
.sol-3d-ligne label { flex: 1; }
.sol-3d-corps input[type=number] { width: 52px; padding: 2px 4px; color: #0f1320; border: 0; border-radius: 4px; }
.sol-3d-corps button { padding: 5px 10px; font: inherit; color: #0f1320; background: #e6e9f2; border: 0; border-radius: 999px; cursor: pointer; }
.sol-3d-corps button[data-a=planter], .sol-3d-corps button[data-a=calculer] { color: #0f1320; background: #ffa94d; font-weight: 600; }
.sol-3d-corps button.actif { background: #40c057; color: #fff; }
.sol-3d-corps .sol-3d-coche { display: flex; gap: 6px; align-items: center; }
.sol-3d-arbres { margin: 0; padding: 0; list-style: none; display: grid; gap: 3px; }
.sol-3d-arbres li { display: flex; justify-content: space-between; align-items: center; }
.sol-3d-arbres button { padding: 0 7px; background: #495057; color: #fff; }
.sol-3d-corps small { color: #9aa1b5; }
@media (max-width: 700px) { .sol-3d-panneau { width: 210px; } .sol-3d-panneau:not(.replie) { max-height: 60%; } }
.sol-3d-ligne label { display: flex; align-items: center; gap: 4px; }
.sol-legend[data-kind="sol"] .sol-legend-bar,
.sol-legend[data-kind="toits_ombres"] .sol-legend-bar { background: linear-gradient(90deg, #2b1055 0%, #7a1d6e 29%, #c33b4a 50%, #f07f24 71%, #fbc43c 86%, #fff3b0 100%); }
.sol-popup-raz { background: #e9ecef; }
.sol-3d-corps select { width: 100%; padding: 3px 4px; color: #0f1320; border: 0; border-radius: 4px; font-size: 12px; }
.sol-3d-alerte { color: #8ce99a !important; }
.sol-3d-alerte.trop { color: #ffc078 !important; }
.sol-3d-effet { color: #fff !important; }

/* Planter un arbre : essences recommandées */
.sol-reco h3 { color: var(--ink); }
.sol-reco-filtres { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: center; margin-bottom: 10px; font-size: 13px; color: var(--ink); }
.sol-reco-filtres select { padding: 4px 8px; border: 1px solid var(--line); border-radius: 8px; }
.sol-reco-critere { display: inline-flex; align-items: center; gap: 4px; margin: 0; font-weight: 400; }
.sol-reco-liste { margin: 0; padding-left: 22px; display: grid; gap: 8px; color: var(--ink); font-size: 14px; }
.sol-reco-tete { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px; }
.sol-reco-tete small { color: var(--muted); font-style: italic; }
.sol-reco-voir { margin-left: auto; padding: 3px 10px; font-size: 12px; font-weight: 600; color: #0f1320; background: #ffa94d; border: 0; border-radius: 999px; cursor: pointer; }
.sol-reco-raisons { font-size: 13px; color: #2b8a3e; }
.sol-reco-alertes { font-size: 13px; color: #c2410c; }
.sol-reco-plus { margin: 10px 0 0; padding: 4px 12px; font: inherit; font-size: 13px; font-weight: 600; color: #2b8a3e; background: #ebfbee; border: 1px solid #b2f2bb; border-radius: 999px; cursor: pointer; }
.sol-reco-plus[hidden] { display: none; }
/* Méthode détaillée (pages méthode) */
.sol-meth-detail { margin-top: 12px; background: #fff; border: 1px solid var(--line); border-radius: 12px; }
.sol-meth-detail > summary { padding: 12px 18px; font-weight: 600; cursor: pointer; }
.sol-meth-detail[open] > summary { border-bottom: 1px solid var(--line); }
.sol-meth-detail-corps { padding: 6px 18px 14px; font-size: 14px; line-height: 1.6; }
.sol-meth-detail-corps ol, .sol-meth-detail-corps ul { padding-left: 20px; }
.sol-meth-detail-corps li { margin: 4px 0; }
.sol-meth-table { width: 100%; margin: 8px 0 12px; border-collapse: collapse; font-size: 14px; }
.sol-meth-table th, .sol-meth-table td { padding: 6px 8px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.sol-meth-table td:first-child { font-weight: 600; white-space: nowrap; }
@media (max-width: 600px) { .sol-meth-table td:first-child { white-space: normal; } }
/* Présentation : accès direct aux modes de l'application plein écran */
.sol-ouvrir-modes { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 10px; margin: 14px 0; }
.sol-ouvrir-mode { display: grid; grid-template-columns: auto 1fr; gap: 2px 10px; align-items: center; padding: 12px 14px; color: var(--ink); background: #fff; border: 1px solid var(--line); border-radius: 12px; text-decoration: none; }
.sol-ouvrir-mode:hover { border-color: #ffa94d; text-decoration: none; color: var(--ink); }
.sol-ouvrir-mode i { grid-row: span 2; font-size: 20px; color: #e8590c; }
.sol-ouvrir-mode small { color: var(--muted); font-size: 12px; line-height: 1.35; }
.sol-ouvrir-liens { font-size: 14px; }
.sol-geoloc a { display: flex; align-items: center; justify-content: center; color: #333; font-size: 14px; }
.sol-geoloc a.is-busy i { color: #1c7ed6; animation: fa-spin 1s linear infinite; }
/* Bilan en euros */
.sol-eco table td:first-child { font-weight: 600; white-space: nowrap; }
.sol-eco-alerte { margin: 0 0 8px; padding: 6px 10px; font-size: 13px; color: #8a5a00; background: #fff4d6; border-radius: 8px; }
.sol-eco-hyp { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 10px 0 4px; font-size: 13px; }
.sol-eco-hyp label { display: inline-flex; align-items: center; gap: 4px; margin: 0; font-weight: 600; }
.sol-eco-hyp input { width: 100px; padding: 4px 6px; font-weight: 400; border: 1px solid var(--line, #e6e4de); border-radius: 6px; }
.sol-eco-hyp button { padding: 5px 12px; font: inherit; font-weight: 600; color: #fff; background: #e8590c; border: 0; border-radius: 999px; cursor: pointer; }
.sol-eco-hyp label { color: var(--ink, #1d2230); }
.sol-eco table td, .sol-eco table th { white-space: normal; vertical-align: top; }
.sol-eco table td:first-child { white-space: nowrap; }
.sol-eco table td + td, .sol-eco table th + th { min-width: 130px; }

/* Démonstrations publiques (solaryo_demo.php, plantayo_demo.php) : lieu fixe */
.solc-demo { margin: 0 0 12px; padding: 9px 12px; font-size: 13px; line-height: 1.45; color: #5c3d0a; background: #fff4e0; border: 1px solid #ffd8a8; border-radius: 8px; }
.solc-demo a { color: #d9480f; font-weight: 600; white-space: nowrap; }
.sol-demo .sol-prompt input[readonly] { cursor: default; }
.pl-lieu[hidden] { display: none !important; }
.solc-demo-enreg { background: #e7f5ff; border-color: #a5d8ff; color: #0b3d63; }
.solc-demo-enreg p { margin: 0 0 8px; }
.solc-demo-enreg p:last-child { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.solc-demo-btn { padding: 6px 12px; font: inherit; font-weight: 600; color: #fff; background: #1c7ed6; border: 1px solid #1c7ed6; border-radius: 8px; cursor: pointer; }
.solc-demo-btn-lite { color: #1c7ed6; background: #fff; }
.solc-demo-enreg a { color: #1864ab; }

/* Téléchargement des résultats (includes/telechargement.js) */
.tl-barre { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 10px 12px; font-size: 13px; background: rgba(255, 169, 77, .08); border: 1px dashed #ffa94d; border-radius: 10px; }
.tl-titre { font-weight: 700; color: #e8590c; }
.tl-couche { display: inline-flex; align-items: center; gap: 5px; }
.tl-couche b { font-weight: 600; }
.tl-btn { padding: 3px 9px; font: inherit; font-size: 12px; font-weight: 600; color: #e8590c; background: #fff; border: 1px solid #ffa94d; border-radius: 999px; cursor: pointer; }
.tl-btn:hover { background: #fff4e6; }
.tl-btn:disabled { opacity: .5; cursor: wait; }
.tl-etat { color: #868e96; }

/* Outil de mesure de la vue 3D (distance au sol, dénivelé, hauteur) */
.sol-3d-outils { position: absolute; z-index: 3; top: 12px; left: 12px; display: grid; justify-items: start; gap: 6px; max-width: min(300px, calc(100% - 290px)); }
.sol-3d-outil { padding: 6px 12px; font: inherit; font-size: 12px; font-weight: 600; color: #ffa94d; background: rgba(15, 19, 32, .86); border: 1px solid #2e3550; border-radius: 999px; cursor: pointer; }
.sol-3d-outil.actif { color: #0f1320; background: #ffd43b; border-color: #ffd43b; }
.sol-3d-outils small { padding: 6px 10px; font-size: 11px; line-height: 1.35; color: #e6e9f2; background: rgba(15, 19, 32, .82); border-radius: 8px; }
.sol-3d-outils small[hidden] { display: none; }
.sol-3d-etiq { position: absolute; z-index: 2; transform: translate(-50%, -130%); padding: 3px 8px; font-size: 12px; font-weight: 600; white-space: nowrap; color: #0f1320; background: #ffd43b; border-radius: 6px; box-shadow: 0 2px 8px rgba(0, 0, 0, .35); pointer-events: none; }
.sol-3d-etiq-h { transform: translate(8px, -50%); color: #fff; background: rgba(15, 19, 32, .85); }
.sol-3d-etiq[hidden] { display: none; }
@media (max-width: 700px) { .sol-3d-outils { max-width: calc(100% - 240px); } }
/* Nom d'essence cliquable : fiche de l'essence */
.sol-reco-fiche { cursor: pointer; text-decoration: underline dotted; text-underline-offset: 3px; }

/* Attente d'un calcul, posée sur la carte ou la 3D (au-dessus des contrôles Leaflet et de la 3D) */
.sol-attente { position: absolute; inset: 0; z-index: 1300; display: flex; align-items: center; justify-content: center; padding: 16px;
  background: rgba(15, 19, 32, .45); backdrop-filter: blur(2px); animation: sol-attente-entree .3s ease-out; }
.sol-attente[hidden] { display: none; }
.sol-attente-carte { display: flex; flex-direction: column; align-items: center; gap: 6px; width: min(380px, 100%); padding: 26px 26px 20px; text-align: center;
  color: #e6e9f2; background: rgba(15, 19, 32, .9); border: 1px solid #2e3550; border-radius: 16px; box-shadow: 0 12px 40px rgba(0, 0, 0, .45); }
.sol-attente-soleil { margin-bottom: 8px; font-size: 54px; color: #ffa94d; filter: drop-shadow(0 0 14px rgba(255, 169, 77, .65)); animation: sol-attente-tourne 6s linear infinite; }
.sol-attente-titre { font-size: 18px; color: #fff; }
.sol-attente-lieu { font-size: 13px; color: #9aa1b5; }
.sol-attente-chrono { margin: 8px 0 4px; font: 400 40px/1 'JetBrains Mono', monospace; font-variant-numeric: tabular-nums; color: #ffd43b; }
.sol-attente-barre { position: relative; width: 100%; height: 4px; overflow: hidden; background: #2e3550; border-radius: 999px; }
.sol-attente-barre i { position: absolute; top: 0; bottom: 0; width: 35%; background: linear-gradient(90deg, transparent, #ffa94d, transparent); animation: sol-attente-balaye 1.6s ease-in-out infinite; }
.sol-attente-duree { margin-top: 6px; font-size: 12px; color: #9aa1b5; }
.sol-attente-note { font-size: 12px; line-height: 1.4; color: #c9cede; }
.sol-attente-annuler { margin-top: 10px; padding: 5px 14px; font: inherit; font-size: 12px; color: #c9cede; background: none; border: 1px solid #2e3550; border-radius: 999px; cursor: pointer; }
.sol-attente-annuler:hover { color: #fff; border-color: #9aa1b5; }
@keyframes sol-attente-entree { from { opacity: 0; } }
@keyframes sol-attente-tourne { to { transform: rotate(360deg); } }
@keyframes sol-attente-balaye { from { left: -35%; } to { left: 100%; } }
@media (prefers-reduced-motion: reduce) { .sol-attente, .sol-attente-soleil, .sol-attente-barre i { animation: none; } .sol-attente-barre i { left: 0; width: 100%; opacity: .5; } }