/* Workflow V5: deliberate, low-noise operations UI */
:root {--work-line:#efdfe5;--work-slate:#45343d}
.journey-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;background:#fff;border:1px solid var(--work-line);border-radius:11px;overflow:hidden;margin:12px 0 22px}
.journey-step{display:flex;align-items:center;gap:10px;min-width:0;padding:15px 13px;border-right:1px solid var(--work-line)}
.journey-step:last-child{border-right:0}
.journey-step span{font-size:11px;color:#ac5c79;font-weight:750;letter-spacing:.02em}
.journey-step strong{font-size:11px;color:#583b49;font-weight:650;line-height:1.4}
.workflow-two{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.workflow-two .card{min-width:0}
.request-list-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 1px;border-top:1px solid var(--work-line)}
.request-list-row:first-of-type{border-top:0}
.request-row-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.request-row-copy strong{font-size:13px;font-weight:680;color:#332b31;line-height:1.35}
.request-row-copy small{font-size:11px;color:#8a7680;line-height:1.65}
.request-row-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.booking-state{padding:13px 0;border-bottom:1px solid var(--work-line)}
.booking-state:last-of-type{border-bottom:0}
.booking-state-actions{margin-top:13px}
.journey-line{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid var(--work-line);align-items:flex-start}
.journey-line:last-of-type{border-bottom:0}
.journey-number{width:25px;height:25px;display:flex;align-items:center;justify-content:center;flex:none;background:#f8eef2;border:1px solid #ecd5e0;border-radius:7px;font-size:11px;color:#a43e65;font-weight:750}
.journey-line strong{font-size:12px;font-weight:700;color:#3d333a}
.journey-line p{font-size:11px;color:#8b7982;margin:5px 0 0;line-height:1.65}
.agreement-row{display:flex;align-items:center;gap:11px;font-size:12px;color:#5e5159;line-height:1.5;padding:5px 0 9px}
.agreement-row input{width:17px;height:17px;flex-shrink:0;accent-color:var(--pink-500)}
.stripe-preview-tag{font-size:10px;color:#5f4791;letter-spacing:.10em;font-weight:800;margin-bottom:12px}
.checkout-sheet{background:#fff;border:1px solid #e8dde4;border-radius:10px;padding:21px;margin-bottom:17px}
.message-previews{display:grid;grid-template-columns:1fr;gap:12px;margin:15px 0}
.message-preview{padding:17px;background:#fffafc;border:1px solid #f1dce4;border-radius:9px;line-height:1.7}
.message-preview b{display:block;margin:7px 0 6px;font-size:12px;font-weight:700}
.message-preview p{font-size:12px;color:#6b5b66;margin:4px 0 8px}
.mini-overline{font-size:10px;letter-spacing:.10em;font-weight:800;color:#b04d72}
.fake-link{font-size:12px;font-weight:700;color:#b12d63;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
/* one primary action, no floating icon tiles */
.workflow-two .card,.journey-strip{box-shadow:0 2px 10px rgba(87,45,60,.025)}
.request-row-actions .pill{white-space:nowrap}
@media(max-width:1200px){.journey-step{flex-direction:column;align-items:flex-start;gap:6px}}
@media(max-width:800px){.journey-strip{grid-template-columns:1fr;margin:4px 0 14px;gap:0}.journey-step{flex-direction:row;align-items:center;padding:10px 13px;border-right:0;border-bottom:1px solid var(--work-line)}.journey-step:last-child{border-bottom:0}.workflow-two{grid-template-columns:1fr}.workflow-two .card{margin:0}.request-list-row{align-items:flex-start}.request-row-actions{gap:7px;max-width:42%}.page-head{flex-wrap:wrap}.page-head .btn{max-width:100%}}
@media(max-width:430px){.request-list-row{flex-wrap:wrap}.request-row-actions{max-width:none;width:100%;justify-content:space-between}.request-row-actions .btn{min-height:37px}.workflow-two .card{padding:14px}.page-head .btn{font-size:12px}.message-preview{padding:13px}}

@media(max-width:850px){
  #booking-form{padding-bottom:62px}
  #booking-form button[type=submit]{scroll-margin-top:120px;scroll-margin-bottom:155px}
  html{scroll-padding-top:98px}
}

/* V6: simpler role-based workspace */
@media (max-width: 760px) {
  .job-focus-actions .btn{min-height:48px}
  .job-focus h2{letter-spacing:-.025em}
  .page-head h1{letter-spacing:-.025em}
  .mobile-bottom .bottom-item{min-width:0}
  .nav-items .nav-link{min-height:44px}
}
@media (max-width: 850px){
  html, body { max-width:100%; overflow-x:clip; }
  .app-shell,.main-shell,.page-enter { max-width:100%; min-width:0; }
  .mobile-bottom { max-width:100vw; }
  .bottom-item { flex:1 1 0; min-width:0; }
  .bottom-item span { display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
  .topbar { min-width:0; }
}
