/* MasterData admin compact layout */
.klm-md-admin-page {
  padding-top:10px !important;
}
.klm-md-admin-page .klm-md-hero {
  margin-top:0 !important;
  margin-bottom:10px !important;
  padding:24px 28px !important;
  min-height:0 !important;
}
.klm-md-admin-page .klm-md-admin-shell {
  gap:10px !important;
}
.klm-md-admin-page .klm-md-admin-card,
.klm-md-admin-page .klm-md-admin-filter {
  padding:12px !important;
}
.klm-md-admin-page .klm-md-admin-card h2 {
  margin-bottom:10px !important;
  font-size:18px !important;
}
.klm-md-admin-page .klm-md-admin-form {
  gap:8px !important;
  margin-bottom:10px !important;
}
.klm-md-grid-tools {
  display:grid;
  grid-template-columns:220px 170px 150px 150px;
  gap:8px;
  align-items:center;
  margin:0 0 10px;
}
.klm-md-grid-tools input,
.klm-md-grid-tools select {
  height:36px;
  border:1px solid rgba(148,163,184,.35);
  border-radius:12px;
  padding:0 12px;
  background:#fff;
  color:#0f172a;
  font-weight:700;
}
body.dark .klm-md-grid-tools input,
body.dark .klm-md-grid-tools select {
  background:rgba(15,23,42,.86);
  color:#e5e7eb;
  border-color:rgba(148,163,184,.32);
}
.klm-md-grid-tools .klm-kb-admin-btn {
  height:36px;
  min-height:36px;
  padding:0 10px;
}
.klm-md-sortable {
  cursor:pointer;
  user-select:none;
}
.klm-md-sortable:hover {
  color:#2563eb;
}
.klm-md-admin-page .klm-md-admin-grid {
  min-height:34px !important;
  padding:6px 10px !important;
  margin-bottom:5px !important;
  gap:8px !important;
  border-radius:12px !important;
}
.klm-md-admin-page .klm-md-admin-grid.head {
  min-height:26px !important;
  padding-top:2px !important;
  padding-bottom:2px !important;
}
.klm-md-admin-page .klm-md-admin-grid.actions:not(.config-set) { grid-template-columns: repeat(5, 1fr) !important; }
.klm-md-admin-page .klm-md-admin-grid.config-set,
.klm-md-admin-page .klm-md-admin-grid.config-set.actions,
.klm-md-admin-page .klm-md-admin-grid.config-set.actions.head { grid-template-columns: 1fr 2fr 1fr 1fr 1fr !important; }
.klm-md-admin-page .klm-md-admin-grid.small.actions { grid-template-columns: repeat(4, 1fr) !important; }
.klm-md-admin-page .klm-md-admin-grid.group.actions { grid-template-columns: repeat(6, 1fr) !important; }
.klm-md-admin-page .klm-md-admin-grid.field.actions { grid-template-columns: repeat(6, 1fr) !important; }
.klm-md-admin-page .klm-md-admin-grid.role.actions { grid-template-columns: repeat(5, 1fr) !important; }
.klm-md-admin-page .klm-md-admin-grid.assign.actions.user-access { grid-template-columns: repeat(5, 1fr) !important; }
.klm-md-admin-page .klm-md-admin-grid.assign.actions:not(.user-access) { grid-template-columns: repeat(6, 1fr) !important; }
.klm-md-admin-page .klm-md-row-actions,
.klm-md-admin-page .klm-md-admin-grid.config-set .klm-md-row-actions {
  flex-wrap:nowrap !important;
  gap:5px !important;
  justify-content:flex-end !important;
}
.klm-md-admin-page .klm-md-admin-grid.head > *:last-child {
  text-align:right !important;
}
.klm-md-admin-page .klm-md-mini-btn {
  width:28px !important;
  min-width:28px !important;
  height:28px !important;
  min-height:28px !important;
  padding:0 !important;
  display:inline-grid !important;
  place-items:center !important;
  border-radius:10px !important;
  font-size:13px !important;
  line-height:1 !important;
}
.klm-md-admin-page .klm-md-admin-grid.head > span[data-dir="asc"]::after { content:' ↑'; color:#2563eb; }
.klm-md-admin-page .klm-md-admin-grid.head > span[data-dir="desc"]::after { content:' ↓'; color:#2563eb; }
.klm-md-admin-page .klm-md-admin-grid.head > span:not(:last-child)::after { opacity:.9; }

.klm-md-common-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0 18px}
.klm-md-common-fields label{display:grid;gap:6px;font-weight:900;color:#334155}
.klm-md-common-fields input,.klm-md-open-grid select{height:38px;border:1px solid rgba(148,163,184,.35);border-radius:12px;padding:0 12px;background:#fff;color:#0f172a;font-weight:800}
.klm-md-config-tags{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 18px}
.klm-md-config-tags span{display:inline-flex;align-items:center;gap:8px;background:#eef2ff;color:#3730a3;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:950;box-shadow:0 8px 18px rgba(99,102,241,.12)}
.klm-md-config-tags em{font-style:normal;color:#64748b;font-size:11px}
.klm-md-empty-note{color:#94a3b8;font-weight:800;margin:8px 0}
@media (max-width:760px){.klm-md-common-fields{grid-template-columns:1fr}}