/* EMPR Connect v0.8 — monochrome refinement, loaded after v0.7.
   Presentation only. No third-party fonts, tracking, or gold colors. */
:root {color-scheme: dark;--v08-white:#f7f8f9;--v08-muted:#a7adb2;--v08-line:#363b3f;--v08-black:#0a0c0f}
body:not(.profile-page) {background:linear-gradient(100deg,#090b0deb 3%,#090b0dbe 56%,#090b0de3 100%),url('/empr-surface-v08.svg') center top / cover fixed!important;}
body:not(.profile-page) header {background:linear-gradient(90deg,#090a0cf5,#111316f5)!important;border-bottom:1px solid #32383b!important;box-shadow:0 15px 35px #0005}
body:not(.profile-page) header .empr-real-header-logo {filter:brightness(1.13)!important}
body:not(.profile-page) header .empr-v07-tabs a:focus-visible,body:not(.profile-page) button:focus-visible,body:not(.profile-page) a:focus-visible,body:not(.profile-page) input:focus-visible,body:not(.profile-page) select:focus-visible{outline:2px solid white!important;outline-offset:4px!important}
body:not(.profile-page) header .empr-v07-tabs a.active:after{box-shadow:0 0 9px #ffffff4d}
body:not(.profile-page) main#app{max-width:1570px!important;padding-top:38px!important}
/* Dashboard: broad hero, controlled highlights, structured tile rhythm. */
body.empr-has-dashboard main#app{grid-template-columns:minmax(0,1fr) clamp(320px,27vw,390px);column-gap:clamp(25px,3vw,52px)}
body.empr-has-dashboard main#app>.hero{min-height:245px!important;margin-bottom:28px!important;padding-bottom:25px!important;align-items:center!important;flex-wrap:wrap!important;gap:12px!important}
body.empr-has-dashboard main#app>.hero:before{background:linear-gradient(90deg,#0a0c0e 4%,#090b0c88 63%,#090b0c5c),url('/empr-logo-v07.png') 91% 49%/min(43%,400px) auto no-repeat!important;opacity:.26!important}
body.empr-has-dashboard main#app>.hero .eyebrow{letter-spacing:.3em!important;font-size:10px!important;color:#c6cacf!important}
body.empr-has-dashboard main#app>.hero h1{font-size:clamp(36px,3.65vw,58px)!important;line-height:1.1!important;margin:12px 0 10px!important}
body.empr-has-dashboard main#app>.hero h1 span{color:#d8dcdf!important;background:linear-gradient(115deg,#f9f9f9,#aeb6bd);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
body.empr-has-dashboard main#app>.hero p{max-width:510px;font-size:14px!important;line-height:1.55!important}
body.empr-has-dashboard main#app>.hero .empr-v08-hero-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex-shrink:0}
body.empr-has-dashboard main#app>.hero #new-card{display:inline-flex!important;background:#f5f6f7!important;border-color:#f5f6f7!important;color:#101214!important;box-shadow:0 12px 25px #0006;padding:12px 18px!important;font-size:13px!important;white-space:nowrap}
body.empr-has-dashboard main#app>.hero .empr-v08-invite{display:inline-flex;background:#171a1c!important;color:#edf0f1!important;border:1px solid #51575b!important;padding:12px 16px!important;font-weight:650!important;font-size:13px!important;border-radius:10px;white-space:nowrap}
body.empr-has-dashboard main#app>.hero .empr-v08-invite:hover{background:#2b2f32!important}
body.empr-has-dashboard main#app>.grid{gap:16px!important;margin-bottom:32px!important}
body.empr-has-dashboard main#app>.grid .panel{position:relative;isolation:isolate;overflow:hidden;min-height:143px!important;border-radius:15px!important;background:linear-gradient(140deg,#24282cba,#0f1214 95%)!important;border:1px solid #51565a!important;box-shadow:inset 0 1px 0 #ffffff12,0 10px 35px #0005!important;padding:21px 18px!important}
body.empr-has-dashboard main#app>.grid .panel:after{content:'↗';position:absolute;right:17px;bottom:24px;width:26px;height:26px;border:1px solid #4c5458;background:#ffffff08;border-radius:50%;display:grid;place-items:center;color:#aeb6bb;font-size:17px;pointer-events:none}
body.empr-has-dashboard main#app>.grid .panel:nth-child(3):after{content:'◇'}
body.empr-has-dashboard main#app>.grid .panel .stat{font-size:33px!important;line-height:1.05!important;margin:10px 0!important}
body.empr-has-dashboard main#app>.grid .panel .muted{color:#bec2c6!important}
body.empr-has-dashboard main#app>.grid .panel .chip{font-size:10px!important;background:#2d3235!important;border-color:#50565a!important}
body.empr-has-dashboard main#app>.row{padding-top:24px!important;margin-top:0!important}
body.empr-has-dashboard main#app>.row h2{font-size:25px!important}
body.empr-has-dashboard main#app>.card-list{grid-template-columns:1fr!important;gap:14px!important}
body.empr-has-dashboard main#app .mini-card{position:relative;min-height:208px!important;max-width:950px;padding:21px 24px!important;background:linear-gradient(130deg,#24282bae,#0d1013 90%)!important;border:1px solid #494f53!important;box-shadow:inset 0 1px 0 #ffffff0a,0 10px 35px #0004!important}
body.empr-has-dashboard main#app .mini-card:after{content:'';display:block;position:absolute;right:21px;top:58px;width:min(33%,230px);height:126px;background:linear-gradient(#07080918,#0708096a),url('/empr-logo-v07.png') center 42%/85% auto no-repeat,#090a0c;border:1px solid #494e52;border-radius:10px;pointer-events:none}
body.empr-has-dashboard main#app .mini-card .row{padding-right:0!important}
body.empr-has-dashboard main#app .mini-card .mini-top{margin-top:17px;max-width:64%;align-items:center!important}
body.empr-has-dashboard main#app .mini-card .mini-actions{margin-top:15px!important;padding-right:35%}
body.empr-has-dashboard main#app .mini-card .avatar{height:59px!important;width:59px!important;background:#34383b!important;border:1px solid #4b5256;font-size:22px!important}
body.empr-has-dashboard main#app .mini-card h3{font-size:19px!important;line-height:1.2!important}
body.empr-has-dashboard main#app .mini-card .mini-actions .button{font-size:12px!important;min-height:36px!important}
body.empr-has-dashboard main#app>.empr-live-preview{top:28px!important}
.empr-live-preview .preview-shell{max-width:385px!important;box-shadow:0 26px 75px #0009!important;border-color:#d8d8d8!important;border-radius:19px!important}
.empr-live-preview .preview-cover{height:162px!important;padding:7px 16px 0!important;background:linear-gradient(130deg,#191b1d,#06080a)!important}
.empr-live-preview .preview-cover img{width:285px!important;height:135px!important;max-width:100%!important;object-fit:contain}
.empr-live-preview .preview-avatar{top:-42px!important}
.empr-live-preview .preview-body{padding:38px 22px 25px!important}
.empr-live-preview .preview-body h2{font-size:23px!important}
.empr-live-preview .preview-qr{margin-top:14px!important}
.empr-live-preview .preview-qr svg{width:144px!important;height:144px!important}
.empr-live-preview .preview-label{font-weight:680;color:#d0d4d7!important}
.empr-live-preview .preview-foot a{color:#e7e9eb!important}
/* Business Cards tab is real: retained original edit, view, QR and new-card handlers. */
.empr-v08-toolbar{grid-column:1!important;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:2px 0 13px;padding:15px 17px;border:1px solid #3e4549;border-radius:13px;background:#14181bbb}
.empr-v08-toolbar label{color:#dfe3e5;font-weight:650;font-size:12px}
.empr-v08-toolbar input{flex:1 1 180px;min-width:0;max-width:290px;border:1px solid #474e53;background:#0d1012;border-radius:9px;color:white;padding:11px 12px;font-size:13px}
.empr-v08-filters{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.empr-v08-filters button{background:#1b1f22;color:#c5c9cc;border:1px solid #3c4246;border-radius:9px;padding:10px 12px;font-weight:650;font-size:12px}
.empr-v08-filters button[aria-pressed="true"]{color:#0b0d0e;background:#f2f3f4;border-color:#f2f3f4}
.empr-v08-count{margin-left:auto;color:#aeb6ba;font-size:12px;white-space:nowrap}
.empr-v08-no-results{color:#cbd0d4;padding:18px;border:1px dashed #4b5256;border-radius:10px;grid-column:1!important}
.empr-v08-page-heading{grid-column:1!important;border-bottom:1px solid #41464a;padding:10px 0 26px;margin-bottom:18px}
.empr-v08-page-heading .eyebrow{color:#b9bfc4!important}
.empr-v08-page-heading h1{font-size:clamp(30px,3.3vw,46px)!important;margin:6px 0 9px!important}
.empr-v08-page-heading p{max-width:550px;font-size:14px;margin:0;color:#b6bdc0}
body.empr-v08-cards main#app>.hero,body.empr-v08-cards main#app>.grid,body.empr-v08-cards main#app>.empr-live-preview{display:none!important}
body.empr-v08-cards main#app>.row,body.empr-v08-cards main#app>.card-list,body.empr-v08-cards main#app>.empty,body.empr-v08-cards main#app>.empr-v08-toolbar,body.empr-v08-cards main#app>.empr-v08-page-heading{grid-column:1/-1!important}
body.empr-v08-cards main#app>.card-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
body.empr-v08-cards main#app>.row{margin-top:0!important;border-top:0!important}
/* Clients panel only exposes the working invitation function, not a fictitious directory. */
.empr-v08-clients{grid-column:1/-1!important;max-width:1060px;width:100%}
body.empr-v08-clients-open main#app>.hero,body.empr-v08-clients-open main#app>.grid,body.empr-v08-clients-open main#app>.row,body.empr-v08-clients-open main#app>.card-list,body.empr-v08-clients-open main#app>.empty,body.empr-v08-clients-open main#app>#message,body.empr-v08-clients-open main#app>.empr-live-preview,body.empr-v08-clients-open main#app>.empr-v08-toolbar{display:none!important}
body.empr-v08-clients-open main#app{display:block!important}
.empr-v08-clients .empr-v08-client-panel{padding:clamp(25px,4vw,49px);background:linear-gradient(138deg,#23282bbb,#111416ee);border:1px solid #4b5155;border-radius:18px;box-shadow:0 18px 45px #0005}
.empr-v08-clients .empr-v08-client-panel h1{font-size:clamp(33px,4vw,53px);margin:10px 0;line-height:1.1}
.empr-v08-clients .empr-v08-client-panel p{max-width:650px;color:#bec5c9;font-size:14px}
.empr-v08-clients .empr-v08-client-actions{margin-top:26px;display:flex;gap:14px;flex-wrap:wrap}
.empr-v08-clients .empr-v08-client-actions button{border-radius:10px;padding:12px 17px;font-weight:680;border:1px solid #545b60;background:#f7f7f7;color:#0b0d0e}
.empr-v08-clients .empr-v08-client-actions button.secondary{background:transparent;color:#e9eef0}
.empr-v08-clients .empr-v08-subnote{font-size:12px!important;color:#98a2a8!important;margin-top:20px!important}
/* Public card: preserve the current layout and ensure generous clearance under MEDIA. */
.profile-page .profile-cover{background-size:cover,min(65%,320px) auto!important;background-position:center,center 18%!important;height:230px!important}
.profile-page .profile-main .profile-image{top:-30px!important}
.profile-page .profile-main{padding-bottom:34px!important}
.profile-page .profile-buttons a:focus-visible,.profile-page .profile-links a:focus-visible{outline:2px solid #0f1112!important;outline-offset:3px}
@media(max-width:1350px){body.empr-has-dashboard main#app>.hero{min-height:250px!important}body.empr-has-dashboard main#app>.hero:before{opacity:.18!important}body.empr-has-dashboard main#app>.hero .empr-v08-hero-buttons{width:100%}}
@media(max-width:1080px){body.empr-has-dashboard main#app{grid-template-columns:minmax(0,1fr) 300px!important}body.empr-v08-cards main#app>.card-list{grid-template-columns:1fr!important}}
@media(max-width:780px){body.empr-has-dashboard main#app{display:flex!important;flex-direction:column!important}body.empr-has-dashboard main#app>.hero{min-height:220px!important;width:100%}body.empr-has-dashboard main#app>.empr-live-preview{position:static!important;margin-top:25px!important}body.empr-has-dashboard main#app>.grid{width:100%}body.empr-v08-cards main#app>.card-list{width:100%!important}body.empr-v08-cards main#app>.empr-live-preview{display:none!important}.empr-v08-toolbar{width:100%}}
@media(max-width:560px){body.empr-has-dashboard main#app>.hero h1{font-size:34px!important}body.empr-has-dashboard main#app>.hero{min-height:220px!important}.empr-v08-toolbar{gap:9px;padding:12px}.empr-v08-toolbar input{max-width:none;width:100%;flex-basis:100%}.empr-v08-count{width:100%;margin-left:0}.empr-v08-filters button{font-size:11px}body.empr-has-dashboard main#app .mini-card:after{width:34%;height:105px;right:13px;top:74px}body.empr-has-dashboard main#app .mini-card{padding:17px!important}body.empr-has-dashboard main#app .mini-card .mini-top{max-width:64%}body.empr-has-dashboard main#app .mini-card .mini-actions{padding-right:0;margin-top:15px!important}.profile-page .profile-cover{height:210px!important;background-size:cover,68% auto!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* View visibility takes precedence over decorative layout defaults. */
.empr-v08-page-heading{display:none!important}
body.empr-v08-cards .empr-v08-page-heading{display:block!important}
.empr-v08-clients[hidden],.empr-v08-no-results[hidden]{display:none!important}