/* V438Y - User Edit Professional */

.v438y-edit-summary{
  display:flex;
  align-items:center;
  gap:10px;
  margin:6px 0 12px;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--card);
}
.v438y-edit-avatar{
  width:40px;
  height:40px;
  flex:none;
  border-radius:50%;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--border);
  background:var(--muted);
  font-weight:800;
  font-size:14px;
}
.v438y-edit-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.v438y-edit-copy{
  min-width:0;
  flex:1;
}
.v438y-edit-copy strong{
  display:block;
  font-size:13px;
  line-height:1.3;
  overflow-wrap:anywhere;
}
.v438y-edit-copy small{
  display:block;
  margin-top:2px;
  font-size:10px;
  color:var(--muted-foreground);
}
.v438y-edit-summary>span{
  flex:none;
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:3px 8px;
  border-radius:999px;
  font-size:9px;
  font-weight:700;
}
.v438y-edit-summary>span.active{
  background:#dcfce7;
  color:#15803d;
}
.v438y-edit-summary>span.locked{
  background:#fee2e2;
  color:#b91c1c;
}

.v438y-account-column,
.v438y-permission-panel{
  min-width:0;
}
.v438y-section-title{
  padding-bottom:8px;
  border-bottom:1px solid var(--border);
}
.v438y-section-title>span{
  display:block;
  font-size:9px;
  font-weight:800;
  letter-spacing:.08em;
  color:var(--muted-foreground);
}
.v438y-section-title>small{
  display:block;
  margin-top:3px;
  font-size:8px;
  line-height:1.4;
  color:var(--muted-foreground);
}
.v438y-section-title.permission{
  margin-bottom:10px;
}

.v438y-change-notes{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.v438y-change-notes>div{
  padding:8px 9px;
  border:1px solid var(--border);
  border-radius:8px;
}
.v438y-change-notes>div.info{
  background:#eff6ff;
  border-color:#bfdbfe;
}
.v438y-change-notes>div.warn{
  background:#fffbeb;
  border-color:#fde68a;
}
.v438y-change-notes>div.danger{
  background:#fef2f2;
  border-color:#fecaca;
}
.v438y-change-notes strong{
  display:block;
  font-size:8.5px;
}
.v438y-change-notes small{
  display:block;
  margin-top:3px;
  font-size:7.5px;
  line-height:1.4;
  color:var(--muted-foreground);
}

.v438y-copy-perms{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);
  gap:10px;
  align-items:center;
  margin-bottom:10px;
  padding:10px;
  border:1px solid var(--border);
  border-radius:9px;
  background:var(--background);
}
.v438y-copy-perms strong{
  display:block;
  font-size:9px;
}
.v438y-copy-perms small{
  display:block;
  margin-top:2px;
  font-size:7.5px;
  color:var(--muted-foreground);
}
.v438y-copy-perms>div:last-child{
  display:grid;
  grid-template-columns:1fr auto;
  gap:6px;
}
.v438y-copy-perms select,
.v438y-copy-perms button{
  min-width:0;
  height:34px;
  padding:0 8px;
  border:1px solid var(--border);
  border-radius:7px;
  background:var(--background);
  color:var(--foreground);
  font-size:8px;
}
.v438y-copy-perms button{
  cursor:pointer;
  font-weight:700;
}
.v438y-copy-perms button:disabled{
  opacity:.5;
  cursor:not-allowed;
}

.v438y-permission-panel{
  border-radius:10px!important;
}

@media(max-width:760px){
  [data-loc="client/src/pages/Users.tsx:687"]{
    width:calc(100vw - 10px)!important;
    max-height:96vh!important;
    padding:10px!important;
    border-radius:14px!important;
    overscroll-behavior:contain;
  }

  .v438y-edit-summary{
    margin:5px 0 10px;
    padding:9px;
    border-radius:11px;
    gap:8px;
  }
  .v438y-edit-avatar{
    width:38px;
    height:38px;
  }
  .v438y-edit-copy strong{
    font-size:11px;
  }
  .v438y-edit-copy small{
    font-size:8px;
  }
  .v438y-edit-summary>span{
    font-size:7.5px;
    padding:3px 6px;
  }

  [data-loc="client/src/pages/Users.tsx:691"]{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .v438y-account-column{
    gap:10px!important;
  }

  .v438y-section-title>span{
    font-size:8px;
  }
  .v438y-section-title>small{
    font-size:7px;
  }

  [data-loc="client/src/pages/Users.tsx:693"],
  [data-loc="client/src/pages/Users.tsx:704"],
  [data-loc="client/src/pages/Users.tsx:715"],
  [data-loc="client/src/pages/Users.tsx:728"],
  [data-loc="client/src/pages/Users.tsx:738"],
  [data-loc="client/src/pages/Users.tsx:750"],
  [data-loc="client/src/pages/Users.tsx:769"],
  [data-loc="client/src/pages/Users.tsx:783"]{
    gap:5px!important;
  }

  [data-loc="client/src/pages/Users.tsx:703"],
  [data-loc="client/src/pages/Users.tsx:727"],
  [data-loc="client/src/pages/Users.tsx:749"]{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }

  [data-loc="client/src/pages/Users.tsx:695"],
  [data-loc="client/src/pages/Users.tsx:706"],
  [data-loc="client/src/pages/Users.tsx:717"],
  [data-loc="client/src/pages/Users.tsx:730"],
  [data-loc="client/src/pages/Users.tsx:740"]{
    height:42px!important;
    font-size:10px!important;
    border-radius:9px!important;
  }

  [data-loc="client/src/pages/Users.tsx:756"],
  [data-loc="client/src/pages/Users.tsx:775"]{
    min-height:42px!important;
    border-radius:9px!important;
  }

  [data-loc="client/src/pages/Users.tsx:694"],
  [data-loc="client/src/pages/Users.tsx:705"],
  [data-loc="client/src/pages/Users.tsx:716"],
  [data-loc="client/src/pages/Users.tsx:729"],
  [data-loc="client/src/pages/Users.tsx:739"],
  [data-loc="client/src/pages/Users.tsx:751"],
  [data-loc="client/src/pages/Users.tsx:770"],
  [data-loc="client/src/pages/Users.tsx:784"]{
    font-size:9px!important;
  }

  [data-loc="client/src/pages/Users.tsx:781"]{
    font-size:7.5px!important;
    line-height:1.4!important;
  }
  [data-loc="client/src/pages/Users.tsx:785"]{
    min-height:38px!important;
    padding:7px 8px!important;
    border:1px solid var(--border)!important;
    border-radius:9px!important;
    background:var(--background)!important;
  }
  [data-loc="client/src/pages/Users.tsx:790"]{
    font-size:8.5px!important;
  }

  .v438y-change-notes>div{
    padding:8px;
    border-radius:9px;
  }
  .v438y-change-notes strong{
    font-size:8px;
  }
  .v438y-change-notes small{
    font-size:7px;
  }

  .v438y-permission-panel{
    padding:9px!important;
    border-radius:11px!important;
  }
  [data-loc="client/src/pages/Users.tsx:799"]{
    margin-bottom:6px!important;
  }
  [data-loc="client/src/pages/Users.tsx:801"]{
    font-size:10px!important;
  }
  [data-loc="client/src/pages/Users.tsx:802"]{
    font-size:7.5px!important;
    line-height:1.4!important;
  }

  .v438y-copy-perms{
    grid-template-columns:1fr;
    gap:7px;
    margin-bottom:8px;
    padding:8px;
  }
  .v438y-copy-perms strong{
    font-size:8px;
  }
  .v438y-copy-perms small{
    font-size:7px;
  }
  .v438y-copy-perms>div:last-child{
    grid-template-columns:1fr auto;
  }
  .v438y-copy-perms select,
  .v438y-copy-perms button{
    height:38px;
    font-size:7.5px;
  }

  /* mobile permission cards */
  [data-loc="client/src/pages/Users.tsx:808"]{
    margin-top:8px!important;
    gap:7px!important;
  }
  [data-loc="client/src/pages/Users.tsx:812"]{
    border-radius:9px!important;
  }
  [data-loc="client/src/pages/Users.tsx:813"]{
    padding:9px!important;
  }
  [data-loc="client/src/pages/Users.tsx:816"]{
    font-size:9px!important;
  }
  [data-loc="client/src/pages/Users.tsx:820"]{
    font-size:7px!important;
    line-height:1.35!important;
  }
  [data-loc="client/src/pages/Users.tsx:827"]{
    min-height:44px!important;
    padding:8px 9px!important;
    font-size:8.5px!important;
  }
  [data-loc="client/src/pages/Users.tsx:839"]{
    padding:8px!important;
  }
  [data-loc="client/src/pages/Users.tsx:840"]{
    font-size:7px!important;
  }
  [data-loc="client/src/pages/Users.tsx:843"],
  [data-loc="client/src/pages/Users.tsx:849"]{
    padding:8px!important;
    border-radius:8px!important;
    font-size:8px!important;
  }

  /* Sticky actions */
  .v438y-edit-footer{
    position:sticky!important;
    bottom:-10px!important;
    z-index:20!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    margin:0 -10px -10px!important;
    padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important;
    border-top:1px solid var(--border)!important;
    background:color-mix(in srgb,var(--background) 96%,transparent)!important;
    backdrop-filter:blur(8px);
  }
  .v438y-edit-footer button{
    width:100%!important;
    min-height:42px!important;
    font-size:9px!important;
    border-radius:9px!important;
  }
}

@media(max-width:390px){
  .v438y-edit-summary{
    align-items:flex-start;
    flex-wrap:wrap;
  }
  .v438y-edit-summary>span{
    margin-left:46px;
    margin-top:-6px;
  }
  .v438y-copy-perms>div:last-child{
    grid-template-columns:1fr!important;
  }
}