/* AVYORA Connect UXQA4 — Cross-device acceptance hardening.
   Visual/responsive only. Loaded last so it resolves legacy breakpoint conflicts. */
:root{--uxqa4-safe-bottom:env(safe-area-inset-bottom,0px);--uxqa4-safe-top:env(safe-area-inset-top,0px)}
html,body,#root{max-width:100%;min-width:0}
img,svg,canvas,video{max-width:100%}
.shell,.main,.content,.topbar,.top-user,.headline,.card,.split,.grid,.actions{min-width:0}
.card,.notice,.meta,.sub,.headline p,.detail-row,.pux3-action-card{overflow-wrap:anywhere}
.table-wrap{max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch}
.actions>*{max-width:100%}
.developer-rights-card>*{min-width:0}

@media (min-width:901px) and (max-width:1180px){
  .premium-shell-r614 .content{padding-inline:20px}
  .premium-shell-r614 .topbar{padding-inline:16px;gap:10px}
  .premium-shell-r614 .top-user{min-width:0}
  .premium-shell-r614 .top-user>div:not(.avatar){max-width:145px;overflow:hidden;text-overflow:ellipsis}
  .pux3-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
  .flow616-next{grid-template-columns:42px minmax(0,1fr)}
  .flow616-next>.btn{grid-column:1/-1;width:100%}
}

@media (max-width:900px){
  .premium-shell-r614 .sidebar{
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain;
    padding-bottom:calc(18px + var(--uxqa4-safe-bottom))!important;
  }
  .premium-shell-r614 .nav{min-height:0}
  .premium-shell-r614 .sidebar-overlay{touch-action:none}
  .premium-shell-r614.mobile-nav-open .sidebar{visibility:visible}
  .premium-shell-r614:not(.mobile-nav-open) .sidebar{visibility:hidden;transition:transform .22s ease,visibility 0s linear .22s}
  .premium-shell-r614 .topbar>*{min-width:0}
  .premium-shell-r614 .content{width:100%;max-width:100%}
  .split{grid-template-columns:1fr!important}
  .developer-rights-card{align-items:flex-start;flex-direction:column}
}

@media (max-width:600px){
  body{padding-bottom:var(--uxqa4-safe-bottom)}
  .premium-shell-r614 .topbar{
    padding-top:max(8px,var(--uxqa4-safe-top));
    min-height:calc(64px + var(--uxqa4-safe-top));
  }
  .premium-shell-r614 .top-title-box{min-width:0;max-width:calc(100vw - 150px)!important}
  .premium-shell-r614 .top-title-box #viewTitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .premium-shell-r614 .top-user{gap:6px;flex:0 0 auto}
  .headline,.pux3-center-head{width:100%}
  .headline .actions,.pux3-center-head .actions{width:100%}
  .headline .actions .btn{flex:1 1 auto}
  .pux3-center{margin-bottom:14px}
  .pux3-action-card{width:100%;min-width:0}
  .flow616-context{width:100%;min-width:0}
  .flow616-crumb{min-width:0;overflow:hidden}
  .flow616-crumb b{min-width:0}
  .modal-card{padding-bottom:calc(18px + var(--uxqa4-safe-bottom))!important}
  .modal-card .actions{position:sticky;bottom:calc(-18px - var(--uxqa4-safe-bottom));z-index:2;background:#fff;padding:10px 0 calc(10px + var(--uxqa4-safe-bottom));margin-bottom:calc(-18px - var(--uxqa4-safe-bottom))}
  .filters,.form-grid{width:100%}
  .filters>*,.form-grid>*{min-width:0}
  .detail-row{flex-direction:column;gap:3px}
  .detail-row>*{width:100%}
  .developer-rights-card{padding:16px}
  .public-legal-links{row-gap:8px}
}

@media (max-width:420px){
  .kpis,.premium-shell-r614 .kpis,.flow-shell-r615 .kpis{grid-template-columns:1fr!important}
  .premium-shell-r614 .top-title-box{max-width:calc(100vw - 135px)!important}
  .premium-shell-r614 .content{padding-inline:10px!important}
  .card,.premium-shell-r614 .card{padding:12px!important}
}

@media (hover:none) and (pointer:coarse){
  .btn,button,[role="button"],.portal-choice,.workspace-option{touch-action:manipulation}
  .btn.sm,.nav button[data-view]{min-height:44px}
}

@media (prefers-reduced-motion:reduce){
  .premium-shell-r614 .sidebar{transition:none!important}
}