/* Complemento do login Vendas: controle de tema e cores do modo escuro.
   auth-vendas.css permanece idêntico ao arquivo de referência. */
.auth-vendas-theme-toggle {
    position: fixed;
    z-index: 20;
    top: 20px;
    right: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 38px;
    padding: 8px 12px;
    border: 1px solid #d9e1ec;
    border-radius: 10px;
    background: #fff;
    color: #53647c;
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
    cursor: pointer;
}
.auth-vendas-theme-toggle:hover { color: #17358f; border-color: #9ab2db; }
.auth-vendas-theme-toggle:focus-visible { outline: 3px solid #73a9ee; outline-offset: 3px; }
@media (max-width: 860px) {
    .auth-vendas-theme-toggle { position: absolute; }
}
html[data-theme="dark"] {
    --flypper-blue: #8dbaff;
    --flypper-cyan: #73d5f3;
    --text: #e7eef8;
    --muted: #b0bed2;
    --border: #35475f;
    --danger: #ff9fab;
}
html[data-theme="dark"] body,
html[data-theme="dark"] .auth-page,
html[data-theme="dark"] .auth-form-area { background: #111d30; }
html[data-theme="dark"] .input-wrapper input { background: #1a2a42; }
html[data-theme="dark"] .input-wrapper input::placeholder { color: #9badc6; }
html[data-theme="dark"] .input-wrapper > i,
html[data-theme="dark"] .toggle-password { color: #a7b7ce; }
html[data-theme="dark"] .input-wrapper input:focus { box-shadow: 0 0 0 3px rgba(141,186,255,.18); }
html[data-theme="dark"] .btn-submit { background: #1d64d2; }
html[data-theme="dark"] .btn-submit:hover { background: #2878e5; }
html[data-theme="dark"] .auth-link { color: #b0bed2; }
html[data-theme="dark"] .alert-success { color: #8fdfbd; background: #173b2f; border-color: #396953; }
html[data-theme="dark"] .alert-error { color: #ffadb8; background: #3d2632; border-color: #714452; }
html[data-theme="dark"] .auth-vendas-theme-toggle { color: #c0cee2; background: #1a2a42; border-color: #35475f; }
html[data-theme="dark"] .auth-vendas-theme-toggle:hover { color: #9bc4ff; border-color: #6a8aba; }