/* Report a problem (js/front/report.js): the sheet, its buttons on orders, the trip and the receipt. */
#rpt{z-index:57;top:auto;max-height:92svh;border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:0 -20px 60px -20px rgba(15,23,42,.5);background-image:var(--tonga);background-size:128px 128px}
.rpt-sub{display:block;color:var(--ink-2);font-size:13px;margin-top:2px}
.rpt-q{display:block;margin:14px 0 8px;font-weight:800}
.rpt-cats{display:flex;flex-wrap:wrap;gap:8px}
.rpt-cats .chip{min-height:42px;padding:0 14px;font-size:13.5px}
.rpt-cats .chip.on{background:var(--midnight);border-color:var(--midnight);color:#fff}
.rpt-sos{margin-top:10px;padding:10px 12px;border-radius:var(--r-sm);background:#FEE2E2;color:#991B1B;font-weight:700;font-size:14px}
.rpt-ta{display:block;width:100%;box-sizing:border-box;min-height:120px;padding:12px;border-radius:var(--r);border:1.5px solid var(--line-2);background:#fff;font:500 15px/1.45 var(--sans);color:inherit;resize:vertical}
.rpt-ta:focus{outline:none;border-color:var(--midnight)}
.rpt-count{display:block;text-align:right;color:var(--ink-3);font-size:12px;margin-top:4px}
.rpt-note{margin:8px 0 12px;color:var(--ink-2);font-size:13px}
.rpt-msg{min-height:0;margin:0 0 8px;font-size:14px}
.rpt-msg.bad{color:#B91C1C;font-weight:700}
#rptBody>.btn{width:100%}
.rpt-done{display:flex;align-items:center;gap:10px;margin:8px 0 6px;padding:14px;border-radius:var(--r);background:#DCFCE7;color:#14532D}
.rpt-done .ic{width:22px;height:22px;flex:none}
.rpt-past{margin-top:18px}
.rpt-past h3{font:800 17px/1.2 var(--serif);margin-bottom:6px}
.rpt-row{padding:10px 12px;margin-top:8px;border-radius:var(--r);background:#fff;border:1px solid var(--line)}
.rpt-rh{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rpt-row small{color:var(--ink-2);font-size:12.5px}
.rpt-st{margin-left:auto;padding:3px 9px;border-radius:99px;font-size:12px;font-weight:700;background:#E2E8F0;color:var(--midnight)}
.rpt-st.progress{background:#DBEAFE;color:#1E3A8A}
.rpt-st.closed{background:#DCFCE7;color:#14532D}
.rpt-reply{margin:8px 0 0;font-size:14px}
/* the button: quiet, under the other actions */
.rpt-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.racts:has(.rpt-btn),.oacts:has(.rpt-btn){flex-wrap:wrap}
.racts .rpt-btn,.oacts .rpt-btn{flex:1 1 100%;order:9;min-height:40px;font-size:13.5px;background:transparent;box-shadow:none;border-style:dashed}
.tripsheet .rpt-btn{width:100%;margin-top:8px;min-height:40px;font-size:13.5px;background:transparent;box-shadow:none}
.info-in .rpt-btn{width:100%;margin-top:10px}
@media print{body.print-rcpt .rpt-btn{display:none!important}}