/*
Theme Name: Marmoraria Pro
Description: Área de membros do Sistema Marmoraria Pro. Mostra o login e, depois de entrar, o aplicativo da marmoraria (projetos, prazos, equipe). Precisa do plugin "Sistema Marmoraria Pro" ativo.
Version: 0.1.0
Requires PHP: 7.4
Text Domain: marmoraria-pro-tema
*/

/* Tela de login */
body.mp-login { margin: 0; min-height: 100vh; background: #0A0A0A; color: #FDFCFB; font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif; display: grid; place-items: center; padding: 24px; -webkit-font-smoothing: antialiased; }
.mp-login-card { width: 100%; max-width: 400px; background: #141210; border: 1px solid #292524; border-radius: 16px; padding: 36px 28px; }
.mp-login-marca { font-family: 'Playfair Display', Georgia, serif; font-size: 13px; letter-spacing: .3em; text-transform: uppercase; color: #C9A84C; margin: 0 0 8px; text-align: center; }
.mp-login-card h1 { font-family: 'Playfair Display', Georgia, serif; font-size: 28px; margin: 0 0 28px; text-align: center; font-weight: 700; }
.mp-login-card label { display: block; font-size: 13px; font-weight: 600; color: #D6D3D1; margin: 0 0 6px; }
.mp-login-card input[type=text], .mp-login-card input[type=password] { width: 100%; box-sizing: border-box; min-height: 48px; border-radius: 10px; border: 1px solid #44403C; background: #0A0A0A; color: #FDFCFB; padding: 0 14px; font: inherit; margin-bottom: 18px; }
.mp-login-card input:focus-visible { outline: 2px solid #C9A84C; outline-offset: 2px; border-color: #C9A84C; }
.mp-login-card .lembrar { display: flex; align-items: center; gap: 10px; font-size: 14px; color: #D6D3D1; margin-bottom: 22px; min-height: 44px; }
.mp-login-card .lembrar input { width: 20px; height: 20px; accent-color: #C9A84C; }
.mp-login-card button { width: 100%; min-height: 48px; border: 0; border-radius: 10px; background: #C9A84C; color: #0A0A0A; font: inherit; font-weight: 700; cursor: pointer; }
.mp-login-card button:hover { filter: brightness(.95); }
.mp-login-card .esqueci { display: block; text-align: center; margin-top: 18px; color: #A8A29E; font-size: 14px; padding: 10px; }
.mp-login-card .esqueci:hover { color: #C9A84C; }
.mp-login-erro { background: #450A0A; color: #FECACA; border-radius: 10px; padding: 12px 14px; margin-bottom: 18px; font-size: 14px; }
.mp-login-card .nota { color: #A8A29E; font-size: 14px; text-align: center; margin: 0 0 18px; }
.mp-login-card a.btn-link { display: block; text-align: center; min-height: 44px; line-height: 44px; border-radius: 10px; border: 1px solid #44403C; color: #FDFCFB; text-decoration: none; margin-top: 10px; }