/* BUILT Business — phone and tablet fit pass (mobile-fit-v1).
 * Loaded last so it settles the Messages conversation header, the member reputation line and the
 * Live Workshop header buttons on every iPhone and iPad size and orientation. */

/* ---------- Messages conversation: more room for the thread on phones ---------- */
@media (max-width:679px),(max-height:500px) and (orientation:landscape){
  html body[data-built-client="business"][data-business-ui="workspace"] #app [data-r28-view="conversation"]{padding-top:8px!important}
  html body[data-built-client="business"][data-business-ui="workspace"] #app [data-r28-view="conversation"]>.r28-head{padding:0 0 10px!important;margin:0 0 10px!important;gap:0!important}
  html body[data-built-client="business"][data-business-ui="workspace"] #app [data-r28-view="conversation"]>.r28-head .r28-toolbar{margin:0 0 10px!important}
  html body[data-built-client="business"][data-business-ui="workspace"] #app [data-r28-view="conversation"]>.r28-head .r28-toolbar>button{min-height:36px!important}
  /* The shop name and role chip repeat what the top bar already shows. */
  html body[data-built-client="business"][data-business-ui="workspace"] #app [data-r28-view="conversation"]>.r28-head .business-workspace-identity p{display:none!important}
  html body[data-built-client="business"][data-business-ui="workspace"] #app [data-r28-view="conversation"]>.r28-head .business-workspace-eyebrow{margin-bottom:4px!important}
  html body[data-built-client="business"][data-business-ui="workspace"] #app [data-r28-view="conversation"] .bxm-console{gap:8px!important}
  html body[data-built-client="business"][data-business-ui="workspace"] #app [data-r28-view="conversation"] .r29-composer{padding:8px 12px!important}
}

/* ---------- Member reputation line in the conversation header: one left-aligned line ---------- */
@media (max-width:640px){
  html body[data-built-client="business"][data-business-ui="workspace"] #app .bxm-console .messenger-chat-head>.bmp-inline{flex-basis:100%!important;max-width:none!important;text-align:left!important;margin:2px 0 0!important}
  html body[data-built-client="business"][data-business-ui="workspace"] #app .bxm-console .messenger-chat-head .bmp-history-link{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:0!important;text-align:left}
  html body[data-built-client="business"][data-business-ui="workspace"] #app .bxm-console .messenger-chat-head .bmp-history-link .bmp-identity{display:inline-flex!important;flex-direction:row!important;align-items:baseline!important;justify-content:flex-start!important;gap:6px!important}
  html body[data-built-client="business"][data-business-ui="workspace"] #app .bxm-console .messenger-chat-head .bmp-history-link :is(.bmp-identity>span,.bmp-identity>small,>small){font-size:12px!important;line-height:1.4!important;white-space:normal!important}
  html body[data-built-client="business"][data-business-ui="workspace"] #app .bxm-console .messenger-chat-head .bmp-history-link>small{display:inline-flex!important;align-items:center;margin:0!important;color:#ff9d63!important;white-space:nowrap!important}
}

/* ---------- Live Workshop header: reputation line ---------- */
html body[data-built-client="business"] #app :is(.br-workspace,.br-client-passport) .br-hero>.bmp-inline{order:1;flex:1 1 100%;min-width:0;margin:2px 0 0 56px!important;max-width:calc(100% - 56px);text-align:left}
html body[data-built-client="business"] #app :is(.br-workspace,.br-client-passport) .br-hero>.br-hero-actions{order:2}
html body[data-built-client="business"] #app :is(.br-workspace,.br-client-passport) .br-hero .bmp-inline .bmp-history-link{display:inline-flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:4px 12px;width:auto;max-width:100%;box-sizing:border-box;padding:8px 14px!important;line-height:1.35;text-align:left}
@media (min-width:761px){html body[data-built-client="business"] #app :is(.br-workspace,.br-client-passport) .br-hero .bmp-inline .bmp-history-link{flex-wrap:nowrap}}
html body[data-built-client="business"] #app :is(.br-workspace,.br-client-passport) .br-hero .bmp-inline .bmp-history-link>*{flex:0 1 auto;min-width:0;margin:0!important;padding:0!important;border:0!important;background:none!important;border-radius:0!important}
html body[data-built-client="business"] #app :is(.br-workspace,.br-client-passport) .br-hero .bmp-inline .bmp-identity>span{font:500 13px/1.35 "Inter",system-ui,sans-serif!important;color:#d4d4d8!important;letter-spacing:0!important;text-transform:none!important}
html body[data-built-client="business"] #app :is(.br-workspace,.br-client-passport) .br-hero .bmp-inline .bmp-history-link>small{display:inline-flex!important;align-items:center;white-space:nowrap;font:600 13px/1.35 "Inter",system-ui,sans-serif!important;color:#ff9d63!important;letter-spacing:0!important}
html body[data-built-client="business"] #app :is(.br-workspace,.br-client-passport) .br-hero .bmp-inline .bx-arrow{flex:none;width:.85em;height:.85em;margin:0 0 0 .35em!important;padding:0!important;border:0!important;border-radius:0!important}
@media (max-width:760px){
  html body[data-built-client="business"] #app :is(.br-workspace,.br-client-passport) .br-hero>.bmp-inline{margin-left:52px!important;max-width:calc(100% - 52px)}
}

/* ---------- Live Workshop header buttons (Quotes & Job Records, Client Vehicle Passport, …) ----------
 * Each button keeps its label on one line. Two share a row only when both fit; otherwise each takes the row. */
html body[data-built-client="business"] #app :is(.br-workspace,.br-client-passport) .br-hero-actions button{flex:1 1 auto!important;white-space:nowrap!important;min-width:0}
@media (min-width:761px){
  html body[data-built-client="business"] #app :is(.br-workspace,.br-client-passport) .br-hero-actions button{flex:0 0 auto!important}
}


/* Live Workshop header: Quotes & Job Records is the primary action (solid BUILT orange, like Request a payment);
   Client Vehicle Passport stays the dark secondary. */
html body[data-built-client="business"] #app .br-workspace .br-hero-actions .bx-entry button[data-bx-route="project"]{background:#ff5a00!important;border-color:#ff5a00!important;color:#111!important;font-weight:800!important;box-shadow:0 8px 24px rgba(255,90,0,.22)}
html body[data-built-client="business"] #app .br-workspace .br-hero-actions .bx-entry button[data-bx-route="project"]:hover{background:#ff7a2e!important;border-color:#ff7a2e!important}
html body[data-built-client="business"] #app .br-workspace .br-hero-actions .bx-entry button[data-bx-route="project"]:focus-visible{outline:2px solid #fff;outline-offset:2px}