/* BIO.ONE R7.6 — isolated Hair Vision / Hairstyle Preview UI */
.bioone-vision-bar-r761{padding:8px 12px 4px;border-top:1px solid rgba(125,81,66,.10);background:rgba(255,255,255,.96)}
.bioone-vision-launch-r761{width:100%;display:flex;align-items:center;gap:10px;border:1px solid rgba(125,81,66,.20);background:#fff;border-radius:14px;padding:9px 11px;text-align:left;color:#3f302b;box-shadow:0 3px 12px rgba(70,45,36,.06);cursor:pointer}
.bioone-vision-launch-r761>span:first-child{font-size:21px;line-height:1}
.bioone-vision-launch-r761>span:last-child{display:flex;flex-direction:column;gap:1px;min-width:0}
.bioone-vision-launch-r761 strong{font-size:13px;line-height:1.25}.bioone-vision-launch-r761 small{font-size:11px;line-height:1.25;color:#806b63}
.bioone-vision-privacy-r761{display:block;margin:5px 3px 0;font-size:9.5px;line-height:1.3;color:#96857e}
.bioone-vision-user-image-r761{align-self:flex-end;max-width:76%;margin:7px 10px 7px auto;display:flex;align-items:flex-end;gap:7px;flex-direction:column;color:#76584e;font-size:11px}
.bioone-vision-user-thumb-r761{width:154px;max-width:45vw;border-radius:15px;overflow:hidden;background:#eee7e3;box-shadow:0 4px 14px rgba(63,48,43,.10)}
.bioone-vision-user-thumb-r761 img{display:block;width:100%;height:auto;max-height:220px;object-fit:cover}
.bioone-vision-status-r761{margin:7px 10px;display:flex;gap:8px;align-items:center;width:max-content;max-width:88%;font-size:12px;color:#6f5b53;background:#f7f2ef;border-radius:13px;padding:9px 11px}
.bioone-vision-spinner-r761{width:13px;height:13px;border:2px solid rgba(125,81,66,.18);border-top-color:#7d5142;border-radius:50%;animation:biooneVisionSpinR761 .8s linear infinite}@keyframes biooneVisionSpinR761{to{transform:rotate(360deg)}}
.bioone-vision-kicker-r761{display:block;font-size:9.5px;letter-spacing:.09em;color:#9a7467;margin-bottom:5px}
.bioone-vision-observations-r761{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.bioone-vision-observations-r761 span{font-size:10.5px;line-height:1.25;padding:5px 7px;border-radius:999px;background:#f7f1ee;color:#72584f}
.bioone-vision-style-list-r761{display:grid;gap:7px;margin-top:10px}.bioone-vision-style-list-r761>em{font-size:11px;color:#806b63;font-style:normal;font-weight:650}
.bioone-vision-style-btn-r761{display:grid;grid-template-columns:22px 1fr;column-gap:8px;row-gap:1px;align-items:center;width:100%;border:1px solid rgba(125,81,66,.16);background:#fff;border-radius:12px;padding:8px 9px;text-align:left;color:#46342e;cursor:pointer}
.bioone-vision-style-btn-r761>span{grid-row:1/3;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f3e8e3;color:#80594b;font-weight:750;font-size:11px}.bioone-vision-style-btn-r761 strong{font-size:12px}.bioone-vision-style-btn-r761 small{font-size:10.5px;color:#8b7770;line-height:1.25}.bioone-vision-style-btn-r761:disabled{opacity:.55;cursor:default}
.bioone-vision-next-r761{margin:9px 0 0;font-size:12px;line-height:1.45;color:#5d4840}.bioone-vision-limit-r761{display:block;margin-top:9px;font-size:9.5px;line-height:1.35;color:#95817a}
.bioone-vision-retry-r761,.bioone-vision-preview-actions-r761 button{border:1px solid rgba(125,81,66,.20);background:#fff;border-radius:10px;padding:7px 9px;color:#654a41;font-size:11px;font-weight:650;cursor:pointer;margin-top:8px}
.bioone-vision-action-r761{align-self:flex-end;max-width:80%;margin:7px 10px 7px auto;background:#efe1dc;color:#5c4037;border-radius:14px 14px 4px 14px;padding:8px 10px;font-size:11.5px;line-height:1.35}
.bioone-vision-preview-r761{margin:9px 0 7px;border-radius:15px;overflow:hidden;background:#eee8e5;box-shadow:0 4px 15px rgba(63,48,43,.08)}.bioone-vision-preview-r761 img{display:block;width:100%;max-height:480px;object-fit:contain;background:#eee8e5}
.bioone-vision-preview-actions-r761{display:flex;flex-wrap:wrap;gap:7px}.bioone-vision-preview-actions-r761 button{margin-top:8px}
@media(max-width:620px){.bioone-vision-bar-r761{padding-left:10px;padding-right:10px}.bioone-vision-user-thumb-r761{width:142px}.bioone-vision-preview-r761 img{max-height:58vh}}
/* R7.6.1 mobile hardening: keep conversation usable above iOS/Android keyboards and in short landscape viewports. */
body.assistant-keyboard-open .bioone-vision-privacy-r761{display:none}
body.assistant-keyboard-open .bioone-vision-bar-r761{padding-top:4px;padding-bottom:3px}
body.assistant-keyboard-open .bioone-vision-launch-r761{padding:6px 9px;border-radius:12px;gap:8px}
body.assistant-keyboard-open .bioone-vision-launch-r761>span:first-child{font-size:18px}
body.assistant-keyboard-open .bioone-vision-launch-r761 strong{font-size:12px}
body.assistant-keyboard-open .bioone-vision-launch-r761 small{font-size:10px}
@media(max-height:520px) and (orientation:landscape){
  .bioone-vision-privacy-r761{display:none}
  .bioone-vision-bar-r761{padding-top:4px;padding-bottom:3px}
  .bioone-vision-launch-r761{padding:6px 9px;border-radius:12px;gap:8px}
  .bioone-vision-launch-r761>span:first-child{font-size:18px}
  .bioone-vision-launch-r761 strong{font-size:12px}
  .bioone-vision-launch-r761 small{font-size:10px}
  .bioone-vision-preview-r761 img{max-height:42vh}
}
@media(max-width:340px){
  .bioone-vision-launch-r761{padding-left:8px;padding-right:8px}
  .bioone-vision-user-thumb-r761{width:132px}
  .bioone-vision-preview-actions-r761{gap:5px}
  .bioone-vision-preview-actions-r761 button{font-size:10.5px;padding:6px 8px}
}

/* R7.6.7 — image is a capability inside Chatbot, not a competing permanent card. */
.assistant-composer.bioone-vision-composer-r767{grid-template-columns:34px minmax(0,1fr) 42px}
.assistant-composer .bioone-vision-attach-r767{
  width:34px;height:34px;align-self:center;border:1px solid rgba(125,81,66,.14)!important;
  border-radius:50%;background:#fff!important;color:#7d5142!important;font-size:15px!important;
  display:grid;place-items:center;padding:0;box-shadow:none;cursor:pointer
}
.assistant-composer .bioone-vision-attach-r767:active{transform:scale(.96)}
body.bioone-chat-quickstart-active-r4412 .assistant-composer.bioone-vision-composer-r767{grid-template-columns:minmax(0,1fr) 42px}
body.bioone-chat-quickstart-active-r4412 .bioone-vision-attach-r767{display:none!important}
.bioone-vision-inline-actions-r767{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}
.bioone-vision-inline-actions-r767 button{
  border:1px solid rgba(125,81,66,.20);background:#fff;border-radius:999px;
  padding:7px 10px;color:#654a41;font-size:11px;font-weight:750;cursor:pointer
}
@media(max-width:620px){
  .assistant-composer.bioone-vision-composer-r767{grid-template-columns:32px minmax(0,1fr) 40px}
  .assistant-composer .bioone-vision-attach-r767{width:32px;height:32px;font-size:14px!important}
  body.bioone-chat-quickstart-active-r4412 .assistant-composer.bioone-vision-composer-r767{grid-template-columns:minmax(0,1fr) 40px}
}
@media(max-width:340px){
  .assistant-composer.bioone-vision-composer-r767{grid-template-columns:30px minmax(0,1fr) 38px;gap:6px}
  .assistant-composer .bioone-vision-attach-r767{width:30px;height:30px}
  body.bioone-chat-quickstart-active-r4412 .assistant-composer.bioone-vision-composer-r767{grid-template-columns:minmax(0,1fr) 38px}
}

/* R7.6.8 — V1→chat→V2 resume + readability for mixed-age customers. */
.assistant-sheet .assistant-message-bot{font-size:15px;line-height:1.58}
.assistant-sheet .assistant-message-bot>strong,.assistant-sheet .assistant-message-rich>strong{font-size:15.5px;line-height:1.35;margin-bottom:4px}
.assistant-sheet .assistant-message-bot>span{line-height:1.58}
.bioone-vision-style-resume-r768{margin-top:11px}
.bioone-vision-style-resume-r768 .bioone-vision-style-btn-r761{min-height:50px}
.bioone-vision-inline-actions-r767 button,.bioone-vision-retry-r761,.bioone-vision-preview-actions-r761 button{min-height:38px;font-size:12px;line-height:1.25;white-space:normal}
@media(max-width:620px){
  .assistant-sheet .assistant-message-bot{font-size:15px;line-height:1.6;padding:12px 13px}
  .assistant-sheet .assistant-message-bot>strong,.assistant-sheet .assistant-message-rich>strong{font-size:15.5px;line-height:1.36}
  .bioone-vision-style-list-r761>em{font-size:12.5px;line-height:1.35}
  .bioone-vision-style-btn-r761{grid-template-columns:24px minmax(0,1fr);padding:9px 10px;column-gap:8px}
  .bioone-vision-style-btn-r761>span{width:24px;height:24px;font-size:12px}
  .bioone-vision-style-btn-r761 strong{font-size:13.5px;line-height:1.3}
  .bioone-vision-style-btn-r761 small{font-size:12px;line-height:1.35}
  .bioone-vision-next-r761{font-size:13.5px;line-height:1.5}
  .bioone-vision-inline-actions-r767 button,.bioone-vision-retry-r761,.bioone-vision-preview-actions-r761 button{font-size:12.5px;min-height:40px;padding:8px 11px}
}
@media(max-width:340px){
  .assistant-sheet .assistant-message-bot{font-size:14.5px;padding:11px 12px}
  .assistant-sheet .assistant-message-bot>strong,.assistant-sheet .assistant-message-rich>strong{font-size:15px}
  .bioone-vision-style-btn-r761 strong{font-size:13px}
  .bioone-vision-style-btn-r761 small{font-size:11.5px}
}