/* Load.Live 1.7.0 (S09) — de Load.Job-inbox (M13) en de overdracht (M14). Kleuren uit de thema-variabelen; rood spaarzaam:
 * nieuw = accent, wijziging = ok-blauw/accent-zacht, annulering = amber (--let), info = zacht. Onbekend = amber omlijnd. */
.ji-filters { display: flex; flex-wrap: wrap; gap: 8px 16px; margin: 0 0 14px; }
.ji-tabel { overflow-x: auto; }
.ji-tabel table { min-width: 720px; }
.ji-tabel tbody tr { cursor: pointer; }
.ji-tabel tr.ji-beslist { opacity: .75; }
.ji-klein { font-size: 12px; }
.ji-pil { display: inline-block; padding: 1px 10px; border-radius: var(--r-pil, 999px); font-size: 12px; border: 1px solid var(--lijn-sterk, var(--lijn)); white-space: nowrap; }
.ji-pil.ji-nieuw { border-color: var(--accent); color: var(--accent-tekst, var(--accent)); background: var(--accent-zacht); }
.ji-pil.ji-wijziging { border-color: var(--accent); }
.ji-pil.ji-annulering { border-color: var(--let); color: var(--let); }
.ji-pil.ji-info { color: var(--zacht); }

.ji-overdracht { display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start; }
.ji-links { flex: 999 1 560px; min-width: 0; display: flex; flex-direction: column; gap: 12px; padding: 16px 18px; }
.ji-rechts { flex: 1 1 300px; min-width: 0; display: flex; flex-direction: column; gap: 8px; padding: 16px 18px; }
.ji-raster { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.ji-verplicht select:invalid, .ji-verplicht select:has(option[value=""]:checked) { border-color: var(--let); color: var(--let); }
.ji-veld { display: flex; flex-direction: column; gap: 6px; padding: 10px 12px; border: 1px solid var(--lijn); border-radius: var(--r-vak, 8px); }
.ji-veld.ji-open { border-left: 4px solid var(--let); }
.ji-veld-kop { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.ji-veld-in { display: flex; flex-direction: column; gap: 4px; }
.ji-veld-in input, .ji-veld-in select, .ji-veld-in textarea { width: 100%; }
.ji-drie { display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 8px; }
.ji-vink { display: inline-flex; width: 20px; height: 20px; align-items: center; justify-content: center; border-radius: 4px; border: 1px solid var(--lijn-sterk, var(--lijn)); font-size: 12px; }
.ji-open .ji-vink { color: var(--let); border-color: var(--let); }
.ji-bron { padding: 0 8px; border-radius: var(--r-pil, 999px); font-size: 12px; border: 1px solid var(--lijn); color: var(--zacht); }
.ji-bron.ji-onbekend { color: var(--let); border-color: var(--let); }
.ji-sub { display: inline-flex; gap: 4px; align-items: center; font-size: 13px; }
.ji-dagen { width: 100%; }
.ji-dagen input, .ji-dagen select { width: 100%; min-width: 80px; }
.ji-let { margin: 4px 0 0; color: var(--let); font-size: 13px; }
.ji-checklist { padding: 10px 12px; border: 1px dashed var(--let); border-radius: var(--r-vak, 8px); }
.ji-checklist.ji-project { margin: 0 0 16px; }
.ji-cl-lijst { list-style: none; margin: 6px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.ji-cl-lijst li { display: inline-flex; align-items: center; gap: 8px; padding: 4px 4px 4px 10px; border: 1px solid var(--lijn); border-radius: var(--r-pil, 999px); }
.ji-knoppen { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.ji-bestanden { margin: 0; padding-left: 18px; overflow-wrap: anywhere; }
@media (max-width: 640px) { .ji-links, .ji-rechts { padding: 12px; } }