/* Tables */
.ui-table-wrap,
.table-wrap{
  overflow:auto;
  border:1px solid var(--intazam-color-border);
  border-radius:10px;
  margin-top:14px;
}
.ui-table,
.table-wrap table{
  width:100%;
  border-collapse:collapse;
  min-width:760px;
}
.ui-table th,
.ui-table td,
.table-wrap th,
.table-wrap td{
  padding:10px 12px;
  border-bottom:1px solid #edf0f4;
  text-align:left;
  vertical-align:middle;
}
.ui-table tr:last-child td,
.table-wrap tr:last-child td{border-bottom:0}
.ui-table th,
.table-wrap th{
  background:#f8fafc;
  color:#68758a;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.075em;
  font-weight:800;
  white-space:nowrap;
}
.ui-table td,
.table-wrap td{font-size:11px;color:var(--intazam-neutral-800)}
.ui-table td strong,
.table-wrap td strong{color:var(--intazam-color-text);font-size:11px}
.ui-table td small,
.table-wrap td small{color:var(--intazam-color-text-faint);font-size:9px}
.ui-table tbody tr:hover,
.table-wrap tbody tr:hover{background:#fcfdfe}

/* Page headers */
.ui-page-header,
.topbar{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
}
.ui-page-heading,
.page-heading{min-width:0}
.ui-breadcrumb,
.breadcrumb{
  display:flex;
  gap:7px;
  align-items:center;
  color:var(--intazam-color-text-faint);
  font-size:11px;
  font-weight:650;
  margin-bottom:8px;
}
.ui-page-title,
.topbar h1{
  margin:0;
  font-size:29px;
  line-height:1.12;
  letter-spacing:-.025em;
}
.ui-page-subtitle,
#page-subtitle{
  margin:7px 0 0;
  color:var(--intazam-color-text-soft);
  font-size:13px;
}

/* Section header */
.ui-section-head,
.section-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:14px;
}

/* Modal / drawer */
.ui-overlay,
.modal-backdrop{
  position:fixed;
  inset:0;
  background:rgba(18,29,47,.42);
  display:grid;
  place-items:center;
  padding:24px;
  z-index:50;
  backdrop-filter:blur(2px);
}
.ui-dialog,
.modal-card{
  width:min(720px,100%);
  max-height:90vh;
  overflow:auto;
  background:var(--intazam-color-surface);
  border:1px solid rgba(255,255,255,.35);
  border-radius:16px;
  padding:24px;
  box-shadow:var(--intazam-shadow-lg);
}
.ui-overlay--drawer,
.modal-backdrop.drawer-mode{place-items:stretch end;padding:0}
.ui-overlay--drawer .ui-dialog,
.modal-backdrop.drawer-mode .modal-card{
  width:min(620px,100%);
  height:100vh;
  max-height:none;
  border-radius:0;
  border:0;
  border-left:1px solid var(--intazam-color-border);
  padding:26px 26px 40px;
  animation:intazam-drawer-in .18s ease-out;
}
@keyframes intazam-drawer-in{
  from{transform:translateX(24px);opacity:.6}
  to{transform:none;opacity:1}
}
.ui-dialog__head,
.modal-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:flex-start;
  margin-bottom:14px;
}
.ui-dialog__title,
.modal-head h2{
  margin:2px 0 4px;
  font-size:22px;
  letter-spacing:-.02em;
}
.ui-dialog__meta,
.modal-head small{
  color:var(--intazam-color-text-faint);
  font-size:10px;
}
.ui-dialog__actions,
.modal-actions{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-top:18px;
}

/* Form grids */
.ui-form-grid,
.form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.ui-form-grid--single{grid-template-columns:1fr}
.ui-form-full,
.full{grid-column:1/-1}

/* Profile chip */
.ui-profile-chip,
.admin-chip{
  min-width:180px;
  display:flex;
  align-items:center;
  gap:10px;
  background:var(--intazam-color-surface);
  border:1px solid var(--intazam-color-border);
  border-radius:11px;
  padding:7px 11px;
  box-shadow:var(--intazam-shadow-sm);
}

/* Tabs */
.ui-tabs{
  display:flex;
  gap:4px;
  border-bottom:1px solid var(--intazam-color-border);
}
.ui-tab{
  border:0;
  background:transparent;
  padding:10px 12px;
  color:var(--intazam-color-text-soft);
  font-weight:700;
  cursor:pointer;
  border-bottom:2px solid transparent;
}
.ui-tab[aria-selected="true"]{
  color:var(--intazam-color-accent-strong);
  border-bottom-color:var(--intazam-color-accent);
}

/* Responsive shared patterns */
@media(max-width:760px){
  .ui-page-header,
  .topbar{align-items:flex-start}
  .ui-section-head,
  .section-head{display:grid}
  .ui-form-grid,
  .form-grid{grid-template-columns:1fr}
  .ui-overlay,
  .modal-backdrop{padding:12px}
  .ui-dialog,
  .modal-card{padding:18px}
  .ui-overlay--drawer .ui-dialog,
  .modal-backdrop.drawer-mode .modal-card{width:100%;padding:20px}
}