/* =========================
   ADMIN: users table
   ========================= */

.admin-shell .card { overflow: hidden; }

.admin-shell .admin-tablewrap{
  overflow-x: auto;
  border-radius: 16px;
}

/* Bootstrap table background fix (NEON / dark skins)
   Toto je ten selector, ktorý bootstrap používa na farbenie buniek.
*/
.admin-shell .admin-table { background: transparent; }
.admin-shell .admin-table > :not(caption) > * > *{
  background-color: rgba(255,255,255,.06);
}

/* Stabilný layout */
.admin-shell table.admin-table{
  width: 100%;
  table-layout: fixed;
}

.admin-shell table.admin-table th,
.admin-shell table.admin-table td{
  vertical-align: middle;
  padding: .55rem .6rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Šírky stĺpcov (aby sa header nelámal na písmená) */
.admin-shell .admin-col-id{ width: 70px; }
.admin-shell .admin-col-username{ width: 190px; }
.admin-shell .admin-col-display{ width: 190px; }
.admin-shell .admin-col-role{ width: 120px; }
.admin-shell .admin-col-active{ width: 90px; }
.admin-shell .admin-col-actions{ width: 240px; }

/* Inputy v tabuľke */
.admin-shell table.admin-table input.form-control,
.admin-shell table.admin-table select.form-select{
  height: 34px;
  padding: .25rem .5rem;
  font-size: .9rem;
}

/* Akcie */
.admin-shell .admin-actions{
  display: flex;
  gap: .45rem;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}

.admin-shell .admin-actionform{
  display: inline-flex;
  gap: .45rem;
  align-items: center;
  margin: 0;
}

.admin-shell .admin-passinput{
  width: 150px;
}

/* Mobile: nech sa dá čítať + nech tlačidlá nezmiznú */
@media (max-width: 992px){
  .admin-shell table.admin-table{
    table-layout: auto; /* nech sa prirodzene správa */
    min-width: 860px;   /* nech je scroll (table-responsive) */
  }

  .admin-shell .admin-actions{
    justify-content: flex-start;
  }
}