/* === Синяя тема для Dimension === */
body, #bg:before {
    background-color: #0a1929 !important;
    background-image: linear-gradient(to top, rgba(10, 25, 41, 0.8), rgba(10, 25, 41, 0.8)), url('../../images/overlay.png') !important;
}
#main article {
    background-color: rgba(10, 25, 41, 0.9) !important;
    border: 1px solid #1e3a5f;
}
h1, h2, h3, h4, h5, h6, p, label, a {
    color: #b0c7e0 !important;
}
input[type="submit"].primary,
.button.primary,
button.primary,
.button.primary.small {
    background-color: #1565c0 !important;
    color: #ffffff !important;
    box-shadow: 0 0 10px #1565c0;
    border: none;
}
.button,
input[type="submit"],
button {
    background-color: transparent;
    color: #64b5f6 !important;
    box-shadow: inset 0 0 0 1px #64b5f6;
    border: none;
}
.button:hover,
input[type="submit"]:hover {
    background-color: rgba(21, 101, 192, 0.2);
    color: #ffffff !important;
}
#header nav ul {
    border-color: #1e3a5f;
}
#header nav ul li a {
    color: #64b5f6 !important;
}
#header nav ul li a:hover {
    background-color: rgba(21, 101, 192, 0.2);
}
.table-wrapper table,
.table-wrapper th,
.table-wrapper td {
    border-color: #1e3a5f;
    color: #b0c7e0;
}
.table-wrapper tbody tr:nth-child(2n+1) {
    background-color: rgba(30, 58, 95, 0.3);
}
.correct {
    background-color: #2e7d32 !important;
    color: #ffffff !important;
}
.wrong {
    background-color: #c62828 !important;
    color: #ffffff !important;
}
#timer {
    color: #64b5f6 !important;
}

/* Увеличенные отступы между полями ввода */
.field {
    margin-bottom: 1.5rem !important;
}
.fields .field,
.fields .field.half {
    margin-bottom: 1.5rem !important;
    padding-top: 0 !important;
}

/* Логотип в правом верхнем углу (привязан к фиксированному слою #bg) */
/* Логотип в правом верхнем углу (привязан к фиксированному слою #bg) */
#bg {
    position: fixed;
}
#bg::after {
    content: "";
    position: absolute;
    top: 30px;             /* отступ сверху */
    right: 30px !important; /* отступ справа – теперь точно справа */
    width: 190px;           /* ширина логотипа */
    height: 120px;          /* высота логотипа */
    background: url("../../images/logo.png") no-repeat center/contain;
    pointer-events: none;
    z-index: 999;
}