:root {
    --fix-surface: #ffffff;
    --fix-text: #111827;
    --fix-muted: #4b5563;
    --fix-border: #d8e0ea;
    --fix-radius: 8px;
    --fix-shadow: 0 8px 22px rgba(15, 23, 42, 0.08);
}

body,
.content,
.card,
.modal-content,
.table-responsive,
.wolt-panel,
.wolt-stat,
.login-box,
.register-box {
    color: var(--fix-text) !important;
}

.content p,
.card p,
.card span,
.card div,
.wolt-panel p,
.wolt-panel span,
.wolt-stat span,
.table td,
.form-label,
label,
.text-muted {
    color: var(--fix-muted) !important;
}

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.card-title,
.card strong,
.card .amount,
.wolt-panel h3,
.wolt-panel h4,
.wolt-stat strong,
.table th,
.modal-title {
    color: var(--fix-text) !important;
}

.card,
.modal-content,
.table-responsive,
.wolt-panel,
.wolt-stat,
.login-box,
.register-box,
.content > .d-flex.justify-content-between,
.content > .text-center {
    border: 1px solid var(--fix-border) !important;
    border-radius: var(--fix-radius) !important;
    background: var(--fix-surface) !important;
    box-shadow: var(--fix-shadow) !important;
}

.card,
.wolt-panel,
.wolt-stat {
    overflow: visible !important;
}

.card-body {
    display: grid;
    gap: 8px;
    min-height: 112px;
    align-content: center;
    padding: 18px !important;
}

.card-title,
h5.card-title {
    margin: 0 !important;
    font-size: 0.92rem !important;
    line-height: 1.45 !important;
    font-weight: 900 !important;
}

.card-text,
.amount,
.card .amount {
    margin: 0 !important;
    font-size: clamp(1.25rem, 2.2vw, 1.75rem) !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
    overflow-wrap: anywhere;
    white-space: normal !important;
}

.bg-success,
.bg-danger,
.bg-primary,
.bg-warning,
.bg-info,
.text-white,
.card.text-white,
.card[class*="bg-"] {
    color: var(--fix-text) !important;
}

.bg-success,
.card.bg-success,
.card.text-white.bg-success {
    background: #ecfdf5 !important;
    border-color: #bbf7d0 !important;
}

.bg-primary,
.card.bg-primary,
.card.text-white.bg-primary {
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
}

.bg-danger,
.card.bg-danger,
.card.text-white.bg-danger {
    background: #fff1f2 !important;
    border-color: #fecdd3 !important;
}

.bg-warning,
.card.bg-warning,
.card.text-white.bg-warning,
.bg-info,
.card.bg-info {
    background: #fffbeb !important;
    border-color: #fde68a !important;
}

.bg-success *,
.bg-danger *,
.bg-primary *,
.bg-warning *,
.bg-info *,
.text-white *,
.card.text-white *,
.card[class*="bg-"] * {
    color: var(--fix-text) !important;
}

.btn,
button.btn {
    min-height: 42px;
    border-radius: var(--fix-radius) !important;
    color: inherit;
    white-space: normal !important;
}

.btn-primary,
.btn-success,
.btn-danger,
.btn-primary *,
.btn-success *,
.btn-danger * {
    color: #ffffff !important;
}

.btn-secondary,
.btn-outline-secondary,
.btn-outline-danger,
.btn-light {
    background: #ffffff !important;
    border: 1px solid var(--fix-border) !important;
    color: var(--fix-text) !important;
}

.btn-warning,
.btn-info {
    background: #f59e0b !important;
    border-color: #d97706 !important;
    color: #111827 !important;
}

.table-responsive {
    margin-top: 16px !important;
    overflow-x: auto !important;
}

.table {
    color: var(--fix-text) !important;
}

.table th {
    background: #eef4ff !important;
    color: var(--fix-text) !important;
    font-weight: 900 !important;
}

.table td {
    background: #ffffff !important;
    color: var(--fix-text) !important;
}

.table td *:not(.btn):not(button):not(i),
.table th * {
    color: inherit !important;
}

.form-control,
.form-select,
.input-group-text {
    background: #ffffff !important;
    color: var(--fix-text) !important;
    border-color: var(--fix-border) !important;
}

.form-control::placeholder {
    color: #6b7280 !important;
    opacity: 1 !important;
}

.alert,
.alert * {
    color: var(--fix-text) !important;
}

.alert-danger {
    background: #fff1f2 !important;
    border-color: #fecdd3 !important;
}

.alert-success {
    background: #ecfdf5 !important;
    border-color: #bbf7d0 !important;
}

.alert-warning {
    background: #fffbeb !important;
    border-color: #fde68a !important;
}

.wolt-summary-grid {
    align-items: stretch;
}

.wolt-stat {
    min-height: 124px;
}

.wolt-stat small,
.wolt-period-chip {
    color: var(--fix-muted) !important;
}

.monthly-wolt-section {
    margin-top: 24px !important;
}

.content > .text-center {
    padding: 18px;
}

@media (max-width: 640px) {
    .card-body {
        min-height: auto;
        padding: 15px !important;
    }

    .card-text,
    .amount,
    .card .amount {
        font-size: 1.35rem !important;
    }

    .wolt-stat {
        min-height: auto;
    }
}