:root {
    --qsa-color-primary: #b5121b;
    --qsa-color-primary-dark: #7f0b12;
    --qsa-color-sac: #d94a50;
    --qsa-color-reprocesso: #277db7;
    --qsa-color-varredura: #e47b22;
    --qsa-color-inspecoes: #7252a6;
    --qsa-color-configuracoes: #52616b;
    --qsa-admin-accent: var(--qsa-color-primary);
    --qsa-admin-surface: rgba(255, 255, 255, .96);
    --qsa-admin-border: rgba(55, 65, 72, .14);
    --qsa-shadow-card: 0 18px 44px rgba(27, 35, 40, .12), 0 3px 10px rgba(27, 35, 40, .07);
    --qsa-radius-card: 1rem;
    --qsa-admin-enter-duration: 520ms;
    --qsa-admin-ease: cubic-bezier(.2, .72, .25, 1);
}

.qsa-admin-live[data-qsa-admin-module="sac"] { --qsa-admin-accent: var(--qsa-color-sac); }
.qsa-admin-live[data-qsa-admin-module="reprocesso"] { --qsa-admin-accent: var(--qsa-color-reprocesso); }
.qsa-admin-live[data-qsa-admin-module="varredura"] { --qsa-admin-accent: var(--qsa-color-varredura); }
.qsa-admin-live[data-qsa-admin-module="inspecoes"] { --qsa-admin-accent: var(--qsa-color-inspecoes); }
.qsa-admin-live[data-qsa-admin-module="configuracoes"],
.qsa-admin-live[data-qsa-admin-module="usuarios"],
.qsa-admin-live[data-qsa-admin-module="textos"] { --qsa-admin-accent: var(--qsa-color-configuracoes); }

.qsa-admin-live {
    min-width: 0;
    overflow-x: hidden;
    background:
        radial-gradient(circle at 8% 10%, color-mix(in srgb, var(--qsa-admin-accent) 10%, transparent), transparent 32rem),
        linear-gradient(145deg, #f8f9fa, #eef1f2 58%, #f8f9fa);
}

.qsa-admin-live .qsa-admin-header {
    position: relative;
    z-index: 20;
    min-height: auto;
    background: linear-gradient(118deg, #760b11 0%, #b5121b 47%, #d42a32 100%);
    border-bottom: 4px solid #f4c430;
    box-shadow: 0 9px 26px rgba(73, 5, 10, .24);
}
.qsa-admin-live .qsa-admin-header::after {
    position: absolute;
    right: 0;
    bottom: -4px;
    width: min(34vw, 420px);
    height: 4px;
    content: "";
    background: var(--qsa-admin-accent);
}
.qsa-admin-live .qsa-admin-header .container { max-width: 1500px; }
.qsa-admin-live .simas-brand {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .2);
}
.qsa-admin-live .qsa-logo { width: auto; max-height: 52px; object-fit: contain; }
.qsa-admin-live .admin-nav {
    flex: 1 1 560px;
    justify-content: center;
    gap: .3rem;
}
.qsa-admin-live .admin-nav a {
    position: relative;
    padding: .55rem .7rem;
    border-radius: .6rem;
    text-decoration: none;
    transition: background-color 180ms ease, transform 180ms ease, box-shadow 180ms ease;
}
.qsa-admin-live .admin-nav a:hover,
.qsa-admin-live .admin-nav a:focus-visible {
    background: rgba(255, 255, 255, .14);
    transform: translateY(-1px);
}
.qsa-admin-live .admin-nav a.active {
    background: rgba(255, 255, 255, .19);
    box-shadow: inset 0 -3px #f4c430;
}
.qsa-admin-live .user-area {
    padding: .35rem .45rem .35rem .75rem;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: .75rem;
    background: rgba(86, 6, 11, .26);
}

.qsa-admin-live .qsa-live-content { flex: 1 0 auto; }
.qsa-admin-live .page-content {
    align-items: flex-start;
    width: 100%;
    padding: clamp(2rem, 4vw, 4rem) 0;
}
.qsa-admin-live .container { min-width: 0; }
.qsa-admin-live h1 {
    color: #222b30;
    letter-spacing: -.025em;
}
.qsa-admin-live .section-kicker { color: var(--qsa-admin-accent); }
.qsa-admin-live .accent-line {
    background: linear-gradient(90deg, var(--qsa-admin-accent), #f4c430);
    box-shadow: 0 3px 10px color-mix(in srgb, var(--qsa-admin-accent) 22%, transparent);
}

.qsa-admin-live .admin-card,
.qsa-admin-live .content-card,
.qsa-admin-live .metric-card,
.qsa-admin-live .varredura-card,
.qsa-admin-live .reprocesso-main,
.qsa-admin-live .login-card {
    position: relative;
    width: 100%;
    max-width: none;
    overflow: hidden;
    background: linear-gradient(112deg, color-mix(in srgb, var(--qsa-admin-accent) 6%, #fff), var(--qsa-admin-surface) 28%);
    border: 1px solid var(--qsa-admin-border);
    border-radius: var(--qsa-radius-card);
    box-shadow: var(--qsa-shadow-card);
}
.qsa-admin-live .admin-card::before,
.qsa-admin-live .content-card::before,
.qsa-admin-live .metric-card::before,
.qsa-admin-live .varredura-card::before,
.qsa-admin-live .reprocesso-main::before,
.qsa-admin-live .login-card::before {
    position: absolute;
    z-index: 2;
    inset: 0 auto 0 0;
    width: 6px;
    content: "";
    background: linear-gradient(180deg, color-mix(in srgb, var(--qsa-admin-accent) 68%, #fff), var(--qsa-admin-accent));
}
.qsa-admin-live .admin-card,
.qsa-admin-live .content-card { padding: clamp(1.4rem, 3vw, 2.5rem); }
.qsa-admin-live .form-card { max-width: 800px; }
.qsa-admin-live .login-card { max-width: 500px; }

.qsa-admin-live .sac-nav {
    padding: .35rem;
    background: rgba(255, 255, 255, .72);
    border: 1px solid var(--qsa-admin-border);
    border-radius: .85rem;
    box-shadow: 0 8px 22px rgba(25, 32, 36, .06);
}
.qsa-admin-live .sac-nav a {
    border-color: transparent;
    background: transparent;
    transition: color 160ms ease, background-color 160ms ease, transform 160ms ease;
}
.qsa-admin-live .sac-nav a:hover,
.qsa-admin-live .sac-nav a:focus-visible {
    color: var(--qsa-admin-accent);
    background: color-mix(in srgb, var(--qsa-admin-accent) 9%, #fff);
    border-color: color-mix(in srgb, var(--qsa-admin-accent) 28%, transparent);
    transform: translateY(-1px);
}

.qsa-admin-live .form-control,
.qsa-admin-live .form-select,
.qsa-admin-live .input-group-text {
    min-height: 44px;
    border-color: #cfd5d8;
    background-color: rgba(255, 255, 255, .9);
    border-radius: .65rem;
}
.qsa-admin-live textarea.form-control { min-height: 110px; }
.qsa-admin-live .form-control:focus,
.qsa-admin-live .form-select:focus,
.qsa-admin-live .form-check-input:focus {
    border-color: var(--qsa-admin-accent);
    box-shadow: 0 0 0 .22rem color-mix(in srgb, var(--qsa-admin-accent) 18%, transparent);
}
.qsa-admin-live .form-label { color: #374147; font-weight: 650; }
.qsa-admin-live .filter-box {
    background: color-mix(in srgb, var(--qsa-admin-accent) 5%, #f8f9fa);
    border-color: color-mix(in srgb, var(--qsa-admin-accent) 18%, #dfe3e5);
}

.qsa-admin-live .table-responsive {
    overflow-x: auto;
    border: 1px solid var(--qsa-admin-border);
    border-radius: .85rem;
    background: #fff;
}
.qsa-admin-live .table { min-width: 640px; margin-bottom: 0; }
.qsa-admin-live .table > thead > tr > th {
    padding: .9rem .8rem;
    color: #fff;
    background: linear-gradient(110deg, color-mix(in srgb, var(--qsa-admin-accent) 82%, #263238), var(--qsa-admin-accent));
    border: 0;
    white-space: nowrap;
}
.qsa-admin-live .table > tbody > tr { transition: background-color 150ms ease; }
.qsa-admin-live .table > tbody > tr:hover > * {
    background: color-mix(in srgb, var(--qsa-admin-accent) 6%, #fff);
}
.qsa-admin-live .table > tbody > tr > * { padding: .8rem; vertical-align: middle; }

.qsa-admin-live .btn {
    border-radius: .65rem;
    font-weight: 650;
    transition: transform 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
}
.qsa-admin-live .btn:hover:not(:disabled) { transform: translateY(-1px); }
.qsa-admin-live .btn:active:not(:disabled) { transform: translateY(0); }
.qsa-admin-live .btn-qsa {
    background: var(--qsa-admin-accent);
    border-color: var(--qsa-admin-accent);
    box-shadow: 0 7px 16px color-mix(in srgb, var(--qsa-admin-accent) 23%, transparent);
}
.qsa-admin-live .btn:focus-visible,
.qsa-admin-live a:focus-visible {
    outline: 3px solid color-mix(in srgb, #f4c430 72%, #fff);
    outline-offset: 2px;
}

.qsa-admin-live .alert {
    border: 0;
    border-left: 5px solid currentColor;
    border-radius: .7rem;
    box-shadow: 0 7px 20px rgba(30, 39, 44, .08);
}
.qsa-admin-live .badge { padding: .48em .7em; border-radius: 999px; letter-spacing: .02em; }
.qsa-admin-live .pagination .page-link { color: var(--qsa-admin-accent); }
.qsa-admin-live .qsa-footer {
    background: rgba(255, 255, 255, .82);
    border-top: 1px solid var(--qsa-admin-border);
    backdrop-filter: blur(8px);
}

.js-enabled .qsa-admin-live .qsa-admin--prepared .qsa-admin-page-title,
.js-enabled .qsa-admin-live .qsa-admin--prepared .qsa-admin-page-action,
.js-enabled .qsa-admin-live .qsa-admin--prepared .qsa-admin-enter { opacity: 0; }
.js-enabled .qsa-admin-live .qsa-admin--prepared .qsa-admin-page-title { transform: translateY(-14px); }
.js-enabled .qsa-admin-live .qsa-admin--prepared .qsa-admin-enter { transform: translateY(16px); }
.js-enabled .qsa-admin-live .qsa-admin--running .qsa-admin-page-title {
    animation: qsa-admin-title-enter 450ms var(--qsa-admin-ease) both;
}
.js-enabled .qsa-admin-live .qsa-admin--running .qsa-admin-page-action {
    animation: qsa-admin-soft-enter 420ms 100ms var(--qsa-admin-ease) both;
}
.js-enabled .qsa-admin-live .qsa-admin--running .qsa-admin-enter {
    animation: qsa-admin-content-enter var(--qsa-admin-enter-duration) var(--qsa-admin-ease) both;
    animation-delay: calc(100ms + var(--qsa-admin-enter-index, 0) * 85ms);
}
.js-enabled .qsa-admin-live .qsa-admin--running .alert {
    animation: qsa-admin-alert-enter 430ms var(--qsa-admin-ease) both;
}
@keyframes qsa-admin-title-enter {
    from { opacity: 0; transform: translateY(-14px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes qsa-admin-content-enter {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: translateY(0); }
}
@keyframes qsa-admin-soft-enter {
    from { opacity: 0; transform: translateX(10px); }
    to { opacity: 1; transform: translateX(0); }
}
@keyframes qsa-admin-alert-enter {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 991.98px) {
    .qsa-admin-live .qsa-admin-header .container { align-items: flex-start !important; }
    .qsa-admin-live .admin-nav {
        order: 3;
        flex-basis: 100%;
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: .2rem;
        scrollbar-width: thin;
    }
    .qsa-admin-live .admin-nav a { flex: 0 0 auto; }
}
@media (max-width: 575.98px) {
    .qsa-admin-live .qsa-admin-header .container { padding-block: .75rem !important; }
    .qsa-admin-live .user-area { max-width: 58%; }
    .qsa-admin-live .page-content { padding: 1.35rem 0 2rem; }
    .qsa-admin-live .admin-card,
    .qsa-admin-live .content-card,
    .qsa-admin-live .login-card { padding: 1.2rem 1rem 1.2rem 1.25rem; }
    .qsa-admin-live .d-flex.gap-2 { flex-wrap: wrap; }
    .qsa-admin-live .actions-cell { white-space: normal; }
    .qsa-admin-live .actions-cell .btn,
    .qsa-admin-live .actions-cell form { margin-bottom: .25rem; }
}
@media (min-width: 700px) and (max-width: 1100px) and (pointer: coarse) {
    .qsa-admin-live .row > [class*="col-md-"] { min-width: 0; }
}
@media (prefers-reduced-motion: reduce) {
    .qsa-admin-live *,
    .qsa-admin-live *::before,
    .qsa-admin-live *::after { scroll-behavior: auto !important; }
    .js-enabled .qsa-admin-live .qsa-admin--running .qsa-admin-page-title,
    .js-enabled .qsa-admin-live .qsa-admin--running .qsa-admin-page-action,
    .js-enabled .qsa-admin-live .qsa-admin--running .qsa-admin-enter,
    .js-enabled .qsa-admin-live .qsa-admin--running .alert {
        animation: qsa-admin-reduced-enter 220ms ease-out both !important;
        animation-delay: 0ms !important;
    }
    .qsa-admin-live .btn,
    .qsa-admin-live .admin-nav a,
    .qsa-admin-live .table > tbody > tr { transition-duration: 80ms !important; }
}
@keyframes qsa-admin-reduced-enter {
    from { opacity: .35; }
    to { opacity: 1; }
}
