/* Minimal aesthetic overrides */
.card { border: none; box-shadow: 0 6px 18px rgba(0,0,0,.06); }
.navbar { box-shadow: 0 2px 10px rgba(0,0,0,.08); }
.badge-soft { background: rgba(13,110,253,.1); color: #0d6efd; }

/* ==========================================================
USERS MANAGEMENT TABLE
========================================================== */

.table-responsive{
overflow-x:auto;
overflow-y:hidden;
-webkit-overflow-scrolling:touch;
width:100%;
}

/* Main Table */

.users-table{
width:100%;
min-width:1400px;
font-size:14px;
border-collapse:collapse;
}

/* Headers */

.users-table th{
background:#f8f9fa;
vertical-align:middle;
text-align:center;
white-space:nowrap;
font-weight:600;
}

/* Cells */

.users-table td{
vertical-align:middle;
white-space:nowrap;
}

/* Employee Name */

.users-table .employee-name{
min-width:180px;
max-width:250px;
white-space:normal;
word-break:break-word;
}

/* Email */

.users-table .email-column{
min-width:250px;
max-width:300px;
word-break:break-word;
white-space:normal;
}

/* Department */

.users-table .department-column{
min-width:160px;
}

/* Designation */

.users-table .designation-column{
min-width:180px;
}

/* Special Position */

.users-table .special-position-column{
min-width:180px;
}

/* Employee Type */

.users-table .employee-type-column{
min-width:130px;
}

/* Status */

.users-table .status-column{
min-width:180px;
}

/* Created Date */

.users-table .created-column{
min-width:120px;
}

/* Actions */

.users-table .action-column{
min-width:280px;
white-space:normal;
}

.users-table .action-column .btn{
margin:2px;
}

/* ==========================================================
TABLET
========================================================== */

@media (max-width:992px){


.users-table{
    min-width:1300px;
    font-size:13px;
}

.users-table th,
.users-table td{
    padding:0.55rem;
}


}

/* ==========================================================
MOBILE
========================================================== */

@media (max-width:768px){


.card-body{
    padding:0.75rem;
}

.users-table{
    min-width:1200px;
    font-size:12px;
}

.users-table th,
.users-table td{
    padding:0.45rem;
}

.users-table .action-column{
    min-width:300px;
}

.users-table .action-column .btn{
    display:inline-block;
    margin:2px;
}


}

/* ==========================================================
SMALL PHONES
========================================================== */

@media (max-width:576px){


.users-table{
    min-width:1100px;
    font-size:11px;
}

.users-table th,
.users-table td{
    padding:0.35rem;
}

}

.users-table-wrapper{
    width:100%;
    overflow-x:auto !important;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
}

.users-table{
    width:100%;
    min-width:1400px;
}