:root{--sp-navy:#123E6D;--sp-blue:#046BD2;--sp-bg:#EDF2F8;--sp-ink:#0D1B2E;--sp-muted:#526179;--sp-line:#D3DCE8}html,body{margin:0;background:var(--sp-bg)}#sistema{display:contents}#entrada{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:16px;box-sizing:border-box;font-family:IBM Plex Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--sp-ink)}.en-card{width:100%;max-width:380px;background:#fff;border:1px solid var(--sp-line);border-radius:16px;padding:24px 22px;display:grid;gap:12px;box-shadow:0 10px 30px #123e6d1a;box-sizing:border-box}.en-card h1{margin:0;font-size:20px;color:var(--sp-navy)}.en-card p{margin:0;font-size:14px;color:var(--sp-muted);line-height:1.45}.en-logo{width:170px;height:auto;justify-self:center;margin-bottom:4px}.en-carregando{text-align:center}.en-card label{display:grid;gap:5px;font-size:13px;font-weight:600;color:var(--sp-muted)}.en-card input{font:inherit;font-size:16px;padding:11px 12px;border:1px solid var(--sp-line);border-radius:10px;color:var(--sp-ink);background:#fff}.en-card input:focus{outline:2px solid var(--sp-blue);outline-offset:1px;border-color:transparent}.en-btn{font:inherit;font-weight:700;font-size:15px;padding:12px;border-radius:10px;border:0;background:var(--sp-navy);color:#fff;cursor:pointer}.en-btn:disabled{opacity:.6}.en-link{font:inherit;font-size:14px;background:none;border:0;color:var(--sp-blue);cursor:pointer;padding:4px}.en-aviso{background:#fff4e5;color:#7a4b00!important;padding:8px 10px;border-radius:8px}.sp-sync{position:fixed;left:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:95;font:600 13px IBM Plex Sans,system-ui,sans-serif;padding:8px 12px;border-radius:999px;border:0;color:#fff;background:#0d1b2e;box-shadow:0 6px 18px #0003;cursor:pointer;max-width:calc(100vw - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-sync.off{background:#8a5a00}.sp-sync.envio{background:var(--sp-blue)}.sp-sync.erro{background:#b42318}@media(max-width:760px){.sp-sync{bottom:calc(76px + env(safe-area-inset-bottom))}}.sp-painel{position:fixed;right:12px;top:calc(64px + env(safe-area-inset-top));width:min(340px,calc(100vw - 24px));z-index:96;background:#fff;color:var(--sp-ink);border:1px solid var(--sp-line);border-radius:14px;padding:14px 16px;display:grid;gap:6px;box-shadow:0 14px 40px #00000040;font:14px IBM Plex Sans,system-ui,sans-serif}.sp-painel small{color:var(--sp-muted)}.sp-painel p{margin:0}.sp-painel .err{color:#b42318}.sp-painel div{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.sp-painel button{font:inherit;font-weight:600;padding:8px 12px;border-radius:9px;border:1px solid var(--sp-line);background:#fff;cursor:pointer}@media(prefers-color-scheme:dark){html,body{background:#0b1522}.en-card,.sp-painel{background:#13202f;border-color:#24364a;color:#e6edf5}.en-card input,.sp-painel button{background:#0f1b28;color:#e6edf5;border-color:#2a3e55}.en-card h1{color:#8db4ea}.en-card p,.en-card label,.sp-painel small{color:#9fb0c3}}.sp-painel .sp-acoes{display:grid;gap:6px}.sp-painel .sp-acoes button{text-align:left}.sp-painel #spNovo{background:var(--sp-navy);color:#fff;border-color:var(--sp-navy)}.sp-painel .sair{color:#b42318;border-color:#f1c4c0}.sp-quem{display:flex;gap:10px;align-items:center}.sp-quem small{display:block}.sp-av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#dcebfb;color:#123e6d;font-weight:700;flex:none}#topConta{width:auto!important;padding:0 12px 0 8px!important;gap:6px;display:inline-flex!important;align-items:center;border-radius:999px!important;font:600 13px IBM Plex Sans,system-ui,sans-serif;color:#fff}@media(max-width:420px){#topConta .sp-top-lbl{display:none}#topConta{padding:0 8px!important}}
