/* Rendezvix — thème : couleurs, icônes, cartes. Chargé après apple.css et rendezvix.css. */
:root { --rv-indigo:#1d1d1f; --rv-violet:#3a3a3c; --rv-green:#10b981; --rv-sky:#0ea5e9; --rv-amber:#f59e0b; --rv-rose:#f43f5e; --rv-teal:#14b8a6; --rv-slate:#64748b; --bs-primary:#1d1d1f; --bs-primary-rgb:29,29,31; }
body.rv-app { background: radial-gradient(900px 420px at 8% -8%, #e5e5ea 0, transparent 62%), radial-gradient(800px 380px at 100% 0%, #dff6f2 0, transparent 58%), #f5f5f7; background-attachment: fixed; }
.ic { width: 1.1em; height: 1.1em; flex: none; vertical-align: -.17em; }
/* barre de navigation */
.rv-bar { border-bottom: 1px solid rgba(29,29,31,.14); box-shadow: 0 6px 24px rgba(29,29,31,.07); }
.rv-mark { width: 30px; height: 30px; border-radius: 7px; background:url(icon.svg?v=3) center/cover no-repeat; display: inline-block; box-shadow: 0 2px 8px rgba(29,29,31,.35); }
.rv-mark .ic, .rv-mark svg { display: none; }
.rv-mark .ic { width: 17px; height: 17px; }
.rv-nav a { display: inline-flex; align-items: center; gap: .4rem; color: #3a3a3c; font-weight: 500; }
.rv-nav a .ic { opacity: .75; }
.rv-nav a:hover { background: rgba(29,29,31,.09); color: #000000; }
.rv-nav a.on { background: linear-gradient(135deg, #1d1d1f, #3a3a3c); color: #fff; box-shadow: 0 4px 14px rgba(29,29,31,.35); }
.rv-nav a.on .ic { opacity: 1; }
/* boutons */
.btn-primary { background: linear-gradient(135deg, #1d1d1f, #48484a) !important; border-color: transparent !important; box-shadow: 0 4px 14px rgba(29,29,31,.28); }
.btn-primary:hover { filter: brightness(1.07); box-shadow: 0 6px 18px rgba(29,29,31,.36); }
.ap .btn-outline-primary { background: rgba(29,29,31,.1); color: #000000; }
.ap .btn-outline-secondary { background: rgba(100,116,139,.1); color: #334155; }
.ap .btn-outline-danger { background: rgba(244,63,94,.1); color: #be123c; }
.ap .btn .ic { margin-right: .15rem; }
/* cartes et en-têtes de page */
.ap .card { border: 1px solid rgba(29,29,31,.08); box-shadow: 0 1px 2px rgba(0,0,0,.04), 0 10px 34px rgba(29,29,31,.09) !important; }
.ap-head { --pc1:#1d1d1f; --pc2:#3a3a3c; --pt1:#f2f2f7; --pt2:#f5f5f7; justify-content: flex-start !important; align-items: center !important; background: linear-gradient(120deg, var(--pt1), var(--pt2)); border-radius: 20px; padding: 1.1rem 1.3rem; }
.ap-head h1 { display: flex; align-items: center; gap: .85rem; font-size: clamp(1.5rem, 3.4vw, 2.1rem); }
.ap-head h1::before { content: ''; width: 52px; height: 52px; flex: none; border-radius: 16px; background-color: var(--pc1); background-repeat: no-repeat; background-position: center; background-size: 28px, 100% 100%; box-shadow: 0 8px 20px color-mix(in srgb, var(--pc1) 40%, transparent); }
.ap .ap-sub { color: #48484a !important; font-size: 1rem; }
.ap-section { border-top: 1px solid rgba(29,29,31,.1); padding-top: 1rem; }
.ap-section > h2 { font-size: 1.2rem; }
.table { --bs-table-hover-bg: rgba(29,29,31,.05); }
.table thead th { font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; color: #6e6e73; border-bottom-color: rgba(29,29,31,.18); }
.table tbody tr:hover { background: rgba(29,29,31,.04); }
.alert-info { background: #e8f1ff; color: #12408a; }
.alert-success { background: #e2f8ec; color: #0f5132; }
.alert-warning { background: #fff4d6; color: #7a4b00; }
/* pastilles d'icône */
.rv-tile { width: 42px; height: 42px; border-radius: 13px; display: inline-flex; align-items: center; justify-content: center; color: #fff; flex: none; background: var(--tc, #1d1d1f); box-shadow: 0 6px 16px color-mix(in srgb, var(--tc, #1d1d1f) 38%, transparent); }
.rv-tile .ic { width: 22px; height: 22px; }
.t-indigo { --tc:#1d1d1f; --tc2:#3a3a3c; } .t-violet { --tc:#48484a; --tc2:#636366; } .t-green { --tc:#10b981; --tc2:#34d399; } .t-sky { --tc:#0ea5e9; --tc2:#38bdf8; } .t-amber { --tc:#f59e0b; --tc2:#fb923c; } .t-rose { --tc:#f43f5e; --tc2:#fb7185; } .t-teal { --tc:#14b8a6; --tc2:#2dd4bf; } .t-slate { --tc:#64748b; --tc2:#94a3b8; }
.rv-tile { background: linear-gradient(135deg, var(--tc), var(--tc2, var(--tc))); }
/* choix du format */
.rv-fmt { display: flex; gap: .85rem; align-items: center; height: 100%; padding: .85rem 1rem; border-radius: 18px; background: #fff; border: 1.5px solid #f2f2f7; text-decoration: none; color: inherit !important; transition: transform .14s ease, box-shadow .14s ease, border-color .14s ease; }
a.rv-fmt:hover { transform: translateY(-2px); border-color: var(--tc); box-shadow: 0 10px 26px color-mix(in srgb, var(--tc) 22%, transparent); }
.rv-fmt b { display: block; font-size: 1rem; color: #1d1d1f; } .rv-fmt small { color: #6e6e73 !important; line-height: 1.3; display: block; }
.rv-fmt.off { opacity: .55; filter: saturate(.4); }
/* badges de format et de statut */
.rv-badge { display: inline-flex; align-items: center; gap: .3rem; font-size: .72rem; font-weight: 650; padding: .15rem .55rem; border-radius: 980px; vertical-align: middle; background: #f2f2f7; color: #1d1d1f; }
.b-un { background: #e8e8ed; color: #000000; } .b-groupe { background: #d9f5e8; color: #0b6b49; } .b-collectif { background: #ffeccb; color: #8a4b00; } .b-rr { background: #ffe0e6; color: #a1123a; } .b-web { background: #f2f2f7; color: #1d1d1f; } .b-seance { background: #dff2fd; color: #075985; }
.rv-st { display: inline-flex; align-items: center; gap: .3rem; font-size: .8rem; font-weight: 600; padding: .15rem .6rem; border-radius: 980px; }
.st-ok { background: #d9f5e8; color: #0b6b49; } .st-wait { background: #ffeccb; color: #8a4b00; } .st-off { background: #ffe0e6; color: #a1123a; } .st-past { background: #eceff4; color: #475569; }
/* statistiques */
.rv-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: .85rem; }
.rv-stat { display: flex; gap: .85rem; align-items: center; background: #fff; border: 1px solid #f2f2f7; border-radius: 18px; padding: .9rem 1rem; box-shadow: 0 6px 20px rgba(29,29,31,.06); }
.rv-stat b { display: block; font-size: 1.7rem; line-height: 1; letter-spacing: -.02em; } .rv-stat small { color: #6e6e73 !important; }
/* lien public */
.rv-link { background: linear-gradient(120deg, #f2f2f7, #e1f8f4); border-radius: 18px; padding: 1rem 1.1rem; }
.rv-link .form-label { font-weight: 600; display: flex; gap: .4rem; align-items: center; }
/* états vides */
.rv-empty { text-align: center; padding: 2rem 1rem; display: grid; justify-items: center; gap: .35rem; }
.rv-empty h3 { margin: .6rem 0 0; font-size: 1.15rem; } .rv-empty p { color: #6e6e73; max-width: 32rem; margin: 0 0 .5rem; }
.rv-empty-art { position: relative; width: 112px; height: 112px; display: grid; place-items: center; color: #fff; }
.rv-empty-art i { position: absolute; border-radius: 50%; background: color-mix(in srgb, var(--tc) 14%, transparent); inset: 0; } .rv-empty-art i + i { inset: 14px; background: color-mix(in srgb, var(--tc) 22%, transparent); }
.rv-empty-art .ic { position: relative; width: 52px; height: 52px; padding: 13px; border-radius: 18px; background: linear-gradient(135deg, var(--tc), var(--tc2)); box-sizing: content-box; width: 26px; height: 26px; box-shadow: 0 10px 24px color-mix(in srgb, var(--tc) 40%, transparent); }
/* onglets */
.ap-seg { background: rgba(29,29,31,.09); } .ap-tab.active { color: #000000; }
@media (max-width: 640px) { .rv-nav a .ic { display: none; } .ap-head h1::before { width: 42px; height: 42px; background-size: 22px, 100% 100%; } }
body.pg-rendezvous .ap-head, body.pg-demarrer .ap-head { --pc1:#1d1d1f; --pc2:#3a3a3c; --pt1:#f2f2f7; --pt2:#f5f5f7; }
body.pg-rendezvous .ap-head h1::before, body.pg-demarrer .ap-head h1::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22white%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%224%22 width=%2218%22 height=%2218%22 rx=%222%22/%3E%3Cpath d=%22M16 2v4M8 2v4M3 10h18%22/%3E%3Cpath d=%22m9 16 2 2 4-4%22/%3E%3C/svg%3E"), linear-gradient(135deg, #1d1d1f, #3a3a3c); }
body.pg-types .ap-head { --pc1:#3a3a3c; --pc2:#636366; --pt1:#f5f5f7; --pt2:#f2f2f7; }
body.pg-types .ap-head h1::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22white%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m12 2 10 5-10 5L2 7z%22/%3E%3Cpath d=%22m2 17 10 5 10-5%22/%3E%3Cpath d=%22m2 12 10 5 10-5%22/%3E%3C/svg%3E"), linear-gradient(135deg, #3a3a3c, #636366); }
body.pg-seances .ap-head { --pc1:#0ea5e9; --pc2:#14b8a6; --pt1:#e1f4fd; --pt2:#e1f8f4; }
body.pg-seances .ap-head h1::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22white%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2 3h20%22/%3E%3Cpath d=%22M21 3v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3%22/%3E%3Cpath d=%22m7 21 5-5 5 5%22/%3E%3C/svg%3E"), linear-gradient(135deg, #0ea5e9, #14b8a6); }
body.pg-seance .ap-head { --pc1:#0ea5e9; --pc2:#14b8a6; --pt1:#e1f4fd; --pt2:#e1f8f4; }
body.pg-seance .ap-head h1::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22white%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M2 3h20%22/%3E%3Cpath d=%22M21 3v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V3%22/%3E%3Cpath d=%22m7 21 5-5 5 5%22/%3E%3C/svg%3E"), linear-gradient(135deg, #0ea5e9, #14b8a6); }
body.pg-equipe .ap-head { --pc1:#f43f5e; --pc2:#fb923c; --pt1:#ffe9ed; --pt2:#fff0e3; }
body.pg-equipe .ap-head h1::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22white%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2%22/%3E%3Ccircle cx=%229%22 cy=%227%22 r=%224%22/%3E%3Cpath d=%22M22 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75%22/%3E%3C/svg%3E"), linear-gradient(135deg, #f43f5e, #fb923c); }
body.pg-disponibilites .ap-head { --pc1:#f59e0b; --pc2:#f97316; --pt1:#fff3d9; --pt2:#ffeadb; }
body.pg-disponibilites .ap-head h1::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22white%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22M12 6v6l4 2%22/%3E%3C/svg%3E"), linear-gradient(135deg, #f59e0b, #f97316); }
body.pg-parametres .ap-head { --pc1:#64748b; --pc2:#334155; --pt1:#eceff4; --pt2:#e6e9ef; }
body.pg-parametres .ap-head h1::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22white%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3M1 14h6M9 8h6M17 16h6%22/%3E%3C/svg%3E"), linear-gradient(135deg, #64748b, #334155); }
body.pg-sms .ap-head { --pc1:#64748b; --pc2:#334155; --pt1:#eceff4; --pt2:#e6e9ef; }
body.pg-sms .ap-head h1::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22white%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3M1 14h6M9 8h6M17 16h6%22/%3E%3C/svg%3E"), linear-gradient(135deg, #64748b, #334155); }
body.pg-visio .ap-head { --pc1:#0ea5e9; --pc2:#2c2c2e; --pt1:#e1f4fd; --pt2:#f2f2f7; }
body.pg-visio .ap-head h1::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22white%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m22 8-6 4 6 4z%22/%3E%3Crect x=%222%22 y=%226%22 width=%2214%22 height=%2212%22 rx=%222%22/%3E%3C/svg%3E"), linear-gradient(135deg, #0ea5e9, #2c2c2e); }
body.pg-aide .ap-head { --pc1:#0ea5e9; --pc2:#2c2c2e; --pt1:#e1f4fd; --pt2:#f2f2f7; }
body.pg-aide .ap-head h1::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22white%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3M12 17h.01%22/%3E%3C/svg%3E"), linear-gradient(135deg, #0ea5e9, #2c2c2e); }
body.pg-admin .ap-head { --pc1:#10b981; --pc2:#059669; --pt1:#dcf7ec; --pt2:#d9f5e4; }
body.pg-admin .ap-head h1::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22white%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z%22/%3E%3C/svg%3E"), linear-gradient(135deg, #10b981, #059669); }

/* ---- paiements : cartes des passerelles et logos ---- */
.pay-gw { border: 1px solid rgba(29,29,31,.18); border-radius: 16px; padding: .85rem 1rem; margin-bottom: .75rem; background: rgba(29,29,31,.03); }
.pay-gw > summary { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem .9rem; cursor: pointer; list-style: none; }
.pay-gw > summary::-webkit-details-marker { display: none; }
.pay-gw-t { display: inline-flex; align-items: center; gap: .5rem; } .pay-gw-t .ic { width: 22px; height: 22px; color: #1d1d1f; }
.pay-brands { display: inline-flex; flex-wrap: wrap; gap: .35rem; align-items: center; }
.pay-brand { display: inline-flex; align-items: center; justify-content: center; min-height: 26px; padding: 0 .5rem; border: 1px solid rgba(0,0,0,.12); border-radius: 8px; background: #fff; font-size: .7rem; font-weight: 650; color: #48484a; }
.pay-logo img { display: block; height: 22px; width: auto; }

body.pg-partager .ap-head { --pc1:#0ea5e9; --pc2:#2c2c2e; --pt1:#e0f2fe; --pt2:#f2f2f7; }
body.pg-partager .ap-head h1::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M10%2013a5%205%200%200%200%207.5.5l3-3a5%205%200%200%200-7-7l-1.7%201.7%22/%3E%3Cpath%20d=%22M14%2011a5%205%200%200%200-7.5-.5l-3%203a5%205%200%200%200%207%207l1.7-1.7%22/%3E%3C/svg%3E"), linear-gradient(135deg, #0ea5e9, #2c2c2e); }
body.pg-sondages .ap-head { --pc1:#48484a; --pc2:#636366; --pt1:#f5f5f7; --pt2:#f2f2f7; }
body.pg-enquetes .ap-head { --pc1:#48484a; --pc2:#636366; --pt1:#f5f5f7; --pt2:#f2f2f7; }
body.pg-enquetes .ap-head h1::before { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22white%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 3v18h18%22/%3E%3Cpath d=%22M7 16v-4M12 16V8M17 16v-6%22/%3E%3C/svg%3E"), linear-gradient(135deg, #3a3a3c, #1d1d1f); }
body.pg-sondages .ap-head h1::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22m17%202%204%204-4%204%22/%3E%3Cpath%20d=%22M3%2011v-1a4%204%200%200%201%204-4h14%22/%3E%3Cpath%20d=%22m7%2022-4-4%204-4%22/%3E%3Cpath%20d=%22M21%2013v1a4%204%200%200%201-4%204H3%22/%3E%3C/svg%3E"), linear-gradient(135deg, #48484a, #636366); }
body.pg-clients .ap-head { --pc1:#0ea5e9; --pc2:#2c2c2e; --pt1:#e0f2fe; --pt2:#e8e8ed; }
body.pg-clients .ap-head h1::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%222%22%20y=%224%22%20width=%2220%22%20height=%2216%22%20rx=%222%22/%3E%3Cpath%20d=%22m22%207-10%206L2%207%22/%3E%3C/svg%3E"), linear-gradient(135deg, #0ea5e9, #2c2c2e); }
body.pg-automatisations .ap-head { --pc1:#f59e0b; --pc2:#ef4444; --pt1:#fef3c7; --pt2:#fee2e2; }
body.pg-automatisations .ap-head h1::before { background-image: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22m12%203%201.9%205.1L19%2010l-5.1%201.9L12%2017l-1.9-5.1L5%2010l5.1-1.9z%22/%3E%3Cpath%20d=%22M19%203v4M21%205h-4%22/%3E%3C/svg%3E"), linear-gradient(135deg, #f59e0b, #ef4444); }
.tool-ic { vertical-align: -9px; margin-right: .45rem; border-radius: 8px; flex: none; }

.rv-sub { text-align:center; padding:.55rem 1rem; font-size:.92rem; }
.rv-sub a { font-weight:600; margin-left:.35rem; }
.rv-sub-info { background:#f5f5f7; color:#000000; } .rv-sub-warn { background:#fef3c7; color:#92400e; } .rv-sub-bad { background:#fee2e2; color:#991b1b; }
.rv-who { text-decoration:none; color:inherit; } .rv-who:hover { text-decoration:underline; }
.ab-plan { border:2px solid var(--bs-border-color, #e5e7eb); border-radius:1rem; padding:1rem; display:block; cursor:pointer; height:100%; }
.ab-plan:has(input:checked) { border-color:#2c2c2e; background:#f5f5f7; }
.ab-total { font-size:1.6rem; font-weight:700; }

/* Statistiques */
.st-per{display:flex;gap:.35rem;flex-wrap:wrap}
.st-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;margin-top:1rem}
.st-k{border:1px solid var(--bs-border-color,#d8dce3);border-radius:14px;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.15rem;background:var(--bs-body-bg,#fff)}
.st-k span{font-size:.8rem;opacity:.7}.st-k b{font-size:1.65rem;line-height:1.15}.st-k small,.st-d{font-size:.75rem;opacity:.75}
.st-up{color:#1a7f4b;opacity:1}.st-down{color:#b3261e;opacity:1}
.st-chart{display:flex;align-items:flex-end;gap:2px;height:150px;border-bottom:1px solid var(--bs-border-color,#d8dce3);padding-top:.5rem}
.st-chart i{flex:1;min-width:2px;background:#2f6fed;border-radius:3px 3px 0 0;display:block}
.st-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}
.st-bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}
.st-bars li{display:grid;grid-template-columns:7.5rem 1fr 2.5rem;align-items:center;gap:.5rem;font-size:.9rem}
.st-bars .st-l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.st-bars b{text-align:right}
.st-b{height:10px;border-radius:6px;background:rgba(127,127,127,.18);overflow:hidden;display:block}.st-b i{display:block;height:100%;background:#2f6fed;border-radius:6px}

/* Largeur fluide : toutes les pages de l'application utilisent presque toute la largeur de l'écran (plafond 1760px) ; les pages de lecture/formulaires et la connexion restent centrées. */
:root { --rv-gut: clamp(16px, 2.5vw, 40px); --rv-max: 1760px; }
body .container, body .rv-bar-in, body .rv-onb-in { max-width: min(var(--rv-max), 100%); padding-inline: var(--rv-gut); }
body .container.ap { padding-top: 1.5rem; }
body .container.rv-auth { max-width: 460px !important; padding-inline: 1rem; }
body .container.rv-read { max-width: min(1280px, 100%); }
body .container.rv-wiz { max-width: min(1100px, 100%); }
.container > .alert, .ap > .alert { max-width: 1100px; }
.ap .ap-sub { max-width: 52rem; }
.rv-or { display: flex; align-items: center; gap: .75rem; color: #86868b; font-size: .85rem; margin: .1rem 0; }
.rv-or::before, .rv-or::after { content: ""; flex: 1; height: 1px; background: rgba(0,0,0,.12); }
.rv-create { width: 100%; border-radius: 980px; font-weight: 600; }
.ap .d-grid > *, .ap .ap-section { min-width: 0; }
.ap .table-responsive, .ap .rv-tbl { max-width: 100%; overflow-x: auto; }
@media (max-width: 991.98px) { .ap #aud_f .d-flex { flex-wrap: wrap; } }