/* EMPR Connect v2.4.2 — thumbnail centering and preview interactions. */
body.empr-has-dashboard main#app>.row .empr-v242-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;margin-left:auto}
body.empr-has-dashboard main#app>.row #new-card{display:inline-flex!important;padding:10px 16px!important;background:#f4f5f6!important;color:#0f1113!important;border-color:#f4f5f6!important;box-shadow:none!important;white-space:nowrap}
body.empr-has-dashboard main#app>.row #new-card:disabled{opacity:.4!important;cursor:not-allowed!important}
body.empr-has-dashboard main#app>.row #new-card:not(:disabled):hover{background:#dde0e2!important}
body.empr-has-dashboard main#app>.hero .empr-v08-hero-buttons{display:none!important}
/* Remove the earlier decorative, static logo to show the correct brand image. */
body.empr-has-dashboard main#app .mini-card:after{display:none!important;content:none!important}
body.empr-has-dashboard main#app .mini-card{position:relative}
body.empr-has-dashboard main#app .mini-card .empr-v242-art{position:absolute;right:21px;top:50%;transform:translateY(-50%);width:min(33%,230px);height:126px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px;border:1px solid #494e52;background:#080a0c;pointer-events:none;box-sizing:border-box}
body.empr-has-dashboard main#app .mini-card .empr-v242-art img{display:block!important;position:static!important;transform:none!important;flex:0 0 auto!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;padding:12px!important;margin:0!important;box-sizing:border-box!important}
body.empr-has-dashboard main#app .mini-card[data-empr-v242-card]{cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}
body.empr-has-dashboard main#app .mini-card.empr-v242-selected{border-color:#bfc5c9!important;box-shadow:0 0 0 1px #aab1b66b,inset 0 1px 0 #ffffff12,0 10px 35px #0005!important}
body.empr-has-dashboard main#app .mini-card[data-empr-v242-card]:focus-visible{outline:2px solid #f2f3f4!important;outline-offset:3px}
body.empr-has-dashboard main#app .mini-card .mini-actions{position:relative;z-index:2}
body.empr-has-dashboard main#app .mini-card .empr-v242-preview-action{white-space:nowrap}
.empr-v242-draft{padding:15px 9px;border:1px dashed #bbc1c5;border-radius:8px;color:#5a6065;font-size:12px;margin:14px 0}
/* Business Cards has no sidebar, so clicking a row opens a proper card-preview dialog. */
.empr-v242-dialog{background:#111416;color:#f5f6f6;border:1px solid #53575b;border-radius:18px;padding:12px 18px 24px;max-width:min(470px,calc(100vw - 28px));max-height:calc(100dvh - 32px);width:100%;box-shadow:0 30px 95px #000e;overflow:auto}
.empr-v242-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}
.empr-v242-dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px;padding:0 0 12px}
.empr-v242-dialog-toolbar button{border:1px solid #4d5155;background:#1b1e20;color:#f2f3f4;border-radius:8px;padding:9px 12px;font-size:12px;cursor:pointer}
.empr-v242-dialog-content{max-width:390px;margin:auto}
.empr-v242-dialog-content .preview-label{text-align:center;font-size:10px;letter-spacing:.2em;text-transform:uppercase;margin:6px 0 10px;color:#b6babd}
.empr-v242-dialog-content .preview-shell{background:#fff;color:#141414;border-radius:17px;overflow:hidden;max-width:385px;margin:0 auto}
.empr-v242-dialog-content .preview-cover{height:160px;display:flex;align-items:center;justify-content:center;background:#111416;padding:16px 26px}
.empr-v242-dialog-content .preview-cover img{object-fit:contain;width:100%;height:100%;max-height:128px}
.empr-v242-dialog-content .preview-body{position:relative;text-align:center;padding:37px 23px 22px}
.empr-v242-dialog-content .preview-avatar{position:absolute;left:50%;top:-40px;transform:translateX(-50%);width:82px;height:82px;border-radius:50%;border:4px solid white;background:#27292a;color:#fff;display:grid;place-items:center;object-fit:cover;font-size:28px}
.empr-v242-dialog-content .preview-org{margin-top:12px;color:#4a4d50;text-transform:uppercase;letter-spacing:.2em;font-size:10px}
.empr-v242-dialog-content h2{font-size:24px;letter-spacing:-.04em;margin:9px 0 0;color:#16191b}
.empr-v242-dialog-content .preview-title{font-size:12px;color:#666;margin:6px 0 17px}
.empr-v242-dialog-content .preview-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.empr-v242-dialog-content .preview-actions a{display:block;padding:12px 9px;background:#191b1d;border-radius:8px;color:#fff;text-decoration:none;font-size:12px}
.empr-v242-dialog-content .preview-actions a:first-child{grid-column:1/-1}
.empr-v242-dialog-content .preview-website{display:inline-block;margin:13px 0 6px;padding:8px 14px;border-radius:9px;border:1px solid #ddd;text-decoration:none;color:#222;font-size:12px}
.empr-v242-dialog-content .preview-qr{display:table;margin:10px auto 0;padding:15px;border:1px solid #e4e4e4;border-radius:10px}
.empr-v242-dialog-content .preview-qr svg{display:block;width:135px!important;height:135px!important}
.empr-v242-dialog-content .preview-qr-note{font-size:9px;letter-spacing:.15em;color:#777;margin-top:12px}
.empr-v242-dialog-content .preview-foot{text-align:center;font-size:11px;color:#bfc3c6;margin:12px 0 0}
.empr-v242-dialog-content .preview-foot a{color:#f3f4f5}
@media(max-width:560px){body.empr-has-dashboard main#app>.row{align-items:flex-start!important;gap:10px;flex-wrap:wrap!important}body.empr-has-dashboard main#app>.row .empr-v242-actions{margin-left:0!important;justify-content:flex-start!important;width:100%}body.empr-has-dashboard main#app .mini-card .empr-v242-art{width:34%;height:100px;right:13px;top:50%;transform:translateY(-50%)}body.empr-has-dashboard main#app .mini-card .empr-v242-art img{padding:5px!important}body.empr-has-dashboard main#app .mini-card .mini-actions{gap:5px!important}}