/* Modal de login antes do checkout — Padrão ON, escuro por padrão.
   Cores em hex literal de propósito: as páginas da família não concordam no
   nome dos tokens, e o modal atravessa todas elas (mesma razão do direitos.php). */
.dl-modal{box-sizing:border-box;width:min(380px,calc(100% - 28px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #232A34;border-radius:12px;padding:0;background:#11151B;color:#E8ECF1;font-family:"Segoe UI",system-ui,sans-serif;text-align:center}
.dl-modal::backdrop{background:rgba(11,14,18,.78)}
.dl-modal *{box-sizing:border-box}
.dl-heading{padding:30px 20px 20px;background:#171C24;border-bottom:1px solid #232A34}
.dl-brand{font-size:19px;font-weight:700;margin:0 0 20px;letter-spacing:-.3px}
.dl-modal h2{font-size:24px;font-weight:600;letter-spacing:-.02em;margin:0;line-height:1.2;color:#E8ECF1}
.dl-close{position:absolute;top:8px;right:8px;width:32px!important;height:32px;padding:0!important;margin:0!important;border:0;border-radius:6px;background:transparent!important;color:#9AA4B0!important;font-size:24px;line-height:1;cursor:pointer}
.dl-close:hover{color:#E8ECF1!important}
.dl-body{padding:20px}
.dl-intro{font-size:14px;line-height:1.6;color:#9AA4B0;margin:0 0 16px}
#lc-google{display:flex;justify-content:center;min-height:0}
#lc-google:not(:empty){margin-bottom:18px}
.dl-primary{display:block;width:100%;min-height:54px;border:0;border-radius:0 0 11px 11px;background:#00D26A;color:#0B0E12;font:700 14.5px "Segoe UI",system-ui,sans-serif;letter-spacing:.3px;cursor:pointer;margin:0;padding:17px}
.dl-primary:hover{filter:brightness(1.08)}
.dl-modal button:disabled{opacity:.55;cursor:wait;filter:none}
.dl-modal input:not([type=checkbox]){display:block;width:100%;height:46px;min-width:0;padding:12px;border:1px solid #232A34;border-radius:6px;background:#171C24;color:#E8ECF1;font:16px "Segoe UI",system-ui,sans-serif}
.dl-modal input:not([type=checkbox]):focus{border-color:#00D26A;outline:none}
.dl-modal label:not(.dl-consent){display:block;text-align:left;font-family:Consolas,ui-monospace,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9AA4B0;margin:10px 0 8px}
.dl-consent{display:flex;align-items:flex-start;gap:8px;text-align:left;margin:14px 0 0;font-size:12.5px;line-height:1.5;color:#9AA4B0}
.dl-consent input{width:16px;height:16px;flex-shrink:0;margin:2px 0 0;accent-color:#00D26A}
.dl-link{display:inline-block;background:none;border:0;color:#35B8E0;text-decoration:underline;text-underline-offset:2px;padding:10px 0 0;margin:0;font:12.5px "Segoe UI",system-ui,sans-serif;cursor:pointer;width:auto}
.dl-note{font-size:12px;line-height:1.6;color:#9AA4B0;margin:0}
.dl-modal .dl-footer{display:block;width:100%;padding:0!important;margin:0;background:#171C24;border-top:1px solid #232A34;text-align:center}
.dl-footer>.dl-note{padding:14px 20px}
.dl-note a{color:#35B8E0}
#lc-status{font-size:13px;line-height:1.5;color:#00D26A;margin:12px 0 0}
#lc-status:empty{display:none}
#lc-code{text-align:center;letter-spacing:7px;font-size:22px;font-family:Consolas,ui-monospace,monospace}
.dl-modal [hidden]{display:none!important}
.dl-modal :focus-visible{outline:2px solid #35B8E0;outline-offset:3px}
/* Tema claro das páginas que trocam pelo atributo data-tema (nucleondata.com, databaseon.com.br). */
:root[data-tema="claro"] .dl-modal{background:#FFFFFF;color:#0B0E12;border-color:#D6DEE7}
:root[data-tema="claro"] .dl-modal::backdrop{background:rgba(11,14,18,.45)}
:root[data-tema="claro"] .dl-heading,:root[data-tema="claro"] .dl-modal .dl-footer{background:#F4F6F9;border-color:#D6DEE7}
:root[data-tema="claro"] .dl-modal h2{color:#0B0E12}
:root[data-tema="claro"] .dl-intro,:root[data-tema="claro"] .dl-note,:root[data-tema="claro"] .dl-consent,:root[data-tema="claro"] .dl-modal label:not(.dl-consent){color:#5A6674}
:root[data-tema="claro"] .dl-modal input:not([type=checkbox]){background:#FFFFFF;color:#0B0E12;border-color:#D6DEE7}
:root[data-tema="claro"] .dl-link,:root[data-tema="claro"] .dl-note a{color:#0B7FA6}
:root[data-tema="claro"] #lc-status{color:#00794A}
:root[data-tema="claro"] .dl-primary{background:#00794A;color:#FFFFFF}
