/* Verkooppagina HACCP-logboek: koelblauw naar spar, tomaat als accent. Rest komt uit verkoop.css. */
.vk-hcp { --dag: #f0f7f9; --dag2: #e2f0f3; --mid: #b8d6dd; --donker: #0f4c5c; --nacht: #082c36; --accent: #ff8a5c; --accent-inkt: #2a0f03; --kern: #0f4c5c; --inkt: #10262c; --zacht: #4c636a; --rand: #cfe0e4; }
.h-demovelden { display: grid; grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)); gap: .8rem; margin-bottom: 1rem; }
.h-demovelden label { display: grid; gap: .25rem; font-size: .9rem; font-weight: 600; }
.h-demovelden input, .h-demovelden select { font: 1rem Figtree, system-ui, sans-serif; color: var(--inkt); padding: .55em .6em; border: 1.5px solid var(--rand); border-radius: .5rem; background: #fff; width: 100%; }
.h-demozone { display: inline-block; margin: 0 0 .7rem; padding: .25em .8em; border-radius: 99px; font-weight: 700; font-size: .92rem; }
.h-demozone.groen { background: #dcf5e6; color: #14532d; }
.h-demozone.oranje { background: #ffedcc; color: #7a4300; }
.h-demozone.rood { background: #fde2dc; color: #9b1c0c; }
.h-demozone.leeg { background: #eef1f2; color: var(--zacht); }
.h-demolijst { margin: 0 0 .8rem; padding-left: 1.2rem; display: grid; gap: .3rem; font-size: .95rem; }
.h-donker li { grid-template-columns: 7rem minmax(0, 1fr); }
.h-blad-voorbeeld { background: #fff; color: var(--inkt); border-radius: 1rem; padding: 1.4rem; box-shadow: 0 1.4rem 3rem rgba(0, 0, 0, .35); transform: rotate(-1deg); }
.h-blad-voorbeeld p { margin: 0; }
.h-bv-kop { font: 700 1.3rem/1.15 Gabarito, system-ui, sans-serif; color: var(--kern); margin-bottom: .6rem !important; }
.h-bv-rij { display: grid; grid-template-columns: 1fr auto 2.5rem; gap: .8rem; padding: .45em .6em; border-top: 1px solid var(--rand); font-variant-numeric: tabular-nums; }
.h-bv-rij.oranje { background: #ffedcc; }
.anim .finale-rij .h-blad-voorbeeld { opacity: 0; translate: 0 1.5rem; transition: opacity .6s ease, translate .7s cubic-bezier(.2, 1.1, .3, 1); }
.anim .finale-rij.in .h-blad-voorbeeld { opacity: 1; translate: 0 0; }