/* L'accueil, lundi 8 h : l'agent lit, cherche, décide. Styles propres à cette page. */
.ac-page { max-width: 1240px; margin: clamp(24px, 6vh, 56px) auto 60px; padding: 0 clamp(16px, 4vw, 40px); }
.ac-barre { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; margin: 28px 0 10px; }
.ac-compteurs { display: grid; grid-template-columns: repeat(4, minmax(110px, 1fr)); gap: 10px; flex: 1; }
.ac-compteurs .kpi { padding: 16px 18px; }
.ac-compteurs .kpi .v { font-size: clamp(26px, 3vw, 38px); }
.ac-compteurs .kpi .l { text-transform: none; letter-spacing: 0; font: 400 13px/1.3 var(--sans); margin-top: 8px; }
.ac-kpi-v .v { color: #2f7d47; }
.ac-commandes { display: flex; gap: 10px; align-items: center; }
.ac-commandes .btn { margin-top: 0; }

.ac-scene { display: grid; grid-template-columns: minmax(0, 300px) minmax(0, 1fr); gap: 10px; }
.ac-sorties { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.ac-col .mini { display: flex; align-items: center; gap: 8px; margin: 0 0 10px; }
.ac-pile { display: grid; gap: 6px; align-content: start; max-height: 420px; overflow: hidden; }
.ac-entree .ac-pile { max-height: 300px; }
.ac-pastille { width: 9px; height: 9px; border-radius: 50%; display: inline-block; }
.ac-pastille.v { background: #3f9a5a; } .ac-pastille.o { background: var(--clay); } .ac-pastille.n { background: var(--ink); }

.ac-carte { text-align: left; display: grid; gap: 3px; width: 100%; background: var(--bg); border: 1px solid var(--line); border-radius: 12px; padding: 10px 12px; cursor: pointer; font: inherit; color: inherit; }
.ac-sorties .ac-carte.rep { border-left: 3px solid #3f9a5a; }
.ac-sorties .ac-carte.vous { border-left: 3px solid var(--clay); }
.ac-sorties .ac-carte.trans { border-left: 3px solid var(--ink); }
.ac-tete { display: flex; justify-content: space-between; gap: 8px; }
.ac-canal { font: 500 10px/1 var(--mono); text-transform: uppercase; letter-spacing: .05em; color: var(--soft); }
.ac-h { font: 500 10px/1 var(--mono); color: var(--soft); }
.ac-de { font-size: 13px; font-weight: 600; }
.ac-txt { font-size: 13px; color: #44423d; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ac-rep-txt { font-size: 12px; color: #276b3c; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ac-dest { font: 500 11px/1 var(--mono); color: var(--clay); margin-top: 2px; }
.ac-sorties .ac-carte.trans .ac-dest { color: var(--ink); }

.ac-agent { min-height: 300px; }
.ac-attente { color: #8e8b84; font-size: 15px; margin-top: 20px; }
.ac-lit-de { font: 500 12px/1 var(--mono); color: #a3a09a; margin-top: 14px; }
.ac-lit-txt { font: 500 clamp(20px, 2.2vw, 26px)/1.3 var(--sans); letter-spacing: -.02em; margin-top: 10px; animation: apparait .4s var(--ease) both; }
.ac-agent .ac-lit-txt { color: #f4f2ee; }
.ac-lit-txt mark { background: rgba(224, 138, 99, .28); color: inherit; border-radius: 4px; padding: 0 3px; animation: surligne .6s var(--ease) .2s both; }
@keyframes surligne { from { background: transparent; } }
.ac-cherche { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 16px; }
.ac-chip { font: 500 12px/1 var(--mono); padding: 7px 10px; border-radius: 99px; background: rgba(255,255,255,.1); color: #e8e5df; animation: apparait .35s var(--ease) both; }
.ac-cherche.fixe .ac-chip { background: #f1efea; color: var(--ink); animation: none; }
.ac-decision { margin-top: 18px; font-size: 16px; font-weight: 500; padding: 12px 14px; border-radius: 12px; animation: apparait .4s var(--ease) both; }
.ac-decision.rep { background: rgba(63,154,90,.22); color: #bfe3c9; }
.ac-decision.vous { background: rgba(180,83,47,.3); color: #f6d3c3; }
.ac-decision.trans { background: rgba(255,255,255,.12); color: #fff; }

.ac-detail { margin-top: 10px; }
.ac-detail-in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px; }
.ac-detail .bulle { max-width: 100%; background: #f4f2ee; }
.ac-detail .ac-lit-txt { font-size: 20px; }

@media (max-width: 860px) {
  .ac-scene { grid-template-columns: minmax(0, 1fr); }
  .ac-sorties { grid-template-columns: minmax(0, 1fr); }
  .ac-pile { max-height: 260px; }
  .ac-detail-in { grid-template-columns: minmax(0, 1fr); }
  .ac-compteurs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}