:root{color-scheme:light;--paper:#f6f5f1;--ink:#212b28;--muted:#738079;--line:#dedfd7;--accent:#cbe989;--green:#2d4d3e}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{padding:22px 4%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fff}.brand{font:italic 34px Georgia,serif;letter-spacing:-2px;display:flex;gap:22px;align-items:center}.brand span{font:10px system-ui;letter-spacing:2px;border-left:1px solid var(--line);padding-left:22px}.header-right{display:flex;align-items:center;gap:20px;color:var(--muted);font-size:12px}main{max-width:1440px;margin:auto;padding:40px 4%}h1{font-size:38px;letter-spacing:-1.8px;line-height:1.2;margin:12px 0}h2{font-size:23px;letter-spacing:-.7px;line-height:1.3}p{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--green)}.dot{color:#8dae50}.heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.heading p{margin:14px 0 28px}button,input,select{font:inherit}button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 15px;cursor:pointer;color:var(--ink)}button:hover{border-color:var(--green)}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #739d44;outline-offset:3px}.primary{background:var(--green);border-color:var(--green);color:white}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:10px 0 22px}nav{display:flex;gap:5px;flex-wrap:wrap}nav button{border-color:transparent;background:transparent;font-size:13px}nav button.selected{background:var(--ink);color:white}input,select{border:1px solid var(--line);border-radius:8px;padding:11px;background:white;color:var(--ink)}input:focus{outline:2px solid #a1bb7a}.search{font-size:0}.search input{font-size:13px;width:240px}.layout{border:1px solid var(--line);border-radius:14px;overflow:hidden;display:grid;grid-template-columns:360px minmax(0,1fr);background:white;min-height:550px}.listpane{border-right:1px solid var(--line);background:#fbfcf9;display:flex;flex-direction:column}.list-label{display:flex;justify-content:space-between;padding:20px;font-size:10px;letter-spacing:1.5px;color:var(--muted);border-bottom:1px solid var(--line)}#list{flex:1}.card{display:block;border:0;border-bottom:1px solid var(--line);border-radius:0;width:100%;text-align:left;padding:21px;background:transparent}.card.active{background:#edf3e4;border-left:3px solid #7e9e51;padding-left:18px}.card-top{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.platform{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.badge{font-size:10px;border-radius:5px;padding:3px 8px;background:#edf0eb;white-space:nowrap}.badge.new{background:var(--accent);color:#365025}.badge.review{background:#fff0d5;color:#815b19}.card-title{font-size:15px;font-weight:650;margin:6px 0;overflow-wrap:anywhere}.card-summary{font-size:12px;color:#68736d;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.7}.card-bottom{font-size:10px;color:var(--muted);margin-top:14px;display:flex;justify-content:space-between}.pages{padding:14px;display:flex;justify-content:space-between}.pages button{font-size:11px}#detail{padding:30px;min-width:0}.empty{text-align:center;padding:100px 20px}.empty-icon{font-size:28px;background:#eff3e7;border-radius:50%;width:60px;height:60px;padding:6px;margin:auto}.detail-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.detail-top h2{margin:12px 0;overflow-wrap:anywhere}.meta{font-size:12px;color:var(--muted)}.hold{padding:14px 17px;background:#edf3e4;border:1px solid #dae5ca;border-radius:8px;font-size:12px;margin:23px 0;color:#3f5937}.hold strong{display:block;font-size:13px;margin-bottom:3px}.summary-label{font-size:10px;letter-spacing:1.5px;font-weight:600}.summary{padding:15px;background:#f8f8f5;border-radius:8px;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0}.actions label{font-size:12px;display:flex;gap:10px;align-items:center}.actions a{font-size:12px;color:var(--green);text-underline-offset:3px}.thread-title{padding:22px 0 12px;border-top:1px solid var(--line);font-size:11px;letter-spacing:1px;display:flex;justify-content:space-between}.message{background:#f6f6f2;border:1px solid #eeeee8;border-radius:0 12px 12px 12px;padding:17px;margin-bottom:12px}.message.outgoing{background:#eef3ea;margin-left:30px;border-radius:12px 0 12px 12px}.message p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);font-size:13px;margin:10px 0 0}.message small{color:var(--muted);font-size:10px}.secondary-actions{margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.secondary-actions button{font-size:11px}.secondary-actions p,footer{font-size:11px;color:var(--muted)}footer{margin:20px 0}.notice{background:#fff0d5;padding:12px 18px;border-radius:8px;margin-bottom:20px;font-size:12px}#error{position:sticky;bottom:20px;background:#812f24;color:white;padding:14px 20px;border-radius:8px}#login{max-width:420px;margin:60px auto}#loginform{display:grid;gap:12px;margin-top:30px}#loginform label{font-size:12px}[hidden]{display:none!important}@media(max-width:950px){.layout{grid-template-columns:290px minmax(0,1fr)}#detail{padding:20px}.heading h1{font-size:32px}}@media(max-width:700px){main{padding:25px 16px}header{padding:16px}.brand span{display:none}.heading{align-items:flex-start}h1,.heading h1{font-size:28px}.toolbar{align-items:stretch;flex-direction:column}.search input{width:100%}.layout{display:block}.listpane{border-right:0;border-bottom:1px solid var(--line)}#list{max-height:330px;overflow-y:auto}.header-right{font-size:10px;gap:8px}.heading>button{font-size:11px;padding:8px}.empty{padding:40px 10px}.detail-top{flex-wrap:wrap}#detail{padding:20px 16px}}

details{margin:22px 0;font-size:12px}summary{cursor:pointer;margin-bottom:12px}details input,details textarea{display:block;width:100%;margin:10px 0;padding:10px;border:1px solid var(--line);border-radius:8px;font:inherit;background:white;resize:vertical}

.inbox-tabs{margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid var(--line);gap:8px}.inbox-tabs button{padding:12px 18px;background:white;border:1px solid var(--line)}.inbox-tabs button.selected{background:var(--ink);border-color:var(--ink)}.invite-info{padding:28px;background:white;border:1px solid var(--line);border-radius:14px;max-width:820px}.invite-info a{color:var(--green)}

.tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.7em;padding:1px 6px;margin-left:7px;border-radius:999px;background:#edf0e9;color:#52634f;font-size:.8em;line-height:1.5;font-weight:650;font-variant-numeric:tabular-nums;vertical-align:middle}nav button.selected .tab-count{background:#3d4c46;color:#e4efdc}.inbox-tabs button,.toolbar nav button{white-space:nowrap}

button.delete-request{color:#873f32;background:transparent;border:1px solid #e4d9d5;font-size:.85rem;padding:.55rem .8rem;margin-left:auto}button.delete-request:hover{background:#f9eeeb}dialog.delete-confirm{border:1px solid #dedfd7;border-radius:18px;padding:28px;max-width:500px;width:calc(100% - 40px);color:#222e29;background:#fff}dialog.delete-confirm::backdrop{background:rgba(15,25,20,.45)}dialog.delete-confirm h2{font-size:1.35rem;margin:0 0 18px}dialog.delete-confirm p{line-height:1.6}dialog.delete-confirm .actions{justify-content:flex-end;margin-top:22px}dialog.delete-confirm button.delete-request{margin-left:0}dialog.delete-confirm [role=alert]{color:#873f32}button:disabled{cursor:wait}

.message.incoming.request-message {
  background: #2d4d3e;
  border-color: #2d4d3e;
  color: #ffffff;
}
.message.incoming.request-message p {
  color: #ffffff;
}
.message.incoming.request-message small {
  color: #d7e2da;
}

/* Statussen: alle filters blijven bereikbaar op kleine schermen. */
.toolbar{flex-wrap:wrap}.toolbar nav{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.toolbar nav button{white-space:nowrap}