/* QGabarito | Modo Foco / Zen global | 2026-09-15 | v3 */
.qg-focus-global-toggle {
    position: fixed;
    z-index: 10035;
    right: 18px;
    bottom: var(--qg-focus-offset-bottom, calc(18px + env(safe-area-inset-bottom, 0px)));
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-height: 40px;
    border: 1px solid #d2deea;
    border-radius: 12px;
    padding: .56rem .78rem;
    background: rgba(255, 255, 255, .96);
    color: #173f68;
    font: inherit;
    font-size: .86rem;
    font-weight: 800;
    cursor: pointer;
    box-shadow: 0 8px 28px rgba(15, 42, 70, .10);
    backdrop-filter: blur(10px);
}

.qg-focus-global-toggle:hover {
    background: #f7fbff;
    border-color: #8da9c4;
}

.qg-focus-global-toggle:focus-visible {
    outline: 3px solid rgba(31, 102, 177, .22);
    outline-offset: 2px;
}

body.qg-focus-mode {
    background: #f1f4f7 !important;
    overflow-x: hidden;
}

body.qg-focus-mode [data-qg-focus-hidden="1"] {
    display: none !important;
}

body.qg-focus-mode .questions-page-shell,
body.qg-focus-mode .question-page-shell {
    width: min(980px, calc(100vw - 32px));
    max-width: 980px;
    margin-inline: auto;
}

body.qg-focus-mode .question-result-card,
body.qg-focus-mode .question-card,
body.qg-focus-mode [data-qg-focus-card] {
    box-shadow: 0 10px 38px rgba(9, 31, 55, .08);
}

body.qg-focus-mode :is(.question-result-statement, .statement, .notebook-question-statement) {
    line-height: 1.72;
}

html[data-theme="dark"] .qg-focus-global-toggle {
    background: rgba(23, 34, 48, .96);
    color: #dce8f4;
    border-color: #334558;
}

html[data-theme="dark"] body.qg-focus-mode {
    background: #0d141d !important;
}

@media (max-width: 720px) {
    .qg-focus-global-toggle {
        right: 10px;
        bottom: var(--qg-focus-offset-bottom, calc(10px + env(safe-area-inset-bottom, 0px)));
        min-height: 38px;
        padding: .5rem .68rem;
        font-size: .82rem;
    }

    body.qg-focus-mode .questions-page-shell,
    body.qg-focus-mode .question-page-shell {
        width: calc(100vw - 12px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .qg-focus-global-toggle {
        transition: none;
    }
}

@media print {
    .qg-focus-enter,
    .qg-focus-global-toggle {
        display: none !important;
    }

    body.qg-focus-mode [data-qg-focus-hidden="1"] {
        display: initial !important;
    }
}