/* Devis RecycleOffice */
.rodevis { --ro-vert: #407922; --ro-vert-clair: #eef6e8; --ro-trait: #e1e5df; --ro-gris: #6c757d; color: #2b2b2b; }
.rodevis-intro { font-size: 1rem; margin-bottom: 1.25rem; }
.rodevis-h2 { font-size: 1.1rem; margin: 0 0 1rem; text-transform: none; }
.rodevis-grille { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 2rem; align-items: start; }
.rodevis-recap, .rodevis-form { background: #fff; border: 1px solid var(--ro-trait); border-radius: 6px; padding: 1.25rem; }
.rodevis-recap { background: #fafbf9; }
.rodevis-lignes { list-style: none; margin: 0; padding: 0; }
.rodevis-ligne { display: flex; gap: .75rem; align-items: center; padding: .75rem 0; border-bottom: 1px solid var(--ro-trait); }
.rodevis-ligne:first-child { padding-top: 0; }
.rodevis-ligne img, .rodevis-sans-image { width: 64px; height: 64px; object-fit: contain; background: #fff; border: 1px solid var(--ro-trait); border-radius: 4px; flex: 0 0 64px; }
.rodevis-ligne-texte { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.rodevis-ligne-nom { font-weight: 600; color: #2b2b2b; overflow-wrap: anywhere; }
.rodevis-ligne-detail { font-size: .85rem; color: var(--ro-gris); }
.rodevis-ligne-prix { text-align: right; display: flex; flex-direction: column; white-space: nowrap; }
.rodevis-ligne-qte { font-size: .85rem; color: var(--ro-gris); }
.rodevis-totaux { margin: 1rem 0 0; }
.rodevis-totaux > div { display: flex; justify-content: space-between; padding: .2rem 0; }
.rodevis-totaux dt { font-weight: 400; }
.rodevis-totaux dd { margin: 0; font-weight: 600; }
.rodevis-totaux .rodevis-total { border-top: 1px solid var(--ro-trait); margin-top: .3rem; padding-top: .5rem; font-size: 1.05rem; }
.rodevis-modifier { margin: .75rem 0 0; font-size: .9rem; }
.rodevis-modifier a, .rodevis-lien { color: var(--ro-vert); text-decoration: underline; }
.rodevis-note { margin: .75rem 0 0; padding: .6rem .8rem; background: var(--ro-vert-clair); border-left: 4px solid var(--ro-vert); border-radius: 4px; font-size: .9rem; }
.rodevis-vide { margin: 0; }
.rodevis-form label { font-weight: 600; margin-bottom: .3rem; display: block; }
.rodevis-facultatif { font-weight: 400; color: var(--ro-gris); font-size: .85rem; }
.rodevis-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1rem; }
.rodevis-err { color: #b42318; font-size: .85rem; margin: .3rem 0 0; }
.rodevis .has-error .form-control { border-color: #b42318; }
.rodevis-case { display: flex; gap: .5rem; align-items: center; }
.rodevis-case label { font-weight: 400; margin: 0; }
.rodevis-envoyer { width: 100%; padding: .8rem 1rem; font-size: 1rem; }
.rodevis-rgpd { font-size: .8rem; color: var(--ro-gris); margin: .75rem 0 0; }
.rodevis-piege { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.rodevis-merci-entete { background: var(--ro-vert-clair); border-left: 4px solid var(--ro-vert); border-radius: 6px; padding: 1.25rem; margin-bottom: 1.5rem; }
.rodevis-merci-titre { font-size: 1.15rem; margin-bottom: .5rem; }
.rodevis-merci-actions { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; margin: 1rem 0 0; }
.rodevis-merci .rodevis-recap { max-width: 720px; margin-bottom: 1.5rem; }
.rodevis-table-actions { display: flex; flex-wrap: wrap; gap: .5rem .75rem; align-items: center; }
.rodevis-choix-options { display: flex; flex-wrap: wrap; gap: .75rem 1rem; align-items: center; margin: 1.25rem 0; }
@media (max-width: 767px) {
  .rodevis-grille { grid-template-columns: 1fr; gap: 1.25rem; }
  .rodevis-2col { grid-template-columns: 1fr; }
  .rodevis-recap, .rodevis-form { padding: 1rem; }
  .rodevis-table thead { display: none; }
  .rodevis-table tr { display: block; border-bottom: 1px solid var(--ro-trait); padding: .5rem 0; }
  .rodevis-table td { display: flex; justify-content: space-between; border: 0; padding: .2rem 0; }
  .rodevis-table td[data-label]::before { content: attr(data-label); color: var(--ro-gris); }
}
