/* === STATUS INDICATORS === */
/* and SYSInfo */
.fstatus {
    padding: 5px 10px;
    margin: 5px 0px;
    border-radius: 5px;
    font-weight: bold;
    /* background-color: transparent; */
    background-color: #2a5298;
    box-shadow: 2px 10px 15px #111;

}

.dsvxinfo {
    color: var(--color-text-secondary);
    font-weight: bold;
    font-size: 14px;
}

/* === COMPACT TABLES FOR STATUS & SYSTEM === */

/* Status - lewa kolumna (bardzo kompaktowa) */
#statusInfo table,
.nav table {
    font-size: 13px;
    margin-top: 2px;
    margin-bottom: 2px;
}

#statusInfo table td,
.nav table td {
    padding: 3px 4px !important;
    height: auto;
    line-height: 1.1;
}

#statusInfo table th,
.nav table th {
    padding: 3px 5px !important;
    font-size: 13px;
    width: 50%;
}

/* System Info - dolny panel (kompaktowa) */
#sysInfo table {
    font-size: 12px;
}

#sysInfo table td {
    padding: 2px 2px !important;
    height: auto;
    line-height: 1.2;
}

#sysInfo table th {
    padding: 4px 4px !important;
}

/* === SVXLink Info HEADER === */
.dsvxinfo {
    width: 100%;
    /* background-color: #232d69;*/
    margin-top: 15px;
    font-weight: bold;
    font-size: 14px;
    color: white;
}

/* === STATUS INFO - STYLE WEWNĄTRZ #statusInfo === */
#statusInfo .svxlink-not-running {
    color: #f95e87;
    font-size: 13.5px;
    font-weight: bold;
}

#statusInfo .status-table {
    margin-top: 15px;
    margin-bottom: 15px;
}

#statusInfo .status-table th {
    font-size: 13px;
}

#statusInfo .status-table td {
    height: 25px;
    background: #555555;
}

#statusInfo .version {
    color: yellow;
    font-weight: bold;
}

#statusInfo .logic-row {
    height: 20px;
    /* background: #3f4c84; */
    background: #555555;
}

#statusInfo .logic-name {
    font-weight: bold;
}

#statusInfo .logic-error {
    text-decoration: line-through solid white 1px;
}

#statusInfo .modules-table {
    margin-top: 2px;
    margin-bottom: 13px;
}

#statusInfo .module-row {
    height: 20px;
    font-weight: bold;
}

#statusInfo .module-active {
    background: MediumSeaGreen;
    color: #464646;
}

#statusInfo .module-inactive {
/*    background: #3f4c84; */
    background: #555555;
    color: yellow;
}

#statusInfo .no-modules {
    height: 25px;
    background: #707070;
    color: #f3ead3;
}

#statusInfo .trx-status-table {
    margin-bottom: 13px;
}

#statusInfo .trx-status-cell {
    margin-top: 2px;
    margin-bottom: 2px;
    font-weight: bold;
}

#statusInfo .tg-info-table {
    margin-top: 4px;
    margin-bottom: 13px;
}

#statusInfo .tg-info-table th {
    height: 20px;
    width: 50%;
}

#statusInfo .tg-info-table td {
    background: #3f4c84;
    color: yellow;
    font-weight: bold;
    background: #555555;
}

#statusInfo .tg-default {
    font-weight: bold;
    background: #555555;
}

#statusInfo .tg-monitor {
    font-weight: 600;
    background: #555555;
}

#statusInfo .tg-monitor-container {
    white-space: normal;
}

#statusInfo .monitor-tg-button {
    color: yellow;
    font-size: 8.5pt;
    font-weight: 600;
    background: none;
    border: 1px solid transparent;
    cursor: pointer;
    padding: 1px 2px;
    margin: 1px;
}

#statusInfo .monitor-tg-button:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: yellow;
}

#statusInfo .active-tg-button {
    color: cyan;
    font-size: 8.5pt;
    font-weight: 600;
    background: none;
    border: 1px solid transparent;
    cursor: pointer;
    padding: 1px 2px;
    margin: 1px;
}

#statusInfo .active-tg-button:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: cyan;
}

#statusInfo .tg-active {
    color: #08dc6e !important;
}

#statusInfo .reflector-status-table {
    margin-bottom: 13px;
}

#statusInfo .reflector-status-table th {
    font-size: 13px;
}

#statusInfo .reflector-network-name {
    color: cyan;
    font-weight: bold;
    text-shadow: none;
}

#statusInfo .reflector-status-cell {
    margin-top: 2px;
    margin-bottom: 2px;
    font-weight: bold;
}

#statusInfo .reflector-connected {
    background: #c3e5cc;
    color: black;
}

#statusInfo .reflector-disconnected {
    background: lightyellow;
    background: #b1a48d;
    color: red;
}

#statusInfo .reflector-unknown {
    background: #ffffed;
    color: #454545;
}

#statusInfo .echolink-status-table {
    margin-bottom: 13px;
}

#statusInfo .echolink-status-table th {
    font-size: 13px;
}

#statusInfo .echolink-status-cell {
    margin-top: 2px;
    margin-bottom: 2px;
    font-weight: bold;
}

#statusInfo .echolink-connected {
    background: #c3e5cc;
    color: black;
}

#statusInfo .echolink-disconnected {
    background: #b1a48d;
    color: red;
}

#statusInfo .echolink-denied {
    background: #b1a48d;
    color: red;
}

#statusInfo .echolik-unknown {
    background: #ffffed;
    color: #454545;
}

#statusInfo .echolink-proxy {
    background: #3f4c84; 
    color: yellow;
}
#statusInfo .echolink-users {
    background: #3f4c84; 
    color: yellow;
}
#statusInfo .echolink-users-tx {
    background: #3f4c84; 
    color: #f95e87;
}

#statusInfo .system-info-table {
    margin-top: 10px;
    margin-bottom: 13px;
}

#statusInfo .system-info-table th {
    font-size: 13px;
}

#statusInfo .system-info-cell {
    /*background: #3f4c84;*/
    background: #555555;
}

#statusInfo .system-info-content {
    margin-top: 4px;
    margin-bottom: 4px;
    white-space: normal;
}

#statusInfo .last-restart-label {
    color: cyan;
}

#statusInfo .last-restart-value {
    color: yellow;
}

#statusInfo .system-mode {
    color: #08dc6e;
    font-weight: bold;
}

#statusInfo .access-level {
    color: #f95e87;
    font-weight: bold;
}

#statusInfo .access-level-label {
    color: cyan;
}

#statusInfo .updates-header {
    width: 100%;
    margin-top: 15px;
    font-weight: bold;
    font-size: 14px;
    color: white;
}

#statusInfo .updates-table th {
    height: 20px;
    font-size: 13px;
}

#statusInfo .updates-table td {
    height: 25px;
    background: #555555;
}

#statusInfo .update-version {
    color: yellow;
    font-weight: bold;
}

#statusInfo .update-link {
    font-weight: bold;
    color: cyan;
    text-decoration: none;
}

#statusInfo .update-link:hover {
    text-decoration: underline;
}


/* === SYSTEM INFO (dolny panel) === */

#sysInfo .sysinfo-header {
    margin-bottom: 15px;
    margin-top: 4px;
    text-align: center;
}

#sysInfo .sysinfo-header a {
    font-weight: bold;
    font-size: 14px;
    color: #f3ead3;
    text-decoration: none;
}

#sysInfo .sysinfo-header a:hover {
    text-decoration: underline;
}

#sysInfo .sysinfo-fieldset {
    background-color: var(--color-bg-secondary);
    border: none;
    margin: 0px 0px;
    padding: 5px 10px;
    box-shadow: 0 0 10px #999;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 15px;
    font-size: 12px;
    border-radius: var(--radius);
}

#sysInfo .sysinfo-table {
    margin-top: 12px;
    margin-bottom: 8px;
    color: white;
    font-weight: bold;
    width: 100%;
}

#sysInfo .sysinfo-table th {
    font-weight: bold;
    color: #f3ead3;
    white-space: pre-wrap;
    word-wrap: break-word;
}

#sysInfo .sysinfo-ip {
    font-weight: bold;
    color: #effd5f;
    font-size: 10px;
}

#sysInfo .sysinfo-uptime {
    font-weight: bold;
    color: #effd5f;
    font-size: 12px;
}

#sysInfo .sysinfo-table tr {
    height: 40px;
    background-color: #5565a2;
}

#sysInfo .sysinfo-table td {
    background: #555555;
    color: #f3ead3;
    font-weight: bold;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.modules-table {
    width: 100%;
}

.modules-table td.module-row {
    width: 50%;
}