/*!
ELYSIANGO Atlas Tables
Enterprise Table System
*/

.atlas-table-container{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(244,215,121,.12);
  border-radius:24px;
  overflow:hidden;
}

.atlas-table-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:18px 22px;
  border-bottom:1px solid rgba(244,215,121,.10);
  background:rgba(255,255,255,.03);
  flex-wrap:wrap;
}

.atlas-table-search{
  min-width:280px;
  max-width:420px;
  width:100%;
}

.atlas-table{
  width:100%;
  min-width:1100px;
  border-collapse:separate;
  border-spacing:0;
}

.atlas-table thead{
  position:sticky;
  top:0;
  z-index:5;
}

.atlas-table th{
  background:#071f1a;
  color:#f4d779;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
  padding:16px;
  border-bottom:1px solid rgba(244,215,121,.12);
  white-space:nowrap;
}

.atlas-table td{
  padding:16px;
  color:#f5f2e8;
  border-bottom:1px solid rgba(244,215,121,.06);
  background:rgba(255,255,255,.02);
}

.atlas-table tbody tr{
  transition:.2s;
}

.atlas-table tbody tr:hover{
  background:rgba(244,215,121,.05);
}

.atlas-table tbody tr:hover td{
  background:rgba(244,215,121,.03);
}

.atlas-table-striped tbody tr:nth-child(even) td{
  background:rgba(255,255,255,.035);
}

.atlas-table-compact th,
.atlas-table-compact td{
  padding:10px 12px;
}

.atlas-table-large th,
.atlas-table-large td{
  padding:20px 22px;
}

.atlas-cell-title{
  font-weight:800;
  color:#f4d779;
}

.atlas-cell-subtitle{
  font-size:12px;
  color:rgba(255,247,232,.65);
}

.atlas-status{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 12px;
  border-radius:999px;
  font-size:11px;
  font-weight:800;
}

.atlas-status.success{
  background:rgba(0,132,113,.18);
  color:#b8fff1;
}

.atlas-status.warning{
  background:rgba(244,215,121,.12);
  color:#f4d779;
}

.atlas-status.danger{
  background:rgba(255,120,120,.15);
  color:#ffb8b8;
}

.atlas-status.info{
  background:rgba(120,170,255,.15);
  color:#d7e7ff;
}

.atlas-table-pagination{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:18px 22px;
  border-top:1px solid rgba(244,215,121,.10);
}

.atlas-page-group{
  display:flex;
  gap:8px;
}

.atlas-page-btn{
  min-width:38px;
  height:38px;
  border-radius:10px;
  border:1px solid rgba(244,215,121,.12);
  background:rgba(255,255,255,.04);
  color:#fff;
  display:grid;
  place-items:center;
  cursor:pointer;
}

.atlas-page-btn.active{
  background:linear-gradient(180deg,#fff1a7,#d6b45f);
  color:#06100d;
}

.atlas-sort{
  cursor:pointer;
}

.atlas-sort:after{
  content:" ↕";
  opacity:.5;
}

.atlas-row-selected td{
  background:rgba(0,132,113,.10)!important;
}

.atlas-checkbox{
  width:18px;
  height:18px;
}

.atlas-table-actions{
  display:flex;
  gap:8px;
}

.atlas-action{
  width:34px;
  height:34px;
  border-radius:10px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(244,215,121,.08);
}

.atlas-scroll{
  overflow:auto;
}

@media(max-width:900px){
  .atlas-table-toolbar,
  .atlas-table-pagination{
    display:grid;
    gap:12px;
  }
}