/* Authenticated repair workspace only; public QR and printed documents retain their own styles. */
@media screen{
.rr.rr-app{max-width:none;margin:0;padding:25px;border:1px solid var(--line);border-radius:12px;background:var(--surface,#fff);color:var(--dark);font-family:inherit;line-height:1.8;min-width:0}
.rr-app h2{font-size:19px;margin:24px 0 14px;color:var(--dark)}
.rr-app .rr-box{padding:24px;margin:22px 0;border:1px solid var(--line);border-radius:12px;background:var(--surface,#fff)}
.rr-app .rr-box>h2:first-child{margin-top:0}
.rr-app p{margin:10px 0;overflow-wrap:anywhere}
.rr-app .rr-muted,.rr-app .rr-foot{color:var(--muted)}
.rr-app label{font-weight:400;margin:0 0 12px;font-size:14px;color:var(--dark)}
.rr-app input,.rr-app select,.rr-app textarea{border:1px solid var(--line);border-radius:7px;color:var(--dark);background:var(--surface,#fff);margin-top:6px;min-height:44px}
.rr-app textarea{display:block;line-height:1.8}
.rr-app input[type=checkbox]{min-height:20px;margin:0 8px 0 0}
.rr-app .rr-grid{gap:18px 24px}
.rr-app .rr-button,.rr-app button{border:1px solid var(--line);border-radius:7px;background:var(--surface,#fff);color:var(--green);padding:9px 16px;margin:10px 10px 10px 0;min-height:44px;line-height:1.8}
.rr-app .rr-button:hover,.rr-app button:hover{background:var(--pale)}
.rr-app button.primary{background:var(--green);border-color:var(--green);color:#fff}
.rr-app button.primary:hover{filter:brightness(.94)}
.rr-app :focus-visible{outline:2px solid #76bda0;outline-offset:3px}
.rr-app .rr-tools{display:flex;flex-wrap:wrap;gap:16px;align-items:end;padding:20px;border:1px solid var(--line);border-radius:12px;margin:22px 0}
.rr-app .rr-tools>label{flex:1 1 210px;min-width:0;margin:0}
.rr-app .rr-tools>button{margin:0;flex:0 0 auto}
.rr-app .rr-scroll{margin:18px 0 24px;border:1px solid var(--line);border-radius:10px;max-width:100%;overflow-x:auto}
.rr-app table{font-size:14px;width:100%;border-collapse:collapse}
.rr-app th,.rr-app td{color:var(--dark);border-bottom:1px solid var(--line);padding:14px 16px;background:var(--surface,#fff);vertical-align:top}
.rr-app th{background:var(--pale);font-weight:600;white-space:nowrap}
.rr-app tbody tr:last-child td{border-bottom:0}
.rr-app td .rr-button{margin:0;white-space:nowrap}
.rr-app .rr-badge{display:inline-block;border:1px solid var(--line);background:var(--pale);color:var(--green);border-radius:30px;padding:5px 12px;font-size:13px}
.rr-app .rr-message{border:1px solid var(--line);background:var(--pale);color:var(--dark);border-radius:8px;padding:14px 18px}
}
@media screen and (max-width:640px){.rr.rr-app{padding:16px}.rr-app .rr-box{padding:16px}.rr-app .rr-tools{padding:16px;gap:14px}.rr-app .rr-tools>label{flex-basis:100%}.rr-app .rr-tools>button{width:100%}.rr-app .rr-grid{grid-template-columns:1fr;gap:14px}.rr-app th,.rr-app td{padding:12px}.rr-app .rr-button,.rr-app button{max-width:100%}}

/* Compact return controls beneath the approval form, only in the staff workspace. */
@media screen{
.rr-app .rd-return-form{max-width:960px;padding:16px;box-sizing:border-box}
.rr-app .rd-return-form h2{font-size:18px;margin:0 0 10px}
.rr-app .rd-return-fields{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:12px 18px;align-items:start}
.rr-app .rd-return-fields label{min-width:0;margin:0}
.rr-app .rd-return-fields select,.rr-app .rd-return-fields textarea{width:100%;box-sizing:border-box}
.rr-app .rd-return-fields textarea{min-height:72px;resize:vertical}
.rr-app .rd-return-form button{margin:12px 0 0;padding:7px 14px}
}
@media screen and (max-width:760px){.rr-app .rd-return-fields{grid-template-columns:minmax(0,1fr)}}