/* Shared minimal chrome for standalone customer pages (/quote/, /manage/) */
body.pp-body{background:var(--fog-100); min-height:100vh; display:flex; flex-direction:column;}
.pp-header{background:var(--navy-900); padding:var(--space-4) 0;}
.pp-header .wrap-narrow{display:flex; align-items:center; gap:var(--space-3);}
.pp-header img{width:34px; height:34px; border-radius:8px;}
.pp-header span{color:var(--white); font-family:var(--font-label); font-weight:700;}
.pp-main{flex:1; padding:var(--space-7) 0;}
.pp-card{
  background:var(--white); border-radius:var(--radius-lg); box-shadow:var(--shadow-card);
  padding:var(--space-6); max-width:560px; margin:0 auto;
}
.pp-card h1{font-size:var(--text-h2); color:var(--ink); margin-bottom:var(--space-4);}
.pp-card h2{font-size:var(--text-h3); color:var(--ink); margin:var(--space-5) 0 var(--space-3);}
.pp-muted{color:var(--steel); font-size:0.92rem;}
.pp-vehicle-line{font-family:var(--font-label); font-weight:700; color:var(--ink); font-size:1.05rem; margin-bottom:var(--space-2);}
.pp-items{border-top:1px solid var(--line-200); margin-top:var(--space-4);}
.pp-item-row{display:flex; justify-content:space-between; gap:var(--space-3); padding:10px 0; border-bottom:1px solid var(--line-200); font-size:0.92rem;}
.pp-item-row span:first-child{color:var(--ink);}
.pp-item-row span:last-child{color:var(--steel); white-space:nowrap;}
.pp-subtotal span:last-child,.pp-discount span:last-child{color:var(--ink);}
.pp-discount span:last-child{font-weight:600;}
.pp-total{display:flex; justify-content:space-between; padding-top:var(--space-3); font-family:var(--font-label); font-weight:700; font-size:1.15rem; color:var(--ink);}
.pp-notice{
  background:rgba(232,163,61,0.1); border:1px solid var(--amber-500); color:var(--amber-700);
  border-radius:var(--radius-md); padding:12px 14px; font-size:0.9rem; margin-top:var(--space-4);
}
.pp-actions{display:flex; flex-direction:column; gap:var(--space-3); margin-top:var(--space-6);}
@media (min-width:480px){ .pp-actions{flex-direction:row;} .pp-actions .btn{flex:1;} }
.pp-error, .pp-empty{color:var(--danger-700); text-align:center; padding:var(--space-6) 0;}
.pp-loading{text-align:center; color:var(--steel); padding:var(--space-6) 0;}

.pp-slots{display:flex; flex-direction:column; gap:var(--space-5); margin-top:var(--space-4);}
.pp-slot-day{font-family:var(--font-label); font-weight:600; font-size:0.9rem; color:var(--steel); margin-bottom:var(--space-2);}
.pp-slot-grid{display:grid; grid-template-columns:repeat(auto-fill,minmax(84px,1fr)); gap:8px;}

.pp-day-row{display:flex; gap:8px; overflow-x:auto; padding-bottom:6px; -webkit-overflow-scrolling:touch;}
.pp-day-btn{
  flex:0 0 auto; display:flex; flex-direction:column; align-items:center; gap:2px;
  border:1.5px solid var(--line-300); border-radius:var(--radius-md); padding:10px 14px;
  background:var(--white); min-width:64px;
}
.pp-day-btn span{font-size:0.78rem; color:var(--steel);}
.pp-day-btn strong{font-size:0.95rem; color:var(--ink); font-family:var(--font-label);}
.pp-day-btn:hover{border-color:var(--amber-500);}
.pp-day-btn.is-selected{border-color:var(--amber-500); background:rgba(232,163,61,0.12);}
.pp-day-btn.is-selected strong{color:var(--amber-700);}
.pp-slot-btn{
  border:1.5px solid var(--line-300); border-radius:var(--radius-md); padding:10px 6px;
  font-size:0.88rem; color:var(--ink); text-align:center; background:var(--white);
}
.pp-slot-btn:hover{border-color:var(--amber-500);}
.pp-slot-btn.is-selected{border-color:var(--amber-500); background:rgba(232,163,61,0.12); font-weight:700;}

.pp-status-badge{
  display:inline-block; padding:4px 12px; border-radius:var(--radius-pill); font-size:0.82rem; font-weight:600;
  background:var(--fog-200); color:var(--steel); margin-bottom:var(--space-4);
}
.pp-status-badge.is-confirmed{background:rgba(37,211,102,0.14); color:var(--success-700);}
.pp-status-badge.is-cancelled{background:rgba(214,92,92,0.12); color:var(--danger-700);}

.pp-confirm-details{margin-top:var(--space-5); border:1px solid var(--line-200); border-radius:var(--radius-md); overflow:hidden;}
.pp-confirm-row{display:flex; justify-content:space-between; gap:var(--space-3); padding:12px 16px; border-bottom:1px solid var(--line-200); font-size:0.92rem;}
.pp-confirm-row:last-child{border-bottom:none;}
.pp-confirm-row span{color:var(--steel);}
.pp-confirm-row strong{color:var(--ink); font-weight:600; text-align:left;}

/* the printed quote: the amounts (before the discount, the percentage, the discount, the amount to pay) print exactly as on screen; the buttons and the booking picker do not */
@media print{.pp-actions,#ppBookingArea,.pp-header{display:none !important;} .pp-card{box-shadow:none !important;border:0 !important;}}