@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#111;--muted:#6d6d6d;--line:#deded8;--paper:#f7f6f2;--panel:#fff;--accent:#b8b3a7;--dark:#111}
body{font-family:Inter,Arial,sans-serif;background:var(--paper);color:var(--ink)}h1,h2,h3,button,.button,.brand-text{font-family:Manrope,Inter,sans-serif}header{background:#fff;border-bottom:1px solid var(--line)}header .brand-wrap{color:var(--ink)}header nav a{color:#333;text-decoration:none;padding:8px 10px;border-radius:8px}header nav a:hover{background:#f3f1ec;color:#7b1e24}header nav a:focus-visible{outline:2px solid #7b1e24;outline-offset:2px}header .brand-logo{object-fit:contain;width:142px;height:34px}header .brand-text{font-weight:700;letter-spacing:.02em;color:#555}.panel,.stat,.notice{border-color:var(--line);box-shadow:0 8px 30px rgba(17,17,17,.04)}button,.button{background:#111;color:#fff;border-color:#111}.button.secondary{background:#fff;color:#111;border-color:#cfcfc8}a{color:#111}footer{background:#111;color:#fff;border-top:0}.brand-footer img{filter:invert(1);width:120px}.copyright{color:#bbb}.grid .stat b{font-family:Manrope}.metodo-nav{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}.metodo-nav a{padding:9px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:600;font-size:13px}.metodo-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#777;font-weight:700}.status{display:inline-block;padding:4px 8px;border-radius:99px;background:#eee;font-size:11px;font-weight:700}.status.sent{background:#e8efe7}.status.opened{background:#e8edf5}.status.clicked{background:#eee8df}.status.replied{background:#e7e3f2}.warning{padding:12px 14px;border:1px solid #d6c99c;background:#fbf7e7;border-radius:10px}.danger{color:#9b2222}.small{font-size:12px;color:#777}.table-wrap{overflow:auto}.table-wrap table{min-width:900px}.metric-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.metric span{display:block;color:#777;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.metric strong{display:block;font:800 27px Manrope;margin-top:6px}@media(max-width:900px){.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.metric-grid{grid-template-columns:1fr}}

.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:18px;z-index:1000}.modal[hidden]{display:none}.modal-card{width:min(900px,100%);height:min(88vh,900px);background:#fff;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.25);display:flex;flex-direction:column;padding:18px}.modal-card iframe{width:100%;height:100%;border:1px solid #ddd;border-radius:8px;background:#f7f6f2}.preview-meta{display:flex;gap:18px;flex-wrap:wrap;padding:10px 0 14px;color:#555}.lead-table th,.lead-table td{vertical-align:top}.timeline{display:grid;gap:10px}.timeline-item{border-left:3px solid #6f1d45;padding:10px 14px;background:#faf9f6}.timeline-item span{color:#777;font-size:12px;margin-left:8px}.toolbar{display:flex;gap:10px;align-items:center;justify-content:flex-start;flex-wrap:wrap}.toolbar h2{margin-right:auto}@media(max-width:760px){.modal-card{height:94vh;padding:10px}.lead-table{min-width:1000px}.table-wrap{overflow-x:auto}}

/* Final shared layout / authentication polish */
html,body{min-height:100%}
body.app-page,body.auth-page{min-height:100vh;display:flex;flex-direction:column}
.site-header{position:relative!important;top:auto!important;background:#fff!important;border-bottom:1px solid var(--line)!important;box-shadow:0 2px 14px rgba(17,17,17,.05)!important;padding:0!important;color:var(--ink)!important}
.site-header-inner{width:100%;margin:0 auto;padding:13px 28px;display:flex;align-items:center;gap:24px;min-width:0}
.site-header .brand-wrap{flex:0 0 178px;min-width:178px;display:flex;align-items:center;justify-content:flex-start}
.site-header .brand-logo{display:block;width:168px;height:auto;max-height:42px;object-fit:contain}
.nav-area{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}
.nav-area nav{display:flex;align-items:center;justify-content:flex-start;gap:2px;flex-wrap:wrap;overflow:visible;padding:1px 0;min-width:0}
.nav-area nav a{white-space:nowrap;font-size:13px;padding:6px 8px}
.nav-area nav a:hover{background:#f3f1ec;color:#7b1e24}
.admin-nav{border-top:1px solid #f0eee9;padding-top:4px!important}
.admin-nav .nav-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#7b1e24;padding:0 5px;white-space:nowrap}
.account-nav{display:flex;align-items:center;gap:7px;flex:0 0 auto;white-space:nowrap}
.account-nav a{font-size:13px;padding:8px 10px;border:1px solid var(--line);border-radius:9px;text-decoration:none;color:#222}
.account-nav .logout-link{background:#111;color:#fff;border-color:#111}
.auth-header-label{margin-left:auto;font-size:12px;color:#777;font-weight:600;letter-spacing:.02em}
.site-main{flex:1;width:min(1280px,100%);margin:0 auto;padding:38px 24px 48px}
.site-main>h1{margin:0 0 22px}
.auth-page .site-main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:58px 24px 70px}
.auth-page .site-main>h1{width:min(560px,100%);font-size:42px;text-align:left;margin:0 0 18px}
.auth-page .site-main>.panel{width:min(560px,100%);margin:0;padding:28px 30px;border-radius:18px;box-shadow:0 18px 55px rgba(17,17,17,.08)}
.auth-page .site-main>.panel label{margin:0 0 16px}
.auth-page .site-main>.panel input{min-height:48px;font-size:15px}
.auth-page .site-main>.panel button{min-height:46px;padding:10px 20px;font-size:15px}
.site-footer{margin-top:auto;background:#111;color:#fff;border-top:0;padding:22px 24px 24px;text-align:center}
.site-footer .brand-footer{min-height:42px}
.site-footer .brand-footer img{display:block;width:172px;height:auto;max-height:42px;filter:brightness(0) invert(1);margin:0 auto}
.site-footer .copyright{color:#c7c7c7;margin-top:10px}
@media(max-width:1200px){
 .site-header-inner{padding:12px 20px;gap:16px}
 .site-header .brand-wrap{flex-basis:150px;min-width:150px}
 .site-header .brand-logo{width:154px}
 .nav-area nav a{font-size:12px;padding:5px 7px}
 .account-nav a{font-size:12px;padding:7px 8px}
}
@media(max-width:900px){
 .site-header-inner{flex-wrap:wrap;align-items:center}
 .site-header .brand-wrap{flex:0 0 auto;min-width:142px}
 .nav-area{order:3;flex:1 0 100%;width:100%}
 .account-nav{margin-left:auto}
 .nav-area nav{flex-wrap:wrap}
}
@media(max-width:700px){
 .site-header-inner{padding:10px 14px;gap:10px}
 .site-header .brand-wrap{min-width:122px}
 .site-header .brand-logo{width:136px;max-height:38px}
 .account-nav a{padding:6px 7px;font-size:11px}
 .nav-area nav a{font-size:11px;padding:5px 6px}
 .site-main{padding:26px 14px 38px}
 .auth-page .site-main{padding:38px 14px 50px}
 .auth-page .site-main>h1{font-size:34px}
 .auth-page .site-main>.panel{padding:22px 20px}
 .auth-header-label{font-size:10px}
 .site-footer{padding:18px 14px 20px}
 .site-footer .brand-footer img{width:150px}
}


/* FINAL v4 shared navigation hardening */
.site-header-inner{width:100%;max-width:none;margin:0;padding:12px 36px;display:flex;align-items:center;gap:22px;min-width:0}
.site-header .brand-wrap{flex:0 0 180px;min-width:180px;width:180px;display:flex;align-items:center;justify-content:flex-start}
.site-header .brand-logo{display:block;width:160px;height:auto;max-height:46px;object-fit:contain}
.nav-area{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.nav-area nav{display:flex;align-items:center;justify-content:flex-start;gap:1px;flex-wrap:wrap;overflow:visible;min-width:0}
.nav-area nav a{white-space:nowrap;font-size:13px;padding:6px 8px}
.admin-nav{border-top:1px solid #f0eee9;padding-top:4px!important}
.account-nav{flex:0 0 auto;display:flex;align-items:center;gap:7px;white-space:nowrap}
.auth-header-label{display:none!important}
.site-footer .brand-footer img{display:block;width:170px;height:auto;max-height:46px;filter:brightness(0) invert(1);margin:0 auto}
@media(max-width:1500px){.site-header-inner{padding-left:24px;padding-right:24px;gap:14px}.site-header .brand-wrap{flex-basis:160px;min-width:160px;width:160px}.site-header .brand-logo{width:150px}.nav-area nav a{font-size:12px;padding:5px 6px}.account-nav a{font-size:12px;padding:7px 8px}}
@media(max-width:1000px){.site-header-inner{flex-wrap:wrap}.nav-area{order:3;flex:1 0 100%;width:100%}.account-nav{margin-left:auto}}
@media(max-width:700px){.site-header-inner{padding:10px 14px}.site-header .brand-wrap{flex-basis:135px;min-width:135px;width:135px}.site-header .brand-logo{width:130px;max-height:38px}.nav-area nav a{font-size:11px;padding:5px 6px}.site-footer .brand-footer img{width:150px}}

/* FINAL active navigation state */
.site-header .nav-area nav a.is-active{background:#f4e7e8;color:#7b1e24;font-weight:800;box-shadow:inset 0 -2px 0 #7b1e24}
.site-header .admin-nav a.is-active{background:#f4e7e8;color:#7b1e24;box-shadow:inset 0 -2px 0 #7b1e24}
.site-header .nav-area nav a.is-active:hover{background:#f0dfe1;color:#7b1e24}