/* PJ a DD – stejný vzhled jako Evidence členů / DD reference */
:is(#page-dept-poradkova #pj-tab-clenove,
    #page-dept-dopravni #dd-tab-clenove) .pj-member-groups {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}

:is(#page-dept-poradkova #pj-tab-clenove,
    #page-dept-dopravni #dd-tab-clenove) .pj-member-group {
    overflow: hidden !important;
    padding: 8px !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #0d4163 !important;
    box-shadow: 0 5px 16px rgba(11,58,92,.20) !important;
}

:is(#page-dept-poradkova #pj-tab-clenove,
    #page-dept-dopravni #dd-tab-clenove) .pj-member-group-header {
    min-height: 40px !important;
    padding: 8px 9px 11px !important;
    border: 0 !important;
    background: #0d4163 !important;
}

:is(#page-dept-poradkova #pj-tab-clenove,
    #page-dept-dopravni #dd-tab-clenove) .pj-member-group-title {
    color: #fff !important;
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: .78rem !important;
    font-weight: 850 !important;
    letter-spacing: .1px !important;
    text-transform: uppercase !important;
}

:is(#page-dept-poradkova #pj-tab-clenove,
    #page-dept-dopravni #dd-tab-clenove) .pj-member-group-title i {
    color: #fff !important;
}

:is(#page-dept-poradkova #pj-tab-clenove,
    #page-dept-dopravni #dd-tab-clenove) .pj-member-group-count {
    min-width: 22px !important;
    height: 22px !important;
    padding: 0 6px !important;
    border: 1px solid rgba(255,255,255,.28) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.08) !important;
    color: #fff !important;
    font-size: .66rem !important;
}

:is(#page-dept-poradkova #pj-tab-clenove,
    #page-dept-dopravni #dd-tab-clenove) .table-responsive {
    overflow-x: auto !important;
    border: 0 !important;
    border-radius: 0 0 5px 5px !important;
    background: #e7f4fb !important;
}

:is(#page-dept-poradkova #pj-tab-clenove,
    #page-dept-dopravni #dd-tab-clenove) .dept-members-table {
    width: 100% !important;
    min-width: 900px !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
    background: #e7f4fb !important;
}

:is(#page-dept-poradkova #pj-tab-clenove,
    #page-dept-dopravni #dd-tab-clenove) .dept-members-table thead,
:is(#page-dept-poradkova #pj-tab-clenove,
    #page-dept-dopravni #dd-tab-clenove) .dept-members-table th {
    background: #0d4163 !important;
}

:is(#page-dept-poradkova #pj-tab-clenove,
    #page-dept-dopravni #dd-tab-clenove) .dept-members-table th {
    height: 41px !important;
    padding: 9px 10px !important;
    border: 0 !important;
    color: #fff !important;
    font-size: .67rem !important;
    font-weight: 850 !important;
    text-transform: uppercase !important;
}

:is(#page-dept-poradkova #pj-tab-clenove,
    #page-dept-dopravni #dd-tab-clenove) .pj-member-row > td {
    height: 47px !important;
    padding: 8px 10px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(42,145,196,.28) !important;
    background: #e7f4fb !important;
    color: #173a53 !important;
    vertical-align: middle !important;
}

:is(#page-dept-poradkova #pj-tab-clenove,
    #page-dept-dopravni #dd-tab-clenove) .pj-member-row:last-of-type > td {
    border-bottom: 0 !important;
}

:is(#page-dept-poradkova #pj-tab-clenove,
    #page-dept-dopravni #dd-tab-clenove) .pj-member-row:hover > td,
:is(#page-dept-poradkova #pj-tab-clenove,
    #page-dept-dopravni #dd-tab-clenove) .pj-member-row.expanded > td {
    background: #def0f9 !important;
}

:is(#page-dept-poradkova #pj-tab-clenove,
    #page-dept-dopravni #dd-tab-clenove) .pj-member-discord {
    color: #173a53 !important;
}

:is(#page-dept-poradkova #pj-tab-clenove,
    #page-dept-dopravni #dd-tab-clenove) .db-member-detail-row > td {
    background: #f4fbfe !important;
    color: #173a53 !important;
    border-bottom: 1px solid rgba(42,145,196,.28) !important;
}

/* Filtry nahoře – stejné pro PJ i DD */
:is(#page-dept-poradkova #pj-tab-clenove,
    #page-dept-dopravni #dd-tab-clenove) .pj-db-layout {
    display: block !important;
}

:is(#page-dept-poradkova #pj-tab-clenove,
    #page-dept-dopravni #dd-tab-clenove) .pj-db-sidebar {
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 14px 16px !important;
    border: 1px solid #c7dce8 !important;
    border-radius: 12px !important;
    background: #f7fbfd !important;
    box-shadow: none !important;
}

#page-dept-poradkova #pj-tab-clenove #pj-members-filters,
#page-dept-dopravni #dd-tab-clenove #dd-members-filters {
    display: flex !important;
    flex-flow: row wrap !important;
    gap: 8px !important;
}

#page-dept-poradkova #pj-tab-clenove .pj-db-filter,
#page-dept-dopravni #dd-tab-clenove .dd-db-filter {
    width: auto !important;
    min-height: 38px !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    border: 1px solid #b7cad8 !important;
    border-left: 1px solid #b7cad8 !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: #173b57 !important;
    box-shadow: none !important;
}

#page-dept-poradkova #pj-tab-clenove .pj-db-filter.active,
#page-dept-dopravni #dd-tab-clenove .dd-db-filter.active {
    border-color: #0d4163 !important;
    background: #0d4163 !important;
    color: #fff !important;
}

#page-dept-poradkova #pj-tab-clenove .pj-db-filter.active span:first-child,
#page-dept-dopravni #dd-tab-clenove .dd-db-filter.active span:first-child {
    color: #fff !important;
}