:root{font-family:Arial,sans-serif;color:#e8ebee;background:#1e2328;--accent:#a6ce24}
*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}
.auth-screen{min-height:100vh;display:grid;place-items:center;padding:24px}
.auth-card{width:100%;max-width:440px;background:#fff;color:#282d31;border-radius:18px;padding:32px;box-shadow:0 15px 50px #0005;border-top:5px solid var(--accent)}
.auth-logo{width:210px;max-width:100%;display:block;background:#252a2f;border-radius:8px;padding:10px;margin-bottom:26px}
.auth-eyebrow{font-size:12px;font-weight:700;color:#64748b}.auth-card h1{font-size:26px;margin:8px 0}.auth-subtitle{font-size:14px;color:#64748b;margin:0 0 24px;line-height:1.5}
label{display:block;font-weight:600;font-size:13px;margin:16px 0 7px}
input{width:100%;font:inherit;border:1px solid #dbe3ed;border-radius:9px;padding:12px;color:#232a31}
button{font:600 14px Arial,sans-serif;border-radius:9px;padding:12px 16px;border:1px solid #91b51c;background:var(--accent);color:#233006;cursor:pointer}
#loginSubmit{width:100%;margin-top:22px}button:disabled{opacity:.55;cursor:wait}input:focus-visible,button:focus-visible{outline:3px solid #82ad34;outline-offset:3px}
.auth-message{font-size:14px;line-height:1.5;min-height:22px;margin:16px 0 8px;color:#586e1e}.auth-message[data-error=true]{color:#a52f2f}
.auth-note{border-top:1px solid #e2e8f0;padding-top:16px;margin-bottom:0;font-size:12px;color:#64748b;line-height:1.5}
.auth-secondary{background:#fff;color:#536e18;margin-bottom:12px}.auth-bar{height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 18px;font-size:13px;border-bottom:1px solid #414c38}.auth-bar button{padding:7px 14px}
#panelHost iframe{display:block;border:0;width:100%;height:calc(100dvh - 52px);background:#1e2328}
@media(max-width:480px){.auth-screen{padding:14px}.auth-card{padding:24px}.auth-bar{height:auto;min-height:52px;flex-wrap:wrap}#panelHost iframe{height:calc(100dvh - 62px)}}
/* Um único viewport de aplicação, inclusive quando a identificação quebra linha. */
#appScreen{height:100dvh;display:flex;flex-direction:column;min-height:0}
.auth-bar{flex-shrink:0;flex-wrap:nowrap;height:auto;min-height:52px}
.auth-bar>span{min-width:0;overflow-wrap:anywhere}
#panelHost{flex:1;min-height:0}
#panelHost iframe{height:100%;width:100%}