/* Cloud Design v1.3.34 — COMPACT USERS CARDS */

/* This layer intentionally only compacts v1.3.33. No backend / permission logic changes. */
@media (min-width: 901px) {
  .users-list-v1333{
    gap:10px!important;
  }

  .user-card-v1333{
    padding:14px 15px!important;
    border-radius:17px!important;
  }

  .user-card-head-v1333{
    gap:14px!important;
    padding-bottom:10px!important;
  }

  .user-identity-v1333{
    gap:10px!important;
  }

  .user-avatar-v1333{
    width:46px!important;
    height:46px!important;
    flex-basis:46px!important;
    border-radius:13px!important;
  }

  .user-identity-copy-v1333{
    gap:3px!important;
  }

  .user-name-line-v1333{
    gap:6px!important;
  }

  .user-name-line-v1333 h2{
    font-size:.98rem!important;
  }

  .user-identity-sub-v1333{
    font-size:.72rem!important;
  }

  .user-role-v1333,
  .user-block-status-v1331{
    min-height:25px!important;
    padding:5px 9px!important;
    font-size:.68rem!important;
  }

  .user-overview-v1333{
    grid-template-columns:minmax(0,1.15fr) minmax(170px,.75fr) minmax(250px,1fr)!important;
    gap:8px!important;
    padding:10px 0!important;
  }

  .user-info-item-v1333{
    padding:8px 10px!important;
    border-radius:11px!important;
  }

  .user-info-label-v1333{
    margin-bottom:4px!important;
    font-size:.60rem!important;
  }

  .user-info-value-v1333{
    gap:5px!important;
    font-size:.76rem!important;
  }

  .user-mini-badge-v1333{
    min-height:21px!important;
    padding:3px 7px!important;
    font-size:.61rem!important;
  }

  .user-management-v1333{
    padding-top:10px!important;
  }

  .user-management-title-v1333{
    margin-bottom:7px!important;
  }

  .user-management-title-v1333 .eyebrow{
    font-size:.60rem!important;
  }

  /* The sentence is useful on mobile, but on desktop it wastes a whole row per user. */
  .user-management-title-v1333 p{
    display:none!important;
  }

  .user-management-grid-v1333{
    grid-template-columns:minmax(225px,1.05fr) minmax(245px,1.08fr) minmax(200px,.87fr)!important;
    gap:8px!important;
  }

  .user-control-v1333{
    gap:7px!important;
    padding:9px 10px!important;
    border-radius:12px!important;
    min-height:100px!important;
  }

  .user-control-head-v1333{
    gap:7px!important;
    align-items:center!important;
  }

  .user-control-icon-v1333{
    width:24px!important;
    height:24px!important;
    flex-basis:24px!important;
    border-radius:7px!important;
    font-size:.76rem!important;
  }

  .user-control-head-v1333 div{
    gap:0!important;
  }

  .user-control-head-v1333 b{
    font-size:.74rem!important;
  }

  /* The short descriptions are redundant once the section names are clear. */
  .user-control-head-v1333 small{
    display:none!important;
  }

  .user-role-form-v1333{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px!important;
  }

  .user-role-form-v1333 select{
    height:40px!important;
    min-height:40px!important;
    padding-top:7px!important;
    padding-bottom:7px!important;
    font-size:.75rem!important;
  }

  .user-role-form-v1333 .primary-btn{
    min-height:40px!important;
    padding:8px 13px!important;
    font-size:.73rem!important;
    white-space:nowrap!important;
  }

  .user-control-readonly-v1333{
    padding:7px 9px!important;
    border-radius:9px!important;
  }

  .user-control-readonly-v1333 b{
    font-size:.74rem!important;
  }

  .user-control-readonly-v1333 span,
  .user-control-permission-v1333{
    font-size:.63rem!important;
  }

  .user-2fa-control-body-v1333{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:7px!important;
  }

  .user-2fa-current-v1333{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    flex-wrap:wrap!important;
    min-width:0!important;
  }

  .user-2fa-current-v1333 > span{
    display:none!important;
  }

  .user-2fa-current-v1333 > b{
    display:inline-flex!important;
    align-items:center!important;
    min-height:28px!important;
    padding:5px 8px!important;
    border-radius:9px!important;
    background:color-mix(in srgb,var(--soft) 66%,transparent)!important;
    border:1px solid var(--line)!important;
    font-size:.72rem!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }

  .user-2fa-current-v1333 > small{
    display:none!important;
  }

  .user-2fa-policy-form-v1333{
    flex:0 0 auto!important;
  }

  .user-2fa-policy-form-v1333 button{
    min-height:36px!important;
    padding:7px 10px!important;
    font-size:.69rem!important;
    white-space:nowrap!important;
  }

  .user-account-actions-v1333{
    gap:6px!important;
    margin-top:auto!important;
  }

  .user-account-actions-v1333 button{
    min-height:36px!important;
    padding:7px 10px!important;
    font-size:.69rem!important;
  }

  .user-account-actions-v1333 .user-block-btn-v1331{
    min-width:0!important;
  }

  .users-search-v1333{
    padding:9px!important;
    margin-bottom:10px!important;
  }
}

/* Typical 1366px laptop + staff sidebar. Keep the compact three-column controls longer. */
@media (min-width: 1041px) and (max-width: 1240px){
  .user-overview-v1333{
    grid-template-columns:minmax(0,1fr) minmax(150px,.65fr) minmax(230px,1fr)!important;
  }

  .user-management-grid-v1333{
    grid-template-columns:minmax(210px,1fr) minmax(230px,1.05fr) minmax(190px,.85fr)!important;
  }

  .user-role-form-v1333{
    grid-template-columns:1fr!important;
  }

  .user-role-form-v1333 .primary-btn{
    width:100%!important;
  }

  .user-2fa-control-body-v1333{
    align-items:stretch!important;
    flex-direction:column!important;
  }

  .user-2fa-policy-form-v1333 button{
    width:100%!important;
  }
}

/* Do not let v1.3.33's older breakpoint expand the account block full width. */
@media (min-width: 901px) and (max-width: 1040px){
  .user-overview-v1333{
    grid-template-columns:1fr 1fr!important;
  }

  .user-2fa-overview-v1333{
    grid-column:1 / -1!important;
  }

  .user-management-grid-v1333{
    grid-template-columns:1fr 1fr!important;
  }

  .user-account-control-v1333{
    grid-column:1 / -1!important;
  }

  .user-role-form-v1333{
    grid-template-columns:1fr!important;
  }

  .user-role-form-v1333 .primary-btn{
    width:100%!important;
  }

  .user-2fa-control-body-v1333{
    flex-direction:column!important;
    align-items:stretch!important;
  }

  .user-2fa-policy-form-v1333 button{
    width:100%!important;
  }
}

/* Mobile keeps explanatory text and larger touch targets from v1.3.33. */