/* Pagina "Rit doorgeven" (/rit/): voor ritverantwoordelijken, gemaakt voor de gsm. Bouwt voort op styles.css. */
.rit{max-width:1040px;margin:0 auto;padding:0 var(--pad) 90px}
.rit-head{max-width:620px;margin:0 auto;padding:40px 0 18px;text-align:center}
.rit-head h1{margin:6px 0 6px;font-size:clamp(38px,6vw,64px);letter-spacing:-2px;line-height:1}
.rit-head h1 i,.rit h2 i{color:var(--accent-text)}
.rit-head p:last-child{margin:0;color:var(--muted);font-size:14px}
.rit-card{max-width:460px;margin:0 auto;padding:20px;border:1px solid var(--line);border-radius:var(--r-panel);background:var(--card)}
.rit h2{margin:0 0 8px;font-size:26px;letter-spacing:-.8px}
.rit-lead{margin:0 0 12px;color:var(--muted);font-size:14px;line-height:1.5}
.rit label{display:block;margin:14px 0 6px;color:var(--muted);font-size:12px;font-weight:700}
.rit input[type=email],.rit input[type=tel],.rit input[type=text],.rit input[type=search],.rit input[type=date],.rit input[type=time],.rit select{width:100%;min-height:46px;padding:10px 13px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit;font-size:16px}
.rit input[type=file]{width:100%;padding:12px;border:1px dashed var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit;font-size:14px}
.rit input:focus-visible,.rit select:focus-visible,.rit button:focus-visible,.rit a:focus-visible,.rit-chips input:focus-visible+span,.rit-groups input:focus-visible+span,.rit-tabs input:focus-visible+span{outline:3px solid var(--gold);outline-offset:2px}
.rit-code{max-width:220px;font-size:26px!important;font-weight:800;letter-spacing:8px;text-align:center}
.rit-trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.rit-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:16px;padding:10px 18px;border:0;border-radius:999px;background:var(--cta);color:#fff;font:inherit;font-size:15px;font-weight:800;cursor:pointer;text-align:center}
.rit-btn:hover{background:var(--cta-hover)}
.rit-btn[disabled]{opacity:.6;cursor:progress}
.rit-btn.is-gold{background:var(--gold);color:#201f22}
.rit-btn.is-gold:hover{filter:brightness(1.06)}
.rit-btn.is-wa{background:#25d366;color:#0b2914}
.rit-btn.is-line{margin-top:10px;border:1px solid var(--line);background:transparent;color:var(--ink);font-weight:700}
.rit-btn.is-line:hover{border-color:var(--gold);background:transparent}
.rit-link{margin-top:10px;padding:4px 0;border:0;background:none;color:var(--accent-text);font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.rit-hint{margin:10px 0 0;color:var(--muted);font-size:12.5px;line-height:1.5}
.rit-check{margin:12px 0 0;font-size:13px;line-height:1.5}
.rit-status{min-height:1.4em;margin:10px 0 0;font-size:14px;font-weight:700}
.rit-status.is-error{color:var(--accent-text)}
.rit-status.is-ok{color:#8fd694}
.rit-loading{color:var(--muted)}
.rit-who{display:flex;justify-content:space-between;align-items:center;gap:10px;max-width:520px;margin:0 auto 6px;padding:6px 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface-deep);color:var(--muted);font-size:13px}
.rit-who b{color:var(--ink)}.rit-who .rit-link{margin:0}
.rit-form{display:grid;grid-template-columns:minmax(0,1fr);gap:0 28px}
.rit fieldset{margin:0;padding:0;border:0;min-width:0}
.rit-q{margin:18px 0 8px;padding:0;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase}
.rit-chips,.rit-groups{display:flex;flex-wrap:wrap;gap:8px}
.rit-chips label,.rit-groups label,.rit-tabs label{position:relative;margin:0;cursor:pointer}
.rit-chips input,.rit-groups input,.rit-tabs input{position:absolute;opacity:0;pointer-events:none}
.rit-chips span{display:block;min-width:112px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;color:var(--ink);font-size:14px;font-weight:800;line-height:1.25}
.rit-chips small{display:block;color:var(--muted);font-size:11.5px;font-weight:600}
.rit-chips input:checked+span{border-color:var(--gold);background:rgba(242,191,50,.16)}
.rit-groups span{display:grid;place-items:center;min-width:44px;height:44px;padding:0 10px;border:1px solid var(--line);border-radius:999px;color:var(--ink);font-size:15px;font-weight:800}
.rit-groups input:checked+span{border-color:var(--accent);background:var(--accent);color:#fff}
.rit-other{max-width:260px}
.rit-tabs{display:flex;padding:3px;margin:0 0 10px;border:1px solid var(--line);border-radius:999px;background:var(--surface-deep)}
.rit-tabs label{flex:1}
.rit-tabs span{display:block;padding:9px 6px;border-radius:999px;color:var(--muted);font-size:13px;font-weight:800;text-align:center}
.rit-tabs input:checked+span{background:var(--gold);color:#201f22}
.rit-list{max-height:260px;margin-top:8px;overflow:auto;border:1px solid var(--line);border-radius:12px}
.rit-list button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:14px;text-align:left;cursor:pointer}
.rit-list button:first-child{border-top:0}
.rit-list button[aria-selected=true]{background:rgba(242,191,50,.14)}
.rit-list svg{flex:none;width:26px;height:26px}
.rit-list path{fill:none;stroke:var(--gold);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.rit-list em{margin-left:auto;color:var(--muted);font-size:12px;font-style:normal;white-space:nowrap}
.rit-list p{margin:0;padding:12px;color:var(--muted);font-size:13px}
.rit-small{display:flex!important;align-items:center;gap:8px;font-weight:600!important;font-size:13px!important;color:var(--ink)!important}
.rit-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:10px}
.rit-send{max-width:460px}
.rit-mail{margin:0 0 6px;color:var(--gold);font-size:30px;line-height:1;text-align:center}
.rit-other-login{max-width:460px;margin:16px auto 0;color:var(--muted);font-size:13px;text-align:center}
.rit-other-login a{color:var(--accent-text);font-weight:700}
.rit-loading{text-align:center}
.rit-done{text-align:center}
.rit-ok{display:grid;place-items:center;width:62px;height:62px;margin:4px auto 10px;border-radius:50%;background:rgba(116,190,120,.18);color:#8fd694;font-size:32px}
.rit-preview{margin:6px 0 4px;padding:12px;border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:12px;background:var(--bg);text-align:left}
.rit-preview small{color:var(--accent-text);font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}
.rit-preview h3{margin:4px 0 6px;font-size:17px}
.rit-preview p{margin:0;color:var(--muted);font-size:13px}
@media(min-width:800px){
  .rit-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"day route" "grp route" "time route" "send send";grid-template-rows:auto auto 1fr auto;align-items:start}
  .rit-day{grid-area:day}.rit-route{grid-area:route}.rit-grp{grid-area:grp}.rit-time{grid-area:time;margin-top:4px}.rit-send{grid-area:send}
  .rit-send .rit-btn{max-width:300px}
}
[data-theme="light"] .rit-chips input:checked+span,[data-theme="light"] .rit-list button[aria-selected=true]{background:rgba(216,165,20,.16)}
[data-theme="light"] .rit-q{color:#8a6400}