/* V438U - Users & permissions professional */
.v438u-user-overview{
  margin-top:12px;
  padding:14px;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--card);
}
.v438u-overview-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.v438u-overview-head>div>span{
  display:block;
  font-size:8px;
  font-weight:800;
  letter-spacing:.08em;
  color:var(--muted-foreground);
}
.v438u-overview-head h2{
  margin:3px 0 0;
  font-size:13px;
}
.v438u-overview-head>small{
  font-size:8px;
  color:var(--muted-foreground);
}
.v438u-user-kpis{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:7px;
}
.v438u-user-kpis article{
  position:relative;
  min-height:88px;
  padding:10px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
  overflow:hidden;
}
.v438u-user-kpis article:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:3px;
  background:#64748b;
}
.v438u-user-kpis article:nth-child(2):after{background:#16a34a}
.v438u-user-kpis article:nth-child(5):after{background:#dc2626}
.v438u-user-kpis span{
  display:block;
  font-size:7.3px;
  font-weight:750;
  color:var(--muted-foreground);
}
.v438u-user-kpis b{
  display:block;
  margin-top:5px;
  font-size:20px;
  line-height:1;
}
.v438u-user-kpis small{
  display:block;
  margin-top:6px;
  font-size:6.8px;
  color:var(--muted-foreground);
}
.v438u-user-tools{
  display:grid;
  grid-template-columns:minmax(260px,1fr) 180px 180px auto;
  gap:7px;
  align-items:center;
  margin-top:10px;
  padding:9px;
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--card);
}
.v438u-user-tools input,
.v438u-user-tools select{
  width:100%;
  min-width:0;
  height:36px;
  padding:0 9px;
  border:1px solid var(--border);
  border-radius:8px;
  background:var(--background);
  color:var(--foreground);
  font-size:8px;
}
.v438u-user-tools>span{
  white-space:nowrap;
  font-size:7.5px;
  color:var(--muted-foreground);
}
.v438u-copy-perms{
  display:grid;
  grid-template-columns:1fr minmax(260px,.8fr);
  gap:10px;
  align-items:center;
  padding:10px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--muted)/20;
}
.v438u-copy-perms strong{display:block;font-size:9px}
.v438u-copy-perms small{display:block;margin-top:2px;font-size:7px;color:var(--muted-foreground)}
.v438u-copy-perms>div:last-child{display:grid;grid-template-columns:1fr auto;gap:6px}
.v438u-copy-perms select,.v438u-copy-perms button{height:34px;border:1px solid var(--border);border-radius:7px;background:var(--background);font-size:8px;padding:0 8px}
.v438u-copy-perms button{cursor:pointer}

@media(max-width:760px){
  .v438u-user-overview{
    margin-top:8px;
    padding:9px;
    border-radius:10px;
  }
  .v438u-overview-head{
    flex-direction:column;
    align-items:flex-start;
    gap:3px;
    margin-bottom:8px;
  }
  .v438u-overview-head h2{font-size:11px}
  .v438u-overview-head>small{font-size:6.8px;line-height:1.35}
  .v438u-user-kpis{
    grid-template-columns:1fr 1fr;
    gap:6px;
  }
  .v438u-user-kpis article{
    min-height:78px;
    padding:8px;
  }
  .v438u-user-kpis article:first-child{
    grid-column:1/-1;
  }
  .v438u-user-kpis span{font-size:6.7px}
  .v438u-user-kpis b{font-size:17px}
  .v438u-user-kpis small{font-size:6.4px}

  .v438u-user-tools{
    grid-template-columns:1fr 1fr;
    gap:6px;
    margin-top:8px;
    padding:8px;
  }
  .v438u-user-tools input{
    grid-column:1/-1;
  }
  .v438u-user-tools input,
  .v438u-user-tools select{
    height:38px;
    font-size:7.5px;
  }
  .v438u-user-tools>span{
    grid-column:1/-1;
    text-align:right;
    font-size:6.8px;
  }

  /* Admin rights package: compact on phones */
  [data-loc="client/src/pages/Users.tsx:438"]{
    margin-top:8px!important;
    border-radius:10px!important;
  }
  [data-loc="client/src/pages/Users.tsx:442"]{
    padding:9px!important;
    gap:7px!important;
  }
  [data-loc="client/src/pages/Users.tsx:444"]{
    width:30px!important;height:30px!important;
  }
  [data-loc="client/src/pages/Users.tsx:448"]{font-size:6.8px!important}
  [data-loc="client/src/pages/Users.tsx:451"]{font-size:12px!important}
  [data-loc="client/src/pages/Users.tsx:454"]{font-size:7px!important;line-height:1.4!important}
  [data-loc="client/src/pages/Users.tsx:459"]{font-size:6.8px!important}
  [data-loc="client/src/pages/Users.tsx:464"]{
    grid-template-columns:1fr 1fr!important;
  }
  [data-loc="client/src/pages/Users.tsx:471"]{
    padding:8px!important;
  }
  [data-loc="client/src/pages/Users.tsx:472"]{font-size:6.6px!important}
  [data-loc="client/src/pages/Users.tsx:473"]{font-size:17px!important}
  [data-loc="client/src/pages/Users.tsx:478"]{
    grid-template-columns:1fr!important;
    gap:7px!important;
    padding:9px!important;
  }
  [data-loc="client/src/pages/Users.tsx:480"],
  [data-loc="client/src/pages/Users.tsx:506"]{font-size:7px!important}
  [data-loc="client/src/pages/Users.tsx:483"]{
    grid-template-columns:1fr 1fr!important;
    gap:5px!important;
  }
  [data-loc="client/src/pages/Users.tsx:487"]{padding:7px!important}
  [data-loc="client/src/pages/Users.tsx:490"]{font-size:7.5px!important}
  [data-loc="client/src/pages/Users.tsx:494"]{font-size:6.3px!important}
  [data-loc="client/src/pages/Users.tsx:505"]{padding:8px!important}
  [data-loc="client/src/pages/Users.tsx:512"]{font-size:7.5px!important}
  [data-loc="client/src/pages/Users.tsx:515"]{font-size:6.6px!important}

  [data-loc="client/src/pages/Users.tsx:523"]{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:7px!important;
    margin-top:8px!important;
  }
  [data-loc="client/src/pages/Users.tsx:524"]{
    font-size:7px!important;
  }
  [data-loc="client/src/pages/Users.tsx:531"]{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
  }
  [data-loc="client/src/pages/Users.tsx:531"] button{
    width:100%!important;
    min-height:36px!important;
    font-size:7.5px!important;
  }

  /* Convert user table into cards */
  .management-user-table{
    margin-top:8px!important;
    overflow:visible!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .management-user-table table,
  .management-user-table tbody{
    display:block!important;
    width:100%!important;
  }
  .management-user-table thead{
    display:none!important;
  }
  .management-user-table .v438u-user-row{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:0!important;
    margin-bottom:7px!important;
    border:1px solid var(--border)!important;
    border-radius:10px!important;
    background:var(--card)!important;
    overflow:hidden!important;
  }
  .management-user-table .v438u-user-row>td{
    display:block!important;
    width:auto!important;
    padding:8px!important;
    border:0!important;
  }
  .management-user-table .v438u-user-row>td:nth-child(1){
    grid-column:1/2;
  }
  .management-user-table .v438u-user-row>td:nth-child(2){
    grid-column:1/2;
    padding-top:0!important;
  }
  .management-user-table .v438u-user-row>td:nth-child(3){
    display:none!important;
  }
  .management-user-table .v438u-user-row>td:nth-child(4){
    grid-column:1/-1;
    border-top:1px solid var(--border)!important;
    padding-top:7px!important;
  }
  .management-user-table .v438u-user-row>td:nth-child(5){
    grid-column:2/3;
    grid-row:1/3;
    align-self:start;
    justify-self:end;
  }
  .management-user-table .v438u-user-row>td:nth-child(6){
    grid-column:1/-1;
    border-top:1px solid var(--border)!important;
  }
  .management-user-table .v438u-user-row>td:nth-child(6)>div{
    justify-content:stretch!important;
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:5px!important;
  }
  .management-user-table .v438u-user-row>td:nth-child(6) button{
    width:100%!important;
    height:34px!important;
  }
  .management-user-table .v438u-user-row [class*="text-[10.5px]"]{
    font-size:6.7px!important;
  }
  .management-user-table .v438u-user-row [class*="text-[12px]"]{
    font-size:7.5px!important;
  }

  /* dialog */
  [data-loc="client/src/pages/Users.tsx:687"]{
    width:calc(100vw - 12px)!important;
    max-height:94vh!important;
    padding:10px!important;
    border-radius:11px!important;
  }
  [data-loc="client/src/pages/Users.tsx:691"]{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .v438u-copy-perms{
    grid-template-columns:1fr;
    gap:7px;
    padding:8px;
  }
}

@media(max-width:390px){
  .v438u-user-kpis,
  .v438u-user-tools,
  [data-loc="client/src/pages/Users.tsx:464"],
  [data-loc="client/src/pages/Users.tsx:483"],
  [data-loc="client/src/pages/Users.tsx:531"]{
    grid-template-columns:1fr!important;
  }
  .v438u-user-kpis article:first-child,
  .v438u-user-tools input,
  .v438u-user-tools>span{
    grid-column:auto!important;
  }
}