@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{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;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;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}


/* Professional email template administration */
.email-admin-intro{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:24px;align-items:center;margin-bottom:20px}
.email-admin-intro h2{margin:4px 0 8px;font-size:24px}
.email-admin-intro p{margin:0;color:#555;line-height:1.6}
.eyebrow{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.12em;color:#7b1e24;text-transform:uppercase}
.email-vars{padding:16px 18px;background:#faf9f6;border:1px solid #e5e1d9;border-radius:10px}
.email-vars strong{display:block;font-size:12px;margin-bottom:9px}.email-vars code{display:inline-block;margin:3px 4px 3px 0;padding:4px 7px;background:#fff;border:1px solid #dedbd3;border-radius:5px;font-size:11px;color:#6b1b20}
.email-template-list{display:grid;gap:22px}.email-template-card{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(420px,1.05fr);gap:20px;padding:20px;background:#fff;border:1px solid #dedbd3;border-radius:14px;box-shadow:0 8px 26px rgba(17,17,17,.045)}
.email-template-editor,.email-template-preview{min-width:0}.template-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.template-heading h2{margin:3px 0 2px;font-size:20px}.muted{color:#777;font-size:12px;line-height:1.5}.template-status{font-size:11px;font-weight:800;padding:6px 9px;border-radius:999px;white-space:nowrap}.template-status.enabled{background:#edf5ed;color:#2f6936}.template-status.disabled{background:#f3f1ed;color:#777}.email-template-editor label{display:block;font-weight:700;font-size:12px;margin:0 0 12px}.email-template-editor input:not([type=checkbox]),.email-template-editor textarea{width:100%;margin-top:6px}.email-body-editor{min-height:190px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.5}.field-help{margin:-2px 0 14px;color:#777;font-size:11px;line-height:1.5}.checkbox-label{display:flex!important;align-items:center;gap:7px}.template-test-form{margin-top:20px;padding-top:16px;border-top:1px solid #ece9e2}.template-test-form h3{margin:0 0 4px;font-size:14px}.template-test-form p{margin:0 0 10px}.template-test-row{display:flex;gap:8px}.template-test-row input{flex:1;margin:0!important}.template-test-row button{white-space:nowrap}
.preview-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px}.preview-heading h3{margin:3px 0 0;font-size:16px}.preview-note{font-size:10px;color:#777;text-transform:uppercase;letter-spacing:.08em}.email-preview-frame{height:620px;overflow:auto;background:#f4f2ed;border:1px solid #dedbd3;border-radius:10px;padding:10px}.email-preview-frame iframe{width:100%;height:100%;min-height:600px;border:0;border-radius:6px;background:#f4f2ed}.email-preview-frame table{max-width:100%!important}.email-preview-frame img{max-width:100%!important}
@media(max-width:1050px){.email-template-card{grid-template-columns:1fr}.email-template-preview{order:2}.email-preview-frame{height:560px}.email-admin-intro{grid-template-columns:1fr}}
@media(max-width:620px){.email-template-card{padding:14px}.template-test-row{flex-direction:column}.email-preview-frame{height:520px}.email-admin-intro{padding:16px}}

/* One-to-one email composer */
.oneoff-panel{padding:24px}
.oneoff-toolbar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px}
.oneoff-toolbar h2{margin:0 0 6px}
.oneoff-toolbar p{margin:0}
.oneoff-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
.oneoff-fields label{display:block;font-weight:700;font-size:12px;color:#333}
.oneoff-fields input,.oneoff-fields textarea{width:100%;margin-top:7px}
.oneoff-fields .full{grid-column:1/-1}
.oneoff-fields textarea{min-height:300px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.55}
.oneoff-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:14px}
.oneoff-files{margin-top:24px;padding-top:20px;border-top:1px solid #ece9e2}
.oneoff-file{display:flex!important;align-items:center;gap:10px;padding:9px 0;font-weight:500!important}
.oneoff-file select{margin-left:auto}
@media(max-width:760px){.oneoff-fields{grid-template-columns:1fr}.oneoff-fields .full{grid-column:auto}.oneoff-toolbar{flex-direction:column}.oneoff-panel{padding:18px}.oneoff-file{align-items:flex-start;flex-wrap:wrap}.oneoff-file select{margin-left:28px}}

/* FINAL demo header branding */
.site-header .brand-wrap{flex-basis:215px;min-width:215px;width:215px}
.site-header .brand-logo{width:205px;max-height:54px}
@media(max-width:1500px){.site-header .brand-wrap{flex-basis:195px;min-width:195px;width:195px}.site-header .brand-logo{width:188px;max-height:50px}}
@media(max-width:1000px){.site-header .brand-wrap{flex-basis:180px;min-width:180px;width:180px}.site-header .brand-logo{width:172px;max-height:46px}}
@media(max-width:700px){.site-header .brand-wrap{flex-basis:145px;min-width:145px;width:145px}.site-header .brand-logo{width:138px;max-height:40px}}
.external-office-viewer{background:#eef1f5;border:1px solid #d9dee5;border-radius:12px;padding:14px;min-height:260px}.external-office-note{padding:10px 12px;background:#fff8e6;border:1px solid #ead59a;border-radius:10px;margin-bottom:12px;color:#5c4a16}.external-office-sheet-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.external-office-sheet-tab{background:#fff;border:1px solid #ccd5df;color:#172033;padding:8px 12px;border-radius:8px}.external-office-sheet-tab.active{background:#172033;color:#fff}.external-office-grid-wrap{background:#fff;overflow:auto;max-height:72vh;border:1px solid #ccd5df}.external-office-grid{border-collapse:collapse;min-width:900px}.external-office-grid th{position:sticky;top:0;z-index:2;background:#eef1f5;text-align:center;min-width:42px;padding:6px;border:1px solid #dce2e8}.external-office-grid td{min-width:110px;height:30px;padding:5px 7px;border:1px solid #e2e6eb;white-space:pre-wrap;vertical-align:top}.external-office-docx{max-width:900px;margin:0 auto;background:#fff;padding:40px;min-height:600px;box-shadow:0 8px 24px rgba(0,0,0,.08)}.external-office-docx p{margin:0 0 10px;white-space:pre-wrap}.external-office-ppt{display:grid;gap:18px}.external-office-slide{background:#fff;border:1px solid #ccd5df;border-radius:12px;padding:18px}.external-office-slide h3{margin:0 0 12px}.external-office-slide div{white-space:pre-wrap;padding:10px 0}
/* Office Web Viewer preview — Google Drive-like document shell */
.external-office-shell{padding:20px}
.external-office-frame{width:100%;height:min(78vh,900px);min-height:620px;background:#f3f5f8;border:1px solid #d7dce3;border-radius:12px;overflow:hidden;margin-top:14px}
.external-office-frame iframe{display:block;width:100%;height:100%;border:0;background:#fff}
@media(max-width:700px){.external-office-frame{height:72vh;min-height:520px}.external-office-shell{padding:14px}}

/* Header admin dropdowns: keep every existing and new admin destination available in the shared header. */
.site-header .admin-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap;position:relative;z-index:30}
.site-header .admin-nav .nav-menu{position:relative;display:block;font-size:13px}
.site-header .admin-nav .nav-menu>summary{list-style:none;cursor:pointer;white-space:nowrap;padding:6px 9px;border-radius:7px;color:#282522;font-size:13px;font-weight:600;user-select:none}
.site-header .admin-nav .nav-menu>summary::-webkit-details-marker{display:none}
.site-header .admin-nav .nav-menu>summary:hover,.site-header .admin-nav .nav-menu[open]>summary{background:#f3f1ec;color:#7b1e24}
.site-header .admin-nav .nav-menu>summary.is-active{background:#f4e7e8;color:#7b1e24;font-weight:800;box-shadow:inset 0 -2px 0 #7b1e24}
.site-header .admin-nav .nav-menu-items{position:absolute;top:calc(100% + 4px);left:0;min-width:205px;max-width:min(280px,88vw);padding:7px;background:#fff;border:1px solid #e6e0d8;border-radius:10px;box-shadow:0 12px 30px rgba(35,24,20,.16);display:flex;flex-direction:column;gap:2px;z-index:100}
.site-header .admin-nav .nav-menu-items a{display:block;white-space:normal;padding:9px 11px;border-radius:6px;font-size:13px;text-decoration:none;color:#282522}
.site-header .admin-nav .nav-menu-items a:hover{background:#f5efed;color:#7b1e24}
.site-header .admin-nav .nav-menu-items a.is-active{background:#f4e7e8;color:#7b1e24;font-weight:800;box-shadow:inset 3px 0 0 #7b1e24}
@media(max-width:700px){.site-header .admin-nav{align-items:flex-start}.site-header .admin-nav .nav-menu-items{position:absolute;top:calc(100% + 4px);left:0;right:auto;min-width:190px;max-width:88vw;max-height:55vh;overflow-y:auto}.site-header .admin-nav .nav-menu>summary{font-size:11px;padding:6px 7px}}

/* Private Residence field-staff access and mobile visit layout */
.residence-staff .main-nav{display:none!important}
.residence-staff .admin-nav .nav-menu:not(.residence-menu){display:none!important}
.residence-staff .residence-menu a[href$="metodo-workflows.php"],.residence-staff .residence-menu a[href$="supplier-onboarding.php"],.residence-staff .residence-menu a[href$="rfq-portal.php"]{display:none!important}
.residence-staff .admin-nav .nav-label{display:none!important}
@media(max-width:760px){
 .mp-grid{grid-template-columns:minmax(0,1fr)!important}
 .mp-panel{padding:14px!important}
 .mp-table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .mp-actions{align-items:stretch}
 .mp-actions a,.mp-actions button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
 .mp-field input,.mp-field select,.mp-field textarea{font-size:16px;max-width:100%}
 .intake-controls{position:sticky;bottom:6px;background:#fff;padding:10px;border-radius:10px;z-index:5}
}