/* COPY of thrivari/dash/public/problem.css with the booking site's own colors on top (its --ink is the dark ground). */
.rbug-tab, .rbug-ov{--accent:var(--tan); --on-accent:var(--ink); --surface-1:var(--paper); --surface-2:var(--raise); --surface-3:var(--raise-2);
  --text:var(--t1); --text-2:var(--t2); --text-3:var(--t3); --separator:var(--hair); --scrim:rgba(5,10,16,.62); --shadow:rgba(0,0,0,.5); --paper-2:var(--raise); --on-ink:var(--ink)}
@keyframes thvUp{from{transform:translateY(100%)}} @keyframes thvPop{from{opacity:0; transform:scale(.96)}}
.rbug-tab{position:fixed; left:0; top:62%; z-index:2147483000; touch-action:none; user-select:none; -webkit-user-select:none; width:30px; height:44px; border:0;
  border-radius:0 10px 10px 0; background:var(--paper-2); color:var(--accent); display:flex; align-items:center; justify-content:center; box-shadow:0 2px 8px var(--shadow); cursor:pointer; padding:0}
.rbug-tab:focus-visible{outline:3px solid var(--accent); outline-offset:2px}
.rbug-tab.is-right{left:auto; right:0; border-radius:10px 0 0 10px} .rbug-tab.is-right .rbug-badge{right:auto; left:-8px}
.rbug-tab.is-dragging{transition:none; opacity:.85}
.rbug-tab .rbug-badge{position:absolute; top:-6px; right:-8px; min-width:18px; height:18px; padding:0 5px; border-radius:9px; background:var(--green); color:var(--on-ink); font:700 11px/18px -apple-system, system-ui, sans-serif}
.rbug-ov{position:fixed; inset:0; z-index:2147483001; background:var(--scrim); display:flex; align-items:flex-end; justify-content:center; overscroll-behavior:contain; touch-action:none}
.rbug-ov .rbug{touch-action:pan-x pan-y; overscroll-behavior:contain}
.rbug .rbug-grab{width:40px; height:5px; border-radius:3px; background:var(--surface-3); margin:-8px auto 12px}
.rbug:focus{outline:none}
.rbug{box-sizing:border-box; width:100%; max-width:560px; max-height:92vh; overflow-y:auto; -webkit-overflow-scrolling:touch; background:var(--surface-1); color:var(--text);
  border-radius:20px 20px 0 0; padding:20px 16px calc(16px + env(safe-area-inset-bottom, 0px)); font:15px/1.4 inherit; text-align:left; animation:thvUp .34s cubic-bezier(.32,.72,0,1)}
@media (min-width:761px){ .rbug-ov{align-items:center} .rbug{border-radius:20px; animation:thvPop .2s ease-out} }
.rbug .rbug-off{display:none !important} .rbug [hidden]{display:none !important}
.rbug *{box-sizing:border-box}
.rbug h2{margin:0 0 4px; font-size:20px; font-weight:700}
.rbug .rbug-l{display:block; font-weight:600; font-size:14px; margin:18px 0 8px}
.rbug .rbug-hint{display:block; font-weight:400; color:var(--text-3); font-size:13px; margin:6px 2px 0}
.rbug .rbug-f{position:relative}
.rbug .rbug-f textarea{display:block; width:100%; min-height:96px; resize:vertical; font-size:16px; line-height:1.4; font-family:inherit; color:var(--text); background:var(--surface-2);
  border:0; border-radius:12px; padding:12px 14px; box-shadow:inset 0 0 0 1px var(--separator); -webkit-appearance:none; overscroll-behavior:contain}
.rbug .rbug-f textarea:focus{outline:none; box-shadow:inset 0 0 0 2px var(--accent)}
.rbug .rbug-sev{display:grid; gap:8px}
.rbug .rbug-opt{--c:var(--accent); display:grid; grid-template-columns:34px 1fr 20px; gap:10px; align-items:center; background:var(--surface-2); border-radius:12px; padding:10px 12px; cursor:pointer; box-shadow:inset 4px 0 0 var(--c)}
.rbug .rbug-ic{width:34px; height:34px; border-radius:50%; display:grid; place-items:center; color:var(--c); background:color-mix(in srgb, var(--c) 18%, transparent)}
.rbug .rbug-opt input{margin:0; width:18px; height:18px; accent-color:var(--c); justify-self:end}
.rbug .rbug-opt b{display:block; font-size:15px} .rbug .rbug-opt span{color:var(--text-2); font-size:13px}
.rbug .rbug-opt:has(input:checked){box-shadow:inset 4px 0 0 var(--c), inset 0 0 0 2px var(--c); background:color-mix(in srgb, var(--c) 10%, var(--surface-2))}
.rbug .rbug-err{color:var(--red); font-size:14px; margin:12px 0 0}
.rbug .rbug-ok{color:var(--green); font-size:15px; margin:12px 0 0; font-weight:600}
.rbug .rbug-acts{display:flex; gap:10px; margin-top:18px}
.rbug .rbug-acts button{flex:1; min-height:48px; border:0; border-radius:12px; font-size:16px; font-weight:600; font-family:inherit; cursor:pointer}
.rbug .rbug-cancel{background:var(--surface-3); color:var(--text)}
.rbug .rbug-send{background:var(--accent); color:var(--on-accent)} .rbug .rbug-send[disabled]{opacity:.6}
.rbug button:focus-visible{outline:3px solid var(--accent); outline-offset:2px}
.rbug .rbug-link{background:none; border:0; padding:4px 0; color:var(--accent); font-size:15px; font-family:inherit; cursor:pointer; white-space:nowrap}
.rbug .rbug-top{display:flex; justify-content:space-between; align-items:baseline; gap:12px; margin-bottom:4px}
.rbug p.rbug-hint{margin:0}
.rbug .rbug-mine{display:grid; gap:8px; margin-top:8px}
.rbug .rbug-item{background:var(--surface-2); border-radius:12px; padding:12px 14px; display:grid; gap:4px}
.rbug .rbug-item .rbug-row{display:flex; justify-content:space-between; gap:10px; align-items:baseline}
.rbug .rbug-item b{font-size:15px} .rbug .rbug-item small{color:var(--text-3); font-size:13px}
.rbug .rbug-item p{margin:0; color:var(--text-2); font-size:14px} .rbug .rbug-item .rbug-done{color:var(--text); font-size:14px}
.rbug .rbug-pill{font-size:12px; font-weight:700; padding:2px 8px; border-radius:999px; background:var(--surface-3); color:var(--text-2); white-space:nowrap}
.rbug .rbug-pill.is-fixed{background:var(--green); color:var(--on-ink)}