/**
 * MAIN CONTENT STYLES - ODŚWIEŻONA WERSJA
 * Style dla głównej zawartości strony
 * Zaktualizowana kolorystyka i nowoczesny wygląd
 */

main {
    margin-top: 30px;
}

main .top {
    display: table;
    width: 100%;
    z-index: unset!important;
}

.cont {
    display: table-cell;
    vertical-align: top;
    position: relative;
}

.categories .category,
.stable:not(.wp),
.thread-table {
    margin-top: 20px;
}

.cont .category:first-child,
.categories,
.stable:first-child {
    margin-top: 0px;
}

.categories .category {
    position: relative;
    background: rgba(15, 15, 15, 0.6);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(0, 143, 255, 0.1);
    transition: border-color 0.3s ease;
}

.categories .category:hover {
    border-color: rgba(0, 143, 255, 0.3);
}

.categories .category:not(:first-child) {
    margin-top: 30px;
}

/* 
 * NAGŁÓWKI DZIAŁÓW - Nowoczesny gradient z efektem świecenia
 */
.categories .category > .headline,
.thread-table .headline,
.stable > .headline {
    font-size: 14px;
    padding: 20px 45px;
    box-sizing: border-box;
    line-height: 28px;
    height: auto;
    min-height: 65px;
    margin: 0;
    color: #fff;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, 
        rgba(0, 82, 163, 0.8) 0%, 
        rgba(0, 143, 255, 0.6) 50%, 
        rgba(0, 212, 255, 0.4) 100%);
    border-bottom: 2px solid rgba(0, 212, 255, 0.3);
    z-index: 0;
}

.categories .category > .headline::before,
.thread-table .headline::before,
.stable > .headline::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(0, 212, 255, 0.2) 50%, 
        transparent 100%);
    animation: shimmer 3s infinite;
    z-index: 1;
    pointer-events: none;
}

@keyframes shimmer {
    0% { left: -100%; }
    100% { left: 200%; }
}

.categories .category > .headline .left {
    float: left;
    line-height: 28px;
    position: relative;
    z-index: 2;
}

.thread-table .headline {
    font-size: 17px;
    font-weight: bold;
}

.thead {
    font-size: 14px;
    padding: 20px 45px;
    box-sizing: border-box;
    height: auto;
    min-height: 60px;
    line-height: 20px;
    color: #fff;
    position: relative;
    vertical-align: top;
    background: linear-gradient(135deg, 
        rgba(0, 82, 163, 0.7) 0%, 
        rgba(0, 143, 255, 0.5) 100%);
}

/* Usunięcie starych pseudoelementów dla .thead (ale nie w sidebarze) */
.thead::before,
.thead::after {
    display: none;
}

/* Wyjątek dla sidebaru - przywróć ::before dla animacji */
main .top .sidebar .thead::before,
main .top .sidebar .tborder .thead::before {
    display: block !important;
}

/* 
 * TABELKA Z SERWERAMI - ukryta w głównej treści (ale nie w sidebarze)
 */
main .cont table.tborder:first-of-type {
    display: none !important;
}

.thread-table .headline .left,
.stable > .headline .left {
    float: left;
    line-height: 28px;
    position: relative;
    z-index: 2;
}

.categories .category > .headline .description {
    display: none;
}

.thread-table .headline a,
.stable > .headline a,
.categories .category > .headline a {
    font-size: 14px;
    color: #ffffff;
    position: relative;
    z-index: 2;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease;
}

.categories .category > .headline a::before,
.stable .headline .icon::before {
    background: url(../../../images/greendark/icon_category.png) no-repeat;
    display: inline-block;
    height: 16px;
    width: 20px;
    margin-top: -4px;
    vertical-align: middle;
    margin-right: 10px;
    content: '';
    filter: drop-shadow(0 0 3px rgba(0, 212, 255, 0.5));
}

.thread-table .headline a:hover,
.stable > .headline a:hover,
.categories .category > .headline a:hover,
.stable > .headline .right a:hover {
    color: #00d4ff;
    text-shadow: 0 0 10px rgba(0, 212, 255, 0.6);
}

.stable > .headline .right a {
    color: #fff;
    display: inline-block;
    position: relative;
    z-index: 2;
}

.categories .category > .headline .close {
    float: right;
    margin-top: -11px;
    position: relative;
    z-index: 2;
}

.categories .category > .headline .close img {
    margin-right: -5px;
    margin-top: 10px;
    display: inline-block;
    vertical-align: middle;
    padding: 10px;
    transition: 0.3s ease-in-out transform;
    filter: drop-shadow(0 0 3px rgba(0, 212, 255, 0.3));
}

.categories .category > .headline .close img:hover {
    transform: rotate(180deg);
    filter: drop-shadow(0 0 6px rgba(0, 212, 255, 0.6));
}

.stable > .container,
.categories .category .forums {
    width: 100%;
    box-sizing: border-box;
    background: rgba(10, 10, 10, 0.4);
}

.stable .row,
.categories .category .forums .forum,
.thread-table .post-container,
.thread-table .row,
.trow1,
.trow2 {
    box-sizing: border-box;
    padding: 20px 25px;
    transition: background-color 0.3s ease;
}

.categories .category .forums .forum:hover {
    background: rgba(0, 143, 255, 0.03);
}

.categories .category .forums .forum {
    display: table;
    width: 100%;
    position: relative;
}

/* 
 * SEPARATOR MIĘDZY WIERSZAMI - subtelny gradient
 */
.categories .category .forums .forum:not(:last-child)::before {
    content: "";
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(0, 143, 255, 0.15) 50%, 
        transparent 100%);
    height: 1px;
    width: calc(100% - 50px);
    display: block;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 25px;
}

.categories .category .forums .forum > div {
    display: table-cell;
    vertical-align: middle;
}

.categories .category .forums .forum > div.forum-info {
    width: 40%;
    line-height: 19px;
    font-size: 10.5pt;
    padding-left: 10px;
}

.categories .category .forums .forum > div.forum-stats {
    width: 30%;
    padding-right: 40px;
    padding-left: 30px;
    box-sizing: border-box;
    text-align: right;
    font-size: 13pt;
}

.categories .category .forums .forum > div.forum-stats .posts-container .item {
    float: left;
    width: 50%;
    text-align: center;
    box-sizing: border-box;
    color: #7a8ca0;
}

.categories .category .forums .forum > div.forum-stats .posts-container .item.topics {
    border-right: 1px solid rgba(0, 143, 255, 0.2);
}

.categories .category .forums .forum > div.forum-stats .posts-container .item .number,
.categories .category .forums .forum > div.forum-stats .posts-container .item .title {
    display: block;
    font-size: 14px;
    line-height: 15px;
}

.categories .category .forums .forum > div.forum-stats .posts-container .item .number {
    color: #00d4ff;
    font-weight: bold;
}

.categories .category .forums .forum > div.lthr {
    width: 23%;
    box-sizing: border-box;
    position: relative;
}

.categories .category .forums .forum > div.lthr .avatarep_fd {
    margin: 0;
    padding: 0;
    float: none;
    width: auto;
    height: auto;
    display: inline-block;
}

.categories .category .forums .forum > div.lthr.center {
    padding: 0;
    text-align: center;
    font-size: 11pt;
    color: #7a8ca0;
}

.categories .category .forums .forum > div.lthr .avatar {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid rgba(0, 143, 255, 0.3);
    transition: border-color 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.categories .category .forums .forum > div.lthr .avatar:hover {
    border-color: rgba(0, 212, 255, 0.6);
}

.categories .category .forums .forum > div.lthr .avatar img {
    padding: 0;
    margin: 0;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    object-position: center;
    display: block;
}

.categories .category .forums .forum > div.lthr .info {
    padding-left: 50px;
    font-size: 10.5pt;
    line-height: 19px;
    color: #7a8ca0;
    position: relative;
    z-index: 1;
}

.categories .category .forums .forum > div.lthr .info .title,
.categories .category .forums .forum > div.lthr .info .additional {
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
    color: #fff;
    font-size: 13px;
    max-width: 125px;
    text-overflow: ellipsis;
}

.categories .category .forums .forum > div.lthr .info .date {
    font-size: 13px;
    color: #6a7a90;
}

.categories .category .forums .forum > div.lthr .info .title {
    font-size: 12pt;
    font-weight: normal;
    margin: 0;
}

.categories .category .forums .forum > div.forum-info .forum-name a,
main .top .sidebar .side-table .list .row .text .bold a {
    color: #ffffff;
    font-size: 11.25pt;
    font-weight: bold;
    transition: all 0.3s ease;
}

.categories .category .forums .forum > div.forum-info .forum-name a:hover,
.categories .category .forums .forum > div.lthr .info .title a:hover,
main .top .sidebar .side-table .list .row .text .bold a:hover,
.categories .category .forums .forum > div.lthr .info .title a,
.categories .category .forums .forum > div.lthr .info .title {
    color: #00d4ff;
    text-shadow: 0 0 8px rgba(0, 212, 255, 0.4);
}

.categories .category .forums .forum > div.lthr .info .title a {
    font-size: 14px;
    font-weight: bold;
}

.categories .category .forums .forum > div.forum-info .forum-description {
    color: #7a8ca0;
    margin-top: 10px;
    font-size: 14px;
    font-weight: normal;
}

.categories .category .forums .forum > div.forum-info .forum-description img {
    max-width: 100%;
}

.categories .category .forums .forum > div.forum-info .sub-forums {
    font-size: 9.25pt;
    margin-top: 10px;
}

.categories .category .forums .forum > div.forum-info .sub-forums ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.categories .category .forums .forum > div.forum-info .sub-forums ul li {
    width: 50%;
    float: left;
    font-size: 10pt;
    color: #6a7a90;
}

.categories .category .forums .forum > div.status {
    width: 7%;
    position: relative;
    text-align: left;
}

.categories .category .forums .forum > div.status .forum_status {
    background: linear-gradient(135deg, 
        rgba(0, 82, 163, 0.3) 0%, 
        rgba(0, 143, 255, 0.2) 100%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 20px rgba(0, 143, 255, 0.3),
                inset 0 0 15px rgba(0, 212, 255, 0.2);
    height: 50px;
    width: 50px;
    line-height: 1;
    border-radius: 50%;
    box-sizing: border-box;
    border: 2px solid rgba(0, 143, 255, 0.4);
    transition: all 0.3s ease;
    text-align: center;
}

.categories .category .forums .forum > div.status .forum_status:hover {
    box-shadow: 0 0 30px rgba(0, 212, 255, 0.5),
                inset 0 0 20px rgba(0, 212, 255, 0.3);
    border-color: rgba(0, 212, 255, 0.6);
}

.categories .category .forums .forum > div.status .icon {
    height: 19px;
    width: 22px;
    float: left;
}

/* 
 * PANEL BOCZNY - Ulepszona wersja
 * Lepsze wyróżnienie wierszy i wycentrowany tekst tytułowy
 */
main .top .sidebar {
    display: table-cell;
    padding-top: 0;
    width: 360px;
    padding-left: 30px;
    vertical-align: top;
    box-sizing: border-box;
}

main .top .sidebar .thead .expcolimage {
    display: none;
}

main .top .sidebar .side-table:not(:first-child) {
    margin-top: 30px;
}

main .top .sidebar .side-table {
    background: rgba(15, 15, 15, 0.7);
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(0, 143, 255, 0.35);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3),
                0 0 12px rgba(0, 143, 255, 0.15);
}

/* Delikatna niebieska ramka dookoła tabeli w panelu bocznym */
main .top .sidebar .tborder {
    border: 1px solid rgba(0, 143, 255, 0.35) !important;
    border-radius: 10px;
    box-shadow: 0 0 12px rgba(0, 143, 255, 0.15) !important;
    margin-top: 20px;
    overflow: hidden;
}

/* Pierwsza tabela w sidebarze nie ma marginesu górnego (jeśli jest pierwszym elementem) */
main .top .sidebar > .tborder:first-of-type {
    margin-top: 0;
}

/* Ukryj <br /> tagi po tabelach w sidebarze, które powodują dodatkowe odstępy */
main .top .sidebar .tborder + br {
    display: none;
}

/* 
 * NAGŁÓWKI PANELU BOCZNEGO - Wycentrowany tekst
 */
main .top .sidebar .side-table .headline,
main .top .sidebar .thead,
main .top .sidebar .tborder .thead {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-sizing: border-box;
    font-weight: bold;
    color: #ffffff;
    position: relative;
    font-size: 15px;
    padding: 18px 20px;
    height: auto;
    overflow: hidden;
    text-align: center;
    background: linear-gradient(135deg, 
        rgba(0, 82, 163, 0.85) 0%, 
        rgba(0, 143, 255, 0.65) 50%, 
        rgba(0, 212, 255, 0.45) 100%);
    border-bottom: 2px solid rgba(0, 212, 255, 0.4);
    z-index: 0;
}

main .top .sidebar .side-table .headline::before,
main .top .sidebar .thead::before,
main .top .sidebar .tborder .thead::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(0, 212, 255, 0.2) 50%, 
        transparent 100%);
    animation: shimmer 3s infinite;
    z-index: 1;
    pointer-events: none;
}

main .top .sidebar .thead::after {
    display: none;
}

main .top .sidebar .thead strong {
    font-weight: bold;
    position: relative;
    z-index: 2;
}

main .top .sidebar .trow1,
main .top .sidebar .trow2 {
    padding: 18px 15px !important;
    position: relative;
    color: #7a8ca0;
    transition: all 0.3s ease;
    background: rgba(10, 10, 10, 0.5) !important;
    margin-bottom: 2px;
    border-bottom: 2px solid transparent;
}

main .top .sidebar .trow1:hover,
main .top .sidebar .trow2:hover {
    background: rgba(0, 143, 255, 0.12) !important;
    box-shadow: inset 0 0 30px rgba(0, 143, 255, 0.15),
                0 0 15px rgba(0, 143, 255, 0.1);
}

main .top .sidebar tr:nth-child(odd) .trow1,
main .top .sidebar tr:nth-child(odd) .trow2 {
    background: rgba(5, 5, 5, 0.6) !important;
}

main .top .sidebar tr:nth-child(even) .trow1,
main .top .sidebar tr:nth-child(even) .trow2 {
    background: rgba(20, 25, 30, 0.5) !important;
}

main .top .sidebar tr:nth-child(odd) .trow1:hover,
main .top .sidebar tr:nth-child(odd) .trow2:hover,
main .top .sidebar tr:nth-child(even) .trow1:hover,
main .top .sidebar tr:nth-child(even) .trow2:hover {
    background: rgba(0, 143, 255, 0.12) !important;
}

/* Separator między wierszami tabeli - użyj border-bottom */
main .top .sidebar .side-table tr:not(:last-child) .trow1,
main .top .sidebar .side-table tr:not(:last-child) .trow2 {
    border-bottom: 2px solid;
    border-image: linear-gradient(90deg, 
        transparent 0%, 
        rgba(0, 143, 255, 0.6) 10%,
        rgba(0, 143, 255, 0.7) 50%,
        rgba(0, 143, 255, 0.6) 90%,
        transparent 100%) 1;
    box-shadow: 0 2px 8px rgba(0, 143, 255, 0.3);
}

/* Alternatywny separator z ::after dla lepszej widoczności */
main .top .sidebar .side-table tr:not(:last-child) .trow1::after,
main .top .sidebar .side-table tr:not(:last-child) .trow2::after {
    content: "";
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(0, 143, 255, 0.7) 10%,
        rgba(0, 143, 255, 0.8) 50%,
        rgba(0, 143, 255, 0.7) 90%,
        transparent 100%);
    height: 2px;
    width: calc(100% - 30px);
    display: block;
    position: absolute;
    bottom: -2px;
    left: 15px;
    box-shadow: 0 0 15px rgba(0, 143, 255, 0.6),
                0 1px 4px rgba(0, 212, 255, 0.5);
    z-index: 10;
    pointer-events: none;
}

main .top .sidebar .side-table .headline i {
    vertical-align: middle;
    margin-top: -3px;
    display: inline-block;
    font-size: 20px;
    margin-right: 10px;
    color: #00d4ff;
    background: linear-gradient(135deg, #00d4ff 0%, #0052a3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    filter: drop-shadow(0 0 5px rgba(0, 212, 255, 0.5));
    position: relative;
    z-index: 2;
}

main .top .sidebar .side-table .list {
    position: relative;
    z-index: 3;
    background: rgba(10, 10, 10, 0.4);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden;
}

/* 
 * WIERSZE - Mocno wyróżnione od siebie
 */
main .top .sidebar .side-table .list .row {
    position: relative;
    display: table;
    width: 100%;
    box-sizing: border-box;
    padding: 18px 15px;
    color: #7a8ca0;
    transition: all 0.3s ease;
    background: rgba(10, 10, 10, 0.5);
    margin-bottom: 2px;
}

main .top .sidebar .side-table .list .row:hover {
    background: rgba(0, 143, 255, 0.12);
    box-shadow: inset 0 0 30px rgba(0, 143, 255, 0.15),
                0 0 15px rgba(0, 143, 255, 0.1);
}

main .top .sidebar .side-table .list .row:nth-child(odd) {
    background: rgba(5, 5, 5, 0.6);
}

main .top .sidebar .side-table .list .row:nth-child(even) {
    background: rgba(20, 25, 30, 0.5);
}

main .top .sidebar .side-table .list .row:nth-child(odd):hover,
main .top .sidebar .side-table .list .row:nth-child(even):hover {
    background: rgba(0, 143, 255, 0.12);
}

main .top .sidebar .side-table .list .row:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

/* Mocniejszy separator między wierszami */
main .top .sidebar .side-table .list .row:not(:last-child)::after {
    content: "";
    background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(0, 143, 255, 0.6) 10%,
        rgba(0, 143, 255, 0.7) 50%,
        rgba(0, 143, 255, 0.6) 90%,
        transparent 100%);
    height: 2px;
    width: calc(100% - 30px);
    display: block;
    position: absolute;
    bottom: 0;
    left: 15px;
    box-shadow: 0 0 12px rgba(0, 143, 255, 0.5),
                0 1px 3px rgba(0, 212, 255, 0.4);
    z-index: 10;
    pointer-events: none;
}

/* Avatar */
main .top .sidebar .side-table .list .row .avatar {
    width: 45px;
    height: 45px;
    display: table-cell;
    vertical-align: middle;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid rgba(0, 143, 255, 0.4);
    transition: all 0.3s ease;
    box-shadow: 0 0 10px rgba(0, 143, 255, 0.2);
}

main .top .sidebar .side-table .list .row:hover .avatar {
    border-color: rgba(0, 212, 255, 0.7);
    box-shadow: 0 0 15px rgba(0, 212, 255, 0.4);
    transform: scale(1.05);
}

main .top .sidebar .side-table .list .row .avatar img {
    width: 45px;
    height: 45px;
    float: none;
    margin-right: 0px;
    border-radius: 50%;
    object-fit: cover;
}

/* Znacznik wyniku/liczby */
main .top .sidebar .side-table .list .row .result {
    top: 50%;
    font-size: 11pt;
    font-weight: bold;
    text-align: center;
    min-width: 35px;
    vertical-align: middle;
    position: absolute;
    background: linear-gradient(135deg, 
        rgba(0, 212, 255, 1) 0%, 
        rgba(0, 82, 163, 1) 100%);
    box-sizing: border-box;
    color: #fff;
    border-radius: 6px;
    padding: 6px 12px;
    right: 15px;
    transform: translateY(-50%);
    box-shadow: 0 0 15px rgba(0, 143, 255, 0.5),
                inset 0 1px 2px rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(0, 212, 255, 0.3);
}

/* Tekst w wierszu */
main .top .sidebar .side-table .list .row .text {
    font-size: 11pt;
    line-height: 20px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
    padding-right: 55px;
}

main .top .sidebar .side-table .list .row .nickname {
    font-size: 11pt;
    line-height: 20px;
    padding: 8px 15px 8px 15px;
    display: table-cell;
    vertical-align: middle;
}

main .top .sidebar .side-table .list .row .text .bold,
main .top .sidebar .side-table .list .row .text .bold a {
    font-size: 12.5pt;
    color: #00d4ff;
    font-weight: 600;
    transition: all 0.3s ease;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

main .top .sidebar .side-table .list .row:hover .text .bold,
main .top .sidebar .side-table .list .row:hover .text .bold a {
    color: #00f0ff;
    text-shadow: 0 0 8px rgba(0, 212, 255, 0.5);
}

main .top .sidebar .side-table .list .row .text .author {
    font-size: 10pt;
    color: #7a8ca0;
    margin-top: 3px;
}

main .top .sidebar .side-table .list .row .text .date {
    font-size: 9.5pt;
    color: #6a7a90;
    margin-top: 2px;
}