/* LAMOI Portal v0.47.12 - mobile refine: logout, chat identity bubble, greeting, history navigation */

/* Customer logout should look like the secondary login button: outlined, no filled background. */
.main-nav form .nav-button{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:38px;padding:7px 12px!important;
  border:1px solid #c9d9c7!important;border-radius:11px!important;
  background:transparent!important;color:var(--brand-dark)!important;
  font-weight:700;line-height:1.1;
}
.main-nav form .nav-button:hover{background:#f7faf6!important;border-color:#a9c4a6!important}

/* Customer dashboard greeting: explicit two-line hierarchy on phone. */
.customer-greeting span,.customer-greeting strong{display:inline}
.customer-greeting strong{font:inherit;font-weight:800}

/* Report history navigation: three compact, equal actions on one row whenever all are available. */
@media(max-width:700px){
  .report-history-nav-actions,.customer-report-history-inner>div{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:6px!important;width:100%;align-items:stretch!important;
  }
  .report-history-nav-actions>a,.customer-report-history-inner>div>a{
    grid-column:auto!important;width:100%!important;min-width:0!important;
    min-height:38px!important;padding:7px 5px!important;
    border-radius:10px!important;font-size:10.5px!important;line-height:1.15!important;
    white-space:normal!important;text-align:center!important;justify-content:center!important;
  }
  .report-history-nav-card,.customer-report-history-inner{align-items:stretch!important;gap:10px!important}
  .customer-greeting{display:grid!important;gap:2px!important;line-height:1.05!important}
  .customer-greeting span{display:block;font-size:.58em;font-weight:700;color:#5f7064;letter-spacing:.02em}
  .customer-greeting strong{display:block}
}
@media(max-width:360px){
  .report-history-nav-actions>a,.customer-report-history-inner>div>a{font-size:9.5px!important;padding-inline:3px!important}
}

/* Keep the assistant identity visible on mobile, but compact and attached to the draggable launcher. */
@media(max-width:600px){
  .lamoi-chat-callout{
    display:block!important;
    right:60px!important;bottom:4px!important;
    width:150px!important;max-width:min(150px,calc(100vw - 86px))!important;
    padding:8px 10px!important;border-radius:12px!important;
    box-shadow:0 8px 24px rgba(26,61,37,.14)!important;
    pointer-events:auto;
  }
  .lamoi-chat-callout strong{font-size:11.5px!important;line-height:1.2!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .lamoi-chat-callout span{font-size:9.5px!important;line-height:1.25!important;margin-top:1px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .lamoi-chat-callout::after{right:-6px!important;bottom:16px!important;width:11px!important;height:11px!important}
  .lamoi-chat-widget.is-dragging .lamoi-chat-callout{opacity:.35;pointer-events:none}
  .lamoi-chat-widget.is-open .lamoi-chat-callout{display:none!important}
  [data-chat-greeting]{white-space:pre-line;line-height:1.25}
}

/* On very narrow screens move the bubble above the launcher so it does not consume button width. */
@media(max-width:390px){
  .lamoi-chat-callout{
    right:-2px!important;bottom:62px!important;width:142px!important;max-width:142px!important;
  }
  .lamoi-chat-callout::after{
    right:24px!important;bottom:-6px!important;
    border-top:0!important;border-right:1px solid #d5e3d3!important;
    border-bottom:1px solid #d5e3d3!important;
    transform:rotate(45deg)!important;
  }
}