/* Admin dialogs at phone width. Does not restyle signup, legal pages or Community. */

.users-invites-dialog,
.admin-costs-dialog,
#admin-set-maintenance-dialog,
#admin-maintenance-detail-dialog {
  box-sizing: border-box;
  width: min(42rem, calc(100vw - 24px));
  max-width: calc(100vw - 24px);
  max-height: min(85vh, 40rem);
  margin: auto;
  overflow: auto;
  overflow-wrap: anywhere;
}

.users-invites-dialog *,
.admin-costs-dialog *,
#admin-set-maintenance-dialog *,
#admin-maintenance-detail-dialog *,
#admin-user-detail .admin-drawer-panel,
#admin-user-detail .admin-drawer-panel * {
  box-sizing: border-box;
}

#admin-user-detail.is-open {
  overflow: hidden;
}

#admin-user-detail .admin-drawer-panel {
  max-width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}

#admin-user-detail .admin-drawer-body,
.users-invites-dialog .admin-table-wrap,
.admin-costs-dialog .admin-table-wrap {
  max-width: 100%;
  overflow-x: auto;
}

.users-invites-dialog .admin-toolbar,
.users-invites-dialog .users-invites-tabs,
.admin-costs-dialog .admin-costs-dialog-actions,
.admin-costs-dialog .admin-costs-form,
#admin-set-maintenance-dialog .phantom-dialog-actions,
#admin-maintenance-detail-dialog .phantom-dialog-actions,
#admin-user-detail .admin-drawer-actions,
#admin-user-detail .admin-drawer-tabs,
#admin-user-detail .admin-drawer-header {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  min-width: 0;
}

.users-invites-dialog button,
.users-invites-dialog input,
.users-invites-dialog select,
.users-invites-dialog textarea,
.users-invites-dialog summary,
.admin-costs-dialog button,
.admin-costs-dialog input,
.admin-costs-dialog select,
.admin-costs-dialog textarea,
#admin-set-maintenance-dialog button,
#admin-set-maintenance-dialog input,
#admin-set-maintenance-dialog select,
#admin-set-maintenance-dialog textarea,
#admin-maintenance-detail-dialog button,
#admin-user-detail button,
#admin-user-detail input,
#admin-user-detail select,
#admin-user-detail textarea,
#admin-user-detail summary {
  min-height: 44px;
  min-width: 44px;
}

.users-invites-dialog input[type="checkbox"],
.admin-costs-dialog input[type="checkbox"],
#admin-set-maintenance-dialog input[type="checkbox"],
#admin-user-detail input[type="checkbox"] {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
}

#admin-set-maintenance-dialog label.check,
.users-invites-dialog label,
.admin-costs-dialog label {
  min-height: 44px;
}

@media (max-width: 480px) {
  #admin-user-detail .admin-drawer-panel {
    width: 100%;
    max-width: 100%;
    left: 0;
    right: 0;
  }

  .users-invites-dl,
  .admin-costs-form,
  #admin-user-detail .admin-field-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
.people-group-tabs {display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 20px;}
.people-group-tabs button[aria-pressed=true] {background:#713bae;border-color:#bb8bff;}
#admin-users-panel .admin-toolbar {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:center;}
#admin-users-panel #admin-user-search {grid-column:1/-1;min-width:0;}
#admin-users-table {table-layout:fixed;width:100%;}
#admin-users-table th:nth-child(1){width:24%}#admin-users-table th:nth-child(2){width:40%}
#admin-users-table th:nth-child(3){width:14%}#admin-users-table th:nth-child(4){width:22%}
#admin-users-table td {overflow-wrap:anywhere;white-space:normal;}
#admin-users-table button {white-space:normal;}
@media(max-width:640px){#admin-users-panel .admin-toolbar{grid-template-columns:1fr}#admin-users-table{font-size:12px}.people-group-tabs{gap:5px}.people-group-tabs button{padding:8px}}
@media(max-width:640px){
  #admin-users-table{display:block;min-width:0!important;width:100%;font-size:13px}
  #admin-users-table thead{display:none}
  #admin-users-table tbody{display:block}
  #admin-users-table tr{display:grid;grid-template-columns:minmax(0,1fr);padding:10px 0;border-bottom:1px solid #68468c}
  #admin-users-table td{display:block;width:auto!important;padding:5px 8px;border:0;overflow-wrap:anywhere}
  #admin-users-table td:first-child{font-weight:700}
  #admin-users-table td:last-child button{width:100%;min-height:44px}
}

/* Keep mobile admin targets above the shared workspace button override. */
@media (max-width: 600px) {
  body :is(.users-invites-dialog, .admin-costs-dialog, #admin-set-maintenance-dialog,
      #admin-maintenance-detail-dialog, #admin-user-detail)
      :is(button, input, select, summary) {
    min-height: 44px !important;
    min-width: 44px !important;
  }
}