:root{--bg:#1a1410;--surface:#241c16;--border:#3a2e24;--text:#f3ece2;--muted:#b9a890;--accent:#7c1f2e;--accent-light:#a83246}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:1.5rem}.site-header{border-bottom:1px solid var(--border);background:var(--surface)}.site-header .container{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.brand{letter-spacing:.02em;font-size:1.4rem;font-weight:700}.nav a{color:var(--muted);margin-left:1.25rem}.nav a:hover{color:var(--text)}h1{margin:0 0 .25rem;font-size:1.8rem}.subtitle{color:var(--muted);margin:0 0 1.5rem}.grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem}.card h3{margin:0 0 .25rem}.price{color:var(--accent-light);font-size:1.25rem;font-weight:700}.badge{background:var(--border);color:var(--muted);border-radius:999px;padding:.15rem .5rem;font-size:.75rem;display:inline-block}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.6rem .75rem}th{color:var(--muted);font-size:.85rem;font-weight:600}.meta{color:var(--muted);font-size:.9rem}.empty{color:var(--muted);padding:2rem 0}.btn{background:var(--accent);color:var(--text);cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.1rem;font-size:.95rem;display:inline-block}.btn:hover{background:var(--accent-light)}.btn:disabled{opacity:.6;cursor:default}.btn-ghost{border:1px solid var(--border);color:var(--muted);background:0 0;margin-left:1.25rem;padding:.35rem .8rem}.btn-ghost:hover{background:var(--border);color:var(--text)}.nav-user{color:var(--muted);margin-left:1.25rem;font-size:.9rem}.btn-danger{background:var(--accent-light)}.btn-danger:hover{background:#c23d52}.page-head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.page-head .actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.filters{flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1.5rem;display:flex}.filters input[type=search]{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;flex:260px;padding:.55rem .75rem;font-size:.95rem}.filters select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.55rem .75rem;font-size:.95rem}.detail-cards{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;margin-top:1rem;display:grid}.detail-cards .card th{color:var(--muted);vertical-align:top;font-weight:600}.prose{color:var(--text);margin-top:.75rem}.publish-panel{margin-top:1rem}.publish-panel .form-actions{margin-top:.5rem}.confirm-inline{align-items:center;gap:.5rem;display:inline-flex}.form fieldset{border:1px solid var(--border);border-radius:10px;margin:0 0 1.25rem;padding:1rem 1.25rem 1.25rem}.form legend{color:var(--accent-light);padding:0 .5rem;font-weight:600}.form-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem;display:grid}.field{flex-direction:column;gap:.25rem;display:flex}.field-wide{grid-column:1/-1}.field>span{color:var(--muted);font-size:.82rem}.field input,.field select,.field textarea,.form textarea{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;width:100%;padding:.5rem .65rem;font-family:inherit;font-size:.95rem}.form textarea{resize:vertical;margin-top:.85rem}.field input:focus,.field select:focus,.form textarea:focus{border-color:var(--accent-light);outline:none}.field-check{flex-direction:row;align-items:center;gap:.5rem;display:flex}.field-check input{width:auto}.field-check span{color:var(--text);font-size:.9rem}.form-actions{align-items:center;gap:.75rem;display:flex}.form-actions .btn-ghost{margin-left:0}ul.form-error{margin:0 0 1rem;padding-left:.75rem;list-style:none}.photo-manager{margin-top:1rem}.photo-slot{border-top:1px solid var(--border);padding:.85rem 0}.photo-slot:first-of-type{border-top:none}.photo-slot-head{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.photo-thumbs{flex-wrap:wrap;gap:.6rem;margin-bottom:.5rem;display:flex}.photo-thumb{width:110px;height:110px;margin:0;position:relative}.photo-thumb img{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:100%;height:100%}.photo-del{background:var(--accent);width:1.4rem;height:1.4rem;color:var(--text);cursor:pointer;border:none;border-radius:999px;font-size:1rem;line-height:1;position:absolute;top:-.4rem;right:-.4rem}.photo-del:hover{background:var(--accent-light)}.photo-actions{gap:.5rem;display:flex}.photo-actions .btn-ghost{margin-left:0}.shop-gallery{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin:1rem 0;display:grid}.shop-gallery img{border:1px solid var(--border);border-radius:10px;width:100%}.badge-weg{border:1px solid var(--muted);color:var(--muted);background:0 0}.price-weg{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:1.1rem}.card-cover{object-fit:cover;border-radius:8px;width:100%;height:180px;margin-bottom:.6rem}.wizard-steps{flex-wrap:wrap;gap:.5rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.wizard-step{border:1px solid var(--border);color:var(--muted);border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .85rem;font-size:.9rem;display:flex}.wizard-step-n{background:var(--border);width:1.5rem;height:1.5rem;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;font-size:.8rem;display:inline-flex}.wizard-step.is-active{border-color:var(--accent-light);color:var(--text)}.wizard-step.is-active .wizard-step-n{background:var(--accent);color:var(--text)}.wizard-step.is-done{color:var(--text)}.wizard-step.is-done .wizard-step-n{background:var(--accent-light);color:var(--text)}.wizard-thumbs{flex-wrap:wrap;gap:.5rem;margin:.5rem 0 1rem;display:flex}.bulk-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.bulk-toolbar .btn-ghost{margin-left:0}.bulk-spacer{flex:auto}.bulk-list{flex-direction:column;gap:.6rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.bulk-row{background:var(--surface);border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:.85rem;padding:.75rem;display:flex}.bulk-thumb{object-fit:cover;border:1px solid var(--border);border-radius:8px;flex:none;width:72px;height:72px}.bulk-fields{flex:auto;min-width:0}.bulk-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.4rem;display:grid}.bulk-grid input,.bulk-grid select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:6px;width:100%;padding:.4rem .5rem;font-size:.9rem}.bulk-grid input:focus,.bulk-grid select:focus{border-color:var(--accent-light);outline:none}.bulk-msg{color:var(--muted);margin:.4rem 0 0;font-size:.85rem}.bulk-status{flex:none;align-items:center;gap:.5rem;display:flex}.bulk-badge-opgeslagen{background:var(--accent);color:var(--text)}.bulk-badge-fout,.bulk-badge-opslagfout{background:var(--accent-light);color:var(--text)}.login-wrap{justify-content:center;padding-top:3rem;display:flex}.login-card{flex-direction:column;width:100%;max-width:380px;display:flex}.login-card label{color:var(--muted);margin:.75rem 0 .25rem;font-size:.85rem}.login-card input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.6rem .75rem;font-size:1rem}.login-card input:focus{border-color:var(--accent-light);outline:none}.login-card .btn{margin-top:1.25rem}.form-error{color:#f0a0aa;border:1px solid var(--accent);background:#7c1f2e40;border-radius:8px;margin-top:.75rem;padding:.5rem .75rem;font-size:.9rem}.snelinvoer{gap:1.5rem;max-width:44rem;display:grid}.nummer-kaart{border:2px solid var(--accent-light);background:var(--surface);text-align:center;border-radius:10px;justify-items:center;gap:.35rem;padding:1.25rem;display:grid}.nummer-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.85rem}.nummer{font-variant-numeric:tabular-nums;color:var(--text);font-size:4.5rem;line-height:1}.nummer-meta{color:var(--muted);font-size:.9rem}.nummer-waarschuwing{color:#f0a0aa;font-size:.9rem}.nummer-wacht{color:var(--border)}.btn-mini{padding:.2rem .5rem;font-size:.85rem}.bevestiging{background:var(--surface);color:var(--text);border-left:3px solid #5c8f57;border-radius:6px;margin:0;padding:.6rem .9rem;font-size:.92rem}.nummer-doos{font-size:2.6rem}.nummer-lijst{font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;gap:.3rem .5rem;margin:.2rem 0 0;padding:0;font-size:1.15rem;list-style:none;display:flex}.nummer-lijst li{border:1px solid var(--border);background:var(--bg);border-radius:5px;padding:.1rem .45rem}.blader{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem 1rem;margin-top:1.5rem;padding-top:1.25rem;display:flex}.blader-stand{color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;min-width:9rem;font-size:.9rem}.btn-uit{opacity:.35;cursor:default;pointer-events:none}.doos-melding{background:var(--surface);border-left:3px solid var(--accent-light);color:var(--muted);border-radius:6px;margin:0 0 1rem;padding:.6rem .9rem;font-size:.92rem}.doos-melding a{color:var(--text);font-variant-numeric:tabular-nums}.doos-blok,.inkoop-blok,.locatie-blok{border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem 1rem}.doos-teller{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.doos-teller .btn{min-width:3rem;padding:.4rem .75rem;font-size:1.4rem;line-height:1}.doos-aantal{text-align:center;font-variant-numeric:tabular-nums;min-width:2.5rem;color:var(--text);font-size:2rem;font-weight:700}.doos-blok legend,.inkoop-blok legend,.locatie-blok legend{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 .4rem;font-size:.85rem}.locatie-velden{gap:1rem;display:flex}.locatie-velden .field{max-width:7rem}.foto-slots{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:.75rem;display:grid}.foto-slot-snel{cursor:pointer;gap:.4rem;display:grid}.foto-slot-titel{color:var(--text);font-size:.85rem;font-weight:600}.foto-slot-snel img,.foto-slot-leeg{aspect-ratio:3/4;object-fit:cover;border-radius:8px;width:100%}.foto-slot-leeg{border:2px dashed var(--border);background:var(--surface);text-align:center;align-content:center;justify-items:center;gap:.35rem;padding:.5rem;display:grid}.foto-slot-snel:hover .foto-slot-leeg{border-color:var(--muted)}.foto-slot-plus{color:var(--muted);font-size:2rem;line-height:1}.foto-slot-hint{color:var(--muted);font-size:.78rem}.foutmelding{color:#f0a0aa;margin:0}.filter-kast{border:1px solid var(--border);background:var(--surface);width:6rem;color:var(--text);font:inherit;border-radius:6px;padding:.55rem .7rem}.nummer-cel{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:600}.flesnummer{font-variant-numeric:tabular-nums;letter-spacing:.02em}.flesnummer-voorloop{opacity:.35;font-weight:400}.flesnummer-cijfers{font-weight:700}.verpakking-blok{border:1px solid var(--border);border-radius:8px;gap:.85rem;padding:.75rem 1rem 1rem;display:grid}.verpakking-blok legend{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 .4rem;font-size:.85rem}.leeftijd-poort{place-items:center;min-height:100dvh;padding:2rem 1rem;display:grid}.leeftijd-kaart{text-align:center;border:1px solid var(--border);background:var(--surface);border-radius:12px;max-width:30rem;padding:2.5rem 2rem}.leeftijd-merk{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:1.25rem;font-size:.85rem;display:block}.leeftijd-kaart h1{margin:0 0 .75rem;font-size:1.6rem}.leeftijd-acties{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.leeftijd-klein{color:var(--muted);margin:1.5rem 0 0;font-size:.82rem}.shop-filters{flex-wrap:wrap}.prijs-veld{border:1px solid var(--border);background:var(--surface);width:8rem;color:var(--text);font:inherit;border-radius:6px;padding:.55rem .7rem}.gat-kiezer{color:var(--muted);gap:.3rem;margin-top:.9rem;font-size:.82rem;display:grid}.gat-kiezer select{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;border-radius:6px;padding:.4rem .6rem}.gat-blok{border:1px solid var(--border);border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem 1rem}.gat-blok legend{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 .4rem;font-size:.85rem}.galerij{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1.25rem;margin-top:1.25rem;display:grid}.galerij-kaart{border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:10px;flex-direction:column;text-decoration:none;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.galerij-kaart:hover{border-color:var(--muted);transform:translateY(-2px)}.galerij-foto{aspect-ratio:3/4;background:var(--surface);position:relative}.galerij-foto img{object-fit:cover;width:100%;height:100%;display:block}.galerij-geenfoto{color:var(--muted);place-items:center;font-size:.85rem;display:grid;position:absolute;inset:0}.galerij-nummer{color:var(--text);background:#1a1410d1;border-radius:5px;padding:.15rem .45rem;font-size:.92rem;position:absolute;top:.5rem;left:.5rem}.galerij-tekst{flex-direction:column;flex:1;gap:.35rem;padding:.7rem .8rem .85rem;display:flex}.galerij-tekst h3{margin:0;font-size:.98rem;line-height:1.25}.galerij-tekst .meta{margin:0;font-size:.83rem}.galerij-onder{flex-wrap:wrap;align-items:center;gap:.5rem;margin:auto 0 0;font-size:.8rem;display:flex}.galerij-plek{color:var(--muted)}.weergave-schakelaar{gap:.35rem;margin-right:.5rem;display:inline-flex}.tabel-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.tabel-scroll table{min-width:46rem}@media (max-width:640px){.container{padding:1rem .85rem}.page-head{flex-direction:column;align-items:stretch}.page-head .actions{flex-wrap:wrap;gap:.5rem;display:flex}.weergave-schakelaar{margin-right:0}.site-header .container{flex-wrap:wrap;gap:.5rem}.nav{flex-wrap:wrap;align-items:center;gap:.25rem 1rem;display:flex}.nav a{margin-left:0}.nav-user{width:100%;font-size:.8rem}.detail-cards,.form-grid{grid-template-columns:1fr}.galerij{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.75rem}.galerij-tekst h3{font-size:.9rem}.filters input[type=search]{flex:100%;min-width:0}.filters select,.prijs-veld,.filter-kast{flex:8rem;min-width:0}.foto-slots{grid-template-columns:repeat(auto-fit,minmax(7rem,1fr))}.leeftijd-kaart{padding:1.75rem 1.25rem}.leeftijd-acties .btn,.leeftijd-acties .btn-ghost{text-align:center;flex:100%}.nummer{font-size:3.5rem}h1{font-size:1.5rem}}
