:root{--bf-bg: #0f0f14;--bf-surface: #1a1a22;--bf-border: #2a2a35;--bf-text: #f4f4f6;--bf-text-muted: #9a9aa5;--bf-primary: #ff4d8d;
  --bf-button-bg: #c93366;--bf-primary-hover: #ff6ba0;--bf-error: #ff6b6b;--bf-success: #4dd68a;--bf-radius: 14px}*{box-sizing: border-box}body{margin: 0;background: var(--bf-bg);color: var(--bf-text);font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;display: flex;min-height: 100vh;align-items: center;justify-content: center;padding: 24px}.bf-container{width: 100%;max-width: 420px}.bf-brand{text-align: center;margin-bottom: 32px;display: flex;flex-direction: column;gap: 4px}.bf-brand-name{font-size: 22px;font-weight: 800;letter-spacing: 0.5px}.bf-brand-tagline{font-size: 13px;color: var(--bf-text-muted)}.bf-card{background: var(--bf-surface);border: 1px solid var(--bf-border);border-radius: var(--bf-radius);padding: 28px 24px}.bf-card h1{font-size: 20px;margin: 0 0 20px}.bf-field{margin-bottom: 16px}.bf-field label{display: block;font-size: 13px;margin-bottom: 6px;color: var(--bf-text-muted)}.bf-field input{width: 100%;padding: 12px 14px;border-radius: 10px;border: 1px solid var(--bf-border);background: var(--bf-surface);color: var(--bf-text);font-size: 15px}.bf-field input:focus{outline: 2px solid var(--bf-primary); outline-offset: 2px;border-color: var(--bf-primary)}.bf-button{width: 100%;padding: 13px 14px;border-radius: 10px;border: none;background: var(--bf-button-bg);color: white;font-size: 15px;font-weight: 700;cursor: pointer;margin-top: 4px}.bf-button:hover{background: #b82e5c}.bf-links{display: flex;justify-content: space-between;margin-top: 18px;font-size: 13px}.bf-links a{color: var(--bf-text-muted);text-decoration: none}.bf-links a:hover{color: var(--bf-primary)}.bf-alert{border-radius: 10px;padding: 12px 14px;font-size: 13px;margin-bottom: 16px}.bf-alert-error{background: rgba(255,107,107,0.12);border: 1px solid rgba(255,107,107,0.3);color: var(--bf-error)}.bf-alert-success{background: rgba(77,214,138,0.12);border: 1px solid rgba(77,214,138,0.3);color: var(--bf-success)}.bf-status-pill{display: inline-block;padding: 4px 10px;border-radius: 999px;font-size: 12px;font-weight: 700}.bf-status-active{background: rgba(77,214,138,0.15);color: var(--bf-success)}.bf-status-inactive{background: rgba(255,107,107,0.15);color: var(--bf-error)}
.bf-brand-name{display:block}
.bf-brand img{display:block;margin:0 auto}

/* Links sem classe usam a cor de destaque do tema (também quando já visitados). */
a:not([class]), a:not([class]):visited { color: var(--bf-primary); }

/* Campos de formulário: fundo da superfície do tema (claro ou escuro), texto na cor do tema. */
.bf-field textarea, .bf-field select { background: var(--bf-surface); color: var(--bf-text); }

/* Seletor de cor: mostra a cor escolhida (não recebe o fundo dos campos de texto). */
.bf-field input[type="color"] { background: initial; padding: 4px; height: 44px; }

/* v212: no iPhone, campo com letra menor que 16px faz o Safari dar zoom ao tocar (login e cadastro). */
@media (max-width: 900px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="file"]), select, textarea { font-size: 16px !important; }
}

/* Mesclado de bloco-layout-1.css e bloco-install-form-1.css (v235). */
.bf-sr-only{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bf-skip{position:absolute;left:-9999px;top:8px;z-index:9999;background:#fff;color:#111;padding:10px 14px;border-radius:8px;font:600 14px system-ui,sans-serif;text-decoration:none}.bf-skip:focus{left:8px}
.bf-install-wrap { max-width: 520px; }
        .bf-install-wrap h2 { font-size: 13px; margin: 22px 0 8px; color: var(--bf-text-muted); text-transform: uppercase; letter-spacing: .5px; }
        .bf-install-help { font-size: 12px; color: var(--bf-text-muted); margin: 0 0 12px; line-height: 1.5; }
        .bf-install-help code { background: #0f0f14; padding: 1px 6px; border-radius: 6px; }

/* Termos e Privacidade: página larga no computador e texto confortável de ler. */
.bf-container.bf-doc{max-width:820px}
.bf-doc .bf-card{padding:28px 20px}
.bf-doc .bf-card h1{font-size:24px;margin:0 0 18px}
.bf-doc-texto{font-size:15px;line-height:1.75;color:var(--bf-text-muted);overflow-wrap:anywhere}
.bf-doc-texto h2{font-size:18px;color:var(--bf-text);margin:28px 0 8px;line-height:1.35}
.bf-doc-texto h3{font-size:16px;color:var(--bf-text);margin:20px 0 6px}
.bf-doc-texto p{margin:0 0 14px}
.bf-doc-texto ul{margin:0 0 14px;padding-left:22px}
.bf-doc-texto li{margin:0 0 6px}
.bf-doc-texto strong{color:var(--bf-text)}
@media (min-width:768px){.bf-doc .bf-card{padding:40px 48px}.bf-doc .bf-card h1{font-size:28px}}
.bf-doc-texto ol{margin:0 0 14px;padding-left:22px}
.bf-doc-canais{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:8px}
.bf-doc-canais .bf-button{display:inline-block;width:auto;text-decoration:none;padding-left:24px;padding-right:24px}
.bf-doc-email{color:var(--bf-primary);font-weight:700;font-size:15px;overflow-wrap:anywhere}
/* Logo leva ao início; trilha "Início › Página"; links do rodapé; página 404. */
a.bf-brand-name{display:block;text-decoration:none;color:inherit}
.bf-trilha{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:var(--bf-text-muted);margin:0 0 12px}
.bf-trilha a{color:var(--bf-text-muted);text-decoration:none}
.bf-trilha a:hover{color:var(--bf-primary);text-decoration:underline}
.bf-trilha [aria-current]{color:var(--bf-text);font-weight:600}
.bf-rodape-links{margin:22px 0 8px}
.bf-rodape-links nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;font-size:13px}
.bf-rodape-links a{color:var(--bf-text-muted);text-decoration:none}
.bf-rodape-links a:hover{color:var(--bf-primary);text-decoration:underline}
.bf-404{text-align:center;padding-top:34px;padding-bottom:30px}
.bf-404-figura{display:flex;justify-content:center;gap:10px;margin:0 0 18px;font-weight:900;font-size:64px;line-height:1}
.bf-404-figura span{display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:24px;background:var(--bf-bg);border:1px solid var(--bf-border);color:var(--bf-text)}
.bf-404-figura .bf-404-meio{background:var(--bf-primary);border-color:transparent;color:#fff;transform:rotate(-8deg)}
.bf-404 h1{font-size:22px;margin:0 0 10px}
.bf-404-texto{font-size:14px;color:var(--bf-text-muted);line-height:1.6;margin:0 0 18px}
.bf-404-botao{display:block;text-decoration:none}
.bf-404-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 18px;margin-top:16px;font-size:14px}
.bf-404-links a{color:var(--bf-primary)}
@media (max-width:360px){.bf-404-figura span{width:68px;height:68px;font-size:50px}}