:root{font-family:system-ui,-apple-system,Arial,sans-serif;color:#161616;background:#f3f1ee}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{border:0;background:#181818;color:#fff;padding:11px 14px;border-radius:10px;cursor:pointer}button:hover{opacity:.86}button.secondary{background:#eee;color:#222}input,textarea{width:100%;border:1px solid #d4d4d4;background:white;padding:11px;border-radius:9px;resize:vertical}input[type=checkbox]{width:auto}h1,h2,p{margin-top:0}h2{font-size:1.06rem}header{display:flex;align-items:center;gap:12px;background:#141414;color:#fff;padding:15px}header small{display:block;font-size:11px;color:#ccc;font-weight:normal;margin-top:4px}.mark{display:grid;place-items:center;flex-shrink:0;width:39px;height:39px;border:1px solid #c4a15d;color:#e1bd77;border-radius:50%;font-family:Georgia,serif;font-size:16px}.chat{display:flex;flex-direction:column;max-width:680px;height:100dvh;margin:auto;background:white;box-shadow:0 0 30px #0001}.chat #history{flex:1;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:18px}.bubble{padding:12px 14px;border-radius:15px;max-width:88%;white-space:pre-wrap;line-height:1.5;overflow-wrap:anywhere;font-size:14px}.bubble.bot{background:#f0f0f0;align-self:flex-start}.bubble.user{background:#212121;color:white;align-self:flex-end}.bubble.staff{background:#fff3db;align-self:flex-start}.chat-bottom{padding:12px 15px;border-top:1px solid #eee}#chatForm{display:flex;gap:8px;align-items:center}#chatForm textarea{flex:1}.notice{font-size:11px;color:#777;margin:10px 0 0}.linklike{border:0;background:transparent;color:#635029;text-decoration:underline;padding:4px 0;margin-bottom:7px;font-size:13px}#contactPane{padding:12px;background:#fbfaf8;border:1px solid #eee;border-radius:12px;margin-bottom:12px}#contactPane input,#contactPane textarea{margin:5px 0}.consent{display:flex;align-items:flex-start;gap:8px;font-size:12px;margin:8px 0}.admin{max-width:1160px;margin:0 auto}.admin h1{font-size:20px;margin:0;flex:1}.admin nav{display:flex;gap:10px;flex-wrap:wrap;margin:18px}.admin #dashboard{padding:0 15px 25px}.panel{background:white;border:1px solid #ddd;border-radius:12px;padding:18px;margin:18px}.admin button{margin:3px}.listrow{border-bottom:1px solid #e3e3e3;padding:12px 0}.listrow:last-child{border-bottom:0}.muted{color:#777;font-size:13px}.two{display:grid;grid-template-columns:1fr 1.5fr;gap:14px}@media(max-width:760px){.two{grid-template-columns:1fr}.admin nav{margin:12px}.panel{margin:10px}}#adminContent textarea{min-height:110px}#adminContent input,#adminContent textarea{margin:5px 0}.message{margin:8px 0;padding:9px;border-radius:8px;background:#f4f4f4;white-space:pre-wrap}.message.visitor{background:#f0f3fa}.message.admin{background:#fff5df}


/* Inkie 2026-10-29: compacte, native keuzerondjes naast de artiestnaam. */
#contactPane #artistChoice label{
  min-height:44px;
  max-width:100%;
  white-space:nowrap;
}
#contactPane #artistChoice input[type="radio"]{
  width:20px;
  height:20px;
  min-width:20px;
  flex:0 0 20px;
  padding:0;
  margin:0;
  appearance:auto;
  -webkit-appearance:radio;
}

/* Contactinstellingen: leesbaar op telefoon en desktop. */
.contact-availability{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
#artistChoice label:has(input:disabled){opacity:.55}
.contact-settings-form label{display:block;margin:12px 0 5px}
.contact-settings-form input[type=checkbox]{width:20px;height:20px;vertical-align:middle;margin-right:8px}
.contact-settings-form textarea{min-height:230px;line-height:1.5}
.contact-settings-form .availability-text{min-height:85px}
.contact-settings-form fieldset{min-width:0;margin:18px 0;padding:15px;border:1px solid #ccc;border-radius:10px}
.contact-settings-form input,.contact-settings-form textarea{font-size:16px}
.contact-settings-form .settings-status{white-space:pre-wrap;overflow-wrap:anywhere}