.taif-user-management{
  width:100%;
  height:100%;
  min-height:0;
  display:grid;
  grid-template-rows:auto auto minmax(0, 1fr);
  gap:12px;
  padding:12px;
  color:#0f172a;
  direction:rtl;
}
.taif-user-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 16px;
  border-radius:18px;
  background:linear-gradient(135deg, rgba(255,255,255,.98), rgba(239,244,255,.96));
  border:1px solid rgba(47,103,243,.14);
  box-shadow:0 14px 30px rgba(15,23,42,.07);
}
.taif-user-header h2{margin:0;font-size:22px;font-weight:1000;color:#172554}
.taif-user-header p{margin:4px 0 0;font-size:13px;font-weight:800;color:rgba(15,23,42,.62)}
.taif-user-header__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.taif-user-layout{
  min-height:0;
  display:grid;
  grid-template-columns:minmax(360px, 1.35fr) minmax(320px, .9fr);
  gap:12px;
}
.taif-user-list-card,
.taif-user-editor-card,
.taif-user-denied{
  min-height:0;
  border-radius:18px;
  background:rgba(255,255,255,.98);
  border:1px solid rgba(47,103,243,.14);
  box-shadow:0 14px 30px rgba(15,23,42,.07);
  overflow:hidden;
}
.taif-user-list-card{display:grid;grid-template-rows:minmax(0, 1fr)}
.taif-user-table{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;height:100%}
.taif-user-table__head,
.taif-user-row{
  display:grid;
  grid-template-columns:minmax(180px, 1.4fr) minmax(78px, .55fr) minmax(104px, .65fr) minmax(112px, .8fr);
  align-items:center;
  gap:10px;
}
.taif-user-table__head{
  padding:10px 14px;
  color:#1d4ed8;
  background:#eef4ff;
  border-bottom:1px solid rgba(47,103,243,.14);
  font-size:12px;
  font-weight:1000;
}
.taif-user-table__body{min-height:0;overflow:auto;padding:6px;display:grid;gap:6px;align-content:start}
.taif-user-row{
  width:100%;
  border:1px solid rgba(15,23,42,.08);
  border-radius:14px;
  background:#fff;
  padding:10px 12px;
  color:#0f172a;
  cursor:pointer;
  text-align:right;
  transition:border-color .14s ease, box-shadow .14s ease, transform .14s ease;
}
.taif-user-row:hover,
.taif-user-row.is-selected{border-color:rgba(34,80,212,.45);box-shadow:0 10px 24px rgba(34,80,212,.10);transform:translateY(-1px)}
.taif-user-row__main{display:grid;gap:2px;min-width:0}
.taif-user-row__main strong{font-size:14px;font-weight:1000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.taif-user-row__main small{font-size:12px;font-weight:800;color:rgba(15,23,42,.54);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}
.taif-user-row__role,
.taif-user-row__date{font-size:12px;font-weight:900;color:rgba(15,23,42,.70)}
.taif-user-status{display:inline-grid;place-items:center;min-height:24px;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:1000;white-space:nowrap}
.taif-user-status--active{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
.taif-user-status--warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a}
.taif-user-status--disabled{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}
.taif-user-editor{display:grid;gap:10px;padding:14px;align-content:start}
.taif-user-editor__head{display:flex;align-items:center;justify-content:space-between;gap:8px}
.taif-user-editor h3{margin:0;font-size:18px;font-weight:1000;color:#172554}
.taif-user-editor h4{margin:0 0 8px;font-size:14px;font-weight:1000;color:#172554}
.taif-user-field{display:grid;gap:6px;font-size:12px;font-weight:1000;color:#172554}
.taif-user-field input,
.taif-user-field select{
  width:100%;
  min-height:38px;
  border:1px solid rgba(47,103,243,.16);
  border-radius:12px;
  padding:0 10px;
  background:#fff;
  color:#0f172a;
  font-size:14px;
  font-weight:900;
  outline:none;
}
.taif-user-field input:focus,
.taif-user-field select:focus{border-color:rgba(34,80,212,.62);box-shadow:0 0 0 3px rgba(47,103,243,.12)}
.taif-user-check{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:900;color:rgba(15,23,42,.75)}
.taif-user-check input{width:16px;height:16px;accent-color:#2f67f3}
.taif-user-primary,
.taif-user-secondary,
.taif-user-link{
  min-height:36px;
  border-radius:12px;
  border:0;
  padding:0 14px;
  font-weight:1000;
  cursor:pointer;
}
.taif-user-primary{background:var(--topbar-chrome, linear-gradient(135deg, #5887fb, #2250d4));color:#fff;box-shadow:0 10px 22px rgba(34,80,212,.16)}
.taif-user-secondary{background:#eff4ff;color:#1d4ed8;border:1px solid rgba(47,103,243,.18)}
.taif-user-link{background:transparent;color:#1d4ed8;padding:0 6px;text-decoration:underline;text-underline-offset:3px}
.taif-user-reset{display:grid;gap:8px;margin-top:6px;padding:12px;border-radius:14px;background:#f8fbff;border:1px solid rgba(47,103,243,.12)}
.taif-user-alert{border-radius:14px;padding:10px 12px;font-size:13px;font-weight:1000;line-height:1.45}
.taif-user-alert--error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}
.taif-user-alert--success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}
.taif-user-empty{display:grid;place-items:center;min-height:180px;padding:18px;font-size:14px;font-weight:1000;color:rgba(15,23,42,.62)}
.taif-user-denied{display:grid;place-items:center;align-content:center;gap:8px;padding:28px;text-align:center;font-size:16px;font-weight:900;color:#172554}
.taif-user-denied span{font-size:13px;color:rgba(15,23,42,.62)}

@media (max-width:900px){
  .taif-user-management{padding:8px;gap:8px;overflow:auto;height:auto;min-height:100%}
  .taif-user-header{align-items:stretch;flex-direction:column;padding:12px}
  .taif-user-layout{grid-template-columns:minmax(0,1fr);min-height:auto}
  .taif-user-list-card,.taif-user-editor-card{min-height:auto}
  .taif-user-table__body{max-height:300px}
  .taif-user-table__head{display:none}
  .taif-user-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"main status" "role date";gap:6px}
  .taif-user-row__main{grid-area:main}.taif-user-row__role{grid-area:role}.taif-user-row__status{grid-area:status}.taif-user-row__date{grid-area:date;text-align:left}
}