/* Shared desktop/mobile refill panel; closed panel has no layout footprint. */
.tr-panel[hidden]{display:none!important}
.tr-panel{min-width:0;margin:0 0 12px;padding:16px;border:1px solid var(--line,var(--border));border-radius:var(--radius,10px);background:var(--surface,var(--card));color:var(--ink,var(--text));font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.tr-panel h2{font-size:20px;margin:0}.tr-panel h3{font-size:16px;margin:14px 0 8px}.tr-panel h4{font-size:14px;margin:0 0 6px}.tr-panel p{margin:6px 0}
.tr-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.tr-note,.tr-status{font-size:12px;color:var(--ink-2,var(--text-muted))}
.tr-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.tr-button{min-height:44px;max-width:100%;padding:8px 12px;border:1px solid var(--line-2,var(--border));border-radius:var(--radius,8px);color:var(--ink,var(--text));background:var(--surface,var(--card));font:inherit;cursor:pointer}
.tr-button:disabled{opacity:.6;cursor:default}.tr-button:focus-visible,.tr-panel input:focus-visible,.tr-panel select:focus-visible,.tr-panel summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.tr-event{padding:10px 0;border-top:1px solid var(--line,var(--border))}.tr-event .tr-event{padding-left:10px;border-left:2px solid var(--line,var(--border))}
.tr-form{border:1px solid var(--line-2,var(--border));background:var(--bg-sunken,var(--surface));border-radius:var(--radius,8px);padding:12px;margin:12px 0}
.tr-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tr-field{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:12px}
.tr-field input,.tr-field select{width:100%;min-width:0;max-width:100%;box-sizing:border-box;min-height:44px;border:1px solid var(--line-2,var(--border));border-radius:6px;background:var(--surface,var(--card));color:var(--ink,var(--text));font:inherit;font-size:16px;padding:8px}
.tr-form-message{font-weight:600}.tr-learning summary,.tr-original summary{min-height:44px;padding:10px 0;cursor:pointer}
@media(max-width:650px){.tr-panel{padding:12px}.tr-form-grid{grid-template-columns:1fr}.tr-form{padding:10px}.tr-heading h2{font-size:18px}}