/* admin/login.php — estilos externos extraídos sem alterar a ordem original. */

/* Bloco 1 */
body{font:16px Arial;background:#f3f4f6;color:#18212b;display:grid;place-items:center;min-height:100vh}.box{background:white;padding:32px;border:1px solid #d7dce2;border-radius:12px;width:min(390px,90vw)}input{display:block;box-sizing:border-box;width:100%;padding:12px;margin:8px 0 18px;border:1px solid #b9c2cc;border-radius:6px}button{width:100%;padding:13px;background:#18212b;color:white;border:0;border-radius:6px}.error{color:#b91c1c}

/* Bloco 2 */
/* Fase 10 — apresentação visual, isolada da autenticação existente. */
body.pw-login{font-family:var(--pw-font-sans,Inter,system-ui,-apple-system,"Segoe UI",sans-serif);background:var(--pw-color-page,#f3f4f6);color:var(--pw-color-text,#18212b);padding:24px;box-sizing:border-box}
.pw-login .box{width:min(420px,100%);padding:clamp(24px,5vw,40px);border:1px solid var(--pw-color-border,#d7dce2);border-radius:var(--pw-radius-xl,16px);box-shadow:var(--pw-shadow-lg,0 16px 40px rgba(15,23,42,.10));box-sizing:border-box}
.pw-login .brand{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.12em;color:var(--pw-color-primary,#2457a7)}
.pw-login h1{font-size:clamp(1.5rem,4vw,1.9rem);line-height:1.2;margin:14px 0 8px}
.pw-login .intro{margin:0 0 24px;color:var(--pw-color-muted,#64748b);line-height:1.5}
.pw-login label{display:block;font-size:.9rem;font-weight:650;margin:16px 0 7px}
.pw-login input{margin:0;padding:12px 14px;min-height:46px;border:1px solid var(--pw-color-border-strong,#b9c2cc);border-radius:var(--pw-radius-md,8px);font:inherit;background:var(--pw-color-surface,#fff);color:inherit}
.pw-login input:focus-visible,.pw-login button:focus-visible{outline:3px solid var(--pw-color-focus,#93c5fd);outline-offset:3px}
.pw-login button{margin-top:24px;min-height:48px;border-radius:var(--pw-radius-md,8px);font:inherit;font-weight:700;cursor:pointer;background:var(--pw-color-primary,#18212b);transition:filter .15s ease}
.pw-login button:hover{filter:brightness(1.12)}
.pw-login .error{padding:12px 14px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#991b1b;line-height:1.45}
@media(max-width:420px){body.pw-login{padding:16px}.pw-login .box{padding:24px}}
@media(prefers-reduced-motion:reduce){.pw-login button{transition:none}}