/* Dubai Appliance Care V4.6.1 — Customer Portal + Booking Tracking */
:root{
  --dac-cp-red:#FF6347;
  --dac-cp-red-dark:#E5533D;
  --dac-cp-maroon:#5A2922;
  --dac-cp-cream:#FFF7F2;
  --dac-cp-peach:#FFF0EA;
  --dac-cp-line:#F0D8D0;
  --dac-cp-text:#352A27;
  --dac-cp-muted:#756763;
  --dac-cp-green:#18B45B;
}
.account-hero{background:radial-gradient(circle at 88% 12%,rgba(255,255,255,.22),transparent 24%),linear-gradient(135deg,#7B3C30,#FF6347)!important}
.account-section{background:#FFF7F2!important}
.account-card{border-color:#F0D8D0!important;box-shadow:0 16px 44px rgba(90,41,34,.07)!important}
.account-card h2,.account-card h3{color:#5A2922!important}
.account-count{background:#FFF0EA!important;color:#FF6347!important}
.ref-label,.text-link,.account-booking-actions .text-link{color:#FF6347!important}
.status-pill{background:#FFF0EA!important;color:#C94F3B!important;border-color:#F0C8BD!important}
.status-pill-completed{background:#EAF9F0!important;color:#168447!important;border-color:#C9EBD6!important}
.status-pill-cancelled{background:#FFF0EF!important;color:#9B2C25!important;border-color:#F0C4BF!important}
.account-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 20px}
.account-stat{background:#fff;border:1px solid #F0D8D0;border-radius:18px;padding:17px 18px;box-shadow:0 10px 30px rgba(90,41,34,.05)}
.account-stat b{display:block;color:#756763;text-transform:uppercase;font-size:10px;letter-spacing:.11em}
.account-stat strong{display:block;color:#5A2922;font-size:28px;line-height:1.1;margin-top:7px}
.account-stat span{display:block;color:#8A756F;font-size:12px;margin-top:4px}
.account-booking{padding:20px 0!important}
.account-booking-actions{margin-top:15px!important}
.customer-detail-wrap{max-width:1120px;margin:0 auto}
.customer-detail-hero{background:linear-gradient(135deg,#7B3C30,#FF6347);padding:46px 0;color:#fff}
.customer-detail-hero .wrap{display:flex;justify-content:space-between;gap:24px;align-items:flex-end}
.customer-detail-hero h1{margin:6px 0 8px;color:#fff;font-size:clamp(30px,4vw,48px)}
.customer-detail-hero p{margin:0;color:#FFF0EA}
.customer-detail-actions{display:flex;gap:9px;flex-wrap:wrap}
.customer-detail-body{background:#FFF7F2;padding:40px 0 70px}
.customer-detail-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.75fr);gap:18px}
.customer-panel{background:#fff;border:1px solid #F0D8D0;border-radius:20px;padding:22px;box-shadow:0 14px 40px rgba(90,41,34,.06);margin-bottom:18px}
.customer-panel h2,.customer-panel h3{color:#5A2922;margin:5px 0 8px}
.customer-panel p{color:#756763}
.customer-ref{font-size:11px;font-weight:900;letter-spacing:.12em;color:#FF6347}
.customer-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:16px}
.customer-data{background:#FFF7F2;border:1px solid #F0D8D0;border-radius:14px;padding:14px}
.customer-data small{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:9px;color:#8A756F;font-weight:900}
.customer-data strong{display:block;color:#5A2922;margin-top:5px}
.customer-progress{padding:10px 4px 4px}
.customer-progress-line{height:6px;background:#F4DDD5;border-radius:99px;position:relative;margin:22px 6% 0}
.customer-progress-line span{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#FF6347,#E5533D);border-radius:99px}
.customer-progress-items{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;margin-top:-17px;position:relative}
.customer-progress-step{text-align:center;color:#A39089}
.customer-progress-step i{display:grid;place-items:center;margin:0 auto 8px;width:30px;height:30px;border-radius:50%;background:#F4E4DE;border:4px solid #fff;font-style:normal;font-size:10px;font-weight:900}
.customer-progress-step b{font-size:9px;line-height:1.2;display:block}
.customer-progress-step.done,.customer-progress-step.current{color:#FF6347}
.customer-progress-step.done i,.customer-progress-step.current i{background:#FF6347;color:#fff}
.customer-progress-step.current i{box-shadow:0 0 0 5px rgba(255,99,71,.12)}
.customer-tech{display:flex;justify-content:space-between;gap:16px;align-items:center;background:linear-gradient(145deg,#FFF7F2,#fff)}
.customer-tech-id{display:flex;align-items:center;gap:13px}
.customer-tech-avatar{width:52px;height:52px;border-radius:16px;background:#FFF0EA;color:#FF6347;display:grid;place-items:center;font-weight:950;font-size:17px;overflow:hidden}
.customer-tech-avatar img{width:100%;height:100%;object-fit:cover}
.customer-tech p{margin:3px 0 0;font-size:13px}
.customer-actions-grid{display:grid;gap:9px}
.customer-actions-grid .btn{margin:0}
.customer-quote{border:1px solid #F0D8D0;background:#FFFDFB;border-radius:16px;padding:17px;margin-top:13px}
.customer-quote-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.customer-quote-head strong{color:#5A2922}
.customer-money{color:#FF6347!important;font-weight:950;font-size:20px}
.customer-line-items{width:100%;border-collapse:collapse;margin-top:12px;font-size:13px}
.customer-line-items th,.customer-line-items td{padding:8px 6px;border-bottom:1px solid #F4E4DE;text-align:left}
.customer-line-items th{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#8A756F}
.customer-payment-row{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #F4E4DE}
.customer-payment-row:first-child{border-top:0}
.customer-payment-row b{color:#5A2922}
.customer-payment-row span{color:#756763;font-size:12px}
.customer-badge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900;text-transform:uppercase;background:#FFF0EA;color:#C94F3B;border:1px solid #F0C8BD}
.customer-badge.paid{background:#EAF9F0;color:#168447;border-color:#C9EBD6}
.customer-empty{background:#FFF7F2;border:1px dashed #F0C8BD;border-radius:14px;padding:14px;color:#756763}
.customer-back{display:inline-flex;align-items:center;gap:6px;color:#FF6347;font-weight:850;margin-top:3px}
@media(max-width:900px){.account-stats{grid-template-columns:1fr 1fr}.customer-detail-hero .wrap{display:block}.customer-detail-actions{margin-top:18px}.customer-detail-grid{grid-template-columns:1fr}}
@media(max-width:650px){.account-stats{grid-template-columns:1fr 1fr;gap:9px}.account-stat{padding:14px}.account-stat strong{font-size:23px}.customer-data-grid{grid-template-columns:1fr}.customer-tech{display:block}.customer-tech .tech-actions{margin-top:14px}.customer-progress-items{grid-template-columns:repeat(3,1fr);gap:8px}.customer-progress-line{display:none}.customer-progress-step{margin-bottom:10px}.customer-detail-body{padding-top:24px}.customer-panel{padding:18px;border-radius:17px}}