.backend .staff-block{margin:24px 0;padding:26px;border:1px solid #dce5ef;border-top:4px solid #3778cb;border-radius:16px;background:#fff;box-shadow:0 6px 24px #13365708}.backend .staff-block h2{font-size:21px;margin:12px 0}.backend .staff-status{border-top-color:#d99b28}.backend .staff-approve,.backend .staff-labels{border-top-color:#279677}.backend .staff-history{border-top-color:#8c6ab8}.backend .staff-visibility{display:inline-block;padding:5px 11px;border-radius:20px;font-size:11px;font-weight:750;letter-spacing:.2px}.backend .staff-visibility.shared{background:#e8f7f1;color:#12664c}.backend .staff-visibility.private{background:#fff4d9;color:#795312}.backend .staff-jump{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.backend .staff-jump a{background:#fff;border:1px solid #cfdaeb;color:#1a3f77;padding:10px 16px;border-radius:9px;text-decoration:none;font-size:13px;font-weight:650}.backend .staff-customer-note{background:#f4f7fc;border-radius:10px;padding:16px 20px;margin-top:22px;border-left:3px solid #8ba9d2}.backend .staff-customer-note h3{margin:0;font-size:14px}.backend .staff-conversation{margin:28px 0;padding:22px;border:1px solid #badbd5;border-top:4px solid #299b8b;border-radius:16px;background:#fff}.backend .staff-conversation .return-chat{margin:14px 0 0;border:0;background:#f5faf9;padding:22px}.backend .staff-conversation .chat-messages{max-height:380px}.backend .staff-conversation .chat-compose{background:#fff;padding:18px;border:1px solid #d5e5e1;border-radius:12px}.backend .staff-conversation textarea{min-height:100px}.backend .staff-conversation .chat-heading a{background:#e7efed;color:#205e52;border-radius:8px;padding:10px 14px;text-decoration:none;font-size:12px}.backend .staff-history .return-timeline-heading{border:0;padding:0;margin-top:0}.backend .staff-labels .hint{margin:0;background:#f1faf6;border:0;border-radius:12px}.backend .staff-sync summary{cursor:pointer;font-weight:700;color:#52647b}.backend .staff-sync{padding:18px 24px}.backend .staff-block input,.backend .staff-block select,.backend .staff-block textarea{max-width:100%;font-size:16px}.backend .staff-actions{scroll-margin-top:20px}.backend .staff-block,.backend .staff-conversation{scroll-margin-top:20px}.backend .staff-conversation input[type=file]::file-selector-button{background:#1a3f77;color:#fff;border:0;border-radius:6px;padding:9px 12px;margin-right:12px}@media(max-width:700px){.backend .staff-block,.backend .staff-conversation{padding:18px 14px}.backend .staff-conversation .return-chat{padding:14px 8px}.backend .staff-conversation .chat-compose{padding:14px}.backend .staff-jump a{flex:1 1 40%;text-align:center}.backend .staff-conversation .chat-heading{align-items:flex-start}.backend .staff-block h2{font-size:19px}}

/* Staff conversations open on their own page from the return details. */
.backend .staff-message-launcher{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding-top:20px;border-top:1px solid #e0e8f3;scroll-margin-top:24px}
.backend .staff-message-launcher p{margin:0;color:#60718b;font-size:14px;line-height:1.6}
.backend .staff-message-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0;min-height:48px;padding:13px 20px;border:1px solid #175dd5;border-radius:10px;background:#175dd5;color:#fff;text-decoration:none;font-size:15px;font-weight:750;line-height:1.4;box-shadow:0 4px 12px #175dd51a;transition:background .15s,border-color .15s}
.backend .staff-message-button:hover{background:#124bab;border-color:#124bab}
.backend .staff-message-button:focus-visible{outline:3px solid #e7a51b;outline-offset:3px}
.backend .staff-message-count{background:#fff;color:#174a96;border-radius:20px;padding:3px 9px;font-size:12px;white-space:nowrap}
.backend .staff-chat-page{max-width:1200px;margin:24px auto;border-top:4px solid #175dd5;border-radius:18px}
.backend .staff-chat-page .conversation-page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #e0e8f3;padding-bottom:20px}
.backend .staff-chat-page h1{font-size:clamp(21px,3vw,30px);overflow-wrap:anywhere;margin:8px 0}
.backend .staff-chat-page .conversation-page-heading p{margin:0;color:#60718b}
.backend .staff-chat-page .return-chat{margin:24px 0 0;background:#f6f9fe;border-color:#d8e3f3;padding:24px}
.backend .staff-chat-page .chat-compose{background:#fff;border:1px solid #d8e3f3;border-radius:12px;padding:20px}
.backend .staff-chat-page .chat-messages{max-height:55vh;min-height:140px;overscroll-behavior:contain}
@media(max-width:700px){.backend .staff-message-launcher,.backend .staff-chat-page .conversation-page-heading{flex-direction:column;align-items:stretch;gap:14px}.backend .staff-message-launcher .staff-message-button{width:100%;box-sizing:border-box}.backend .staff-chat-page{padding:20px 14px}.backend .staff-chat-page .return-chat{padding:16px 10px}.backend .staff-chat-page .chat-compose{padding:16px 12px}.backend .staff-chat-page .chat-messages{max-height:50vh}.backend .staff-chat-page .chat-bubble{max-width:100%;box-sizing:border-box}}

.backend .staff-delete{border-top-color:#c33445;background:#fffafb}
.backend .staff-visibility.delete{background:#fee9ed;color:#9a2135}
.backend .staff-delete p{line-height:1.6}
.backend .staff-delete summary{display:inline-block;cursor:pointer;color:#9a2135;background:#fff;border:1px solid #edb2bc;border-radius:8px;padding:12px 16px;font-weight:700}
.backend .staff-delete details[open] summary{margin-bottom:16px}
.backend .staff-delete form{padding-top:8px;border-top:1px solid #f0d6dc}
.backend .staff-delete-button{background:#b42338;color:#fff;border:1px solid #b42338}
.backend .staff-delete-button:hover{background:#8d1c2c}
.backend .staff-delete-button:focus-visible,.backend .staff-delete summary:focus-visible{outline:3px solid #e7a51b;outline-offset:3px}
@media(max-width:600px){.backend .staff-delete-button,.backend .staff-delete summary{width:100%;box-sizing:border-box;text-align:center}}

/* Full-card navigation and a clear destination for each return status. */
.backend .stats .stat{display:flex;flex-direction:column;position:relative;cursor:pointer;text-decoration:none;box-sizing:border-box;transition:box-shadow .15s ease,background .15s ease}
.backend .stats .stat:hover{background:#f6f9ff;box-shadow:0 5px 18px #1a3f771a}
.backend .stats .stat:focus-visible{outline:3px solid #175dd5;outline-offset:3px}
.backend .stats .stat[aria-current="page"]{background:#edf4ff;box-shadow:0 0 0 2px #175dd5}
.backend .stats .stat[aria-current="page"] small{color:#174b9d;font-weight:700}
.backend .sidebar nav a[aria-current="page"]{background:#edf4ff;color:#174b9d;border-radius:8px;font-weight:700}
.backend #return-requests{scroll-margin-top:24px}
.backend #return-requests:focus-visible{outline:3px solid #175dd5;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.backend .stats .stat{transition:none}}

.backend .staff-outcome{border-top-color:#7952cc;background:#fdfbff}
.backend .staff-outcome form{max-width:760px}
.backend .staff-outcome textarea{min-height:88px}
.backend .staff-outcome button{background:#175dd5;color:#fff}
.backend .staff-replacement{border-top-color:#7952cc}
.backend .staff-replacement button{background:#6a3cba;color:#fff}
.backend .approval-form .label-upload[hidden]{display:none}
@media(max-width:600px){.backend .staff-outcome button,.backend .staff-replacement button{width:100%}}
