:root{color-scheme:dark;--bg:#090d14;--surface:#111827;--surface2:#182233;--border:#2a3649;--text:#f3f4f6;--muted:#9ca3af;--accent:#60a5fa;--accent-strong:#2563eb;--danger:#f87171;--success:#34d399;--warning:#fbbf24}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(circle at top,#111b2d 0,var(--bg) 42%);color:var(--text);min-height:100vh}nav{min-height:64px;background:#0b1220eF;color:white;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);backdrop-filter:blur(10px);position:sticky;top:0;z-index:5}nav strong{letter-spacing:.2px}nav span{display:flex;gap:18px;align-items:center}nav a{color:#dbeafe;text-decoration:none}nav a:hover,a:hover{color:#93c5fd}main{max-width:1050px;margin:35px auto;padding:0 20px}h1{font-size:30px;margin-bottom:8px}h2{margin-top:30px}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.page-head h1{margin-top:0}.card,form{background:var(--surface);padding:24px;border-radius:14px;border:1px solid var(--border);box-shadow:0 12px 32px #0005;margin:18px 0}label{display:block;font-weight:650;margin:15px 0;color:#e5e7eb}input,textarea,select{display:block;width:100%;margin-top:7px;border:1px solid #37465d;border-radius:9px;padding:11px;font:inherit;background:#0c1422;color:var(--text);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #2563eb30}input::placeholder,textarea::placeholder{color:#64748b}.drop{padding:25px;border:2px dashed #46556d;border-radius:12px;text-align:center;background:#0c1422}.drop input{border:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.outlets{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.check{background:#0c1422;border:1px solid var(--border);padding:13px;border-radius:9px}.check input{display:inline;width:auto;margin-right:8px;accent-color:var(--accent-strong)}button,.button-link,.button-secondary{border:0;border-radius:9px;background:var(--accent-strong);color:white;padding:12px 17px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}button{margin-top:15px}button:hover,.button-link:hover{background:#1d4ed8;color:#fff}.button-secondary{background:#253247;color:#e5e7eb;margin-left:8px}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 12px 32px #0004}table{width:100%;background:transparent;border-collapse:collapse;min-width:680px}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--border)}th{background:#0e1726;color:#cbd5e1;font-size:.9rem}tr:last-child td{border-bottom:0}tr:hover td{background:#141f30}a{color:var(--accent)}.flash{padding:12px 15px;border-radius:9px;margin:12px 0;border:1px solid transparent}.flash.ok{background:#063c2e;color:#a7f3d0;border-color:#0f684f}.flash.err{background:#471515;color:#fecaca;border-color:#7f1d1d}.delivery{display:grid;grid-template-columns:1fr 110px 2fr;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--border)}.status{display:inline-block;padding:5px 9px;border-radius:999px;text-align:center;background:#293548;color:#dbeafe;font-size:.85rem}.status.failed{background:#4b1717;color:#fecaca}.status.sending{background:#493715;color:#fde68a}.status.queued{background:#1e2c5e;color:#c7d2fe}.status.active{background:#063c2e;color:#a7f3d0}.status.disabled{background:#2b3443;color:#cbd5e1}.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.photos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;border:1px solid var(--border)}.login{max-width:420px;margin:10vh auto}.muted,small{color:var(--muted)}.actions{white-space:nowrap}.actions>a{margin-right:12px}.inline-form{display:inline;background:none;border:0;box-shadow:none;padding:0;margin:0}.danger-link{display:inline;background:none!important;color:var(--danger);padding:0;margin:0;border:0;border-radius:0;font:inherit;font-weight:650}.danger-link:hover{color:#fca5a5}.form-actions{display:flex;align-items:center;gap:4px;margin-top:6px}@media(max-width:650px){nav{padding:12px 18px;align-items:flex-start;gap:12px}nav span{gap:10px;flex-wrap:wrap;justify-content:flex-end}.grid{grid-template-columns:1fr}.delivery{grid-template-columns:1fr}.photos{grid-template-columns:repeat(2,1fr)}.page-head{align-items:flex-start;flex-direction:column}.button-link{width:100%;text-align:center}}

/* Centrale publicatie / e-mail */
.settings-note{padding:14px 16px;border:1px solid #2b3442;border-radius:12px;background:#111827;margin:0 0 18px}.preview-mail{max-width:120px;max-height:90px;object-fit:cover;border-radius:8px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.stack{display:grid;gap:12px}

.code-editor{width:100%;min-height:520px;font-family:monospace;font-size:13px;line-height:1.5}.template-help{margin:12px 0;line-height:2}.template-help code{display:inline-block;margin:2px;padding:2px 7px;border:1px solid #334155;border-radius:6px;background:#0f172a}

.job-actions,.table-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.job-actions form,.table-actions form{margin:0}.button-link{display:inline-block;padding:11px 16px;border-radius:8px;background:#334155;color:#fff;text-decoration:none}.danger{background:#b91c1c}.small{padding:7px 10px;font-size:13px}