/* Customer presentation; saved theme colours remain authoritative. */
.customer{background:radial-gradient(ellipse at 5% 12%,#dcecff70,transparent 45%),radial-gradient(ellipse at 98% 70%,#d9f5ed60,transparent 40%),var(--page-background);min-height:100vh}.customer main{max-width:1180px;padding:36px 24px 52px}.customer header{box-shadow:0 4px 24px #132c4c1a}.customer .card{border:1px solid #dce6f1;border-radius:24px;padding:32px;box-shadow:0 12px 40px #173c7010;margin:20px 0}.customer .narrow{max-width:610px;border-top:5px solid var(--blue);padding:36px}.customer h1{font-size:clamp(1.65rem,4vw,2.35rem);letter-spacing:-.7px;overflow-wrap:anywhere}.customer h2{overflow-wrap:anywhere}.customer .eyebrow{display:inline-block;font-size:11px;letter-spacing:1.8px}.customer label{font-size:14px;color:#263f5f}.customer input,.customer select,.customer textarea{border:1px solid #c8d6e7;border-radius:11px;padding:13px 14px;font-size:16px;min-width:0;max-width:100%;transition:border-color .15s,box-shadow .15s}.customer input:focus,.customer select:focus,.customer textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #175dd515}.customer button,.customer .return-button{min-height:46px;border-radius:11px;font-size:14px;padding:13px 20px}.customer .narrow form>button{width:100%;margin-top:10px}.customer .hint,.customer .return-help{border-radius:12px;border:1px solid #caddf5;border-left:4px solid var(--blue);background:#eff6ff;color:#254b76;line-height:1.65}.customer .notice{background:#ecfaf2;border-color:#a4d9bc;color:#155b38}.customer .error{background:#fff1f2;border-color:#efb8c0;color:#992a3a}.customer .item{border:1px solid #dbe6f2;border-top:3px solid #6595df;background:linear-gradient(135deg,#f7faff,#fff 55%);border-radius:16px;padding:22px;margin:20px 0}.customer .item:nth-of-type(even){border-top-color:#29a993}.customer .columns{grid-template-columns:minmax(110px,.7fr) minmax(180px,1.4fr) minmax(180px,1.4fr);gap:16px}.customer .outcome-picker{border:1px solid #cdddef;background:#f7faff;border-radius:16px;padding:20px;min-width:0}.customer .outcome-picker legend{font-weight:750;padding:0 8px;color:#1a3f77}.customer .outcome-options label{border-radius:12px;background:#fff}.customer .outcome-options label:has(input:checked){border-color:var(--blue);background:#eaf2ff;box-shadow:0 0 0 2px #175dd515}.customer .outcome-options input{width:auto}.customer .badge{font-size:12px;font-weight:750;padding:7px 14px;border:1px solid #c7d9f5}.customer .badge[data-status=Pending]{background:#fff5db;color:#815000;border-color:#edd397}.customer .badge[data-status=Approved]{background:#eaf2ff;color:#174a96}.customer .badge[data-status=Received]{background:#f1eaff;color:#64428e;border-color:#d8c6f0}.customer .badge[data-status=Refunded],.customer .badge[data-status=Completed]{background:#e8f8ef;color:#17643e;border-color:#b5dec6}.customer .badge[data-status=Rejected]{background:#fff0f2;color:#a72d43;border-color:#efbdc7}.customer .badge[data-status=Cancelled]{background:#fff2e7;color:#994614;border-color:#efcfb4}.customer table{font-size:14px}.customer th{color:#526882;font-size:11px;letter-spacing:.6px;text-transform:uppercase}.customer td{padding:18px 12px}.customer .return-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;padding-top:22px;border-top:1px solid #e1e9f3}.customer .return-actions form{margin:0}.customer .return-chat{background:linear-gradient(130deg,#f0f6ff,#f7fbfa);border-radius:20px;border-color:#d4e1f1}.customer .chat-compose{background:#fff;padding:20px;border:1px solid #dae5f1;border-radius:14px}.customer .chat-bubble{box-shadow:0 3px 12px #132c4c08}.customer .chat-mine{background:#e8f6f2;border-color:#b7dbce}.chat-live-status{font-size:12px;color:#18705a;font-weight:650}.chat-new-message{display:block;margin:8px auto}.chat-new-message[hidden]{display:none!important}.customer footer{color:#667c96}.customer .chat-photos img{max-width:100%}.customer input[type=file]::file-selector-button{border:0;border-radius:7px;background:#1a3f77;color:white;padding:10px 12px;margin-right:12px;font-weight:650}.customer input[type=file]{overflow:hidden;background:#f7faff}.customer .return-product>span{overflow-wrap:anywhere}.customer .chat-heading .return-button{font-size:12px}
@media(max-width:900px){.customer .columns{grid-template-columns:1fr 1fr}.customer .condition-field{grid-column:1/-1}.customer main{padding:24px 18px}.customer .card{padding:24px}.customer .outcome-options{flex-wrap:wrap}}
@media(max-width:700px){.customer .scroll{overflow:visible}.customer table,.customer tbody,.customer tr,.customer td{display:block;width:100%}.customer tr:has(th){display:none}.customer tr{border:1px solid #dde7f2;border-radius:14px;margin:14px 0;padding:12px;background:#fff}.customer td{border:0;padding:9px 4px;overflow-wrap:anywhere}.customer td[data-label]::before{content:attr(data-label);display:block;text-transform:uppercase;letter-spacing:.6px;font-size:10px;font-weight:750;color:#697e98;margin-bottom:5px}.customer td[data-label=Product]::before{display:none}.customer td[data-label=Product]{border-bottom:1px solid #e5edf6;padding-bottom:14px;margin-bottom:5px}.customer .return-product{min-width:0}.customer .chat-bubble{max-width:96%}}
@media(max-width:480px){.customer main{padding:14px 10px 28px}.customer .card,.customer .narrow{padding:20px 16px;border-radius:18px}.customer header{padding:16px 14px;gap:10px;align-items:center}.customer .header-logo{max-width:100%;max-height:52px}.customer .columns{grid-template-columns:1fr;gap:0}.customer .item{padding:16px}.customer .outcome-picker{padding:14px}.customer .outcome-options{display:flex;flex-direction:column}.customer .outcome-options label{width:100%;margin:6px 0}.customer .return-actions>*{width:100%}.customer .return-actions button{width:100%}.customer .return-chat{padding:14px 10px}.customer .chat-compose{padding:14px}.customer .chat-compose button{width:100%}.customer .chat-photos img{width:90px;height:80px}.customer .chat-meta{gap:5px}.customer .return-product-heading{align-items:flex-start}.customer .return-product-heading h3{font-size:16px}.customer .brand{overflow-wrap:anywhere}.customer header .back-main{padding:9px 10px}}
@media(prefers-reduced-motion:reduce){.customer *{transition:none!important;scroll-behavior:auto!important}}

.approval-form [hidden]{display:none!important}.approval-form .label-upload{padding:18px;border:1px dashed #8ba9d1;border-radius:10px;background:#f5f9ff}