/* BLACK_AFF_TEAM_UI_V2 */

:root {
  --ba-green:#08a878;
  --ba-black:#0b1110;
  --ba-line:#d9e2de;
  --ba-soft:#f4f7f6;
  --ba-muted:#71807a;
  --ba-red:#d84045;
}

#baTeamV2Root {
  margin-top:16px;
}

.ba-v2-group {
  margin-bottom:14px;
  border:1px solid var(--ba-line);
  background:#fff;
}

.ba-v2-group-head {
  min-height:44px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 14px;
  background:var(--ba-soft);
  border-bottom:1px solid var(--ba-line);
}

.ba-v2-group-head strong {
  font-size:13px;
  font-weight:900;
}

.ba-v2-count {
  min-width:25px;
  height:23px;
  padding:0 7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #cbd7d2;
  background:#fff;
  border-radius:4px;
  font-size:11px;
  font-weight:900;
}

.ba-v2-user-row {
  min-height:58px;
  display:grid;
  grid-template-columns:minmax(260px,1.7fr) 130px 140px 190px 260px;
  align-items:center;
  gap:14px;
  padding:8px 14px;
  border-top:1px solid #edf1ef;
}

.ba-v2-user-row:first-child {
  border-top:0;
}

.ba-v2-user-main {
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
}

.ba-v2-avatar {
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#edf2f0;
  font-weight:900;
  font-size:12px;
}

.ba-v2-user-name {
  font-weight:900;
  font-size:13px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.ba-v2-user-login {
  margin-top:2px;
  font-size:11px;
  color:var(--ba-muted);
}

.ba-v2-role {
  display:inline-flex;
  width:max-content;
  padding:4px 8px;
  border-radius:4px;
  background:#edf3f1;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
}

.ba-v2-role.admin {
  background:#e3f6ef;
  color:#07855f;
}

.ba-v2-status {
  font-size:11px;
  font-weight:900;
}

.ba-v2-status.active {
  color:#079466;
}

.ba-v2-status.stopped {
  color:var(--ba-red);
}

.ba-v2-telegram {
  font-size:11px;
  color:#56655f;
}

.ba-v2-actions {
  display:flex;
  justify-content:flex-end;
  gap:6px;
}

.ba-v2-actions button {
  min-height:30px;
  padding:0 9px;
  border:1px solid #ced9d5;
  border-radius:4px;
  background:#fff;
  font-size:10px;
  font-weight:850;
  cursor:pointer;
}

.ba-v2-actions button:hover {
  border-color:#8fb5a8;
}

#addUser {
  min-height:34px !important;
  height:34px !important;
  padding:0 13px !important;
  border-radius:5px !important;
  font-size:11px !important;
  box-shadow:none !important;
}

/* hide old summary + old users table after V2 is mounted */
body.ba-team-v2-active #pageTeam .stats,
body.ba-team-v2-active #pageTeam .stats-grid,
body.ba-team-v2-active #pageTeam .summary-grid {
  display:none !important;
}

body.ba-team-v2-active .ba-v2-old-users-table {
  display:none !important;
}

/* modal */
.ba-v2-overlay {
  position:fixed;
  inset:0;
  z-index:10000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
  background:rgba(10,18,15,.38);
  backdrop-filter:blur(3px);
}

.ba-v2-overlay[hidden] {
  display:none !important;
}

.ba-v2-modal {
  width:min(980px,calc(100vw - 44px));
  max-height:calc(100vh - 44px);
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #d4dfda;
  border-radius:7px;
  background:#fff;
  box-shadow:0 28px 80px rgba(11,24,19,.20);
}

.ba-v2-modal-head {
  flex:0 0 auto;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  padding:20px 22px 16px;
  border-bottom:1px solid #e2e8e5;
}

.ba-v2-modal-head h2 {
  margin:0;
  font-size:22px;
  line-height:1.1;
}

.ba-v2-subtitle {
  margin-top:5px;
  color:var(--ba-muted);
  font-size:11px;
}

.ba-v2-close {
  width:34px;
  height:34px;
  border:1px solid #d7e0dc;
  border-radius:5px;
  background:#fff;
  cursor:pointer;
}

.ba-v2-modal-body {
  flex:1;
  min-height:0;
  overflow:auto;
  padding:18px 22px;
}

.ba-v2-modal-footer {
  flex:0 0 auto;
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:13px 22px;
  border-top:1px solid #e2e8e5;
  background:#fff;
}

.ba-v2-btn {
  min-height:38px;
  padding:0 16px;
  border:1px solid #cbd7d2;
  border-radius:5px;
  background:#fff;
  font-weight:900;
  cursor:pointer;
}

.ba-v2-btn.green {
  border-color:var(--ba-green);
  background:var(--ba-green);
  color:#fff;
}

.ba-v2-field {
  display:block;
  margin-bottom:14px;
}

.ba-v2-field > span {
  display:block;
  margin-bottom:6px;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
}

.ba-v2-field input,
.ba-v2-field select {
  width:100%;
  height:42px;
  padding:0 12px;
  border:1px solid #ccd9d4;
  border-radius:5px;
  background:#fff;
}

.ba-v2-role-note {
  margin-top:14px;
  padding:12px;
  border:1px solid #dce5e1;
  background:#f5f8f7;
  font-size:11px;
  color:#62716b;
}

/* access products */
.ba-v2-product {
  margin-bottom:11px;
  border:1px solid #d5dfdb;
  border-radius:5px;
  overflow:hidden;
}

.ba-v2-product-head {
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0 14px;
  background:#f4f7f6;
}

.ba-v2-product-title {
  font-weight:900;
  font-size:13px;
}

.ba-v2-product-body[hidden] {
  display:none !important;
}

.ba-v2-section {
  border-top:1px solid #e8eeeb;
}

.ba-v2-section-head {
  min-height:43px;
  display:grid;
  grid-template-columns:210px 1fr;
  align-items:center;
  gap:14px;
  padding:7px 14px;
}

.ba-v2-section-title {
  font-size:11px;
  font-weight:900;
}

.ba-v2-actions-grid {
  display:flex;
  flex-wrap:wrap;
  gap:13px;
}

.ba-v2-check {
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:10px;
  font-weight:800;
}

.ba-v2-check input {
  width:16px;
  height:16px;
  accent-color:var(--ba-green);
}

.ba-v2-switch {
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:10px;
  font-weight:900;
}

.ba-v2-switch input {
  width:17px;
  height:17px;
  accent-color:var(--ba-green);
}

.ba-v2-resources {
  padding:0 14px 12px 224px;
}

.ba-v2-resource-box {
  border:1px solid #dde5e2;
  background:#fbfcfc;
}

.ba-v2-resource-head {
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 10px;
  border-bottom:1px solid #e4eae8;
  font-size:10px;
  font-weight:900;
}

.ba-v2-resource-items {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px 16px;
  max-height:180px;
  overflow:auto;
  padding:10px;
}

.ba-v2-resource-empty {
  padding:11px;
  color:#89958f;
  font-size:10px;
}

.ba-v2-resource-footer {
  padding:9px 10px;
  border-top:1px solid #e4eae8;
}

.ba-v2-success {
  padding:20px;
  border:1px solid #cbe6dc;
  background:#f1faf7;
}

.ba-v2-success h3 {
  margin:0 0 8px;
  font-size:18px;
}

.ba-v2-invite {
  display:flex;
  gap:8px;
  margin-top:13px;
}

.ba-v2-invite input {
  flex:1;
  height:40px;
  padding:0 10px;
  border:1px solid #cdd9d4;
  border-radius:4px;
}

@media(max-width:1000px) {
  .ba-v2-user-row {
    grid-template-columns:minmax(240px,1fr) 110px 110px 160px;
  }

  .ba-v2-actions {
    grid-column:1/-1;
    justify-content:flex-start;
  }
}

@media(max-width:700px) {
  .ba-v2-section-head {
    grid-template-columns:1fr;
  }

  .ba-v2-resources {
    padding:0 14px 12px;
  }

  .ba-v2-resource-items {
    grid-template-columns:1fr;
  }
}


/* =========================================================
   BLACK_AFF ACCESS TREE V3
========================================================= */

.ba-v3-product {
  margin-bottom:10px;
  overflow:hidden;
  border:1px solid #d7e1dd;
  border-radius:5px;
  background:#fff;
}

.ba-v3-product.is-open {
  border-color:#bdd4cb;
}

.ba-v3-product-head {
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:0 14px;
  background:#f5f8f7;
}

.ba-v3-product-name {
  display:flex;
  flex-direction:column;
  gap:2px;
}

.ba-v3-product-name strong {
  font-size:13px;
  font-weight:950;
  color:#0a0f0d;
}

.ba-v3-product-name span {
  font-size:10px;
  font-weight:650;
  color:#7e8b86;
}


.ba-v3-product-switch {
  display:flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
  user-select:none;
}

.ba-v3-product-switch > input {
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.ba-v3-product-switch b {
  font-size:10px;
  font-weight:900;
}

.ba-v3-switch-track {
  position:relative;
  display:block;
  width:34px;
  height:18px;
  border:1px solid #b8c8c1;
  border-radius:3px;
  background:#e5ece9;
  transition:.15s ease;
}

.ba-v3-switch-track > span {
  position:absolute;
  top:2px;
  left:2px;
  width:12px;
  height:12px;
  border-radius:2px;
  background:#fff;
  box-shadow:0 1px 3px rgba(0,0,0,.12);
  transition:.15s ease;
}

.ba-v3-product-switch
input:checked +
.ba-v3-switch-track {
  border-color:#06a878;
  background:#06a878;
}

.ba-v3-product-switch
input:checked +
.ba-v3-switch-track
> span {
  transform:translateX(16px);
}


.ba-v3-product-content {
  border-top:1px solid #dfe7e3;
}

.ba-v3-product-content[hidden] {
  display:none !important;
}


/* SECTIONS */

.ba-v3-section {
  border-bottom:1px solid #e7ecea;
  background:#fff;
}

.ba-v3-section:last-child {
  border-bottom:0;
}

.ba-v3-section.is-open {
  background:#fcfdfd;
}

.ba-v3-section-head {
  min-height:44px;
  display:flex;
  align-items:center;
  padding:0 14px;
}

.ba-v3-section-switch {
  display:inline-flex;
  align-items:center;
  gap:9px;
  cursor:pointer;
  user-select:none;
}

.ba-v3-section-switch > input {
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.ba-v3-section-switch strong {
  font-size:11px;
  font-weight:900;
}

.ba-v3-box {
  width:16px;
  height:16px;
  display:block;
  position:relative;
  flex:0 0 16px;
  border:1px solid #aabbb4;
  border-radius:3px;
  background:#fff;
}

.ba-v3-section-switch
input:checked +
.ba-v3-box {
  border-color:#08a878;
  background:#08a878;
}

.ba-v3-section-switch
input:checked +
.ba-v3-box::after {
  content:"";
  position:absolute;
  left:4px;
  top:1px;
  width:5px;
  height:9px;
  border-right:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(45deg);
}


.ba-v3-section-content {
  padding:
    0
    14px
    14px
    39px;
}

.ba-v3-section-content[hidden] {
  display:none !important;
}


/* ACTIONS */

.ba-v3-actions {
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  padding:10px 0 13px;
  border-top:1px solid #eef2f0;
}

.ba-v3-check {
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:23px;
  font-size:10px;
  font-weight:750;
  color:#222b27;
  cursor:pointer;
  user-select:none;
}

.ba-v3-check input {
  width:15px;
  height:15px;
  margin:0;
  accent-color:#08a878;
}

.ba-v3-check-master {
  font-weight:900;
}


/* STATISTICS */

.ba-v3-visibility {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:12px;
  padding:10px 11px;
  border:1px solid #e0e8e4;
  border-radius:4px;
  background:#f7f9f8;
}

.ba-v3-visibility > span {
  margin-right:auto;
  font-size:10px;
  font-weight:900;
}

.ba-v3-visibility label {
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:10px;
  font-weight:800;
}

.ba-v3-visibility input {
  accent-color:#08a878;
}


/* RESOURCE BLOCKS */

.ba-v3-resources {
  display:flex;
  flex-direction:column;
  gap:9px;
}

.ba-v3-resource {
  overflow:hidden;
  border:1px solid #dce5e1;
  border-radius:4px;
  background:#fff;
}

.ba-v3-resource-top {
  min-height:39px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:0 11px;
  background:#f6f8f7;
  border-bottom:1px solid #e2e9e6;
}

.ba-v3-resource-top strong {
  font-size:10px;
  font-weight:950;
}

.ba-v3-resource-list {
  display:grid;
  grid-template-columns:
    repeat(
      2,
      minmax(0,1fr)
    );
  gap:6px 16px;
  max-height:180px;
  overflow:auto;
  padding:10px 11px;
}

.ba-v3-resource-empty {
  padding:12px 11px;
  color:#8b9691;
  font-size:10px;
}

.ba-v3-resource-future {
  padding:9px 11px;
  border-top:1px solid #e4eae7;
  background:#fbfcfc;
}


/*
 * Old V2 product renderer is no longer used,
 * but these selectors protect against accidental
 * visual collision if browser kept old DOM during HMR/cache.
 */
.ba-v2-product {
  display:none !important;
}


@media(max-width:720px) {

  .ba-v3-product-head {
    align-items:flex-start;
    flex-direction:column;
    padding:12px;
  }

  .ba-v3-section-content {
    padding-left:14px;
  }

  .ba-v3-resource-list {
    grid-template-columns:1fr;
  }

}


/* BLACK_AFF_ACCESS_V6 */

.ba-v6-subgroup-label {
  min-height:30px;
  display:flex;
  align-items:center;
  padding:0 14px;
  border-top:1px solid #dfe7e3;
  border-bottom:1px solid #edf1ef;
  background:#f8faf9;
  color:#71807a;
  font-size:9px;
  font-weight:950;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.ba-v6-subgroup-label +
.ba-v3-section {
  border-top:0;
}


/* =========================================================
   BLACK_AFF NESTED ACCESS GROUPS V1
========================================================= */

.ba-v6-section-group {
  margin:
    8px
    12px
    10px;

  overflow:hidden;

  border:
    1px solid
    #d7e1dd;

  border-radius:
    5px;

  background:
    #fff;
}


.ba-v6-section-group-head {
  min-height:
    34px;

  display:flex;

  align-items:center;

  padding:
    0
    12px;

  border-bottom:
    1px solid
    #dde5e2;

  background:
    #f1f5f3;
}


.ba-v6-section-group-head strong {
  color:
    #596761;

  font-size:
    9px;

  font-weight:
    950;

  letter-spacing:
    .08em;

  text-transform:
    uppercase;
}


.ba-v6-section-group-body {
  padding:
    5px
    8px
    8px;

  background:
    #fbfcfc;
}


.ba-v6-section-group-body
.ba-v3-section {
  margin-top:
    6px;

  overflow:
    hidden;

  border:
    1px solid
    #e0e7e4;

  border-radius:
    4px;

  background:
    #fff;
}


.ba-v6-section-group-body
.ba-v3-section:first-child {
  margin-top:
    0;
}


.ba-v6-section-group-body
.ba-v3-section-head {
  min-height:
    40px;

  padding:
    0
    11px;

  background:
    #fff;
}


.ba-v6-section-group-body
.ba-v3-section-content {
  padding-left:
    35px;
}


/*
 * Old repeated header is obsolete.
 */
.ba-v6-subgroup-label {
  display:none !important;
}


/* =========================================================
   BLACK_AFF COLLAPSIBLE PARENT GROUPS V1
========================================================= */


/*
 * Old V6 permanent group wrappers are obsolete.
 */
.ba-v6-section-group,
.ba-v6-section-group-head,
.ba-v6-section-group-body {
  all:unset;
}


/*
 * Parent behaves exactly like the rest of the access tree.
 */
.ba-v7-parent-section {
  border-bottom:
    1px solid
    #e7ecea;

  background:
    #fff;
}


.ba-v7-parent-section:last-child {
  border-bottom:
    0;
}


.ba-v7-parent-section.is-open {
  background:
    #fcfdfd;
}


.ba-v7-parent-head {
  min-height:
    44px;

  display:
    flex;

  align-items:
    center;

  padding:
    0 14px;
}


/*
 * Children appear only after parent is enabled.
 *
 * Give them one clear visual level of indentation,
 * but no giant secondary card.
 */
.ba-v7-parent-content {
  margin:
    0 14px 12px 39px;

  overflow:
    hidden;

  border:
    1px solid
    #dce5e1;

  border-radius:
    4px;

  background:
    #fff;
}


.ba-v7-parent-content[hidden] {
  display:
    none !important;
}


.ba-v7-parent-content
.ba-v3-section {
  border-bottom:
    1px solid
    #e7ecea;

  background:
    #fff;
}


.ba-v7-parent-content
.ba-v3-section:last-child {
  border-bottom:
    0;
}


.ba-v7-parent-content
.ba-v3-section-head {
  min-height:
    42px;

  padding:
    0 12px;
}


.ba-v7-parent-content
.ba-v3-section-content {
  padding:
    0 12px 13px 36px;
}


@media(max-width:720px) {

  .ba-v7-parent-content {
    margin-left:
      14px;
  }

  .ba-v7-parent-content
  .ba-v3-section-content {
    padding-left:
      12px;
  }

}


/* =========================================================
   BLACK_AFF TEAM USER ACTIONS V2
========================================================= */

.ba-v2-user-row {
  grid-template-columns:
    minmax(260px,1.8fr)
    minmax(125px,.7fr)
    105px
    minmax(150px,.85fr)
    300px !important;

  column-gap:
    14px !important;
}


.ba-v2-actions {
  width:
    300px !important;

  min-width:
    300px !important;

  display:
    grid !important;

  grid-template-columns:
    92px
    106px
    78px !important;

  gap:
    6px !important;

  align-items:
    center !important;

  justify-content:
    end !important;
}


.ba-v2-actions button {
  width:
    100% !important;

  min-width:
    0 !important;

  height:
    31px !important;

  min-height:
    31px !important;

  padding:
    0 7px !important;

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  border:
    1px solid #ced9d5 !important;

  border-radius:
    4px !important;

  background:
    #fff !important;

  white-space:
    nowrap !important;

  font-size:
    10px !important;

  line-height:
    1 !important;

  font-weight:
    850 !important;
}


.ba-v2-actions
button:nth-child(2) {
  border-color:
    #bcded2 !important;

  background:
    #f2faf7 !important;

  color:
    #078c66 !important;
}


.ba-v2-actions
button:nth-child(3) {
  border-color:
    #efcaca !important;

  background:
    #fffafa !important;

  color:
    #d53232 !important;
}


@media(max-width:1180px) {

  .ba-v2-user-row {
    grid-template-columns:
      minmax(220px,1fr)
      125px
      100px
      150px !important;
  }


  .ba-v2-actions {
    grid-column:
      1 / -1;

    width:
      auto !important;

    min-width:
      0 !important;

    justify-content:
      start !important;
  }

}


/* BLACK_AFF ROLE SELECT V1 */

#baV2Role {
  width:
    100% !important;

  height:
    44px !important;

  padding:
    0 42px 0 13px !important;

  border:
    1px solid #cad7d2 !important;

  border-radius:
    4px !important;

  background-color:
    #fff !important;

  color:
    #121614 !important;

  font-family:
    inherit !important;

  font-size:
    13px !important;

  font-weight:
    650 !important;

  outline:
    none !important;

  box-shadow:
    none !important;

  cursor:
    pointer !important;
}


#baV2Role:hover,
#baV2Role:focus {
  border-color:
    #08aa78 !important;
}


#baV2Role option {
  background:
    #fff;

  color:
    #111;

  font-family:
    inherit;
}


/* =========================================================
   BLACK_AFF USERS V2 FINAL
========================================================= */

.ba-v2-actions {
  width:
    286px !important;

  min-width:
    286px !important;

  display:
    grid !important;

  grid-template-columns:
    88px
    108px
    78px !important;

  gap:
    6px !important;

  align-items:
    center !important;

  justify-content:
    end !important;
}


.ba-v2-actions button {
  width:
    100% !important;

  min-width:
    0 !important;

  height:
    32px !important;

  padding:
    0 7px !important;

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  border-radius:
    4px !important;

  font-size:
    9px !important;

  line-height:
    1 !important;

  font-weight:
    900 !important;

  white-space:
    nowrap !important;

  cursor:
    pointer !important;
}


.ba-v2-actions button:disabled {
  opacity:
    .55 !important;

  cursor:
    wait !important;
}


/* SETTINGS - WHITE */

.ba-user-action.settings,
[data-ba-user-settings] {
  border:
    1px solid #cad5d1 !important;

  background:
    #fff !important;

  color:
    #111 !important;
}


.ba-user-action.settings:hover,
[data-ba-user-settings]:hover {
  border-color:
    #08ab79 !important;

  background:
    #f8fbfa !important;
}


/* NEW LINK - GREEN */

.ba-user-action.link,
[data-ba-original-action="1"] {
  border:
    1px solid #08a977 !important;

  background:
    #08ad7a !important;

  color:
    #fff !important;
}


.ba-user-action.link:hover,
[data-ba-original-action="1"]:hover {
  background:
    #07996d !important;
}


/* DELETE - RED */

.ba-user-action.delete,
[data-ba-original-action="2"] {
  border:
    1px solid #df4b4b !important;

  background:
    #fff !important;

  color:
    #d53636 !important;
}


.ba-user-action.delete:hover,
[data-ba-original-action="2"]:hover {
  background:
    #fff4f4 !important;
}


/* ROW WIDTH */

.ba-v2-user-row {
  grid-template-columns:
    minmax(220px,1.7fr)
    minmax(105px,.7fr)
    92px
    minmax(125px,.8fr)
    286px !important;

  gap:
    10px !important;
}


/* RECOVERY */

.ba-recovery-result-v2 {
  display:
    grid;

  gap:
    14px;
}


.ba-recovery-user-v2 {
  padding:
    13px 14px;

  border:
    1px solid #dbe5e1;

  background:
    #f7faf8;
}


.ba-recovery-user-v2 > div {
  display:
    flex;

  flex-direction:
    column;

  gap:
    4px;
}


.ba-recovery-user-v2 strong {
  font-size:
    13px;
}


.ba-recovery-user-v2 span {
  color:
    #74817c;

  font-size:
    10px;
}


.ba-recovery-note-v2 {
  padding:
    12px 13px;

  border-left:
    3px solid #0bad7b;

  background:
    #f3f9f6;

  color:
    #55645e;

  font-size:
    11px;

  line-height:
    1.55;
}


.ba-recovery-copy-v2 {
  display:
    grid;

  grid-template-columns:
    minmax(0,1fr)
    auto;

  gap:
    7px;
}


.ba-recovery-copy-v2 input {
  min-width:
    0;
}


@media(max-width:1180px) {

  .ba-v2-user-row {
    grid-template-columns:
      minmax(210px,1fr)
      115px
      95px
      140px !important;
  }


  .ba-v2-actions {
    grid-column:
      1 / -1;

    justify-content:
      start !important;
  }

}