/* Verkooppagina Keuringsplanner: olijf met keuringsgroen als accent. Rest komt uit verkoop.css. */
.vk-krp { --dag: #f4f6ee; --dag2: #e8edda; --mid: #c5d19f; --donker: #2f3d1c; --nacht: #1a2310; --accent: #c8e64a; --accent-inkt: #1a2310; --kern: #2f3d1c; --inkt: #1c2412; --zacht: #565f49; --rand: #d7dec7; }
.r-demovelden { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr)); gap: .8rem; margin-bottom: 1rem; }
.r-demovelden label { display: grid; grid-template-columns: minmax(0, 1fr); gap: .25rem; font-size: .9rem; font-weight: 600; min-width: 0; overflow-x: clip; overflow-clip-margin: 4px; }
.r-demovelden input, .r-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%; text-overflow: ellipsis; }
.r-demouit { margin: 0 0 .6rem; font-size: 1.05rem; }
.r-demouit b { font-family: Gabarito, system-ui, sans-serif; font-size: 1.35rem; color: var(--kern); }
.r-demostatus { display: inline-block; margin: 0 0 .7rem; padding: .25em .8em; border-radius: 99px; font-weight: 700; font-size: .92rem; background: #eef1e6; color: var(--zacht); }
.r-demostatus.ok { background: #dcf5e6; color: #14532d; }
.r-demostatus.binnenkort { background: #ffedcc; color: #7a4300; }
.r-demostatus.te-laat { background: #fde2dc; color: #9b1c0c; }
.r-donker li { grid-template-columns: 7rem minmax(0, 1fr); }
.r-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); }
.r-blad-voorbeeld p { margin: 0; }
.r-bv-kop { font: 700 1.3rem/1.15 Gabarito, system-ui, sans-serif; color: var(--kern); margin-bottom: .6rem !important; }
.r-bv-rij { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .8rem; padding: .45em .6em; border-top: 1px solid var(--rand); }
.r-bv-rij b { font-variant-numeric: tabular-nums; }
.r-bv-rij.oranje { background: #ffedcc; }
.r-bv-rij.rood { background: #fde2dc; }
.anim .finale-rij .r-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 .r-blad-voorbeeld { opacity: 1; translate: 0 0; }