.dx-container {
    background:#1e1e28;
    color:#ffffff;
    padding:15px;
    border-radius:10px;
    font-family: Arial, sans-serif;
}

/* FILTER BAR */
.dx-filters {
    display:flex;
    gap:10px;
    flex-wrap:wrap;
    margin-bottom:12px;
}

/* INPUT + SELECT BASE */
.dx-filters select,
.dx-filters input {
    background:#2a2a35 !important;
    color:#ffffff !important;
    border:1px solid #00adb5;
    border-radius:6px;
    font-size:14px;
    outline:none;
}

/* SELECT ARROW FIX */
.dx-filters select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    background-image:
        linear-gradient(45deg, transparent 50%, #00adb5 50%),
        linear-gradient(135deg, #00adb5 50%, transparent 50%);
    background-position:
        calc(100% - 18px) calc(50% - 2px),
        calc(100% - 12px) calc(50% - 2px);
    background-size:6px 6px;
    background-repeat:no-repeat;

    padding-right:28px;
    cursor:pointer;
}

/* OPTION LIST (LIMITED CONTROL, ali najbolji mogući fix) */
.dx-filters select option {
    background:#2a2a35 !important;
    color:#ffffff !important;
}

/* Firefox extra fix */
@-moz-document url-prefix() {
    .dx-filters select {
        background:#2a2a35 !important;
        color:#fff !important;
    }
}

/* TABLE */
.dx-table {
    width:100%;
    border-collapse:collapse;
    margin-top:10px;
}

.dx-table th {
    background:#2f2f3a;
    color:#00adb5;
    padding:10px;
    text-align:left;
    font-size:13px;
}

.dx-table td {
    padding:8px;
    border-bottom:1px solid #3a3a45;
    font-size:13px;
}

/* HOVER */
.dx-table tr:hover {
    background:#2a2a35;
}

/* LINKS */
.dx-table a {
    color:#00adb5;
    text-decoration:none;
    font-weight:bold;
}

.dx-table a:hover {
    color:#00fff2;
    text-decoration:underline;
}

/* SPOTTER LINK */
.spotter-link {
    color:#bbbbbb;
    font-size:13px;
}

.spotter-link:hover {
    color:#ffffff;
}

/* BADGES */
.badge {
    background:#444;
    padding:3px 7px;
    border-radius:5px;
    font-size:11px;
    font-weight:bold;
}

.badge-CW { background:#3b5998; }
.badge-FT8 { background:#e28743; }
.badge-SSB { background:#25d366; }

/* FREQ */
.freq {
    color:#ff2e63;
    font-weight:bold;
}

/* TIME */
.time {
    color:#00e676;
}

/* MOBILE */
@media (max-width: 700px) {
    .dx-filters {
        flex-direction:column;
    }

    .dx-filters select,
    .dx-filters input {
        width:100%;
    }

    .dx-table th,
    .dx-table td {
        font-size:12px;
    }
}

.dx-widget-btn {
    display: block;
    margin-top: 10px;
    padding: 10px 12px;
    text-align: center;

    background: #4fc3f7 !important; /* svijetlo plava */
    color: #0b1a24 !important;

    font-weight: bold;
    text-decoration: none !important;

    border-radius: 6px;
    border: 1px solid #4fc3f7;

    transition: all 0.2s ease-in-out;
}

/* hover efekat */
.dx-widget-btn:hover {
    background: #29b6f6 !important;
    border-color: #29b6f6;
    color: #ffffff !important;
    transform: translateY(-1px);
}

/* WP theme override safety */
.dx-widget a.dx-widget-btn {
    color: #0b1a24 !important;
}