: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;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));max-width:380px;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}.sp-painel button:first-child{background:var(--sp-navy);color:#fff;border-color:var(--sp-navy)}@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}}
