/* HS ADS PLAST — site overrides (Materio theme) */

:root {
    --hs-primary: var(--materio-primary, #004040);
}

/* Hide number input spinner arrows (amount fields, quantities, etc.) */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    display: none;
}

input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

.admin-main .card {
    border: none;
    border-radius: var(--materio-radius-lg, 0.625rem);
    box-shadow: var(--materio-shadow, 0 2px 6px rgba(67, 89, 113, 0.12));
}

.admin-main .card-header {
    background: transparent;
    border-bottom: 1px solid var(--materio-border, #d9dee3);
    font-weight: 600;
    color: var(--materio-heading, #566a7f);
}

.admin-main .btn-primary {
    background: var(--materio-primary, #696cff);
    border-color: var(--materio-primary, #696cff);
    font-weight: 500;
}

.admin-main .btn-primary:hover {
    background: var(--materio-primary-dark, #002828);
    border-color: var(--materio-primary-dark, #002828);
    box-shadow: 0 4px 10px rgba(var(--materio-primary-rgb, 0, 64, 64), 0.35);
}

.btn-primary {
    --bs-btn-bg: var(--materio-primary, #004040);
    --bs-btn-border-color: var(--materio-primary, #004040);
    --bs-btn-hover-bg: var(--materio-primary-dark, #002828);
    --bs-btn-hover-border-color: var(--materio-primary-dark, #002828);
    --bs-btn-active-bg: var(--materio-primary-dark, #002828);
    --bs-btn-active-border-color: var(--materio-primary-dark, #002828);
    --bs-btn-disabled-bg: var(--materio-primary, #004040);
    --bs-btn-disabled-border-color: var(--materio-primary, #004040);
}

.bg-label-primary,
.badge.bg-label-primary {
    background: var(--materio-primary-light, rgba(0, 64, 64, 0.14)) !important;
    color: var(--materio-primary, #004040) !important;
}

.admin-main .btn-outline-primary {
    color: var(--materio-primary, #696cff);
    border-color: var(--materio-primary, #696cff);
}

.admin-main .btn-outline-primary:hover {
    background: var(--materio-primary, #696cff);
    border-color: var(--materio-primary, #696cff);
    color: #fff;
}

.admin-main .table thead th {
    background: linear-gradient(180deg, #f0f2f8 0%, #e8ebf4 100%);
    color: #3b4a5a;
    font-weight: 700;
    font-size: 0.8125rem;
    letter-spacing: 0;
    text-transform: none;
    white-space: nowrap;
    padding: 0.85rem 1rem;
    border-bottom: 2px solid rgba(105, 108, 255, 0.35);
}

.admin-main .table tbody tr:hover td {
    background: rgba(105, 108, 255, 0.04);
}

.login-page {
    background: linear-gradient(135deg, #696cff 0%, #9055fd 50%, #f5f5f9 100%);
    min-height: 100vh;
}

.login-page .card {
    border-radius: 0.625rem;
    border: none;
    box-shadow: 0 8px 32px rgba(67, 89, 113, 0.2);
}

.password-toggle-btn {
    cursor: pointer;
    border: 1px solid var(--materio-border, #d9dee3);
    background-color: #fff;
}

.password-toggle-btn:hover {
    background-color: var(--materio-body-bg, #f5f5f9);
}

.sidebar-link.disabled {
    pointer-events: none;
    opacity: 0.5;
}

/* Responsive helpers used across views */
.report-export-buttons .btn {
    flex: 1 1 auto;
}

@media (max-width: 767.98px) {
    .report-export-buttons {
        width: 100%;
    }

    .report-export-buttons .btn {
        flex: 1 1 calc(50% - 0.25rem);
    }
}