/* Phoenix P3.7.3 — DarlinkTable */

.darlink-table-card{
    padding:0;
    overflow:hidden;
}

.darlink-table-wrapper{
    background:#fff;
    max-height:calc(100vh - 260px);
    overflow:auto;
}

.darlink-table-modern{
    margin-bottom:0;
}

.darlink-table thead th,
.darlink-table-modern thead th{
    position:sticky;
    top:0;
    z-index:5;
    background:var(--darlink-primary-light);
    color:var(--darlink-primary);
    font-size:.78rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.055em;
    padding:11px 16px;
    border-bottom:1px solid #dbeafe;
    white-space:nowrap;
}

.darlink-table-modern tbody td{
    padding:10px 16px;
    border-bottom:1px solid #edf2f7;
    color:#334155;
    font-size:.92rem;
}

.darlink-table-modern tbody tr:nth-child(even){
    background:#fbfdff;
}

.darlink-table-modern tbody tr{
    cursor:pointer;
    transition:all .18s ease;
}

.darlink-table-modern tbody tr:hover td{
    background:#f7fbff;
}

.darlink-table-modern tbody tr.selected td{
    background:var(--darlink-primary-light) !important;
    color:#0f172a;
    font-weight:600;
    transition:all .18s ease;
}

.darlink-table-modern tbody tr.selected td:first-child{
    border-left:5px solid var(--darlink-primary);
    padding-left:11px;
}

.darlink-table-code{
    color:var(--darlink-primary);
    font-weight:800;
}

.darlink-table th.darlink-sortable,
.darlink-sortable{
    cursor:pointer;
    user-select:none;
}

.darlink-table th.darlink-sortable:hover,
.darlink-sortable:hover{
    background:#dbeafe !important;
}

.sort-indicator{
    color:#64748b;
    font-size:.75rem;
    margin-left:4px;
}

.darlink-table th.darlink-sortable:focus-visible{
    outline:2px solid var(--darlink-primary);
    outline-offset:-2px;
}

.darlink-table-modern th:nth-child(6),
.darlink-table-modern td:nth-child(6),
.darlink-table-modern th:nth-child(7),
.darlink-table-modern td:nth-child(7){
    width:135px;
    white-space:nowrap;
}

.darlink-table-modern th:last-child,
.darlink-table-modern td:last-child{
    width:120px;
}

.darlink-actions{
    white-space:nowrap;
}

.darlink-actions .darlink-icon-btn{
    margin-left:2px;
}
