/* CarVital ID · harmonisation des documents · aperçu v4, 2026-09-28 */
/* Portée validée : en-tête et cartes de Mes documents, sous le scanner. */
:root{
  --cv-doc-icon-driver: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222.5%22%20y%3D%224.5%22%20width%3D%2219%22%20height%3D%2215%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2210.5%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M5.5%2016c.6-2.3%206.4-2.3%207%200M15%209h3.5M15%2012h3.5M15%2015h2%22%2F%3E%3C%2Fsvg%3E");
  --cv-doc-icon-vehicle-doc: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%202.5h10l4%204v15H5zM15%202.5v4h4%22%2F%3E%3Cpath%20d%3D%22m8%2015%201.4-2.6h5.2L16%2015M8%2015h8v2H8z%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2217%22%20r%3D%22.7%22%2F%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2217%22%20r%3D%22.7%22%2F%3E%3C%2Fsvg%3E");
  --cv-doc-icon-insurance: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%202.5%2020%205v5.8c0%205-3.4%208.2-8%2010.7-4.6-2.5-8-5.7-8-10.7V5z%22%2F%3E%3Cpath%20d%3D%22m8.5%2012%202.3%202.4%204.7-5%22%2F%3E%3C%2Fsvg%3E");
  --cv-doc-icon-maint-doc: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%203.5h9l4%204V21H4zM13%203.5v4h4%22%2F%3E%3Cpath%20d%3D%22M19.5%2013a3%203%200%200%201-3.8%203.8L12%2020.5l-2.5-2.5%203.7-3.7A3%203%200%200%201%2017%2010.5l-1.5%201.5%202%202z%22%2F%3E%3C%2Fsvg%3E");
  --cv-doc-icon-fuel: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2021V5a2%202%200%200%201%202-2h7a2%202%200%200%201%202%202v16M3%2021h13M6%207h7v6H6z%22%2F%3E%3Cpath%20d%3D%22M15%208h2l2%203v7a2%202%200%200%200%204%200v-5l-2-2%22%2F%3E%3Cpath%20d%3D%22m11%2015-2%202h2l-1%202%22%2F%3E%3C%2Fsvg%3E");
  --cv-doc-icon-sale-doc: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%202.5h10l4%204v15H5zM15%202.5v4h4M8%2010h7M8%2013h5%22%2F%3E%3Cpath%20d%3D%22M8%2018c2-2%204-2%206%200M16%2017l4-4%22%2F%3E%3C%2Fsvg%3E");
  --cv-doc-icon-alert: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203%202.7%2020h18.6z%22%2F%3E%3Cpath%20d%3D%22M12%209v5M12%2017.4h.01%22%2F%3E%3C%2Fsvg%3E");
  --cv-doc-icon-badge: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%2216%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2210%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M6.5%2016c.5-2%204.5-2%205%200M14%2010h3M14%2013h3M14%2016h2%22%2F%3E%3C%2Fsvg%3E");
  --cv-doc-icon-doc: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.7%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%202.5h10l4%204v15H5zM15%202.5v4h4M8%2010h8M8%2013h8M8%2016h6%22%2F%3E%3C%2Fsvg%3E");
}
/* La barre reste fixe mais cache proprement le contenu qui défile dessous. */
.screen[data-cv-docs-v18] > .persistent-brand-bar{
  background:#090b07!important;
  background-image:none!important;
  box-shadow:0 1px 0 rgba(174,234,43,.13)!important;
  margin-bottom:14px!important;
}
.screen[data-cv-docs-v18] .cv-doc-head-v18,
.screen[data-cv-docs-v18] .cv-doc-row-v18{
  scroll-margin-top:calc(68px + env(safe-area-inset-top,0px));
}
/* Une seule boîte pour tous les pictogrammes de catégories. */
.screen[data-cv-docs-v18] .cv-doc-head-v18 .cv-doc-photo-v18,
.screen[data-cv-docs-v18] .cv-doc-row-v18 .cv-doc-photo-v18,
.screen[data-cv-docs-v18] .cv-doc-row-v18 .cv-doc-saved-icon-v83{
  display:flex!important;align-items:center;justify-content:center;
  flex:0 0 auto;
  background:#1d291a!important;background-image:none!important;
  border:1px solid rgba(174,234,43,.24)!important;
  border-radius:10px!important;
  box-shadow:none!important;
  color:#dce5d9!important;
}
.screen[data-cv-docs-v18] .cv-doc-head-v18 .cv-doc-photo-v18{width:50px!important;height:50px!important;}
.screen[data-cv-docs-v18] .cv-doc-row-v18 .cv-doc-photo-v18,
.screen[data-cv-docs-v18] .cv-doc-row-v18 .cv-doc-saved-icon-v83{width:44px!important;height:44px!important;}
.screen[data-cv-docs-v18] .cv-doc-head-v18 .cv-doc-photo-v18::before,
.screen[data-cv-docs-v18] .cv-doc-row-v18 .cv-doc-photo-v18::before,
.screen[data-cv-docs-v18] .cv-doc-row-v18 .cv-doc-saved-icon-v83::before{
  content:"";display:block;width:27px;height:27px;background:currentColor;
  -webkit-mask:var(--cv-doc-icon,var(--cv-doc-icon-doc)) center/contain no-repeat;
  mask:var(--cv-doc-icon,var(--cv-doc-icon-doc)) center/contain no-repeat;
}
/* L'ancien script d'icônes peut injecter un SVG dans cette même boîte. */
.screen[data-cv-docs-v18] .cv-doc-photo-v18 > svg{display:none!important;}
.screen[data-cv-docs-v18] .cv-doc-head-v18[aria-expanded="true"] .cv-doc-photo-v18{
  color:#AEEA2B!important;border-color:rgba(174,234,43,.68)!important;
}
/* La coche est un état, pas un remplacement de l'icône du document. */
.screen[data-cv-docs-v18] .cv-doc-row-v18 .cv-doc-saved-icon-v83{
  position:relative;font-size:0!important;line-height:0!important;
}
.screen[data-cv-docs-v18] .cv-doc-row-v18 .cv-doc-saved-icon-v83::after{
  content:"✓";position:absolute;right:-4px;bottom:-4px;
  display:grid;place-items:center;width:16px;height:16px;
  border-radius:50%;background:#AEEA2B;color:#10160d;
  font-size:11px;font-weight:800;line-height:1;
  box-shadow:0 0 0 2px #171d16;
}

.screen[data-cv-docs-v18] .cv-doc-head-v18[data-cv-doc-toggle="driver"]{--cv-doc-icon:var(--cv-doc-icon-driver);}
.screen[data-cv-docs-v18] .cv-doc-head-v18[data-cv-doc-toggle="vehicle"]{--cv-doc-icon:var(--cv-doc-icon-vehicle-doc);}
.screen[data-cv-docs-v18] .cv-doc-head-v18[data-cv-doc-toggle="admin"]{--cv-doc-icon:var(--cv-doc-icon-insurance);}
.screen[data-cv-docs-v18] .cv-doc-head-v18[data-cv-doc-toggle="maintenance"]{--cv-doc-icon:var(--cv-doc-icon-maint-doc);}
.screen[data-cv-docs-v18] .cv-doc-head-v18[data-cv-doc-toggle="budget"]{--cv-doc-icon:var(--cv-doc-icon-fuel);}
.screen[data-cv-docs-v18] .cv-doc-head-v18[data-cv-doc-toggle="sale"]{--cv-doc-icon:var(--cv-doc-icon-sale-doc);}
.screen[data-cv-docs-v18] .cv-doc-row-v18[data-doc="permis conduire"]{--cv-doc-icon:var(--cv-doc-icon-driver);}
.screen[data-cv-docs-v18] .cv-doc-row-v18[data-doc="permis circulation"]{--cv-doc-icon:var(--cv-doc-icon-badge);}
.screen[data-cv-docs-v18] .cv-doc-row-v18[data-doc="carte grise"]{--cv-doc-icon:var(--cv-doc-icon-badge);}
.screen[data-cv-docs-v18] .cv-doc-row-v18[data-doc="vignette"]{--cv-doc-icon:var(--cv-doc-icon-badge);}
.screen[data-cv-docs-v18] .cv-doc-row-v18[data-doc="ct"]{--cv-doc-icon:var(--cv-doc-icon-insurance);}
.screen[data-cv-docs-v18] .cv-doc-row-v18[data-doc="assurance"]{--cv-doc-icon:var(--cv-doc-icon-insurance);}
.screen[data-cv-docs-v18] .cv-doc-row-v18[data-doc="entretien"]{--cv-doc-icon:var(--cv-doc-icon-maint-doc);}
.screen[data-cv-docs-v18] .cv-doc-row-v18[data-doc="facture"]{--cv-doc-icon:var(--cv-doc-icon-maint-doc);}
.screen[data-cv-docs-v18] .cv-doc-row-v18[data-doc="fuel_receipt"]{--cv-doc-icon:var(--cv-doc-icon-fuel);}
.screen[data-cv-docs-v18] .cv-doc-row-v18.doc-print .cv-p7{--cv-doc-icon:var(--cv-doc-icon-alert);}
.screen[data-cv-docs-v18] .cv-doc-row-v18.doc-print .cv-p8{--cv-doc-icon:var(--cv-doc-icon-sale-doc);}
@media(max-width:390px){.screen[data-cv-docs-v18] .cv-doc-row-v18 .cv-doc-photo-v18,.screen[data-cv-docs-v18] .cv-doc-row-v18 .cv-doc-saved-icon-v83{width:42px!important;height:42px!important;}}
/* La vignette suisse est liée à la plaque (e-vignette) ou collée au véhicule.
   Une photo dans le classeur ne lui donne pas de validité. Conserver les
   fichiers déjà enregistrés, mais masquer le raccourci vide d'importation. */
.screen[data-cv-docs-v18] .cv-doc-row-v18.scan[data-doc="vignette"]{display:none!important;}