/* Flinapp CMS V4.23.19 — Admin Users page repair */
#users .users-card{overflow:visible}
#users .users-table{overflow:visible}
#users .user-row{position:relative}
#users .user-actions{display:flex;gap:7px;flex-wrap:wrap}
#users .user-actions button{white-space:nowrap}

@media(max-width:700px){
  #users .users-card{padding:14px 12px}
  #users .users-table{overflow:visible!important}
  #users .user-header{display:none!important}
  #users .user-row:not(.user-header){
    min-width:0!important;
    width:100%;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
    padding:0!important;
    margin:0 0 14px!important;
    overflow:hidden;
    border-radius:18px!important;
    background:linear-gradient(180deg,#0d2138,#0a1b2f)!important;
    border:1px solid #244668!important;
  }
  #users .user-row:not(.user-header)>div:first-child{
    padding:16px 16px 14px;
    border-bottom:1px solid rgba(93,145,197,.18);
  }
  #users .user-row:not(.user-header)>div:first-child strong{
    font-size:17px;line-height:1.35;color:#fff;margin-bottom:4px;
  }
  #users .user-row:not(.user-header)>div:first-child small{
    display:block!important;
    font-size:13px!important;
    line-height:1.45;
    overflow-wrap:anywhere;
  }
  #users .user-row:not(.user-header)>span.badge,
  #users .user-row:not(.user-header)>strong,
  #users .user-row:not(.user-header)>small{
    display:grid!important;
    grid-template-columns:110px minmax(0,1fr);
    gap:10px;
    align-items:center;
    max-width:none!important;
    width:auto!important;
    margin:0!important;
    padding:11px 16px!important;
    border-radius:0!important;
    border-bottom:1px solid rgba(93,145,197,.12);
    background:transparent!important;
    color:#d9e8f7!important;
    font-size:13px!important;
    text-align:left!important;
  }
  #users .user-row:not(.user-header)>span.badge::before{content:"Package";color:#8ca6c1;font-weight:700}
  #users .user-row:not(.user-header)>strong::before{content:"Credits";color:#8ca6c1;font-weight:700}
  #users .user-row:not(.user-header)>small::before{content:"Status";color:#8ca6c1;font-weight:700}
  #users .user-row:not(.user-header) .user-actions{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    padding:14px!important;
    background:rgba(5,16,29,.32);
  }
  #users .user-actions button{
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    padding:10px 8px!important;
    font-size:12px!important;
    line-height:1.2;
    border-radius:11px!important;
  }
  #users .user-actions .login-user{
    grid-column:1/-1;
    background:linear-gradient(135deg,#149bea,#6c48ee)!important;
  }
  #users .user-actions .delete-user{
    grid-column:1/-1;
  }
  #users .create-user-panel{overflow:visible}
  #users .create-user-actions{z-index:80}
}
@media(max-width:390px){
  #users .user-row:not(.user-header) .user-actions{grid-template-columns:1fr!important}
  #users .user-actions .login-user,#users .user-actions .delete-user{grid-column:auto}
}