:root{--ink:#253329;--muted:#627067;--paper:#fffdf7;--cream:#f7f0dd;--green:#567b51;--green-dark:#365a3f;--gold:#e4ac4f;--red:#a43f3f;--border:rgba(37,51,41,.14);--shadow:0 18px 50px rgba(52,65,47,.12)}
*{box-sizing:border-box}body{margin:0;background:#f4f1e8;color:var(--ink);font-family:"Atkinson Hyperlegible",Arial,sans-serif;font-size:17px;line-height:1.5}a{color:inherit}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;background:#fff;padding:.75rem;z-index:99}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem clamp(1rem,4vw,3rem);background:#fff;border-bottom:1px solid var(--border)}.admin-brand{display:flex;align-items:center;gap:.65rem;text-decoration:none}.admin-brand span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--cream)}.admin-brand strong,h1,h2,h3{font-family:"Grandstander",cursive}.admin-account{display:flex;align-items:center;gap:1rem}.admin-account form{margin:0}.text-button,.back-site{border:0;background:none;padding:.45rem .65rem;border-radius:999px;color:var(--green-dark);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}.text-button:hover,.back-site:hover{background:var(--cream)}.admin-main{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:clamp(2rem,5vw,4rem) 0}.admin-footer{text-align:center;padding:2rem;color:var(--muted);font-size:.9rem}.flash{width:min(800px,calc(100% - 2rem));margin:1rem auto 0;padding:.85rem 1rem;border-radius:14px;background:#fff;border:1px solid var(--border)}.flash--success{border-left:5px solid var(--green)}.flash--warning{border-left:5px solid var(--gold)}.flash--error{border-left:5px solid var(--red)}.auth-shell{display:grid;place-items:center;min-height:calc(100vh - 180px)}.auth-card{width:min(520px,100%);background:#fff;border:1px solid var(--border);border-radius:24px;padding:clamp(1.4rem,4vw,2.4rem);box-shadow:var(--shadow)}.auth-card h1{margin:.2rem 0 .6rem;font-size:clamp(2rem,6vw,3rem)}.auth-card>p{color:var(--muted)}.form-grid{display:grid;gap:1rem;margin-top:1.5rem}.field label{display:block;font-weight:700;margin-bottom:.35rem}.field input{width:100%;padding:.8rem .9rem;border:1px solid var(--border);border-radius:12px;background:#fff;font:inherit}.field input:focus{outline:3px solid rgba(86,123,81,.2);border-color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:.8rem 1.2rem;background:var(--green-dark);color:#fff;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}.button:hover{filter:brightness(1.06)}.errors{padding:1rem 1rem 1rem 2.2rem;border-radius:14px;background:#fff0ee;color:#742f2f}.dashboard-intro{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:2rem}.dashboard-intro h1{font-size:clamp(2.2rem,5vw,4rem);margin:.2rem 0}.dashboard-intro p{max-width:650px;color:var(--muted)}.status-badge{display:inline-flex;align-items:center;gap:.45rem;border-radius:999px;padding:.4rem .7rem;background:#e7f3e8;color:#285535;font-weight:700;font-size:.85rem;white-space:nowrap}.status-badge:before{content:"";width:.65rem;height:.65rem;border-radius:50%;background:#4ca36a}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.admin-card{background:#fff;border:1px solid var(--border);border-radius:20px;padding:1.4rem;box-shadow:0 10px 24px rgba(52,65,47,.06)}.admin-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.admin-card__icon{font-size:2rem}.admin-card h2{margin:.55rem 0}.admin-card p{color:var(--muted)}.coming-label{display:inline-flex;padding:.28rem .58rem;border-radius:999px;background:var(--cream);font-size:.78rem;font-weight:700}.security-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-top:2rem}.security-item{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1rem}.security-item strong,.security-item span{display:block}.security-item span{color:var(--muted);font-size:.9rem;margin-top:.25rem}@media(max-width:760px){.admin-grid,.security-list{grid-template-columns:1fr}.dashboard-intro{align-items:flex-start;flex-direction:column}.admin-account>span{display:none}}
.admin-nav{display:flex;align-items:center;gap:.35rem;padding:.65rem clamp(1rem,4vw,3rem);background:#fff;border-bottom:1px solid var(--border);overflow-x:auto}.admin-nav a,.admin-nav__future{display:inline-flex;align-items:center;white-space:nowrap;padding:.55rem .75rem;border-radius:999px;text-decoration:none;font-weight:700;font-size:.92rem}.admin-nav a:hover,.admin-nav a[aria-current="page"]{background:var(--cream);color:var(--green-dark)}.admin-nav__future{color:#929a94;cursor:not-allowed}.admin-nav__site{margin-left:auto}.page-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.page-title-row h1{font-size:clamp(2.4rem,5vw,4rem);margin:.15rem 0}.page-title-row p{max-width:740px;color:var(--muted);margin:.3rem 0}.eyebrow-admin{display:inline-block;text-transform:uppercase;letter-spacing:.12em;color:var(--green-dark);font-size:.78rem;font-weight:700}.admin-card--link{display:block;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.admin-card--link:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.count-badge{display:grid;place-items:center;min-width:42px;height:42px;padding:0 .65rem;border-radius:999px;background:var(--cream);font-family:"Grandstander",cursive}.button--light{background:#fff;color:var(--green-dark);border:1px solid var(--border)}.button--small{padding:.55rem .85rem;font-size:.9rem}.admin-content-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:1.25rem;align-items:start}.admin-content-layout--activity{grid-template-columns:minmax(0,1.45fr) minmax(430px,.75fr)}.table-card,.form-card{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 10px 24px rgba(52,65,47,.06)}.table-card{overflow:hidden}.form-card{padding:1.4rem;position:sticky;top:1rem}.form-card--wide{position:static;margin-bottom:1.25rem}.table-card__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 1.25rem;border-bottom:1px solid var(--border)}.table-card__header h2,.form-card h2{margin:.1rem 0}.table-card__header p{margin:.25rem 0;color:var(--muted)}.table-card__header>span{color:var(--muted);font-size:.9rem}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{text-align:left;vertical-align:top;padding:.85rem 1rem;border-bottom:1px solid var(--border)}th{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);background:#fbfaf5}td strong,td small{display:block}td small{color:var(--muted);margin-top:.18rem}.table-actions{white-space:nowrap}.table-actions a{display:block;color:var(--green-dark);font-weight:700;margin-bottom:.25rem}.table-status{display:inline-flex;padding:.25rem .55rem;border-radius:999px;font-size:.78rem;font-weight:700;white-space:nowrap}.table-status--published,.table-status--active{background:#e7f3e8;color:#285535}.table-status--upcoming{background:#fff1ce;color:#795718}.table-status--draft,.table-status--inactive{background:#ecefec;color:#59635c}.table-status--archived{background:#f4e3e3;color:#7e3b3b}.form-card .form-grid{margin-top:1rem}.field textarea,.field select{width:100%;padding:.8rem .9rem;border:1px solid var(--border);border-radius:12px;background:#fff;font:inherit}.field textarea{resize:vertical}.field select:focus,.field textarea:focus{outline:3px solid rgba(86,123,81,.2);border-color:var(--green)}.field small{display:block;color:var(--muted);font-size:.82rem;margin-top:.3rem}.form-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.form-columns--compact{grid-template-columns:minmax(0,1fr) 110px}.field--small{max-width:130px}.field--tiny{max-width:100px}.form-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.35rem}.checkbox-field{display:flex;align-items:center;gap:.6rem;padding-top:1.8rem;font-weight:700}.checkbox-field input{width:1.2rem;height:1.2rem}.current-media{margin:0;background:#f4f1e8;border-radius:14px;padding:.6rem}.current-media img{width:100%;max-height:240px;object-fit:cover;border-radius:10px}.current-media figcaption{font-size:.82rem;color:var(--muted);padding:.45rem .3rem 0}.advanced-fields{border:1px solid var(--border);border-radius:14px;padding:.8rem}.advanced-fields summary{cursor:pointer;font-weight:700}.advanced-fields[open] summary{margin-bottom:1rem}.filter-panel{display:flex;align-items:end;gap:.75rem;margin-bottom:1.25rem;background:#fff;border:1px solid var(--border);border-radius:16px;padding:1rem}.filter-panel label{font-weight:700}.filter-panel select,.filter-panel input,.inline-form select{min-width:220px;padding:.7rem .8rem;border:1px solid var(--border);border-radius:10px;background:#fff;font:inherit}.filter-panel--wide{display:grid;grid-template-columns:2fr 1fr 1fr auto}.filter-panel--wide .field{margin:0}.inline-form{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.empty-admin-state{padding:2rem;text-align:center;color:var(--muted)}.table-card--downloads{margin-top:1.25rem}.download-admin-list{display:grid}.download-admin-item{padding:1.1rem 1.25rem;border-bottom:1px solid var(--border)}.download-admin-item:last-child{border-bottom:0}.download-admin-file{display:flex;align-items:center;gap:.8rem;margin-bottom:.9rem}.download-admin-file strong,.download-admin-file small{display:block}.download-admin-file small{color:var(--muted)}.file-kind{display:grid;place-items:center;min-width:52px;height:44px;border-radius:10px;background:var(--cream);font-weight:700;font-size:.8rem}.download-edit-form{display:grid;grid-template-columns:minmax(200px,1fr) 130px 100px auto auto;align-items:end;gap:.65rem}.download-edit-form .field{margin:0}.danger-form{margin-top:.75rem}.danger-button{border:0;background:none;color:var(--red);font:inherit;font-weight:700;padding:.3rem 0;cursor:pointer}.errors ul{margin:0}.admin-card .coming-label{background:var(--cream)}
@media(max-width:1000px){.admin-content-layout,.admin-content-layout--activity{grid-template-columns:1fr}.form-card{position:static}.download-edit-form{grid-template-columns:1fr 1fr}.filter-panel--wide{grid-template-columns:1fr 1fr}.admin-nav__site{margin-left:0}}
@media(max-width:680px){.page-title-row{align-items:flex-start;flex-direction:column}.form-columns,.form-columns--compact,.download-edit-form,.filter-panel--wide{grid-template-columns:1fr}.field--small,.field--tiny{max-width:none}.filter-panel{align-items:stretch;flex-direction:column}.filter-panel select,.filter-panel input,.inline-form select{min-width:0;width:100%}.checkbox-field{padding-top:0}.admin-main{width:min(100% - 1rem,1120px)}th,td{padding:.7rem}.admin-nav__future{display:none}}

/* v0.4.0 · Security, health en insights */
.observability-title{align-items:flex-end}.health-run-form{margin:0;flex:0 0 auto}.section-tabs{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.25rem 0 2rem}.section-tabs a{display:inline-flex;padding:.55rem .85rem;border-radius:999px;background:#fff;border:1px solid var(--border);text-decoration:none;font-weight:700;color:var(--green-dark)}.section-tabs a:hover{background:var(--cream)}.observability-section{scroll-margin-top:1rem;margin-top:2.4rem}.observability-section:first-of-type{margin-top:0}.section-heading{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:1.15rem}.section-heading h2{font-size:clamp(2rem,4vw,3rem);margin:.1rem 0}.section-heading p{max-width:620px;color:var(--muted);margin:0}.health-hero{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.5rem;border-radius:22px;border:1px solid var(--border);box-shadow:0 10px 24px rgba(52,65,47,.06);background:#fff}.health-hero>div:first-child{position:relative;padding-left:1.8rem}.health-hero h2{font-size:clamp(2rem,4vw,3rem);margin:.1rem 0}.health-hero p{margin:.2rem 0;color:var(--muted)}.health-dot{position:absolute;left:0;top:.6rem;width:1rem;height:1rem;border-radius:50%;background:#4ca36a;box-shadow:0 0 0 7px rgba(76,163,106,.14)}.health-hero--warning{background:#fffaf0}.health-hero--warning .health-dot{background:#d49a35;box-shadow:0 0 0 7px rgba(212,154,53,.16)}.health-hero--critical{background:#fff4f2}.health-hero--critical .health-dot{background:#b64a4a;box-shadow:0 0 0 7px rgba(182,74,74,.15)}.health-meta{display:grid;grid-template-columns:repeat(3,minmax(90px,1fr));gap:.7rem;margin:0}.health-meta div{min-width:105px;padding:.8rem;border-radius:14px;background:rgba(255,255,255,.75);border:1px solid var(--border)}.health-meta dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.health-meta dd{margin:.2rem 0 0;font-family:"Grandstander",cursive;font-size:1.3rem;font-weight:700}.health-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:1rem}.health-check{background:#fff;border:1px solid var(--border);border-left:5px solid #4ca36a;border-radius:16px;padding:1rem 1.05rem}.health-check--warning{border-left-color:#d49a35}.health-check--critical{border-left-color:#b64a4a}.health-check__heading{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem}.health-check h3{font-size:1.05rem;margin:0}.health-check p{margin:.55rem 0 .2rem}.health-check small{display:block;color:var(--muted)}.health-indicator{width:.65rem;height:.65rem;border-radius:50%;background:#4ca36a}.health-check--warning .health-indicator{background:#d49a35}.health-check--critical .health-indicator{background:#b64a4a}.health-label{display:inline-flex;padding:.25rem .5rem;border-radius:999px;background:#e7f3e8;color:#285535;font-size:.75rem;font-weight:700;white-space:nowrap}.health-label--warning,.health-check--warning .health-label{background:#fff1ce;color:#795718}.health-label--critical,.health-check--critical .health-label{background:#f4e3e3;color:#7e3b3b}.health-label--healthy{background:#e7f3e8;color:#285535}.compact-table-card{margin-top:1rem}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-bottom:1rem}.metric-grid--five{grid-template-columns:repeat(5,minmax(0,1fr))}.metric-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1rem}.metric-card strong{display:block;font-family:"Grandstander",cursive;font-size:1.8rem}.metric-card span{display:block;color:var(--muted);font-size:.88rem;margin-top:.2rem}.observability-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}.login-outcome,.audit-severity{display:inline-flex;padding:.23rem .5rem;border-radius:999px;font-size:.76rem;font-weight:700;white-space:nowrap}.login-outcome--success{background:#e7f3e8;color:#285535}.login-outcome--failure{background:#fff1ce;color:#795718}.login-outcome--blocked{background:#f4e3e3;color:#7e3b3b}.audit-severity--info{background:#e9eff3;color:#405968}.audit-severity--notice{background:#e7f3e8;color:#285535}.audit-severity--warning{background:#fff1ce;color:#795718}.audit-severity--critical{background:#f4e3e3;color:#7e3b3b}.muted-label{color:var(--muted);font-size:.85rem}.inline-danger-form{margin:0}.chart-card,.insight-card{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 10px 24px rgba(52,65,47,.06);overflow:hidden}.insight-card{padding:1.25rem;overflow:visible}.insight-card h3{margin:.1rem 0 1rem}.bar-chart{display:flex;align-items:flex-end;gap:.42rem;height:260px;padding:2.2rem 1rem 1rem;overflow-x:auto}.bar-chart__item{display:grid;grid-template-rows:auto 1fr auto;align-items:end;justify-items:center;gap:.35rem;min-width:34px;height:100%;flex:1}.bar-chart__value{font-size:.76rem;color:var(--muted)}.bar-chart__bar{display:block;width:min(22px,80%);min-height:4px;border-radius:8px 8px 3px 3px;background:var(--green);align-self:end}.bar-chart__label{font-size:.7rem;color:var(--muted);white-space:nowrap}.status-breakdown{display:grid;gap:.6rem}.status-breakdown>div{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid var(--border)}.status-breakdown>div:last-child{border-bottom:0}.status-breakdown strong{font-family:"Grandstander",cursive;font-size:1.25rem}.attention-list{display:grid;gap:.65rem;margin-top:1rem}.attention-item{display:flex;align-items:center;gap:.8rem;padding:.8rem;border-radius:14px;background:#eef5ef}.attention-item--warning{background:#fff1ce}.attention-item strong{display:grid;place-items:center;min-width:38px;height:38px;border-radius:50%;background:#fff;font-family:"Grandstander",cursive}.attention-item span{color:var(--muted);font-size:.9rem}.admin-observability .table-card h3{font-size:1.2rem}.admin-observability table{font-size:.9rem}
@media(max-width:1050px){.metric-grid--five{grid-template-columns:repeat(3,minmax(0,1fr))}.health-check-grid{grid-template-columns:1fr}.health-hero{align-items:flex-start}.health-meta{grid-template-columns:1fr}}
@media(max-width:850px){.observability-columns,.insights-columns{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-heading{align-items:flex-start;flex-direction:column;gap:.5rem}.health-hero{flex-direction:column}.health-meta{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.observability-title{align-items:flex-start}.health-run-form,.health-run-form .button{width:100%}.metric-grid,.metric-grid--five{grid-template-columns:1fr}.health-meta{grid-template-columns:1fr}.health-check__heading{grid-template-columns:auto 1fr}.health-check__heading .health-label{grid-column:2}.section-tabs{display:grid;grid-template-columns:1fr 1fr}.section-tabs a{justify-content:center}.bar-chart{height:230px}.bar-chart__item{min-width:31px}}

/* v0.5.0 · Koppelingen */
.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem;align-items:start}.integration-card{background:#fff;border:1px solid var(--border);border-radius:22px;padding:1.35rem;box-shadow:0 10px 24px rgba(52,65,47,.06)}.integration-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.integration-card__identity{display:flex;align-items:center;gap:.85rem}.integration-card__identity h2{margin:.08rem 0;font-size:1.7rem}.integration-card__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--cream);font-size:1.7rem}.integration-intro{color:var(--muted);margin:1rem 0}.integration-status{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .58rem;border-radius:999px;font-size:.77rem;font-weight:700;white-space:nowrap;background:#ecefec;color:#59635c}.integration-status:before{content:"";width:.55rem;height:.55rem;border-radius:50%;background:#929a94}.integration-status--healthy{background:#e7f3e8;color:#285535}.integration-status--healthy:before{background:#4ca36a}.integration-status--warning{background:#fff1ce;color:#795718}.integration-status--warning:before{background:#d49a35}.integration-status--error{background:#f4e3e3;color:#7e3b3b}.integration-status--error:before{background:#b64a4a}.integration-status--disabled,.integration-status--not_configured{background:#ecefec;color:#59635c}.integration-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:0}.integration-details div{padding:.75rem .8rem;border-radius:13px;background:#f8f6ef;border:1px solid rgba(37,51,41,.08);min-width:0}.integration-details dt{font-size:.75rem;text-transform:uppercase;letter-spacing:.055em;color:var(--muted)}.integration-details dd{margin:.18rem 0 0;font-weight:700;overflow-wrap:anywhere}.integration-details dd small{display:block;font-weight:400;color:var(--muted);margin-top:.1rem}.integration-result{margin-top:1rem;padding:.9rem;border:1px solid var(--border);border-radius:14px}.integration-result p{margin:.25rem 0;color:var(--muted)}.integration-result small{color:var(--muted)}.integration-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.integration-actions form{margin:0}.integration-actions .button:disabled{cursor:not-allowed;opacity:.48;filter:none}.integration-footnote{font-size:.82rem;color:var(--muted);margin:.75rem 0 0}.integration-notice{margin-top:1rem;padding:.9rem 1rem;border-radius:14px}.integration-notice--warning{background:#fff1ce;color:#694d18}.integration-notice ul{margin:.45rem 0 0;padding-left:1.2rem}.integration-help{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:1rem;margin-top:1.25rem;padding:1.35rem;background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:0 10px 24px rgba(52,65,47,.06)}.integration-help h2{font-size:clamp(1.7rem,3vw,2.4rem);margin:.1rem 0}.integration-help p{color:var(--muted)}.integration-help code{font-size:.88em;background:var(--cream);padding:.12rem .35rem;border-radius:6px}.integration-help__rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.integration-help__rules div{padding:.85rem;border-radius:14px;background:#f8f6ef}.integration-help__rules strong,.integration-help__rules span{display:block}.integration-help__rules span{color:var(--muted);font-size:.87rem;margin-top:.2rem}.integration-history{margin-top:1.25rem}.admin-integrations table small{max-width:400px}.admin-integrations .table-card h2{margin:.1rem 0}
@media(max-width:900px){.integration-grid,.integration-help{grid-template-columns:1fr}.integration-card{padding:1.1rem}}
@media(max-width:600px){.integration-card__header{align-items:flex-start;flex-direction:column}.integration-details,.integration-help__rules{grid-template-columns:1fr}.integration-actions,.integration-actions form,.integration-actions .button{width:100%}}