/* Reverchon Gestion — styles globaux (repris de la maquette Claude Design). */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body { font-family: 'Dosis', system-ui, sans-serif; background: #EFEAE2; color: #131313; -webkit-font-smoothing: antialiased; }
a { color: #77170A; } a:hover { color: #5E1206; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #D6D2CC; border-radius: 999px; border: 3px solid transparent; background-clip: padding-box; }
input, button, textarea, select { font-family: inherit; }
input:focus, textarea:focus, select:focus { outline: none; border-color: #C98A74 !important; }
input[type=range] { accent-color: #77170A; }
@keyframes rd-fade-soft { from { opacity: 0; } to { opacity: 1; } }
@keyframes rd-pop { 0% { opacity: 0; transform: translateY(12px) scale(.985); } 100% { opacity: 1; transform: none; } }
@keyframes rd-rail-in { from { opacity: 0; transform: translateX(-12px); } to { opacity: 1; transform: none; } }
@keyframes rd-drawer-in { from { opacity: 0; transform: translateX(28px); } to { opacity: 1; transform: none; } }
.rd-lift { transition: transform .22s cubic-bezier(.22,.61,.36,1), box-shadow .22s ease; }
.rd-lift:hover { transform: translateY(-2px); box-shadow: 0 16px 34px rgba(40,22,12,.13) !important; }
.rd-row { transition: background .16s ease; }
.rd-row:hover { background: #FBF7F1 !important; }
.rd-press { transition: transform .14s ease, box-shadow .2s ease, background .18s ease, color .18s ease, border-color .18s ease; }
.rd-press:hover { filter: brightness(1.03); }
.rd-press:active { transform: scale(.97); }

/* En-tête de projet : fil d'Ariane, pastilles et info-bulle « Interne » */
.rd-crumb { transition: background .16s ease, color .16s ease; }
.rd-crumb:hover { background: #fff; color: #131313; }
.rd-chip { transition: background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .14s ease; }
.rd-chip:hover { background: #fff; border-color: #C9BFB2; box-shadow: 0 4px 12px rgba(46,26,14,.08); }
.rd-chip-brand:hover { background: #F8E4DE; border-color: #E3A08C; color: #77170A; }
.rd-chip:active { transform: scale(.97); }
.rd-tip { opacity: 0; visibility: hidden; transform: translate(-50%, 6px); transition: opacity .18s ease, transform .22s cubic-bezier(.22,.61,.36,1), visibility .18s; }
.rd-tip-wrap:hover .rd-tip, .rd-tip-wrap:focus-within .rd-tip { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
@media (max-width: 560px) { .rd-tip { left: 0 !important; transform: translate(0, 6px); } .rd-tip-wrap:hover .rd-tip, .rd-tip-wrap:focus-within .rd-tip { transform: none; } .rd-tip > span:first-child { left: 40px !important; } }
@media (max-width: 560px) { .rd-crumb-name { display: none !important; } }